body {
	margin:0; 
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#f4f3f0;
	background:#f4f3f0 url("../images/exright-bg.jpg") repeat-x left top;
}

a img {border:none;}
a:hover {text-decoration:none;}

.clear {clear:both;line-height:0;}
.hidden {display:none;}
.red { color: red; font-size: 1.2em; font-weight: bold; }

#exleft {
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:496px;
	background:url("../images/exleft-bg.jpg") repeat-x left top;
}
#exright {
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:496px;
	background:url("../images/exright-bg.jpg") repeat-x left top;
}
#clouda-left {
	position:absolute;
	top:43px;
	left:-140px;
	width:140px;
	height:258px;
	background:url("../images/cloud-left.jpg") no-repeat left top;
}
#clouda-right {
	position:absolute;
	top:-4px;
	right:-130px;
	width:130px;
	height:185px;
	background:url("../images/cloud-right.jpg") no-repeat left top;
}
#head {
	position:relative;
	margin:0 auto 50px auto;
	width:969px;
	height:251px;
	border:solid #fff;
	border-width:4px 0 0 0;
	z-index:2;
	background:#014e95 url("../images/head-bg.jpg") repeat-x left top;
}

.content input {
  border:1px solid #ddd;
}
.content {
	position:relative;
	margin:auto;
	padding:0; 
	width:969px;
	text-align:left;
	z-index:10;
}
.box1, .box2 {
	position:relative;
	padding:0;
	left:969px; 
	overflow:hidden;
}
.box1 {
	float:left; 
	padding:0 0 50px 0;
	width:665px; 
	margin-left:-665px;
}
.box1.big {
  width:980px;
  margin-left:-969px;
}
.box1 strong.blue {
  color: #1760C0;
}
.box2 {
	float:left; 
	padding:20px 0 0 0;
	width:304px; 
	margin-left:-969px;
}

#footcnt {
	height:160px;
	background-color:#303133;
}
#foot {
	height:39px;
	background-color:#222325;
}



/*logo */
#logo {
  	position:absolute;
  	top:-4px;
  	right:0;
	margin:0; 
	padding:20px 0 0 0;
	width:141px; 
	height:83px;
	z-index:10;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	background:#c30000;
}
#logo a {color:#fff;}
#logo a:hover {}
#logo span {
	display:block;
	position:absolute; 
	left:0; 
 	top:0; 
	margin:0; 
	padding:0;
	width:141px; 
	height:103px;
	z-index:0;
	cursor:pointer;
	background:url("../images/logo.jpg") no-repeat left top;
}
/*logo text*/
#head p {
	position:absolute;
	top:173px;
	left:304px;
	margin:0;
	padding:0;
	width:377px;
	height:52px;
	line-height:52px;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
#head p span {
	display:block;
	position:absolute; 
	left:0; 
 	top:0; 
	margin:0; 
	padding:0;
	width:377px;
	height:52px;
	z-index:0;
	background:url("../images/logo-text.jpg") no-repeat left top;
}
/*head navigation*/
#head ul {
	margin:0;
	padding:0;
	width:122px;
	height:36px;
	list-style:none;
	background-color:#1760c0;
}
#head ul li {
	display:inline;
	height:36px;
}
#head ul li a {
	display:block;
	position:relative;
	float:left;
	height:36px;
	line-height:36px;
	color:#5d92d7;
	font-size:0.6em;
	overflow:hidden;
	text-align:center;	
}
#head ul li a:hover {color:#fff;}
#head ul li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:36px;
	z-index:0;
	cursor:pointer;
	background-position:left top;
	background-repeat:no-repeat;	
}
#head ul li a.selected span,
#head ul li a:hover span {
	background-position:right top;
}

#head ul li.item1 a,#head ul li.item1 a span {width:31px;}
#head ul li.item2 a,#head ul li.item2 a span {width:43px;}
#head ul li.item3 a,#head ul li.item3 a span {width:45px;}

#head ul li.item1 a span {background-image:url("../images/head-icon1.gif");}
#head ul li.item2 a span {background-image:url("../images/head-icon2.gif");}
#head ul li.item3 a span {background-image:url("../images/head-icon3.gif");}



