body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
input {
	margin: 0;
	padding: 0;

}


body {
	background: url(../images/bg.png) repeat-x top #FFF;
 font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; 
	text-align: center;
	font-size: 76%;
	color: #000;
/* margin-bottom: 400px; */
}
.cistic {
	clear: both;
}


a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
/* 	text-decoration: underline; */
}



table {
clear: both;
border-collapse: collapse;
color:  #035c7f;
}

td {
padding: 3px 5px;
}
.alter td {
background:  #e5eef2 
}

th{
background:  #035c7f;
color: white;
padding: 3px 5px;
text-align: left;
}


.stranka {
	margin: 0 auto;
	width: 990px;
	text-align: left;
background: url(../images/bigmenu-bg.png) no-repeat center 210px;

}

.wrap{
	width: 982px;
	margin: 0 auto;
/* overflow: hidden; */
}



.bigmenu {

width: 982px;
height: 220px;

}

.hlava {
	float: left;
	width: 982px;
/* 	height: 110px; */
	height: 425px;
overflow: hidden;
}

.hlava-l {
	float: left;
	width: 170px;
	height: 211px;
	overflow: hidden;
}

.hlava-r {
	float: right;
	width: 812px;
	height: 212px;
overflow: hidden; 
}

.hlava-r-t {
	float: right;
	width: 812px;
	height: 180px;
	overflow: hidden;
}

.logo{
	float: left;
	width: 140px;
padding-top: 37px;
height: 150px;
padding-left: 12px;
}

h1.firma-nazev {
  width: 600px;
  color: white;
  font-size: 270%;
  font-weight: bold;
  padding: 40px 20px 0 20px;
  display: block;
  float: left;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
}

h1.firma-nazev .firma-mensi {
display: block;
font-size: 60%;
font-weight: normal;
padding-bottom: 5px;
}

h1.firma-nazev .firma-blue {
display: block;
font-size: 50%;
color: #7fc0d9;
border-top: 1px dotted #7fc0d9;
padding-top: 5px;
font-weight: normal;
}

/*
.slogan{
	float: left;
display: block;
font-size: 80%;
padding-left: 20px;
background: url(../images/arrow-down.png) no-repeat 5px 0px;
font-weight: normal;
}
   */
   
/* ------------------------------------------LANGS */
.langs {
float: right;
width: 250px;
text-align: right;

}

.langs span.separator {
width: 1px;
background: url(../images/langs-separator.png) no-repeat left top;
float: left;
overflow: hidden;

}
.langs ul {
float: right;
list-style: none;
}

.langs li, .langs li a {
float: left;

}
.langs li a {
padding: 0 8px ;
color: white;
}

.langs li a:hover {
text-decoration: underline;
}

.langs li img {
margin: 0 5px 0 0; 
}
/* ------------------------------------------ BUTTON INTRANET */

.intranet-enter {
float: right;
width: 126px;
height: 65px;
text-align: right;
line-height: 130%;
font-size: 90%;
margin-top: 40px;
margin-right: 10px;
}

.intranet-enter em {
font-size: 130%;
font-weight: bold;
font-style: normal;

}

.intranet-enter a {
color: white;
background: url(../images/intranet.png) no-repeat left top;
width: 106px;
padding: 10px;
height: 65px;
float: left;
}

.intranet-enter a:hover {
color: #afd6e2;
background: url(../images/intranet.png) no-repeat right top;

}


/*---------------------------------------horizontalni menu*/
.horizontalmenu {
	float: right;
	text-align: right;
width: 100%;
height: 32px;
line-height: 32px;
background: url(../images/nav-menu-bg.png) no-repeat left top;

}

.horizontalmenu ul {
list-style: none;
padding-left: 20px;
line-height: 1;
}
.horizontalmenu li {
color: #626262;
text-decoration: none;
display: block;
float: left;
}
.horizontalmenu span.separator {
width: 1px;
background: url(../images/nav-menu-separator.png) no-repeat left top;
float: left;
overflow: hidden;
height: 32px;
line-height: 32px;
}


