/* general classes */
*{font-family: Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Arial,lucida,sans-serif;}

html,body { margin:0px; padding:0px;  height:100%;}

body {
	background: #C4D7DF url(../img/bcg.gif) 0 0 repeat-x;
	font-size:0.8em;
	line-height:1.6em;
	color:#000000;
	text-align:center;
}


/* design */

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

a:hover{
  text-decoration:underline;
}

img{
  border:0;
}

#top{
  margin:0px auto;
  height:150px;
  width:870px;
}


#body{
  background:#ffffff url(../img/bcg_left.gif) 0 0 repeat-y;
  text-align:left;
  width:870px;
  border:#01597F 1px solid;
  margin:0px auto;
  margin-top:21px;
  margin-left:auto;
  margin-right:auto;
}


#left{
  width:210px;
  margin:0;
  float:left;
}


#menu{
  margin:0px auto;
  margin-left:10px;
  height:270px;
  width:auto;
  background:#0F7AA8;
}

#obsah{
  margin:0 0 0 210px;
  padding:20px;
  padding-bottom:0;
  text-align:justify;
  min-height:500px;
  background:url(../img/bcg_obsah.gif) 20 20 no-repeat;
}
*html #obsah{height:430px;margin-top:52px;}

#obsah-uvod{
  height:420px;
  background:url(../img/bcg_obsah-uvod.gif) 0 0 no-repeat;
  margin-top:45px;
}
*html #obsah-uvod{margin-top:0;height:100%;}

#cistic{
  margin:0px auto;
  width:870px;
  height:10px;
  background:#ffffff;
  font-size:0px;
}

#footer{
  margin:0px auto;
  width:870px;
  padding:5px 0 50px 0;
  font-size:80%;
  color:#00354C;
}

#sign{
  float: right;
}

#skin{
  float: left;
}

.obsah_left{
  width:49%;
  float:left;
}

.obsah_right{
  width:49%;
  float:right;
}


/* menu-navigace */
#menuNav{
  margin:0 0 0 10px;
  padding:10px 0 10px 0;
  list-style:none;
  font-size: 1.1em;
}
*html #menuNav{margin:10px 0 0 10px; padding:0 0 10px 0;}

#menuNav li{
  margin:0px;
  width: 180px;
  height: 32px;
  line-height:23px;
  background: url(../img/bg_nav_li.gif) repeat-x;
  float:left;
}

#menuNav li a{
  display:block;
  width:155px;
  float:left;
  padding:0 0 0 25px;
  background:url(../img/bg_nav_a.gif) no-repeat 4% 50%;
  text-decoration:none;
  color:#E4C96A;
  font-weight:bold;
  font-size:80%;
}
*html #menuNav li a{width: 180px}

#menuNav li.aktivni a{
  background:url(../img/bg_nav_a_hov.gif) no-repeat 4% 50%;
}

#menuNav li a:hover{
  color:#ffffff;
  background-color:#0F7AA8;
}

#menuNav li.aktivni a:hover{
  color:#E4C96A;
  background:url(../img/bg_nav_a_hov.gif) no-repeat 4% 50%;
}

#menuNav a:hover{
  background:url(../img/bg_nav_a_hov.gif) no-repeat 4% 50%;
}

#menuNav.aktivni a:hover{
  background: url(../img/bg_nav_li.gif) repeat-x;
}



.form{font-size:100%;background:#ffffff;border:#000000 1px solid;color:#000000;}
.form-table{font-size:100%;}

.form-textarea{
  width:100%;
  height:120px;
  scrollbar-track-color: #ffffff;
  scrollbar-face-color: #999999;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
}

*html .form-textarea{width:270px;}
.form-nazev{width:70px;text-align:left;}
input.send-kontakt {width: 80px;margin-top:5px;background:#E5E5E5}




#citat{
  margin:0px auto;  
  width:660px;
  height:72px;
  background:url(../img/bcg_citat.gif) no-repeat;
  float:right;  
}
*html #citat{position: absolute;}

.citatText{
  padding:20px;
  padding-top:10px;
  color:#E4C96A; /*#C4D7DF*/
  font-weight:bold;
  text-align:center;
  font-size:90%;
}

.ram{border:1px solid #01597F;}

#certifikaty{
  line-height:1em;
  margin:35px 0 60px 0;
}

.cert2, .cert3{margin-left:10%}


.hr{
  width:100%;
  height:1px;
  font-size:1px;
  margin:20px 0 20px 0;
  background: url(../img/bcg_hr.gif) repeat-x;
  }


/* poptavka - formular */

form.poptavka {
	width: 460px;
	font-size:100%;
}
.poptavka fieldset {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #000000; /*#01597F*/
}
.poptavka legend {
	font-weight: bold;
	font-size: 85%;
	color: blue;	
	margin: 5px 0;
	padding: 2px 5px;
	border: 1px solid #000000; /*#01597F*/
	background: #ffffff; /*#0F7AA8*/
	color: 000000; /*#ffffff*/
}
.poptavka label {
	width: 120px;
	float: left;
	display:block;
}
form.poptavka br {
	display: none; /* pro lepsi zobrazeni bez stylu */
}
.poptavka input, textarea, select {
	width: 300px;
	margin: 0 0 10px 0;
	background:#ffffff;
  border:#000000 1px solid;
}
.poptavka textarea{
  scrollbar-track-color: #ffffff;
  scrollbar-face-color: #999999;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
}
input.short {width: 100px}
input.send {width: 80px;margin-top:20px;background:#E5E5E5}
textarea.hlCinnost{height:50px}
textarea.provozovny{height:80px}
textarea.poznamky{height:150px}


/* reference - tabulky */

table.reference{
  font-size: 100%;
  width:100%;
  border:1px solid #0F7AA8;
}

tr.RefTop{
  height: 32px;
  line-height:23px;
  background: url(../img/bg_nav_li.gif) repeat-x;
}

td.RefFirma, .RefSidlo, .RefSystem, .RefPodrobosti{
  padding:0 0 10px 10px;
  color:#E4C96A;
  font-weight:bold;
  font-size: 85%;
}

td.RefFirma{
  width:40%;
}

td.RefSidlo{
  width:26%;
}

td.RefSystem{
  width:17%;
}

td.RefPodrobosti{
  width:16%;
}

.RefVypis td{
  padding:5px 0 5px 10px;
  cursor: default;
}

.RefVypis td a, .RefBack a{
  font-size: 85%;
  color:#0F7AA8;
}


table.RefID{
  font-size: 100%;
  width:100%;
}

.RefID td{
  vertical-align: top;
  padding-bottom:20px;
}

td.RefIDnazev{
  color:#0F7AA8;
  font-weight: bold;
  width:23%;
  height:30px;
}