/*mainmenu*/
ul#mainmenu {
	position:absolute;
	left:0;
	top:-50px;
	margin:0;
	padding:0;
	width:969px;
	height:50px;
	background:#1760c0 url("../images/mainmenu-bg.jpg") no-repeat left top;
}
ul#mainmenu li {
	display:inline;
	margin:0;
	padding:0;
}
ul#mainmenu li a {
	position:relative;
	display:block;
	float:left;
	padding:20px 0 0 0;
	height:25px;
	color:#fff;
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	border:solid #1760c0;
	border-width:0 0 5px 0;
	text-decoration:none;
}
ul#mainmenu li h2 a {
  margin: 0px;
  padding: 0px;
  font-size:11px;
	font-weight:bold;
	top: -20px;
  height: 25px;
}
ul#mainmenu li a.selected {
	border-color:#ce0000;
	background-color:#ac0000;
	font-size:11px;
	top: -20px;
  height: 25px;
}
ul#mainmenu li a:hover {
	border-color:#ce0000;
	background-color:#ac0000;
	font-size:11px;
	top: -20px;
	padding-top: 0px;
	height: 25px;
}
ul#mainmenu li a span {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:0px; /*1*/
	height:50px;
	background:#1760c0   url("../images/mainmenu-separator.gif") no-repeat left top ;
}
ul#mainmenu li a strong {
  position:absolute;
	right:5px;
	top:32px;
	color: #CF0000;
}
ul#mainmenu li a:hover strong {
  color: black;
}
ul#mainmenu li a.selected strong {
  color: black;
}
ul#mainmenu li.last a span {display:none;}
ul#mainmenu li.item1 a span {background-color:#1760c0 /*url("../images/mainmenu-item1-separator.gif")*/;}
ul#mainmenu li.item2 a span {background-color:#1760c0 /*url("../images/mainmenu-item2-separator.gif")*/;}
ul#mainmenu li.item3 a span {background-color:#1760c0 /*url("../images/mainmenu-item3-separator.gif")*/;}

ul#mainmenu li.item1 a {width:65px;} /*120*/
ul#mainmenu li.item2 a {width:100px;} /*107*/
ul#mainmenu li.item3 a {width:110px;} /*77*/
ul#mainmenu li.item4 a {width:100px;} /*104*/
ul#mainmenu li.item5 a {width:90px;} /*87*/
ul#mainmenu li.item6 a {width:75px;} /*92*/
ul#mainmenu li.item7 a {width:74px;} 
ul#mainmenu li.item8 a {width:60px;} /*74*/
ul#mainmenu li.item9 a {width:120px;} /*65*/
ul#mainmenu li.item10 a {width:155px;} /*82*/
ul#mainmenu li.item11 a {width:87px;}


ul#mainmenu li.item1 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item2 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item3 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item4 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item5 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item6 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item7 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item8 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item9 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item10 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }
ul#mainmenu li.item11 h2 a { margin: 0px; padding: 20px 0px 0px 0px; font-size:11px; font-weight:bold; }

ul#mainmenu li.item1 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item2 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item3 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item4 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item5 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item6 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item7 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item8 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item9 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item10 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }
ul#mainmenu li.item11 h2 a.selected { font-size:11px; font-weight:bold; margin:0; padding:20px 0px 0px 0px; }

.box2 div.titlebox {
	width:286px;
	height:27px;
	background-color:#303133;
}

.box2 div.titlebox h3.title {
	float:left;
	margin:0;
	padding:0 20px;
	height:27px;
	line-height:27px;
	font-size:0.75em;
	color:#fff;
	border:solid #45474b;
	border-width:0 1px 0 0;
	background-color:#222325;
}
.box2 div.titlebox h3.title a {
  color: white;
}
.box1 h3.uvod {
  font-size: 1.25em;
}
.box1 h4.uvod {
  font-size: 0.95em;
  color: #CF0000;
}
.box2box {
	padding:15px 0 0 0;
	width:286px;
}
#newsbox {
	margin-bottom:20px;
	background:url("../images/newsbox-bg.jpg") repeat-x left top;
}
#newsbox div.item {
	margin:0 0 10px 0;
	padding:0 13px 0 19px;
}
#newsbox div.item div.date {
	float:left;
	width:55px;
	color:#fff;
	font-size:0.7em;
	text-align:center;
	background-color:#1760c0;
}
#newsbox div.item p {
	float:right;
	margin:0;
	padding:0;
	width:195px;
	color:#1d1d1d;
	font-size:0.75em;
}
#newsbox div.item p a {color:#1d1d1d;text-decoration:none;}
#newsbox div.item p a:hover {text-decoration:underline;}





