span.novinky_nadpis { color: rgb( 202 , 24 , 31 ); font-weight: bold; font-size: 13px; }

/*Celkovy rozmer 990*848 */
html, body{ 
 margin:0; 
 padding:0; 
 height:100%;
 text-align:center;  
 font: 9pt Tahoma;
 color:rgb(18,75,130);;
} 

/*h1{font:bold 13px Arial;color:white;padding:0px; margin:0px; margin-top:0px; margin-right:0px;float:left; }
@media all and (min-width:0px){
  h1 {
    font:bold 13px Arial;color:white;padding:0px; margin:0px; margin-top:72px; margin-right:53px;float:right;
  }
}*/


h1 { font-size: 13px; color: #FFFFFF; padding: 0px; margin: 0px; }
h2{font:bold 13px Arial;position:relative;left:-25px;color:rgb(202,24,31);}
h3{font:bold 13px Arial;position:relative;left:-25px;color:rgb(202,24,31);}
h3.nestred{position:relative;left:-25px;}
/*h3{font:bold 12px Arial;color:rgb(186,17,24);}*/
.nadpis2{
  font:bold 12px Arial;color:rgb(186,17,24); 
}
hr{
  border:0px solid red;
  border-top:1px solid white;
}

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;clear:both;} 
.cervene{color:rgb(208,5,0);}
.centrovani{text-align:center;}
 
#pagewidth{ 
 width:1000px; 
 text-align:left; 
 min-width: 900px;/*500*/
 margin-left:auto; 
 margin-right:auto; 
} 

/*STRED*/
.stred{
  /*width:640px;*/
  text-align:left;
  padding-bottom:5px;
  padding-left:25px;
  padding-right:20px;
  font: 11px Tahoma;
  text-align: justify;
  line-height:130%;  
  width:710px;
  min-height:370px;
}

.stred a{
  text-decoration:underline;
  color:rgb(208,5,0);
}
.stred_systra_41{
  position:relative;
  top:7px;
}

strong, b, .stred strong, .stred b{
  color:rgb(19,75,152);
}

#left{

  width:231px; 
  padding:0px;
  margin-left:5px;
  padding-right:0px;
  background: url(../obrazky/systra_30.jpg) repeat-y right;
  overflow:hidden;
}  

#right{
  width:759px; 
  float:right;
  overflow:hidden;
  background: url(../obrazky/systra_10.jpg) repeat-x top;
}

#outer{
    background: url(../obrazky/systra_30.jpg) repeat-y left;
    width:995px;
}

#maincol{
    padding-left:5px;
}




/*HEADER*/
#header{
  background: url(../obrazky/systra_02.jpg);
  height:243px;
  width:1000px;
  overflow:hidden;
  color:rgb(0,86,157);
}
#header_top{
  height:18px;
  background-color:rgb(0,96,173);
  width:985px;
  padding-left:15px;
}
#header_top a{
  color:white;
  text-decoration:none;
  font:11px Arial;
  top:4px;
}

#header_top h1 { float: left; }


#header-kontext{
  height:18px;
  width:132px;
  position:relative;
  top:2px;
  float:right;
  font:11px Arial;
  color:white;
}
.header-h1{
  margin-left:10px;
}

.header-h1 h2 { margin-top: 70px; margin-right: -10px; color: #FFFFFF; float: right;}

/*****************/
/****** MENU *****/
#divmenu1{
  margin-bottom:30px;
  margin-left:-40px;
}
div#menicko ul#mainMenu, div#menicko ul
{
	color:#ffffff;
	font: bold 11px Arial;
	padding:0;
	margin:0;
	list-style-type:none;
}

ul#mainMenu ul
{
	margin-top:6px;
	padding-left: 0px;
}
ul#mainMenu li:hover{
  width:210px;
}

ul#mainMenu li
{
	padding:6px 7px;
	padding-left:14px;
	width:210px;
	list-style-type:none;
	background: url(../obrazky/systra_19.jpg) no-repeat right bottom;
}

ul#mainMenu li.prvni
{
	padding:6px 7px;
	padding-left:16px;
	width:210px;
	list-style-type:none;
	background: url(../obrazky/systra_04a.jpg) no-repeat right center;
}
ul#mainMenu li.oznac
{
	background: url(../obrazky/systra_23a.jpg) no-repeat right bottom;
}
ul#mainMenu li.prvni_oznac
{
  padding-left:16px;
	background: url(../obrazky/systra_04b.jpg) no-repeat right center;
}

