/*Celkovy rozmer 990*848 */
html, body{ 
 margin:0; 
 padding:0; 
 height:100%;
 text-align:center;  
 font: 9pt Tahoma;
 color:#000000;
} 

h1{font:bold 13px Arial;color:rgb(0,86,157);}
@media all and (min-width: 0px){
  h1 {
    float:left;position:relative;left:80px;margin-top:-10px; 
  }
}
h2{font:bold 14px Arial;color:rgb(1,85,149);}
h3{font:bold 12px Arial;color:rgb(1,85,149);}

dt{
  float: left;
  width:160px;
  font: 8pt Tahoma;
}

dd{font: 8pt Tahoma;}
dd a{text-decoration: none;}

.udaje{width: 40px;}
.telefon{width: 55px;}
.mezera{font:1px Tahoma;border-bottom:1px dotted rgb(160,160,160)} 
.cervene{color:rgb(208,5,0);}
.centrovani{text-align:center;}
 
#pagewidth{ 
 width:990px;  
 min-width: 900px;/*500*/
 margin-left:auto; 
 margin-right:auto; 
} 
 
#home_right>#outer{
width:788px;
padding-bottom:10px;
}
#right>#outer{
width:1000px;
padding-bottom:10px;
}

#home_right #maincol{ 
 width: 786px;
} 
#right #maincol{ 
 width: 1008px; 
 margin-top:0px;
} 

.sstred {text-align: center;}

/*STRED*/
.stred{
  /*width:640px;*/
  text-align:left;
  padding-bottom:20px;
  padding-left:20px;
  padding-right:20px;
  font: 11px Tahoma;
  text-align: justify;
  border-top:1px solid rgb(225,232,238);
  line-height:120%;  
  width:810px;
  
}
#home_right .stred{
  width:636px;
}
.stred a{
  text-decoration:underline;
  color:rgb(208,5,0);
}
.stred strong, .stred b{
  color:rgb(208,5,0);
}

#left{
  float:left; 
  width:204px; 
  padding:10px;
  padding-left:20px;
  padding-right:0px;
  background: url(../obrazky/soteko_07.jpg) repeat-x top;
}  

#right{
  width:1000px; 
  margin-left:0px;
  background: url(../obrazky/soteko_07.jpg) repeat-x top;
}


#home_right{
  width:778px; 
  margin-left:222px;
  background: url(../obrazky/soteko_07.jpg) repeat-x top;
}


/*HEADER*/
#header{
  background: url(../obrazky/soteko_01.jpg);
  height:291px;
  width:1000px;
  overflow:hidden;
  color:rgb(0,86,157);
}
#header a{
  color:rgb(0,86,157);
  text-decoration:none;
}


#header h1 a{
  margin-left: 150px;
}

#header-top{
  height:22px;
  position:relative;
  top:24px;
  padding-top:5px;
  font:bold 13px Arial;
}

#header-top h2{
  margin-top: 15px;
  font-size: 8px;
  color: #ddd;
}

@media all and (min-width: 0px){
  #header-top {
    height:22px;
    
    position:relative;
    top:24px;
    padding-top:5px;
    font:bold 13px Arial;
  }
}

#header-kontext{
  height:22px;
  width:132px;
  position:relative;
  top:5px;
  float:right;
  font:11px Arial;
}

/***********/
#divmenu2{
  padding-top:195px;
  margin-left:5px;
}
#divmenu1{
  padding-top:16px;
  margin-left:-35px;
}
div#menicko ul#mainMenu, ul#mainMenu2, div#menicko ul
{
	color:#ffffff;
	font: bold 11px Arial;
	padding:0;
	margin:0;
	list-style-type:none;
}

ul#mainMenu ul, ul#mainMenu2 ul
{
	margin-top:6px;
	padding-left: 0px;
}
ul#mainMenu li:hover, ul#mainMenu2 li:hover, li.oznac{
  border-top:2px solid red;
  margin-top:-2px;
}
ul#mainMenu2 li
{
	float:left;
	padding:6px 7px;
	list-style-type:none;
	background: url(../obrazky/soteko_03.jpg) no-repeat right bottom;
}
ul#mainMenu li
{
	float:left;
	padding:6px 7px;
	list-style-type:none;
	background: url(../obrazky/soteko_03.jpg) no-repeat right bottom;
}

