/* ===================== ZAKLADNI HTML PRVKY */
body	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3d3d3d;
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 1.5em;
	font-size: 12px;
	background:url(../img/bcg_body.jpg) repeat-x 0px 184px;

}

/* --- odkazy --- */
a 						{color: #ee125a; text-decoration: underline;}
a:hover 				{color: #ee125a; text-decoration: none;}

/* --- ikonky k odkazum --- */
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}

/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
hr						{display: block; clear: both; /*color: #626262; background: #626262; height: 1px; */border: 0px; margin: 10px 0px 10px 0px;}
p 						{text-align: left; margin: 0px 0px 10px 0px; line-height: 1.5em;color: #303030; text-align:justify;}
strong 					{color: #3d3d3d;}
code 					{font-size: 140%; font-weight: bold;}
.div-bad {
        padding: 10px;
        border: 3px solid red;
        background: white;
        color: #613438;
		margin-bottom:20px;
}
.div-good {
        padding: 10px;
        border: 3px solid green;
        background: white;
        color: #613438;
		margin-bottom:20px;
}

.div-aktualita {
	margin-top:10px;
}
/* --- seznamy --- */
ul						{margin: 5px 0px 5px 5px; padding: 0px; text-align: left; list-style: none;}
li						{padding: 0px 0px 0px 15px;color:#303030; margin: 0px; background: url(../img/black_sipka.gif) no-repeat 0px 7px;}
ol						{padding: 4px 0px 0px 20px; margin: 0px;}
li.podtrzene			{}

/* --- obrazky --- */
img 								{border: 0px;}
a img.galerie, img.galerie	{border: 1px solid #626262; padding: 4px; background: #ffffff;}
a:hover img.galerie 			{border: 1px solid #666666; padding: 4px; background: #ffffff;}
img.border, img.ramecek		{border: 1px solid #8d6b41; padding: 2px;}
a:hover img.border			{border: 1px solid #000000;}
img.icon							{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft						{margin: 0px 10px 10px 0px;}
img.toright						{margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- tabulky --- */
table.nice						{width: 390px; font-size: 0.9em;}
table.nice tr td 				{padding: 2px 4px 2px 4px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td.item		{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 160px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 120px;}
table.nice tr td.long		{width: 250px;}
table.short						{width: 230px;}
table.medium					{width: 350px;}
table.none 						{border: none;}
table.poslat-mail				{width:400px; margin-left:10px;}
table.poslat-mail td			{vertical-align:top;}
table.table-galerie tr td		{padding-right:45px; padding-bottom:20px; text-align:center; color:#385984; vertical-align:top}
table.table-galerie tr td img	{border:1px #ccc solid; padding:2px;}
table.vlozit-dotaz tr td		{vertical-align:top;}


/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6		{clear: both; color: #385984; font-size: 1.3em; margin: 0px;}
h1								{display:none;}
h2									{padding: 0px;	margin: 0px 0px 15px 0px; font-size: 18px; font-weight:normal; line-height:25px;}
h3 								{font-size: 14px; font-weight:bold; margin: 10px 0px 0px 0px; text-transform:none}
h4									{font-size: 14px;  font-weight:bold;}

/* --- formulare --- */
input, textarea				{width:300px; font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif; font-size: 0.95em;}
input,textarea							{border: 1px solid #d7cccd; margin-bottom: 5px; vertical-align:middle; margin-right:10px; padding: 3px; background: #ffffff;}
/*input.submit					{background: #dddddd; border: 1px solid #999999; color: #000000; width: 150px; height: 25px; font-size: 0.90em; padding: 0px 0px 2px 0px; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: normal; cursor: pointer;}*/
input.hledat {
	float: left;	
	text-decoration:none;
	padding:3px 6px 4px 5px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	font-size:10px;
	
	color:#613438;
	width:51px;
	height:24px;
	background:url(../img/searchbutt.jpg) no-repeat;
}
input.button {
	cursor:pointer;
	font-size:10px;
	
	width:70px;
	height:25px;
	background:#FFEAE9;
	text-transform:uppercase;
	font-weight:bold;
}
input.radio						{vertical-align: -6px;}
input.checkbox					{border: 0px;}
textarea						{border: 1px solid #d7cccd; margin-bottom: 5px; padding: 3px;  background: #fafafa; width:300px; height:100px}
form							{margin: 0px; padding: 0px;}
legend							{background: url(../img/bcg_mid_top.gif) no-repeat top; border: 1px solid #0d6a06; background: #269411; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
label 							{margin: 4px 10px 3px 10px; width: 90px; float: left; text-align: right;}
label.kratsi 					{width: 80px;}
label.pravy 					{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 					{color: #004080;}

.div-bad {
        padding: 10px;
        border: 3px solid red;
        background: white;
        color: #7B7D7E;
		margin-bottom:20px;
}
.div-good {
        padding: 10px;
        border: 3px solid green;
        background: white;
        color: #7B7D7E;
		margin-bottom:20px;
}


/* --- globalni tridy --- */
.kurziva 		{font-style:italic}
.clear			{clear: both;}
.smaller		{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 		{font-size: 1.05em;}
.gray 			{color: #666666;}
.blue 			{color: #004080;}
.red			{color: #ed1c24;}
.green			{color: #008000;}
.bold 			{font-weight: bold;}
.right 			{text-align: right;}
.right_li		{float:right; margin-top:-20px;}
.center			{text-align: center;}
.left			{text-align: left;}
.toblock		{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright		{display: block; float: right; text-align: left;}
.border			{display: block; border: 1px solid #b89263; padding: 0px 10px 0px 10px;}
.nomargin		{margin: 0px;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a		{color: #000000;}
.hidden			{display: none;}
.bad			{background: #ff0000; border: 1px solid #dddddd; color: #ffffff; padding: 2px 5px 2px 5px; font-weight: bold;}
.odsazeni		{padding:0px 8px 0px 8px; color:#d7cccd;}
.odeslat 		{background-color:#3b1e22;	color:#FFFFFF;	font-weight:bold; width:100px;}
.underline 		{text-decoration:underline;}
.huge 			{font-size:19px;}
.border			{border:1px solid #3d3d3d;}

p.margin12		{margin-top:12px;}

#oddelovac {
	height:11px;
	width:180px;
	background:url(../img/hr.gif) no-repeat;
}

/*======================== seznamy */
.podmenu2				  { font-size: 12px;  color: #613438; list-style-type: none; margin: -0px 0px 0px 0px; padding: 0px 4px 2px 15px;  position:absolute; min-width: 100px; width:110px; background: #ffffff; border: 1px solid #d7cccd; visibility: hidden; z-index: 10; display:block;}
.podmenu2 li		  {font-size: 12px;  color: #613438; text-align: left; float:none; padding: 0px 4px 0px 0px; margin: 3px 0px 3px 0px; background: #ffffff; _height: 15px;}
.podmenu2 a:link 		{ font-size:12px; color: #613438;}

.podmenu2 a				{font-size: 12px;  color: #613438; display:block;  padding: 4px 0px 4px 0px; margin: 0px; width:150px;}
/*.podmenu2 a:hover	{font-size: 11px;   text-decoration: underline; background: #d7cccd;}*/
.podtrzeni-podmenu2 {border-bottom: 1px solid #000;}
.podmenu2 h3  			{font-size:12px; font-weight:normal; display:inline;}


/* ======================================== */

/* ========================== BLOKOVE PRVKY */
#layout {
	width:890px;
	margin:auto;
}
#layout #header {
	width:890px;
	display:block;
	float:left;
	background:url(../img/banner.jpg) no-repeat top;
	height:149px;
}

#layout #content {
	width:890px;
	display:block;
	float:left;

}
#layout #content #menuLeft {
	display:block;
	float:left;
	width:520px;
	height:307px;
	background:url(../img/menu_left.jpg) no-repeat;
}

#layout #content #menuRight {
	display:block;
	float:left;
	width:320px;
	height:275px;
	background:url(../img/menu_right.gif) no-repeat 109px 0px;
}

#layout #content #menuRight ul {
	text-align:right;
	margin-right:22px;
	margin-top:37px;
	float:right;
}

#layout #content #menuRight ul li{
	display:block;
	height:39px;
	vertical-align:middle;
	background:none;
}

#layout #content #menuRight ul li a{
	font-size:14px;
	height:29px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	width:200px;
	padding-right:50px;
	padding-top:10px;
	display:block;
	background:url(../img/kvetinka.gif) no-repeat right 5px;
}

#layout #content #menuRight ul li a.selected{
	color:#385984;
}

#layout #content #menuRight ul li a:hover{
	color:#385984;
}

#layout #content #menuRight ul li:hover {
	background:url(../img/li_bcg.gif) no-repeat right 0px;
}

#layout #content #menuLeft ul {
	margin-top:285px;		
}

#layout #content #menuLeft ul li{
	display:inline;
	width:130px;
	padding:0px;	
}

#layout #content #menuLeft ul li a{
	width:130px;
	font-size:13px;
	font-weight:bold;
	color:#385984;
	padding:3px 20px 4px 20px;

}

#layout #content #menuLeft ul li div {
	display:block;
	float:left;

}

#layout #content #menuLeft ul li div:hover, #layout #content #menuLeft ul li div.selected {
	background:#fff  url(../img/border_btn.jpg) no-repeat;
}

#layout #content #menuLeft ul li div div {
	display:block;
	float:left;
	padding-top:2px;
	padding-bottom:4px;
}

#layout #content #menuLeft ul li div div:hover, #layout #content #menuLeft ul li div div.selected {
	background: url(../img/border_btn2.jpg) no-repeat right 0px;
}

#layout #content #menuLeft ul li a:hover, #layout #content #menuLeft ul li a.selected{
	_background:#fff;
	text-decoration:none;

}


#layout #content #mainContent {
	display:block;
	float:left;
	width:570px;
	min-height: 410px;
	background: url("../img/bcg_pozadi.jpg") center no-repeat  #ffffff;
	padding:15px 25px 0px 25px;
}

#layout #content #mainContent h2 a {
	color:#385984;
}

#layout #content #rightContent {
	display:block;
	float:left;
	width:182px;
	min-height:72px;
	background:#fff url(../img/content_right.jpg) no-repeat;
	margin-top:-34px;
	padding-top:30px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}

#layout #footer {
	width:890px;
	display:block;
	float:left;
	height:35px;
	background:url(../img/footer_border.jpg) repeat-x;
	color:#385984;
	text-align:right;
	margin-top:20px;
}
	#footer p, #footer a {
		color:#385984;
		text-align:right;
		margin-top:5px;
		}