.odkaz, .odkaz_m, ul#mainMenu a
{
	color:rgb(198,4,12);
	padding-left:20px;
	display:block;
	text-decoration:none;
	font: bold 11px Arial;
}
ul#mainMenu a:hover
{
	display:block;
	text-decoration:underline;
	font-weight:bold;
}
.odkaz_m, ul#mainMenu ul a
{
	padding:2px;
	display: block;
	width: 210px;
	background-color:rgb(228,237,242);
}
/****menu1****/
ul#mainMenu ul.menu1
{
	position: absolute;
	visibility: hidden;
	width: 250px;
	border: 1px solid rgb(146,165,171);
	margin-left:205px;
	margin-top:-18px;
}
ul.menu1{

}
ul#mainMenu li:hover ul.menu1, ul#mainMenu li.hover ul.menu1
{
	visibility: visible;
	width: 215px;
}
ul#mainMenu li li
{
	width: 215px;
	float:none;
	border:none;
	padding: 0px;
}
/****menu2****/
ul#mainMenu ul.menu1 ul.menu2
{
	position:absolute;
	visibility:hidden;
	border:1px solid rgb(146,165,171);
	margin-left: 140px;
	margin-top: -10px;
}
ul.menu2{

}
ul#mainMenu li:hover ul.menu1 li:hover ul.menu2, ul#mainMenu li.hover ul.menu1 li.hover ul.menu2
{
	visibility:visible;
	width: 215px;
}
/****menu3****/
ul#mainMenu ul.menu1 ul.menu2 ul.menu3
{
	position:absolute;
	visibility:hidden;
	border:1px solid rgb(146,165,171);
	margin-left: 140px;
	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: 215px;
}

/****menu4****/
ul#mainMenu ul.menu1 ul.menu2 ul.menu3 ul.menu4
{
	position:absolute;
	visibility:hidden;
	border:1px solid rgb(146,165,171);
	margin-left: 140px;
	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: 215px;
}

/****menu5****/
ul#mainMenu ul.menu1 ul.menu2 ul.menu3 ul.menu4 ul.menu5
{
	position:absolute;
	visibility:hidden;
	border:1px solid rgb(146,165,171);
	margin-left: 140px;
	margin-top: -10px;
}
ul#mainMenu li:hover ul.menu1 li:hover ul.menu2 li:hover ul.menu3 li:hover ul.menu4 li:hover ul.menu5, ul#mainMenu li.hover ul.menu1 li.hover ul.menu2 li.hover ul.menu3 li.hover ul.menu4 li.hover ul.menu5
{
	visibility:visible;
	width: 215px;
}
/***********/


/*NOVINKY*/
#novinky{
  padding-left:5px;
  padding-right:20px;
  padding-top:0px;
  padding-bottom:5px;
  text-align:justify;
  color:rgb(49,70,135);
  width:680px;
}

.novinky_systra_41{
	position:relative;
	top:7px;
}

#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:rgb(18,75,130);
 position:relative;
 left:-25px;
}

.novinka strong{
 color:rgb(19,75,152);
 font-size:8pt;
 padding-bottom:8px;
}

.novinka img{
  vertical-align:middle;
  border:1px solid rgb(3,118,181);
}

.novinka_obr{
  width:140px;
  float:left;
  height:80px;
  text-align:center;
  padding-top:5px;
  margin-right:7px;
}


#rychly_kontakt{
  padding-top:15px;
  padding-bottom:15px;
  padding-left:20px;
  font: 8pt Tahoma;
  
}
#rychly_kontakt b, strong{
  color:rgb(198,4,12);
  font-size:8pt;
}
#rychly_kontakt a{
  color:rgb(18,75,130);
  text-decoration:none;
}
.rychly_kontakt_systra_31{
  padding-left:12px;
}

#aktuality{
  padding-top:15px;
  padding-bottom:15px;
  padding-left:20px;
  padding-right:20px;
  font: 8pt Tahoma;
  line-height:150%;
}
#aktuality b{
  color:rgb(198,4,12);
  font-size:8pt;
}
#aktuality a{
  color:rgb(18,75,130);
  text-decoration:none;
}

