/*Celkovy rozmer 990*848 */
html, body{
margin:0;
padding:0;
height:100%;
text-align:center;
font: 11px Arial;
color:#000000;
}
.stranky{
font-size:13px;
font-weight:bold;
}
a{color:red;}
#pagewidth{
width:1000px;
text-align:left;
min-width: 900px;/*500*/
margin-left:auto;
margin-right:auto;
}
#header{
width:1000px;
}
#header a{text-decoration:none;}
#header-top{
height:38px;
width:1000px;
background: url(../obrazky/pexi-bez_01.jpg);
font:15px Arial;
color:white;
font-weight:bold;
}
#header-top a{
text-decoration:none;
color:white;
}
#header-middle{
height:199px;
width:1000px;
background: url(../obrazky/pexi-bez_02.jpg);
line-height: 150%;
}
#pl_gep{
position:relative;
top:30px;
left:285px;
width:230px;
height:150px;
float:left;
color:rgb(157,0,0);
text-align:left;
}
#pl_alex{
position:relative;
top:30px;
left:590px;
width:150px;
height:150px;
text-align:left;
float:left;
color:white;
}
#pl_gep a{color:rgb(157,0,0);}
#pl_alex a{color:white;}
#header-bottom{
height:38px;
width:1000px;
background: url(../obrazky/pexi-bez_03.jpg);
}
#top-menu{
width:970px;
padding-top:10px;
font-size:13px;
font-weight:bold;
}
#top-menu a{
color:white;
text-decoration:none;
}
#top-menu a:hover{
color:rgb(236,212,124);
}
.top-menu_polozka{
float:left;
}
.top-menu_polozka_mezera{
padding-left:30px;
padding-right:3px;
float:left;
color:white;
}
.nadpis_zeleny{
width:172px;
height:29px;
padding-left:30px;
padding-top:10px;
background: url(../obrazky/pexi-bez_14.jpg);
font:12px Arial;
font-weight:bold;
margin-left:8px;
text-align:left;
color:white;
}
.nadpis_cerveny{
width:172px;
height:29px;
padding-left:30px;
padding-top:10px;
background: url(../obrazky/pexi-bez_30.jpg);
font:12px Arial;
font-weight:bold;
margin-left:8px;
text-align:left;
color:white;
}
.nadpis_oranzovy{
width:172px;
height:29px;
padding-left:30px;
padding-top:10px;
background: url(../obrazky/pexi-bez_29.jpg);
font:12px Arial;
font-weight:bold;
margin-left:8px;
text-align:left;
color:white;
}
.nadpis_modry{
width:172px;
height:29px;
padding-left:30px;
padding-top:10px;
background: url(../obrazky/pexi-bez_16.jpg);
font:12px Arial;
font-weight:bold;
margin-left:8px;
text-align:left;
color:white;
}
/*levy sloupec -- novinky*/
#rightcol{
width:208px;
float:right;
}
#leftcol{
width:225px;
float:left;
text-align:center;
}
.frame{
width:219px;
background: url(../obrazky/pexi-bez_15.jpg) repeat-y left;
}
.top-frame{
width:219px;
height:8px;
background: url(../obrazky/pexi-bez_09.jpg) no-repeat;
}
.bottom-frame{
width:219px;
height:8px;
background: url(../obrazky/pexi-bez_10.jpg) no-repeat;
}
/*menu*/
#menu{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
width:219px;
text-align:left;
visibility:hidden;
}
#menu2{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
width:219px;
text-align:left;
visibility:hidden;
}
.menu_polozka{
min-height:18px;
padding-left:5px;
padding-top:2px;
font:14px Arial;
font-weight:bold;
cursor: pointer;
}
.menu_polozka a{
text-decoration:none;
color:black;
}
.menu_polozka_mezera{
font-size: 1px;
height:2px;
position:relative;
left:5px;
width:190px;
border-bottom:1px dotted black;
}
.menu_skryte_bez{
min-height:18px;
padding-left:30px;
padding-top:2px;
font:14px Arial;
font-weight:bold;
}
.menu_skryte_bez img{
float:left;
border-top:6px solid rgb(248,236,198);
}
.menu_skryte_bez_ram{
padding-left:10px;
width:150px;
}
.menu_skryte_bez a{
text-decoration:none;
color:black;
}
.info{
font:10px Arial;
background-color:white;
padding-left:5px;
padding-bottom:5px;
padding-top:10px;
padding-bottom:10px;
width:190px;
text-align:left;
}
/*soutez*/
.soutez{
font: 11px Tahoma;
padding-left:4px;
padding-right:4px;
padding-top:7px;
padding-bottom:7px;
width:185px;
color:black;
background:white;
margin-left:12px;
text-align:left;
}
.soutez b{
color:red;
font-size:11px;
padding-bottom:8px;
}
.soutez_in{
padding-left:8px;
text-align:left;
}
/*novinky*/
.novinka{
font: 11px Arial;
padding-left:4px;
padding-right:4px;
padding-top:7px;
padding-bottom:7px;
width:185px;
color:black;
background:white;
margin-left:12px;
}
.novinka b{
color:black;
font-size:11px;
padding-bottom:8px;
}
.novinka_in{
padding-left:8px;
}
.novinky_mezera{
font-size: 1px;
position:relative;
left:13px;
height:2px;
width:190px;
border-bottom:1px dotted black;
}
/*newsletter*/
.btn{
color:white;
background: url(../obrazky/pexi-bez_56.jpg) no-repeat;
font: 8pt Arial;
border:none;
float:right;
height:19px;
width:55px;
}
.btn2{
color:white;
background: url(../obrazky/pexi-bez_56.jpg) no-repeat;
font: 8pt Arial;
border:none;
height:19px;
width:55px;
margin-left:200px;
}
.newsletter{
font: 12px Arial;
text-align:center;
width:120px;
height:15px;
float:left;
}
/*kontakt*/
#kontakt{
padding-left:0px;
padding-right:10px;
font-size:12px Arial;
color:black;
line-height: 150%;
background-color:white;
margin-left:10px;
width:185px;
margin-top:10px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:3px;
}
#kontakt_inner{
padding-left:20px;
}
#mapka{
float:left;
font: 9pt Arial;
width:165px;
padding-top:9px;
}
.text_mapka{
float:right;
font: 9pt Arial;
width:48px;
}
.kontakt_formular{
width:100px;
text-align:left;
}
#div_formular{
width:550px;
text-align:left;
padding-left:25px;
}
#div_formular_border{
width:520px;
padding-left:5px;
border-top:1px dashed black;
}
/*aktuality*/
#aktuality{
height:124px;
padding-top:4px;
padding-left:15px;
padding-right:10px;
font-size:11px;
color:rgb(139,139,139);
}
/*blok -- bok a normal blok*/
#outer_a{
background: url(../obrazky/kuzdas_05.png) repeat-y left bottom;
}
#outer{
background: url(../obrazky/kuzdas_05-a.png) no-repeat left bottom;
width:988px;
}
.correct{
clear: left;
}
.tabulka{
padding-left:80px;
}
.stred{
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
font: 11px Arial;
text-align:justify;
}
.stred_blok{
padding-left:55px;
padding-bottom:20px;
font: 9pt Arial;
}
.cervene{
color:red;
}
/****************************/
/*Formatovani stredu stranky - produkty*/
.produkt_frame{
width:267px;
background: url(../obrazky/pexi-bez_52.jpg) repeat-y left;
float:left;
margin-left:3px;
}
.produkt_top-frame{
width:267px;
height:11px;
background: url(../obrazky/pexi-bez_50.jpg) no-repeat;
float:left;
}
.produkt_bottom-frame{
width:267px;
height:11px;
background: url(../obrazky/pexi-bez_51.jpg) no-repeat;
}
.produkt_stred{
width:237px;
padding-left:15px;
padding-right:15px;
line-height: 150%;
}
.produkt_foto{
min-height:150px;
padding-top:5px;
text-align:center;
}
.produkto_frame{
width:545px;
background: url(../obrazky/middle_border.JPG) repeat-y left;
float:left;
margin-left:3px;
}
.produkto_top-frame{
width:545px;
height:13px;
background: url(../obrazky/top_border.JPG) no-repeat;
float:left;
}
.produkto_bottom-frame{
width:545px;
height:13px;
background: url(../obrazky/bottom_border.JPG) no-repeat;
}
.produkto_stred{
width:525px;
padding-left:15px;
padding-right:15px;
line-height: 150%;
}
.produkto_foto{
min-height:150px;
padding-top:5px;
text-align:center;
}
.top{
float:left;
float:top;
position:absolute;
margin-top:105px;
margin-left:-10px;
}
/*konec zeleny*/
#footer{
height:38px;
width:991px;
background: url(../obrazky/pexi-bez_60.jpg) no-repeat;
float:none;
position:relative;
left:5px;
color: white;
padding-left:10px;
padding-top:5px;
font: 11px Arial;
}
#footer a{color:white;text-decoration:none;}
#footer a:hover{color:rgb(236,212,124);}
/*mapa stranek*/
#mapastranek{
text-align:center;
position:relative;
left:-30px;
width:450px;
padding-top:8px;
float:right;
}
#mapastranek a{
text-decoration: none;
color: white;
}
#mapastranek a:hover{
color: rgb(236,212,124);
}
/*odkazy*/
#mapa{
height:38px;
width:100%;
}
#doporucujeme{
width:99%;
text-align:center;
font: 12px Arial;
color:rgb(179,179,179);
}
#doporucujeme a{
color:rgb(179,179,179);
text-decoration:none;
}
#doporucujeme a:hover{
color:#000000;
}
/*stred*/
#inner{
margin:0;
width:100%;
float:left;
}
#tisk a{
text-decoration:none;
vertical-align: super;
}
#tisk img{
border:none;
}
#maincol{
width: 541px;
padding-left:2px;
float:left;
min-height:595px;
background: url(../obrazky/kuzdas_06.gif) repeat-y;
color:black;
font: 11px Arial;
}
.nadpis_dvoubar{
font: 14px Arial;
padding-left:10px;
font-weight:bold;
float:left;
}
/***********/
#divmenu1{
padding-top:1px;
position:relative;
top:-10px;
}
div#menicko ul#mainMenu, ul#mainMenu2, div#menicko ul
{
color:#ffffff;
font: bold 14px Arial;
padding:0;
margin:0;
list-style-type:none;
}
ul#mainMenu ul, ul#mainMenu2 ul
{
padding-left: 0px;
}
ul#mainMenu li:hover, ul#mainMenu2 li:hover, li.oznac{
color:rgb(222,243,138);
}
ul#mainMenu2 li
{
float:left;
padding:0px 10px 0px 5px;
margin-right:10px;
list-style-type:none;
background: url(../obrazky/soteko_03.jpg) no-repeat right bottom;
}
ul#mainMenu li
{
float:left;
padding:0px 10px 0px 5px;
color:white;
margin-right:30px;
font: bold 14px Arial;
list-style-type:bull;
background: url(../obrazky/soteko_03.jpg) no-repeat right bottom;
}
ul#mainMenu a, ul#mainMenu2 a
{
color:white;
display:block;
text-decoration:none;
font: bold 13px Arial;
}
ul#mainMenu a:hover, ul#mainMenu2 a:hover
{
display:block;
text-decoration:none;
font-weight:bold;
color:rgb(222,243,138);
}
ul#mainMenu ul a, ul#mainMenu2 ul a
{
padding:2px;
display: block;
width: 130px;
}
ul#mainMenu ul a:hover, ul#mainMenu2 ul a:hover
{
color:#cccccc;
}
/****menu1****/
ul#mainMenu ul.menu1, ul#mainMenu2 ul.menu1
{
position: absolute;
margin-top:0px;
visibility: hidden;
border: 1px solid white;
border-top: none;
margin-left:-2px;
padding:3px;
}
ul.menu1{
background-color:rgb(160,202,56);
list-style-type:none;
}
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: 130px;
color:rgb(222,243,138);
}
ul#mainMenu ul.menu1 li a:hover, ul#mainMenu2 ul.menu1 li a:hover{
color:rgb(222,243,138);
}
ul#mainMenu ul.menu1 li:hover, ul#mainMenu2 ul.menu1 li:hover{
border-top:0px;
margin-top:-2px;
color:rgb(222,243,138);
}
ul#mainMenu li li, ul#mainMenu2 li li
{
margin-top: -2px;
width: 130px;
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: 90px;
margin-top: -10px;
}
ul.menu2{
background-color:rgb(160,202,56);
list-style-type:none;
}
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: 130px;
}
/****menu3****/
ul#mainMenu ul.menu1 ul.menu2 ul.menu3
{
position:absolute;
visibility:hidden;
border:1px solid white;
margin-left: 50px;
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: 130px;
}
/****menu4****/
ul#mainMenu ul.menu1 ul.menu2 ul.menu3 ul.menu4
{
position:absolute;
visibility:hidden;
border:1px solid white;
margin-left: 60px;
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: 140px;
}
.video_odkaz img{
border:0px;
}
/***********/
/*#outer>#inner { border-bottom: 1px solid #F6F0F9; }*/
.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;}
}
.wdbox{
margin-top:10px;
margin-bottom:10px;
}
.wdbox a{
color:gray;
font-family:sans-serif;
text-decoration: none;
}
.wdbox img {width: 120px; padding: 5px}
#popisKategorie{
width: 520px;
clear: both;
padding-left: 17px;
margin-top: 20px;
}