.horizontalmenu a {
color: white;
text-decoration: none;
font-size: 90%;
float: left;
line-height: 32px;
height: 32px; 
padding: 0 13px;

}
.horizontalmenu a:hover {
text-decoration: underline;
	color: white;
	background: url(../images/nav-menu-hover.png) repeat-x left top;
}



#nav li ul {
/* 	display: none; */
	display: block;
	position: absolute;
	top: 212px;
	z-index: 1000;
	left: -999em; 


}

#nav li>ul {
	top: 212px;
	left: 0;
	display: none;
	width: 80px;
}



#nav li ul li a { /* second-level lists */
display: block;
width: 150px;
padding: 0;
text-align: left;
padding: 3px 15px;
line-height: 15px;
height: auto;
}


#nav li ul li a:hover { /* second-level lists */
background: none;
}


#nav li li {
	display: block;
	float: left;
	background: #de6800;
	border: 0;
	
}

#nav li:hover ul, #nav li.over ul {
display: block;
left: auto;
	top: 212px;
	margin-left: -20px;

}

/* ------------------------------------BIG MENU S OBRAZKY na HOMEPAGE */

.bigmenu {
width: 982px;
float: left;
height: 205px;
position: relative;
z-index: 0;
top: 1px;

}

.bigmenu ul {
width: 982px;
 float: left;
font-size: 120%;
}

.bigmenu li {
height: 205px;
width: 121px;
float: left;
display: block;

}

.bigmenu em {
position: relative;
z-index: 0;
width: 120px;
}

.bigmenu li a {
 float: left;
 width: 101px;
 padding: 10px;
 height: 185px;
background: url(../images/bigmenu-02.png) no-repeat left top;
color: #66bedc;
font-size:95%;
font-weight: bold;
line-height: 110%;

}

.bigmenu li em {
color: #215b89;
font-size: 110%;
line-height: 115%;
font-weight: bold;
font-style: normal;
}

.bigmenu li a:hover em, .bigmenu li a:hover  {
color: #215b89;
}

li.bigmenu-01 a {
background: url(../images/bigmenu-01.png) no-repeat left top;

}
li.bigmenu-02 a {
background: url(../images/bigmenu-02.png) no-repeat left top;
}
li.bigmenu-03 a {
background: url(../images/bigmenu-03.png) no-repeat left top;
}
li.bigmenu-04 a {
background: url(../images/bigmenu-04.png) no-repeat left top;
}
li.bigmenu-05 a {
background: url(../images/bigmenu-05.png) no-repeat left top;
}
li.bigmenu-06 a {
background: url(../images/bigmenu-06.png) no-repeat left top;
}
li.bigmenu-07 a {
background: url(../images/bigmenu-07.png) no-repeat left top;
}
li.bigmenu-08 a {
background: url(../images/bigmenu-08.png) no-repeat left top;
}

li.bigmenu-01 a:hover {
background: url(../images/bigmenu-01.png) no-repeat right top;
}
li.bigmenu-02 a:hover {
background: url(../images/bigmenu-02.png) no-repeat right top;
}
li.bigmenu-03 a:hover {
background: url(../images/bigmenu-03.png) no-repeat right top;
}
li.bigmenu-04 a:hover {
background: url(../images/bigmenu-04.png) no-repeat right top;
}
li.bigmenu-05 a:hover {
background: url(../images/bigmenu-05.png) no-repeat right top;
}
li.bigmenu-06 a:hover {
background: url(../images/bigmenu-06.png) no-repeat right top;
}
li.bigmenu-07 a:hover {
background: url(../images/bigmenu-07.png) no-repeat right top;
}
li.bigmenu-08 a:hover {
background: url(../images/bigmenu-08.png) no-repeat right top;
}



.bigmenu li.separator {
 float: left;
 width: 2px;
 display: block;
overflow: hidden;
 background: white;
}




/*---------------------------------------obsah*/

.obsah {
float: left;
width: 982px;
margin-top: 10px;
}

.leva-strana {
float: left;
width: 737px;
}

.llong {
    width: 980px; 
}

.prava-strana {
float: right;
width: 245px;
}