.newsletter{
  border:1px solid rgb(150,176,191);
  color:#c6040c;
  font:8pt Tahoma;
  text-align:center;
  height:16px;
}
.newsletter-input-text{
  border:1px solid rgb(150,176,191);
  color:#c6040c;
  font:8pt Tahoma;
  text-align:center;
  height:16px;
  width:160px;
}
.newsletter-img-ok{
  color:#c6040c;
  font:8pt Tahoma;
  text-align:center;
  position:relative;
  top:6px;
}
.newsletter-zrusit{
	color:#c6040c;
	font:8pt Tahoma;
}

#hledani{
  float:right;
  width:230px;
  padding-top:0px;
}

.reference img{
  float:left;
  margin-right:3px;
  border:1px solid rgb(150,176,191);
}
.reference{
  float:left;
  width:348px;
  margin-right:7px;
  text-align:justify;
  border-bottom:1px dotted rgb(150,176,191);
  padding-bottom:7px;
  margin-bottom:7px;
}
.input-odsazeni{
  position:relative;
  top:4px;
}



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

.kontakt_formular{
  width:100px;
  font: 8pt Tahoma;
}
.kontakt_formular_img{
  font: 8pt Tahoma;
  width:140px;
}
.kontakt_formular_kod{
  font: 8pt Tahoma;
  width:140px;
  text-align:center;
}


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

#div_formular_border{
  width:560px;
  padding-left:25px;
}
.error-neodeslan{
  color:red;
}
.antispamova-ochrana{
  font-size:11px;
}

/*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*/

table{
  border:1px solid gray;
}
td{
  border-bottom:1px dotted rgb(204,217,223);
}
th{
	background-color: rgb(228,237,242);
	color: rgb(19,75,152);
	padding: 3px 10px;
	text-align: center;
	height: 12px;
	font:bold 12px Arial;
	border:1px solid gray;
}
.tmava{
	background-color: #F1F1F1;
}
td{
	text-align: center;
	padding: 2px 10px;
	height: 20px;
	font:11px Tahoma;
}
div.prechod{
	clear: both;
	min-height: 1px;
}
div.polovina_leva{
	width: 48%;
	float: left;
	padding-left:0px;
	padding-right:5px;
	margin-right:10px;
	padding-top:5px;
  padding-bottom:5px;
    font: 11px Tahoma;
  line-height:130%; 
  border-right:1px dotted rgb(19,75,169);
}
.polovina_leva .polovina_leva{
	width: 150px;
	border:0px solid white;
}
.polovina_prava .polovina_leva{
	width: 150px;
	border:0px solid white;
}


div.polovina_prava{
	width: 49%;
	float: left;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:5px;
  padding-left:0px;
    font: 11px Tahoma;
  line-height:130%; 
}
div.borders{
  border-top:1px dotted rgb(150,176,191);
  width:100%;
  text-align:left;
  font: 11px Tahoma;
  line-height:130%; 
}
div.technicky_list{
  float:right;
  padding:5px;
}
div.technicky_list img{
  position:relative;
  top:7px;
}
div.technicky_list a{
  color:rgb(207,4,13);
  font:bold 12px Tahoma;
  text-decoration:none;
}
/*konec*/ 
#footer{
 height:29px;
 width:970px; 
 margin-left:5px;
 background: rgb(115,170,211);
 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;} 
}


/* stranka soubory ke stazeni */
.systra_41_soubory_ke_stazeni{
  position:relative;
  top:7px;
}
.tabulka{
  width:100%;
}
.tabulka-sloupec{
  text-align:left;
}


/* UVOD */
.uvod_systra_41{
  position: relative;
  top: 7px;
  width: 26px;
  height: 24px;
}
.uvod_sortiment{
	width:260px;
	float:right;
	height:150px;
}

/* footer */
.footer_novinky_h2{
	position:relative;
	left:0px;
}
.footer_novinky_systra_41{
	position:relative;
	top:7px;
}
.footer_novinky_odkaz_vice{
	float:right;
}
.footer-clear{
	clear:both;
}

.padding_left_12{
	padding-left:12px;
}