#partnersbox {
	margin-bottom:20px;
	background:url("../images/partners-bg.jpg") repeat-x left top;
	text-align: center;
}
#partnersbox a img {
	margin-top:20px;
}

#partnersbox div.item {
	margin:0 0 10px 0;
	padding:0 13px 0 19px;
}
#partnersbox div.item div.date {
	float:left;
	width:55px;
	color:#fff;
	font-size:0.7em;
	text-align:center;
	background-color:#1760c0;
}
#partnersbox div.item p {
	float:right;
	margin:0;
	padding:0;
	width:195px;
	color:#1d1d1d;
	font-size:0.75em;
}
#partnersbox div.item p a {color:#1d1d1d;text-decoration:none;}
#partnersbox div.item p a:hover {text-decoration:underline;}




/*
#partnersbox {
	padding:15px 30px 0 0;
	width:256px;
	min-height:120px;
	text-align:right;
	background:url("../images/partners-bg.jpg") repeat-x left top;
}
#partnersbox a {
	display:block;
	float:right;
	margin:0 0 10px 10px;
}
*/

/*box1 content*/
#content-icons {
	margin:0;
	padding:0 0 0 0;
	height:118px;
	list-style:none;
}
#content-icons li {
	display:inline;
}
#content-icons li a {
	position:relative;
	float:left;
	display:block;
	padding:30px 0 0 0;
	height:88px;
	color:#fff;
	text-decoration:none;
	background:#1865c4;
	text-align:center;
}
#content-icons li a:hover {text-decoration:underline;}
#content-icons li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:118px;
	background-position:left top;
	background-repeat:no-repeat;	
	cursor:pointer;
}
/* #content-icons li a:hover span {
	background-position:left top;
}*/

#content-icons li.item1 a:hover span {background-image:url("../images/content-icon1.jpg"); background-position: left top;} 
#content-icons li.item2 a:hover span {background-image:url("../images/content-icon2.jpg"); background-position: right top;} 
#content-icons li.item3 a:hover span {background-image:url("../images/content-icon3.jpg"); background-position: left top;} 

#content-icons li.item1 a,#content-icons li.item1 a span {width:222px;} 
#content-icons li.item2 a,#content-icons li.item2 a span {width:223px;} 
#content-icons li.item3 a,#content-icons li.item3 a span {width:220px;}
 
#content-icons li.item1 a span {background-image:url("../images/content-icon1.jpg"); background-position: right top;} 
#content-icons li.item2 a span {background-image:url("../images/content-icon2.jpg"); background-position: left top;} 
#content-icons li.item3 a span {background-image:url("../images/content-icon3.jpg"); background-position: right top;} 

.box1 h3 {
	margin:20px 17px 15px 15px;
	color:#1760c0;
}
.box1 h3 {
	margin:20px 17px 10px 17px;
	color:#1760c0;
}
.box1 h4 {
	margin: 0px 0px 10px 17px;
	font-family:Arial,Helvetica,sans-serif;
	color: #303133;
	font-size:0.9em;
}
.box1 h4 a {
	font-family:Arial,Helvetica,sans-serif;
	color: black;
	font-size:0.9em;
}
.box1 h5 {
  color: red;
  margin: 0px 0px 0px 17px;
  padding: 0;
}
.box1 p {
  text-align:justify;
	margin:0 17px 20px 17px;
	font-size:0.75em;
	line-height:20px;	
}
.box1 p ul, 
.box1 p a,
.box1 ul a,
.box1 table td a {
	color:#cf0000;
}
.box1 ul {
	margin:0 0 20px 40px;
	padding:0;
	list-style:none;
	font-size:0.75em;
	color:#1760c0;
	line-height:20px;	
}
.box1 table {
	margin:0 0 20px 15px;
	padding:0;
}
.box1 td {
	list-style:none;
	font-size:0.75em;
	line-height:20px;	
}
.box1 td.width {
  width: 290px;
}
/*foot*/
#footcnt div.box1,
#footcnt div.box2 {
	padding-top:30px;
}
#footcnt div.box1 ul {
	float:left;
	margin:0px;
	padding:0;
	list-style:none;
	margin-right:40px;
}
#footcnt div.box1 ul li a {
	line-height:20px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
}
#footcnt div.box1 ul li a.selected,
#footcnt div.box1 ul li a:hover {
	color:#e50000;
	text-decoration:underline;
}
#footcnt div.box2 p {
	margin:0;
	padding:0 0 0 15px;
	line-height:17px;
	color:#a4a6a9;
	font-size:0.75em;
}
#footcnt div.box2 p strong {color:#fff;} 