/* -----------------------------ARTICLES */
.prostredni-sloupec {
float: left;
width: 440px;
padding: 0 30px;
font-size: 100%;
line-height: 130%;
}

.long {
    width: 680px;  
}


.polovina-l {
width: 210px;
float: left;
margin-right: 15px;
}

.polovina-r {
width: 210px;
float: left
}

.prostredni-sloupec h2, .leve-menu-video h2 {
	color: #015b80;
	margin: 5px 0 10px 0;
	font-size: 140%; 
}
.prostredni-sloupec h2 a:link, .prostredni-sloupec h2 a:visited, .leve-menu-video h2 a:link, .leve-menu-video h2 a:visited {
	color: #015b80;
}

.prostredni-sloupec p, .leve-menu-video p {
	margin-bottom: 20px;
}

.text-stat p {
	text-align: justify;
}

.prostredni-sloupec h3, .leve-menu-video h3{
	color: #015b80;
	margin: 5px 0;
	font-size: 140%;
  padding-left: 20px;
  margin-left: 20px;
  background: url("../images/h3-bg.gif") no-repeat top left; 
}

.prostredni-sloupec h3 em, .leve-menu-video h3 em{
	font-size: 90%; 
}

.prostredni-sloupec h4, .leve-menu-video h4 {
    color: #015b80;
    padding-left: 20px;
    margin-left: 40px;
    font-size: 140%;
    background: url("../images/h4-bg.gif") no-repeat left;
}

.prostredni-sloupec hr, .leve-menu-video hr {
	height: 1px;
	border: none;
	background-color: #999;
	margin-bottom: 20px; 
}


/*-------------BOX 235 - bez paddingu */
.box-235 {
width: 235px;
background: #def1f7 url(../images/box-235-t.png) no-repeat left top;
float: left;
}

.box-235-b {
width: 235px;
background: url(../images/box-235-b.png) no-repeat left bottom;
clear: both;
float: left;
}

.box-235-b .ind-nadpis{
  text-decoration: none;
}

/*-------------BOX 235 - s paddingem na homepage */

.boxy-nabidky {
width: 737px;
float: left;
overflow: hidden;
}

.boxy-nabidky .box-235{
margin-right: 10px;
position: relative;
float: left;
color: #0e141b;
line-height: 15px;
font-size: 11px;
}

/* POSLEDNI BOX */
.boxy-nabidky .last{
margin-right: 0px;
}

.boxy-nabidky p a:link, boxy-nabidky p a:visited{
    text-decoration: none;    
}


.ind-nadpis a:active, .ind-nadpis a:hover{
    color: #f90;
    text-decoration: none;    
}




.vice {
display: block;
color: white;
font-size: 10px;
float: right;
background: url(../images/vice-bg-l.png) no-repeat left top;
width: auto; 
text-align: center;
height: 13px;
line-height: 13px;
/* padding: 0 5px; */
}

.vice a {
display: block;
color: white;
font-size: 10px;
 float: left; 
background: url(../images/vice-bg-r.png) no-repeat right top;
/* width: 53px; */
text-align: center;
height: 13px;
line-height: 13px;
white-space: nowrap;
margin-left: 1px;
padding: 0 6px 0 5px;
}

.vice a:hover {
color: #9F0C00;
}

.boxy-nabidky .vice{
margin-right: 5px;

}




.boxy-nabidky .box-235 .inside{
padding: 10px;
height: 170px; /* PEVNA VYSKA BOXU */
float: left;
}

.boxy-nabidky .box-235 h3 {
color:#024d6a;
font-size: 115%;
margin: 5px 0 10px 0;
}

.boxy-nabidky .box-235 .vice {
float: right;
position: absolute; /* PEVNA VYSKA BOXU - ukotveni odkazu */
top: 165px;
width: 53px;
right: 10px;
}


/*-------------BOX 245 - bez paddingu */
.box-245 {
	width: 245px;
	background: #def1f7 url(../images/box-245-t.png) no-repeat left top;
	float: left;
}

.box-245-b {
width: 245px;
background: url(../images/box-245-b.png) no-repeat left bottom;
clear: both;
float: left;
}