ul#mainMenu a, ul#mainMenu2 a
{
	color:#ffffff;
	display:block;
	text-decoration:none;
	font: bold 11px Arial;
}
ul#mainMenu a:hover, ul#mainMenu2 a:hover
{
	display:block;
	text-decoration:none;
	font-weight:bold;
}

ul#mainMenu ul a, ul#mainMenu2 ul a
{
	padding:2px;
	display: block;
	width: 180px;
}

ul#mainMenu ul a:hover, ul#mainMenu2 ul a:hover
{ 
	color:#cccccc;
}
/****menu1****/
ul#mainMenu ul.menu1, ul#mainMenu2 ul.menu1
{
	position: absolute;
	visibility: hidden;
	border: 1px solid white;
	border-top: none;
	margin-left:-11px;
}
ul.menu1{
	background-color:rgb(0,79,143);
}
ul#mainMenu li:hover ul.menu1, ul#mainMenu li.hover ul.menu1, ul#mainMenu2 li:hover ul.menu1, ul#mainMenu2 li.hover ul.menu1
{
	visibility: visible;
	width: 180px;
}
ul#mainMenu ul.menu1 li:hover, ul#mainMenu2 ul.menu1 li:hover{
  border-top:0px;
  margin-top:-2px;
}
ul#mainMenu li li, ul#mainMenu2 li li
{
	margin-top: -2px;
	width: 180px;
	float:none;
	border:none;
	padding: 0px;
}


/****menu2****/
ul#mainMenu ul.menu1 ul.menu2, ul#mainMenu2 ul.menu1 ul.menu2
{
	position:absolute;
	visibility:hidden;
	border:1px solid white;
	margin-left: 140px;
	margin-top: -10px;
}
ul.menu2{
	background-color:rgb(0,79,143);
}
ul#mainMenu li:hover ul.menu1 li:hover ul.menu2, ul#mainMenu li.hover ul.menu1 li.hover ul.menu2, ul#mainMenu2 li:hover ul.menu1 li:hover ul.menu2, ul#mainMenu2 li.hover ul.menu1 li.hover ul.menu2
{
	visibility:visible;
	width: 180px;
}


/****menu3****/
ul#mainMenu ul.menu1 ul.menu2 ul.menu3
{
	position:absolute;
	visibility:hidden;
	border:1px solid white;
	margin-left: 100px;
	margin-top: -10px;
}

ul#mainMenu li:hover ul.menu1 li:hover ul.menu2 li:hover ul.menu3, ul#mainMenu li.hover ul.menu1 li.hover ul.menu2 li.hover ul.menu3
{
	visibility:visible;
	width: 180px;
}

/****menu4****/
ul#mainMenu ul.menu1 ul.menu2 ul.menu3 ul.menu4
{
	position:absolute;
	visibility:hidden;
	border:1px solid white;
	margin-left: 100px;
	margin-top: -10px;
}

ul#mainMenu li:hover ul.menu1 li:hover ul.menu2 li:hover ul.menu3 li:hover ul.menu4, ul#mainMenu li.hover ul.menu1 li.hover ul.menu2 li.hover ul.menu3 li.hover ul.menu4
{
	visibility:visible;
	width: 180px;
}

/***********/
#wdbox {
background: url(http://www.soteko.cz/obrazky/soteko_12.jpg) no-repeat 50% 0%;
border: 1px solid #98A8B5;
color: #314687;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
text-align: center;
width: 134px;
margin: 15px 0 0 0; 
}

#wdbox img {width: 120px}

#wdbox span {text-align: left}

#wdbox span img {
  width: 5px;
}

#wdbox a {
text-decoration: underline;
font-size: 100%;
color: red;
}

#wdbox2 {
background: url(http://www.soteko.cz/obrazky/soteko_12.jpg) no-repeat 50% 0%;
border: 1px solid #98A8B5;
color: #314687;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
width: 134px;
margin: 15px 0 0 0; 
}

#wdbox2 li {text-align: left;} 

#wdbox2 ul {
  margin-left: 5px;
  padding: 0px 0 0 5px;
}

#wdbox2 ul li a {
text-decoration: underline;
font-size: 100%;
color: red;
}