#foot div.content {
	padding:0 0 0 15px;
	width:954px;
	color:#696c70;
	line-height:39px;
	font-size:0.75em;
}
#foot div.content a {
	color:#696c70;
	text-decoration:none;	
}
#foot div.content a:hover {
	color:#e50000;
	text-decoration:underline;
}
p.zarovnat_right {
  text-align: right;
}

form#search {
  text-align: right;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.8em;
  font-weight: bold;
  margin: 0; 
  padding: 0; 
  margin-right: 17px;
}





.oteviracidoba {
  display:block;
  float:right;
  height:124px;
  position:relative;
  right:180px;
  top:5px;
  width:200px;
  border:1px solid #1760BF;
  line-height:25px;
}
.oteviracidoba span {
  display: block;
  float: left;
  width:50px;
  background-color:#1760C0;
  color:#FFFFFF;
  margin-right:10px;
  padding-left:2px;
}


.vyuka {
  /*border: 2px solid #1760C0;*/
  /*font-size: 0.75em;*/
  margin-left:22px;
  margin-bottom:15px;
  /*width: 442px;*/
  position: relative;
  float: left;
}
.vyuka ul {
  /*width: 442px;*/
  margin:0px;
  padding:0px;
  height:27px;
}
.vyuka ul li {
  margin:0px;
  padding:0px;
  width: 300px;
  height:27px;
  line-height:27px;
  float: left;
  padding-left:10px;
  background-color: #1760C0;
}
.vyuka ul li.active {
  background-color: #CF0000;
}
.vyuka ul li a {
  color: white;
  font-weight: bold;
}

.vyuka div {
  /*
  position: absolute;
  left:0px;
  top:25px;
  float: left;
  */
  display: block;
}
.vyuka div p {
  margin-left:0;
  margin-top:0;
  margin-bottom:0;
  display: block;
  width:602px;
  line-height: 20px;
  float: left;
  padding-left:9px;
  padding-right:9px;
  padding-top:3px;
  padding-bottom:3px;
  background-color:#e6e6e6;
}
.vyuka div p.dark {
  background-color:#000000;
  color:#fff;
}
.vyuka div p span {
  float: left;
  display: block;
  height:20px;
}
.vyuka div p span.cl1 {
  width:40px;
}
.vyuka div p span.cl2 {
  width:70px;
}
.vyuka div p span.cl3 {
  font-weight:Bold;  
}

hr.tenka {
  margin-left:18px;
  line-height:1px;
  height:1px;
  margin-right:18px;
  background:#ccc;
  border:1px solid #ccc;
  margin-bottom:20px;
}

img.left-obr {
  float:left;
  margin-right:5px;
}

.login-form {
  width:220px;
  float:right;
  font-size:12px;
  color:#fff;
  font-weight:bold;
  padding:0; margin:0;

}

.login-form h3 {
  margin:0;
  padding-top:5px;
  padding-bottom:5px;
  color:#1760bf;
  background:#fff;
  text-align:Center;
}

.login-form form {
  padding:10px;
}
.login-form form label {
    border:0;
    width:40px;    
    float:left;
    display:block;
    margin-top:5px;
    
}

form#login input#prihlasit {
    background-color: white;
    border: 1px solid #ddd;
    margin-left:40px;
    margin-top: 3px;
    width: 100px;
}

.login-form form input {
    border: 1px solid #DDDDDD;
    margin-right:0;
    margin-top:3px;
    width:155px;
    font-size:13px;
}

#oznameni {
  padding:0;
  margin:0;
}

#oznameni p {
  margin:0;
  padding-top:4px;
  font-size:12px !important;
  color:#ffd000;
  font-weight:bold;
  text-align:Center;
}