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:bold 15px Arial;position:relative;color:rgb(202,24,31);}

h2{font:bold 13px Arial;position:relative;color:rgb(202,24,31);}

h3{font:bold 13px Arial;position:relative;color:rgb(202,24,31);}

h4{font:bold 10px;position:relative;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;

}

#maincol div.menu1
{
  margin: 0 0 0 20px;
  float: left;
  text-align: center;
}

#maincol div.menu1 a
{
color: #CA181F;
font: normal normal bold 11px/normal Arial;
text-decoration: none;
}





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

  color:white;

  text-decoration:none;

  font:11px Arial;

  top:4px;

}



#header_top a { color:white;

  text-decoration:none;

  font:11px Arial;

  top:4px;}





#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:25px;

  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%;

}

#wdbox {
  font: normal normal normal 8pt/normal Tahoma;
  line-height: 150%;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
}

div#left p a {
color: #C6040C;
text-decoration: none;
}

div#left p a:hover {
color: #C6040C;
text-decoration: underline;
}

#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;} 

}

div.novinka_obr img { width: 100px; border: 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;

}

#left div a img {width: 150px; margin: 0 auto;}
#left div {text-align: center;}
#wdnewlinks li a {color: #C6040C; text-decoration: none;}
#wdnewlinks li a:hover {text-decoration: underline;}
ul#wdnewlinks {padding: 0 25px 0 30px;}