.box-245 .inside {
float: left;
padding: 5px;
}



/*-------------BOX 235 - bez paddingu */
.box-245 .box-235 {
width: 235px;
background: white url(../images/box-tabs-cont-t.png) no-repeat left top;
float: left;

}

.box-245 .box-235-b {
width: 235px;
background:  url(../images/box-tabs-cont-b.png) no-repeat left bottom;
float: left;
}




/*-------------BOX 245 - bez paddingu - V LEVEM SLOUPCI */

.leve-menu-taby {
float: left;
padding-top: 10px;
}

.leve-menu-taby .box-245 {
	width: 235px;
	background: #def1f7 url(../images/box-235-t.png) no-repeat left top;
	float: left;
}

.leve-menu-taby .box-245-b {
width: 235px;
background: url(../images/box-235-b.png) no-repeat left bottom;
clear: both;
float: left;
}

.leve-menu-taby .box-245 .inside {
float: left;
padding: 5px;
}



/*-------------BOX 235 - bez paddingu - V LEVEM SLOUPCI */
.leve-menu-taby .box-245 .box-235 {
width: 225px;
background: white url(../images/box-tabs-cont-t-225.png) no-repeat left top;
float: left;

}

.leve-menu-taby .box-245 .box-235-b {
width: 225px;
background:  url(../images/box-tabs-cont-b-225.png) no-repeat left bottom;
float: left;
}





#container-1 {

}




/*--------bannery-----BOX 235  */
.bannery, .video-news {
margin-top: 10px;
}

.bannery .box-235, .no-bg {
background: none;

}

.bannery .box-235-b {
background: none;
}

.bannery .box-235 img {

}

/*-------------BOX 369 -- video - pevna vyska*/
.box-369 {
width: 369px;
background: url(../images/video-box.png) no-repeat left top;
float: left;
height: 180px;
margin-right: 10px;
}

.box-369 .inside {
float: left;
padding: 18px 5px 5px 18px;
width: 340px;
}
/* 
.video-box {
width: 158px;
height: 135px;
float: left;
overflow: hidden;

}

.video-switcher {
width: 180px;
height: 135px;
float: left;

overflow: hidden;
}

.video-switcher ul {
list-style: none;
font-size: 10px;
margin: 0;
padding: 0;
}

.video-switcher li {
padding-top: 3px;

}

.video-switcher a {
display: block;
background: url(../images/video-switch.png) no-repeat left top;
height: 38px;
color:#015b80;
padding-top: 3px;
padding-left: 10px;
}

.video-switcher a:hover {
background-position: right top;
color:#015b80;
}

.video-switcher h3 {
font-size: 11px;
} */
 
/*-------------BOX 345 --- news*/ 
.box-345 {
width: 345px;
float: left;
line-height: 120%;

}


.box-345 .inside {
float: left;
padding: 5px
}


.box-345 h2, .box-345 h2 a {
color: #db7300;
font-size: 110%;
margin-bottom: 10px;
}

.box-345 p {
margin-top: 10px;
}

.datum {
float: right;
border-top: 1px solid #cee0e7;
color:#096286;
display: block;
width: 100%;
text-align: right;
padding: 5px 0;
margin-top: 5px;
}


/* ------------------------------------------PRAVA - STRANA */

/*--------------------------------------- search-box*/
.search-box {
float: left;
width: 245px;
height: 27px;
padding-top: 0px;
font-size: 80%;
padding-bottom: 10px;
}

.button-search {
float: left;
width: 39px;
height: 27px;
background: none;
border: 0px;
background: url(../images/search-button.png) no-repeat left center;
color: #666666;
font-size: 100%;
cursor: pointer;
 margin-top: 5px;
}
.input-search {
    width: 192px;
    border: none;
    background: url(../images/search-input.png) no-repeat left center;
    font-size: 100%;
    height: 19px;
    line-height: 19px;
    padding: 4px 7px;
    display: block;
    float: left;
}

.aktualita {
float: left;
padding: 5px 0px;
display: block;
border-bottom: 1px dotted black; 
font-size: 90%;
color: black;
width: 200px;
}