/*NOVINKY*/
#novinky{
  padding-left:20px;
  padding-right:20px;
  padding-top:0px;
  padding-bottom:5px;
  text-align:justify;
  background: url(../obrazky/soteko_12.jpg) no-repeat top;  
  border:1px solid rgb(152,168,181);
  color:rgb(49,70,135);
  width:134px;
}

#novinky a{
  font: 8pt Tahoma;
  color:rgb(215,0,0);
  text-decoration:none;
}

.novinka{
 font: 8pt Tahoma;
 padding-top:5px;
 padding-bottom:5px;
 line-height:150%;
 color:black;
}

.novinka b{
 color:rgb(215,0,0);
 font-size:8pt;
 padding-bottom:8px;
}

/*KONTAKT*/
.correct {
clear: left;
height: 1px;
} 

/*kontakt*/
.kontakt_formular{
  width:100px;
  font: 8pt Tahoma;
}

#div_formular{
  width:550px;
  text-align:left;
  padding-left:25px;
}

#div_formular_border{
  width:560px;
  padding-left:25px;
}

/*aktuality*/
.btn{
 color:white;
 background:rgb(43,75,150);
 font: 8pt Tahoma;
 border: 1px solid rgb(169,193,227);
 height:16px;
 padding:3px;
 width:100px;
 text-align:center;
}

.btn a{
 color:white;
 background:rgb(43,75,150);
 font: 8pt Tahoma;
 text-decoration:none;
}

.btn2{
 color:white;
 background:rgb(43,75,150);
 font: 8pt Tahoma;
 border: 1px solid rgb(169,193,227);
 width:70px;
 height:20px;
 margin-top:20px;
 margin-left:200px;
}

/*blok -- bok a normal blok*/
.correct{
clear: left;
} 


/*Formatovani stredu stranky*/
#logo{
  float:right;
  margin-right:13px;
  margin-top:0px;
}
table{
  border:1px solid gray;
}
td, th{
  border:1px solid gray;
}
th{
	background-color: rgb(0,80,141);
	color: #FFFFFF;
	padding: 3px 10px;
	text-align: center;
	height: 12px;
	font:12px Arial;
}
td.model b, td.model strong{color:rgb(0,80,141)}
.tmava{
	background-color: #F1F1F1;
}
td{
	text-align: center;
	padding: 2px 10px;
	height: 30px;
	font:11px Tahoma;
}

td.model{
  font:12px Arial;
	text-align: left;
	padding-left: 5px;
}

img.odsazeni{
	margin: 0 20px;
}
img.zprava{
	float: left;
	margin-right: 5px;
}
div.prechod{
	clear: both;
}
div.polovina_leva{
	width: 48%;
	float: left;
	text-align: left;
	height: 90px;
	padding:5px;
}

div.polovina_prava{
	width: 48%;
	float: left;
	text-align: left;
	height: 90px;
  padding-top:5px;
  padding-bottom:5px;
}


/*konec*/ 
#footer{
 height:29px;
 width:975px; 
 background: url(../obrazky/soteko_21.jpg);
 color: white;
 padding-left:15px;
 padding-top:10px;
 padding-bottom:8px;
 font: 10px Arial;
} 


/*mapa stranek*/
#mapastranek{
text-align:right;
width:400px;
float:right;
padding-right:10px;
}

#footer a{
text-decoration: none;
color: white;
}

#footer a:hover{
color: rgb(211,218,237);
}

/*odkazy*/
#mapa{
 height:40px; 
 width:100%; 
 background-color:white; 
} 

#doporucujeme{
width:100%; 
text-align:center;
font: 8pt Tahoma;
color:rgb(146,146,146);
background-color:white;
}

#doporucujeme a{
color:rgb(146,146,146);
text-decoration:none;
}

#doporucujeme a:hover{color:#000000;}


/*stred*/ 
#tisk a{
 text-decoration:none;
 vertical-align: super;
}

#tisk img{border:none;}
.clr{clear:both;}
.content{padding:0px;} 
#header .content{padding-bottom:0;} 
 
 @media print{ 
#leftcol{display:none;} 
#outer{border-left:0;} 

#rightcol{display:none;} 
#outer{border-right:0;} 
}