@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #fff url(../images/main_bg.gif) top repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif}
html { padding:0; margin:0;}
/*alap bordó: #9b0c0c*/
/* main */
.main {width:100%; padding:0; margin:0 auto;}
.resize { width:990px; margin:0 auto;}

.pb {float:right; line-height:10px; width:100px; border:1px solid #9b0c0c; margin-right:2px; margin-top:22px; font-size:10px;}
.help {float:right; position: relative; left:0px; width:40px; height:40px; margin-right:5px; top:13px; background-image:url(../images/help.png); background-repeat:no-repeat;}

/********** header **********/
.block_header {margin:0 auto; padding:0; width:964px; background:url(../images/blog_header.gif) top no-repeat;}
/*logo*/
.logo { float:left; padding:0; margin:0; width:244px;}
/* search */
.search { padding:0; margin:10px 0 0 0; float:right; width:320px; height:70px; color:white}


/* menu */	
.menu { padding:0; margin:0; float:right; width:771px; position:relative; left: 0px; top: 20px;}
.kwicks {  
	list-style: none;  
	position: relative;  
	margin: 0;  
	padding: 0; 
	background-image:url(../images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
}  
.kwicks li{  
	display: block;  
	overflow: hidden;  
	padding: 0;  
	cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(../images/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 {
	background-position:-800px 0px;
}
#kwick6 { 
	background-position:-1000px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick6.active, #kwick6:hover {
	background-position: -1000px bottom; 
}

#kwick1 a{
	background-image:url(../images/end.png);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick6 a{
	background-image:url(../images/end.png);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick6 a:hover{
	background-position: right -120px;
}



/********** slider **********/
.slider { width:964px; height:600px; margin:0 auto; padding:0; background:url(../images/slider_bg.jpg) top no-repeat; margin-bottom:10px;}
.slider2 { width:964px; height:91px; margin:0 auto; padding:0; background:url(../images/simple_2.gif) top no-repeat;}
.slider2 h2 { padding:40px 0 0 30px; margin:0; font:normal 25px; color:#8d8d8d;}
.slider div.slice1 { margin:0 auto;  padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px;}
.slider h2 { width:100%; float:left; border-bottom:1px solid #8d8d8d; font:normal 25px Arial, Helvetica, sans-serif; color:#8d8d8d; margin:0 0 8px 0;  padding:5px 5px 5px 2px;}
.slider h2 span {font:normal 16px Arial, Helvetica, sans-serif; color:#bbbbbb;}
.slider p {color:#000000; margin:0;}
#slider { margin:0 auto; padding:0; list-style:none; width:730px; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:760px; overflow:hidden; padding:0; margin:0 auto; }
p#controls { margin:0; position:relative; }

#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:33px; height:33px; position:absolute; left:25px; top:-270px; }
#nextBtn { left:902px; }
#prevBtn a { display:block; width:33px; height:33px; background:url(../images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:33px; height:33px; background:url(../images/r_arrow.gif) no-repeat 0 0; }

/********** block index **********/
img{border:0;}
.image{margin-bottom:10px;margin-left:15px;margin-right:0;margin-top:0;border-color:#ffffff;border-style:solid;border-width:1px;}
.image_balos{margin-bottom:0;margin-left:0;margin-right:10px;margin-top:0;border-color:#ffffff;border-style:solid;border-width:2px;}
/********** body **********/
#process {height:580px; /*border:1px solid grey;*/}
.table {color:#000000}
.body { background: url(../images/body_bg.gif) top repeat-y; padding:0; width:962px; margin:10px auto 10px auto; font-size:12px; b}
.body_top { background:url(../images/body_top.gif) top no-repeat; margin:0; padding:0; }
.body_bottom { margin:0; padding:0px; width:962px; min-height:530px; background:url(../images/body_bottom.gif) bottom no-repeat;}
.body h2 { color:#fff; font-size:18px; border-bottom:1px dashed #828282; margin:5px 0; padding:10px 5px;}
.body h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#df7e00; margin:5px 0; padding:10px 5px;}
.body h4 { font: bold 22px Arial, Helvetica, sans-serif; color:#df7e00; margin:5px 0; padding:2px 5px;}
.body h5 { font: normal 22px Arial, Helvetica, sans-serif; color:#cecece; padding:10px 5px; margin:5px 0;}
.body img { float:left; margin:2px 10px; padding:0;}
.body img.port { float:left; margin:15px 40px 2px 10px; padding:0;}
p {color:#fff; padding:5px; margin:0;}
hr {border-top:1px solid #8d8d8d; border-right:0;border-left:0;border-bottom:0; height:1px;}
.body p.next {color:#fff; padding:5px; margin:0;}
.body p.greey {color:#cecece; padding:5px; margin:0;}
.body p.greey2 {color:#cecece; padding:5px; margin:0;}
.orange {color:#df7e00;}
.body a { text-decoration:underline; color:#df7e00;}
.body em { font: italic 13px; color:#aeaeae;}
.lista {color:#FFFFFF;}
/*left*/
.left { width:560px; float:left; margin:0; padding:10px 20px 10px 20px;}
.left .buttonss { width:110px; float:right;}
.left .buttonss a { font: bold; color:#fff; text-decoration:underline; padding:5px 5px; margin:0;}
.left .buttonss a:hover { color:#df7e00; text-decoration:none;}
/*right*/
.right { width:322px; float:right; margin:0; padding:10px 20px 10px 20px;}
.right p.data { background:#272727; width:85px; margin:10px 2px; padding:5px 2px; font:bold 14px Arial, Helvetica, sans-serif; color:#df7e00; text-align:center;}
.right ul.recent { margin:10px 5px; padding:0; list-style:none;}
.right li.recent { padding:15px 0 15px 45px; margin:0; font: normal 11px; color:#fff; background:url(../images/recent_ul_li.gif) left no-repeat;  border-bottom:1px dashed #828282;}
.right ul { list-style:none; margin:5px 15px; padding:0;}
.right li { background:url(../images/right_ul_li.gif) left no-repeat; padding:8px 20px; margin:0;}
.right li a {color:#cecece; text-decoration:none;}
.right li a:hover { color:#df7e00; text-decoration:underline;}
.scr12_content {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;}
.scr12_title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#2e2e2e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label {
	float:left;
	margin:0;
	width:80px;
	display:block;
	padding:5px 0;
	color:#fff;
	text-transform:capitalize;
	text-align: right;
}
#contactform input.text {width:400px; border:1px solid #979797; margin:5px 0; padding:5px 2px; height:14px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #979797; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 80px; border:0; color:#FFF;}
p.response { text-align:center; color:#fff; font:bold; width:auto;}

/********** footer **********/
.footer {  margin:0 auto; padding:0; background-color:#dfdfdf; background: #e0e0e0 url(../images/footer_bg.gif) top repeat-x;}
.footer_resize { width:962px; margin:0 auto; padding:5px 0 0 0;}
.footer p { margin:0; padding:5px 10px; color:#df7c4c; font:normal; font-size: 11px;}
.footer a { color:#df7c4c; text-decoration:none;}
.footer a:hover { text-decoration:underline;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #828282; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #828282; padding:0; margin:10px 0; background:none;}

.ac_div{ 
	background-color:#009900; 
	border-color:#FFFFFF; 
	border-style:solid; 
	border-width:1px;
	background-color:#FF0000;
	z-index: 9999;
}

/*********	Popup ablak	***********/

/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $
 */
 
.osx-box {
	display:none; 
	}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {
	background-color:#eee; 
	color:#000; 
	font: 16px/24px "Lucida Grande",Arial,sans-serif; 
	padding-bottom:4px;  
	-moz-border-radius-bottomleft:6px; 
	-webkit-border-bottom-left-radius:6px; 
	-moz-border-radius-bottomright:6px; 
	-webkit-border-bottom-right-radius:6px; 
	border-radius:0 0 6px 6px; 
	-moz-box-shadow:0 0 64px #000; 
	-webkit-box-shadow:0 0 64px #000; 
	box-shadow:0 0 64px #000;
	}
.osx-modal-title {
	color:#000; 
	background-color:#ddd; 
	border-bottom:1px solid #ccc; 
	font-weight:bold; 
	padding:6px 8px; 
	text-shadow:0 1px 0 #f4f4f4;
	}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #dialog41-data {font-size:12px; padding:6px 12px;}
#osx-container #dialog51-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}



td.click, th.click{	background-color: #CCCCCC;}
td.hover, tr.hover{	background-color: #CCCCCC;}
th.hover, tfoot td.hover{background-color: #CCCCCC;}
td.hovercell, th.hovercell{background-color: #CCCCCC;}
td.hoverrow, th.hoverrow{background-color: #CCCCCC;}


/******* ComboBox style ************/
.selectBoxArrow{
	margin-top:1px;
	float:left;
	position:absolute;
	right:1px;
}	
.selectBoxInput{
	border:0px;
	padding-left:1px;
	height:16px;
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
}

.selectBox{
	height: 22px;
	width: 300px;	
}
.selectBoxOptionContainer{
	position:absolute;
	border:1px solid #7f9db9;
	background-color:#FFF;
	left:-1px;
	top:20px;
	width:300px;
	visibility:hidden;
	overflow:auto;
	z-index:1000;
}
.selectBoxIframe{
	position:absolute;
	background-color:#FFF;
	border:0px;
	z-index:999;
}
.selectBoxAnOption{
	cursor:default;
	margin:1px;
	overflow:hidden;
	white-space:nowrap;
}