.aktualita h3 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}

.aktualita .vice {
  margin-top: 5px;
}

.aktualita p {
  line-height: 15px;
}

.posledni{
border-bottom: 0px dotted black !important; 
}

.padd {
padding: 0 15px;
float: left;
}

/* ZALOZKA VICE V  TABS CONTENTU -  */
.vice-content {
float: left;
height: 27px;

}

.vice-content a  {
float: left;
background: url(../images/vice-cont-l.png) no-repeat left top;
    display:block;
overflow: hidden;
height: 27px;
font-weight: bold;
}

.vice-content a:hover {
text-decoration: underline;

}


.vice-content span {
background: url(../images/vice-cont-r.png) no-repeat right top;
float: left;
padding:5px 15px;
cursor: pointer;
}





/* BUTTONY DOLE - Doporucte pratelu, Informace ... */

.button-dole {
	width: 245px;
	float: left;
	margin-top: 10px;
}

.button-dole a {
display: block;
height: 31px;
line-height: 31px;
text-indent: 18px;
color: #024d6a;
font-size: 110%;
}

.button-dole a:hover {
color: #024d6a;
}

.doporucte a {
background: url(../images/butt-doporucte.png) no-repeat left top;
}

.doporucte a:hover {
background-position: right top;
}

.informace a {
background: url(../images/butt-informace.png) no-repeat left top;
}


.informace a:hover {
background-position: right top;
}

.zeptejte-se a {
background: url(../images/butt-zeptejte-se.png) no-repeat left top;
}


.zeptejte-se a:hover {
background-position: right top;
}


/* -----------------------------------------LEVE MENU */
 
.kal ul li {
	text-align: center;
}

.kal ul li a:link, .kal ul li a:visited {
	text-decoration: none;
}
 
.levy-sloupec {
width: 235px;
float: left;
}

.leve-menu {
width: 235px;
float: left;
}


.leve-menu .box-235 .inside{
padding: 5px 5px 0 5px;
float: left;
}

.leve-menu ul, .kal ul {
/* padding: 0 20px; */
display: block;
/* list-style: none; */

width: 225px;
}


.leve-menu li, .kal li  {
display: block;
padding-bottom: 5px;

}


.leve-menu li a span, .kal li a span {
background: url(../images/l-menu-t.png) no-repeat left top;
display: block;
width: 100%;
padding-top: 7px;
cursor: pointer;

}

.leve-menu li a, .kal li a {
background: url(../images/l-menu-b.png) no-repeat left bottom;
display: block;
width: 100%;
padding-bottom: 7px;
color: #035c7f;
font-weight: bold;
}

.leve-menu li a:hover, .kal li a:hover {
background: url(../images/l-menu-b.png) no-repeat right bottom;
color: #FFF;
}

.leve-menu li a:hover span, .kal li a:hover span {
background: url(../images/l-menu-t.png) no-repeat right top;
}


.leve-menu li ul {
background: #215b89;
display: block;
background: url(../images/l-menu-ul-ul-b.png) no-repeat left bottom;
padding-bottom: 10px;

}


.leve-menu li#aktivni-menu span {
/* background: #215b89; */
display: block;
background: url(../images/l-menu-ul-li-t.png) no-repeat left top;
padding-bottom: 5px;


}
.leve-menu li#aktivni-menu a  {
/* background: #215b89; */
display: block;
background: url(../images/l-menu-ul-ul-t.png) no-repeat left bottom;
padding-bottom: 13px;
color: #FFF

}

.leve-menu ul li ul li a, .leve-menu ul li ul li span {
background: none !important;
margin: 0 !important;
padding: 0 !important;
color: #035c7f;

}

.leve-menu li a span em {
padding: 0 20px;
display: block; 
font-style: normal;
background: url(../images/l-menu-point-blue.png) no-repeat 10px 6px;
}
.leve-menu li#aktivni-menu a span em {

background: url(../images/l-menu-point-white.png) no-repeat 10px 6px;
}

.leve-menu li#aktivni-menu ul a span em {

background: url(../images/l-menu-point-blue.png) no-repeat 10px 6px;
}

.leve-menu li#aktivni-menu ul a:hover span em, #aktivni-submenu a span em {
color: #f88300 !important;
background: url(../images/l-menu-point-orange.png) no-repeat 10px 6px !important;
}


.leve-menu ul li ul li a:hover {
color: #f88300 !important; /* FOR IE 6 */
}

/* VIDEO POD LEVYM MENU */
 
.leve-menu-video {
width: 235px;
float: left;
padding-top: 20px;
}

.leve-menu-video h3 {
font-size: 12px;
padding-left: 20px;
padding-bottom: 5px;
}



/*---------------------------------------pata*/

.pata {
float: left;
clear: both;
width: 100%;
background: #1e7ca2 url(../images/foot-bg.png) repeat-x left top;
height: 90px;
padding-top: 17px;
margin-top: 30px;
color: #FFF;
font-size: 90%;
}
.pata a {
color: #FFF
}
.pata a:hover {
color: #FFF;
text-decoration: underline;
}

.pata-l {
float: left;
text-align: left;
width: 830px;
}

.pata-l p{
margin-top: 20px;
}

.pata-r {
float: right;
width: 150px;
text-align: right;
}

.pata-r img {
margin-right: 35px;
}

.pata span.separator {
margin-right: 20px;
}










/* ---------------------------PODSTRANKA */

  /*
.podstranka .stranka {
	margin: 0 auto;
	width: 990px;
	text-align: left;
background: url(../images/bigmenu-bg-podstranka.png) no-repeat center 210px;

}

.podstranka .hlava {
	float: left;
	width: 982px;
	height: 370px;
overflow: hidden;
}

  
.podstranka .bigmenu {
width: 982px;
float: left;
position: relative;
top: 1px;
}




.podstranka .bigmenu li {
 height: 138px;
width: 121px;
float: left;
display: block;
 height: 138px;

}

.podstranka .bigmenu li a {
 float: left;
 width: 101px;
 padding: 10px;
 height: 138px;
background: url(../images/bigmenu-podstranka.png) no-repeat left top;
color: #66bedc;
font-size:95%;
font-weight: bold;
line-height: 110%;
}

.podstranka .bigmenu li a:hover {
 float: left;
 width: 101px;
 padding: 10px;
 height: 138px;
 overflow: hidden;
background: url(../images/bigmenu-podstranka-active.png) no-repeat left top;
color: #66bedc;
font-size:95%;
font-weight: bold;
line-height: 110%;
}


.podstranka .bigmenu li.separator{
 float: left;
 width: 2px;
 display: block;
overflow: hidden;
 background: white;
}

.podstranka .bigmenu li a:hover em, .podstranka .bigmenu li a:hover  {
color: #215b89;
}

.podstranka li.bigmenu-01 a {
background: url(../images/bigmenu-podstranka-01.png) no-repeat left top;
}

.podstranka li.bigmenu-08 a {
background: url(../images/bigmenu-podstranka-08.png) no-repeat left top;
}


.podstranka li.bigmenu-01 a:hover {
background: url(../images/bigmenu-podstranka-01.png) no-repeat right top;
}


.podstranka li.bigmenu-08 a:hover {
background: url(../images/bigmenu-podstranka-08.png) no-repeat right top;
}



.podstranka .bigmenu li a#aktivni {
 float: left;
 width: 101px;
 padding: 10px;
 height: 138px;
background: url(../images/bigmenu-podstranka-active.png) no-repeat left top;
color: #215b89;
font-size:95%;
font-weight: bold;
line-height: 110%;

}

 */

/*  ------------------------------------- BUTTON VERYE PRO TISK */


.pro-tisk {
 float: left;
}

.pro-tisk a {
  float: left;
  background: url(../images/pro-tisk.png) no-repeat left top;
  height: 31px;
  line-height: 31px;
  width: 116px;
  padding-left: 8px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px;
  color:  #015b80;
}

.pro-tisk a:hover {
  background: url(../images/pro-tisk.png) no-repeat right top;
}

#s7 {
  width: 325px;
  height: 170px;
}