html,body{
padding:9px 0 0 0;
margin:0;
background:#ffffff;
}
html,body,div,input{
color:#212121;
}
a{
color:#fe0101;
}
html,input{
font-size:75%;
font-family:Verdana;
}
/******** zakladni cast ********/
div.main{
width:956px;
margin:auto;
}
div.bg_bg{
float:left;
width:956px;
background:url(img/bg_bg.gif) repeat-y;
}
div.bg_top{
float:left;
width:956px;
background:url(img/bg_top.gif) no-repeat;
}
div.bg_bot{
float:left;
width:956px;
height:7px;
font-size:1px;
background:url(img/bg_bot.gif) no-repeat;
}
div.left_part{
float:left;
width:610px;
padding:0 0 0 15px;
}
div.right_part{
float:right;
width:325px;
}
/******** logo a nadpis nahore ********/
div.top_logo{
float:left;
width:921px;
height:46px;
padding:8px 23px 0 12px;
}
div.top_logo .title{
float:right;
width:500px;
padding:10px 0 0 0;
text-align:right;
font-size:17px;
font-weight:bold;
color:#FFFFFF;
font-family:Arial;
}
div.top_logo img{
float:left;
border:0;
}
/******** horni menu ***************************/
div.top_menu_bg{
float:left;
width:956px;
height:36px;
}
div.ddsmoothmenu{
float:left;
padding:6px 0 0 17px;
}
div.ddsmoothmenu ul li a{
float:left;
display:block;
padding:6px 15px 10px 15px;
color:#ba0c1e;
text-decoration:none;
font-weight:bold;
display: block;
background:url(img/top_menu_b.gif) top right no-repeat;
}
div.ddsmoothmenu ul li{
list-style-type:none;
float:left;
padding:0;
position:relative;
display:inline;
background:url(img/top_menu_a.gif) no-repeat;
margin-right:9px;
}
div.ddsmoothmenu ul li a:hover,div.ddsmoothmenu ul li a.h{
color:#626262;
}
div.ddsmoothmenu ul{
margin:0;
padding:0;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
}
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.ddsmoothmenu ul li ul li{
float: none;
display:block;
}
.ddsmoothmenu ul li ul li ul{
top:0;
}
.ddsmoothmenu ul li ul li a{
width:157px;
margin:0;
padding:3px 0 4px 15px;
background:url(img/sub_menu.gif) bottom left no-repeat;
font-size:11px;
display:block;
font-weight:normal;
}
.ddsmoothmenu ul li ul li a:hover{
background:url(img/sub_menu.gif) no-repeat;
color:#FFFFFF;
}
.ddsmoothmenu ul li ul li ul li a{
width:141px;
margin:0;
padding:4px 0 5px 15px;
background:url(img/sub_sub_menu.gif) no-repeat;
font-size:11px;
display:block;
font-weight:normal;
color:#FFFFFF;
}
.ddsmoothmenu ul li ul li ul li a:hover{
background:url(img/sub_sub_menu.gif) 0px -93px no-repeat;
color:#FFFFFF;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/*CSS classes applied to down and right arrow images*/
.downarrowclass{
position: absolute;
top: 3px;
right: 7px;
}
.rightarrowclass{
padding:0 0 0 12px;
}
/*CSS for shadow added to sub menus*/
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.ddsmoothmenu-v ul li{
position: relative;
}
/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background:; /*background of menu items (default state)*/
}
.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
}
.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color:#FFFF00;
}
/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
top: 0;
font-weight: normal;
visibility: hidden;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */
/******** jazykove verze ************************/
div.flags{
float:right;
width:288px;
padding:5px 36px 0 0;
}
div.flags a{
float:left;
display:block;
width:29px;
height:21px;
background:url(img/vlajky.gif);
background-repeat:no-repeat;
margin-left:3px;
}
div.flags a.flg_1{background-position: 0px 0px}
div.flags a.flg_2{background-position: -32px 0px}
div.flags a.flg_3{background-position: -64px 0px}
div.flags a.flg_4{background-position: -96px 0px}
div.flags a.flg_5{background-position: -126px 0px}
div.flags a.flg_6{background-position: -160px 0px}
div.flags a.flg_7{background-position: -192px 0px}
div.flags a.flg_8{background-position: -224px 0px}
div.flags a.flg_9{background-position: -256px 0px}
div.flags a.flg_1:hover{background-position: 0px -24px}
div.flags a.flg_2:hover{background-position: -32px -24px}
div.flags a.flg_3:hover{background-position: -64px -24px}
div.flags a.flg_4:hover{background-position: -96px -24px}
div.flags a.flg_5:hover{background-position: -126px -24px}
div.flags a.flg_6:hover{background-position: -160px -24px}
div.flags a.flg_7:hover{background-position: -192px -24px}
div.flags a.flg_8:hover{background-position: -224px -24px}
div.flags a.flg_9:hover{background-position: -256px -24px}
/******** leva cast uvodni stranky ***************/
div.hp_image{
float:left;
width:610px;
padding:14px 0 0 0;
}
div.hp_left{
float:left;
width:610px;
background:url(img/left_bg.gif) no-repeat;
}
div.hp_left .article{
float:left;
width:570px;
padding:14px 0 17px 17px;
text-align:justify;
}
div.hp_left .article h1{
color:#fe0000;
font-size:20px;
font-weight:normal;
margin:0;
padding:0 0 0 0;
}
/*********** jquery slideshow ******************/
div.hp_slides{
float:left;
width:587px;
height:249px;
background:url(img/slide.gif) no-repeat;
}
div.hp_slides_up{
float:left;
width:587px;
height:200px;
}
div.hp_slides h2{
float:left;
width:450px;
height:28px;
padding:10px 0 0 60px;
font-size:14px;
margin:0;
color:#fe0000;
}
.stepcarousel{
position:relative;
float:left;
width:530px;
}
.stepcarousel .belt{
position:relative;
top:0px;
left:0px;
width:530px;
height:200px;
}
.hp_slides_up a.back,.hp_slides_up a.forward{
float:left;
display:block;
width:28px;
height:60px;
background:url(img/leftnav.gif) no-repeat;
margin-top:75px;
}
.hp_slides_up a.forward{
float:right;
background:url(img/rightnav.gif) no-repeat;
}
.hp_slides_up a.back:hover{
background:url(img/leftnav.gif) bottom left no-repeat;
}
.hp_slides_up a.forward:hover{
background:url(img/rightnav.gif) bottom left no-repeat;
}
.stepcarousel .panel{
position:relative;
top:-24px;
float:left;
overflow:hidden;
width:530px;
}
.stepcarousel .panel span{
position:relative;
top:33px;
left:0px;
float:left;
display:block;
font-size:14px;
height:25px;
padding:0 0 0 39px;
font-weight:bold;
background:url(img/slarrow.gif) 19px 0px no-repeat;
z-index:1;
}
.stepcarousel .panel span a{
color:#ffffff;
margin: 0;
}
.stepcarousel .panel img {
border:0;
}
/******** vyzadejte si a bulletin ****************/
div.under_sl{
float:left;
width:586px;
padding:11px 0 20px 0;
}
div.under_sl .space{
float:left;
width:10px;
height:150px;
}
div.zadej,div.bulletin{
float:left;
width:288px;
height:230px;
background:url(img/vyzadej.gif) no-repeat;
}
div.bulletin{
background:url(img/bulletin.gif) no-repeat;
}
div.zadej h2,div.bulletin h2{
float:left;
width:200px;
height:28px;
padding:12px 0 0 70px;
font-size:14px;
margin:0;
color:#fe0000;
}
div.zadej div{
float:left;
width:155px;
padding:10px 0 0 131px;
font-weight:bold;
}
div.zadej div h3{
font-size:12px;
margin:0;
}
div.zadej div a{
color:#626262;
}
div.zadej div li{
list-style-image:url(img/liv.gif);
padding:0;
}
div.zadej div ul{
padding:6px 6px 6px 6px;
margin:0;
}
div.bulletin .text{
float:left;
width:250px;
font-size:11px;
height:50px;
padding:8px 0 0 10px;
}
div.bulletin input.text{
height:auto;
padding:2px;
}
div.bulletin form{
float:left;
width:280px;
margin:0;
}
div.bulletin .maila{
float:left;
width:85px;
height:50px;
padding:7px 0 0 10px;
font-size:11px;
height:28px;
}
div.bulletin .mailb{
float:left;
width:180px;
padding:4px 0 0 0;
height:28px;
}
div.bulletin .mailb input,div.bulletin .kod3 input{
float:left;
width:178px;
font-size:14px;
border:0;
background:none;
}
div.bulletin .kod3 input{
width:85px;
}
div.bulletin .radio{
float:left;
width:180px;
height:27px;
padding:0 0 0 83px;
font-size:11px;
}
div.bulletin .kod1{
float:left;
width:90px;
padding:0 0 0 12px;
height:28px;
}
div.bulletin .kod2{
float:left;
width:78px;
padding:8px 0 0 0;
height:28px;
font-size:11px;
}
div.bulletin .kod3{
float:left;
width:90px;
padding:6px 0 0 0;
height:28px;
}
div.bulletin .send{
float:right;
width:90px;
padding:5px 0 0 0;
height:28px;
cursor:hand;
text-align:right;
}
div.bulletin .send input{
font-size:15px;
font-weight:bold;
color:#fe0000;
border:0;
background:none;
cursor:hand;
}
/******** novinka ****************/
div.news{
float:left;
width:305px;
background:url(img/newsb.gif) bottom left no-repeat;
}
div.up_news{
float:left;
width:305px;
background:url(img/wht.gif) repeat-x;
}
div.newsa{
float:left;
width:305px;
height:44px;
background:url(img/newsa.gif) no-repeat;
}
div.newsa h2{
padding:12px 0 0 70px;
font-size:14px;
margin:0;
color:#fe0000;
}
div.newsc{
float:left;
width:287px;
background:#ffffff;
padding:0 8px 15px 10px;
}
div.news .space{
position:relative;
float:right;
width:2px;
height:117px;
}
div.newsub{
float:left;
width:284px;
text-align:justify;
}
div.newsub h3{
font-size:12px;
margin:0;
}
div.right_part .space2{
float:left;
width:305px;
height:14px;
}
div.news ul li a{
float:left;
width:41px;
height:22px;
display:block;
padding:2px 0 0 0;
color:#626262;
text-align:center;
background:url(img/news.gif) top right no-repeat;
}
div.news ul li{
list-style-type:none;
float:left;
padding:0;
}
div.news ul li a:hover{
color:#626262;
}
div.news ul{
margin:0;
padding:0 0 0 12px;
}
div.news .all{
float:right;
padding:3px 26px 0 10px;
background:url(img/all.gif) 0px 7px no-repeat;
}
div.news .all a{
color:#f8f8f8;
}
/******** produkty s obrazky v pravo ****************/
div.zb_main{
float:left;
width:320px;
padding:0 0 5px 0;
}
div.zbb_0{
float:left;
width:150px;
padding:0 6px 0 0;
background:url(img/zd_top.gif) no-repeat;
}
div.zbb_1{
float:left;
width:150px;
padding:0 6px 0 0;
background:url(img/zd_bot.gif) bottom left no-repeat;
}
div.zbb_2{
float:left;
width:149px;
background:url(img/zd_shd.gif) 0px 63px no-repeat;
}
div.zbb_1 .space{
float:right;
width:1px;
height:187px;
}
span.spn1{
float:left;
width:149px;
text-align:center;
background:url(img/crz.gif) no-repeat;
}
span.spn1 img{
border:0;
}
div.zbb_2 .spn2{
float:left;
width:129px;
height:26px;
text-align:center;
padding:10px 10px 7px 10px;
}
div.zbb_2 h3{
float:left;
width:149px;
margin:0;
font-size:11px;
}
div.zbb_2 h3 a{
color:#626262;
float:left;
width:149px;
background:url(img/zd_a.gif) bottom left no-repeat;
}
div.zbb_2 h3 a:hover,div.zbb_2 h3 a.hv{
color:#ffffff;
background:url(img/zd_a.gif) bottom right no-repeat;
text-decoration:none;
}
div.right_part .space3{
float:left;
width:300px;
height:9px;
}
div.zbb_link{
float:left;
width:149px;
padding:4px 0 12px 0;
}
div.zbb_link h4{
float:left;
width:140px;
padding:0 0 0 9px;
margin:0;
font-size:11px;
font-weight:normal;
}
div.zbb_link h4:hover, div.zbb_link h4.hv{
background:url(img/zd_arr.gif) 0px 2px no-repeat;
}
div.zbb_link a{
color:#626262;
}
div.zbb_link a:hover{
color:#fe0000;
}
div.zbs_0{
float:left;
width:104px;
padding:6px 0 0 0;
}
div.zbs_1{
float:left;
width:98px;
background:#ffffff url(img/zb_top.gif) no-repeat;
}
div.zbs_1 h3{
float:left;
width:98px;
margin:0;
font-size:11px;
}
div.zbs_1 img{
border:0;
}
div.zbs_1 span{
float:left;
width:76px;
height:63px;
text-align:center;
padding:10px 11px 0 11px;
}
div.zbs_1 a{
color:#626262;
float:left;
width:98px;
text-align:center;
background:url(img/zb_a.gif) bottom left no-repeat;
}
div.zbs_1 a:hover, div.zbs_1 a.hv{
color:#ffffff;
background:url(img/zb_a.gif) bottom right no-repeat;
text-decoration:none;
}
div.right_part .space4{
float:left;
width:300px;
height:12px;
}
div.right_part .space5{
float:left;
width:300px;
height:47px;
}
div.right_part .space6{
float:left;
width:290px;
height:20px;
}
div.right_part .space10{
float:left;
width:300px;
height:15px;
}
div.right_part .space11{
float:left;
width:300px;
height:6px;
}
div.right_part .espacer{
float:left;
width:295px;
border-top:#ffffff 1px solid;
padding:21px 0 10px 8px;
}
/******** copyright a spodni menu ****************/
div.copyright{
float:left;
width:956px;
padding:8px 0 0 0;
}
div.copyright .text{
float:left;
width:480px;
height:53px;
padding:14px 0 0 10px;
color:#616161;
}
div.copyright .text a{
color:#fe0000;
}
div.copyright .menu{
float:right;
width:207px;
height:26px;
padding:7px 0 0 23px;
background:url(img/cpmn.gif) no-repeat;
}
div.copyright .menu a{
color:#606060;
font-size:11px;
}
div.bot_topmenu{
float:left;
width:956px;
height:80px;
padding:15px 0 0 0;
background:url(img/btmn.gif) no-repeat;
}
div.bot_menu{
float:left;
width:946px;
color:#a9a9a9;
font-size:11px;
padding:0 0 0 10px;
}
div.bot_menu a{
color:#a9a9a9;
text-decoration:none;
padding:0 10px 0 10px;
}
div.bot_topmenu .van{
float:left;
width:300px;
color:#c8cdd6;
font-size:11px;
padding:25px 0 0 10px;
}
div.bot_topmenu .van a{
color:#c8cdd6;
}
/******** cesta ****************/
div.path{
float:left;
width:589px;
height:26px;
padding:16px 0 0 16px;
}
div.path a{
color:#212121;
}
/******** leva cast - podstranka ****************/
div.sp_left{
float:left;
width:610px;
background:url(img/left_bgs.gif) no-repeat;
}
div.sp_left .article{
float:left;
width:575px;
padding:14px 0 6px 13px;
text-align:justify;
}
div.sp_left .article h1{
color:#ba0c1e;
font-size:20px;
font-weight:normal;
margin:0;
}
/******** podstranka - stranky se zalozkama ****************/
div.zalozky{
float:left;
width:599px;
background:#ffffff url(img/zalz.gif) no-repeat;
}
div.zalozky_sub{
float:left;
width:599px;
background:url(img/zalbot.gif) bottom left no-repeat;
}
div.zalozky_sub ul li a{
float:left;
height:22px;
display:block;
padding:12px 29px 0 23px;
color:#6c6c6c;
font-size:13px;
background:url(img/zlzb.gif) bottom right no-repeat;
text-decoration:none;
}
div.zalozky_sub ul li{
list-style-type:none;
float:left;
padding:0;
background:url(img/zlza.gif) bottom left no-repeat;
}
div.zalozky_sub ul{
margin:0;
padding:0 0 0 12px;
}
div.zalozky_body{
float:left;
width:572px;
padding:23px 0 15px 12px;
}
div.zalozky_body .space{
float:right;
width:1px;
height:700px;
}
div.spacep{
float:left;
width:500px;
height:9px;
}
div.zalozky_in{
float:left;
width:570px;
text-align:justify;
}
div.zalozky_in h2{
color:#ba0c1e;
font-size:13px;
margin:0;
}
div.zalozky_in_sub{
float:left;
width:570px;
padding:0 0 15px 0;
}
div.zalozky_in_sub span{
display:block;
color:#ba0c1e;
font-size:13px;
font-weight:bold;
}
div.zalozky_in_sub h2{
font-size:17px;
font-weight:normal;
margin:0;
}
div.zalozky_in_sub h2 a{
color:#626262;
}
div.zalozky_in_sub img{
float:right;
}
div.zalozky_in .table{
float:left;
width:572px;
padding:7px 0 0 0;
}
div.zalozky_in_sub .table{
float:left;
width:355px;
padding:7px 0 0 0;
}
div.zalozky_in_sub .table .linea,div.zalozky_in_sub .table .lineb{
width:342px;
}
div.zalozky_in .linea,div.zalozky_in .lineb{
float:left;
width:559px;
padding:3px 0 3px 13px;
border-bottom:#e8e8e8 1px solid;
}
div.zalozky_in .lineb{
background:#f2f2f2;
}
div.zalozky_in .sla{
float:left;
width:200px;
}
div.zalozky_in .slb{
float:right;
width:75px;
}
div.zalozky_in span{
color:#ba0c1e;
}
div.zalozky_in a{
color:#212121;
}
/******** podstranka - galerie ****************/
div.galerie{
float:left;
width:190px;
height:185px;
background:url(img/gal_bg.jpg) center center;
}
div.galsb{
text-align:center;
width:190px;
height:185px;
position:relative;
display: table-cell;
vertical-align: middle;
}
div.galsb img{
border:0;
margin: 0 auto;
display: block;
position:relative;
left: 0;
}
div.galsb div p {
margin:0;
padding:0;
}
/******** podstranka - historie ****************/
div.hist{
float:left;
width:599px;
background:#ffffff url(img/zalz.gif) 0px -34px no-repeat;
}
div.hist_sub{
float:left;
width:599px;
background:url(img/zalbot.gif) bottom left no-repeat;
}
div.hist_body{
float:left;
width:571px;
padding:14px 0 15px 12px;
text-align:justify;
}
div.hist_sub .space{
float:right;
width:1px;
height:438px;
}
div.hist_body h2{
color:#ba0c1e;
font-size:14px;
margin:5px 0 5px 0;
}
div.hist_body h3{
color:#626262;
font-size:13px;
margin:5px 0 5px 0;
}
div.space9{
float:left;
width:580px;
height:7px;
}
/******** lide ****************/
div.lide{
float:left;
width:599px;
}
div.lide_foto{
background-color:red;
float:left;
width:199px;
}
div.lide_foto img{
float:right;
padding:0 10px 0 0;
}
div.lide_text{
background-color:green;
float:left;
width:400px;
}
div.lide_text h3{
color:#626262;
font-size:15px;
}
/******** formular poptavka ****************/
div.hist_body form{
float:left;
width:560px;
padding:0 0 0 3px;
margin:0;
}
div.hist_body form input{
font-size:12px;
}
div.ord_ln{
float:left;
width:480px;
padding:0 0 3px 0;
}
div.ord_1{
float:left;
width:97px;
font-weight:bold;
padding-top:2px;
}
div.ord_2{
float:right;
width:383px;
}
div.ord_3{
float:left;
width:135px;
}
div.ddd2{
padding-bottom:3px;
}
div.ord_3 input{
width:120px;
}
div.ord_4{
float:left;
width:69px;
text-align:right;
font-weight:bold;
padding-top:2px;
}
div.ord_5{
float:right;
width:171px;
text-align:right;
}
div.ord_5 input{
width:170px;
}
div.ddd4 input,div.ddd4 textarea{
width:382px;
}
div.ord_6{
float:left;
width:65px;
}
div.ord_6 input{
width:65px;
}
div.ord_7{
float:left;
width:75px;
text-align:right;
font-weight:bold;
padding-top:2px;
}
div.ord_8{
float:right;
width:236px;
text-align:right;
}
div.ord_8 input{
width:236px;
}
div.ddd8 input{
width:211px;
}
div.ord_10{
float:left;
width:46px;
padding-top:5px;
}
div.ord_11{
float:left;
width:90px;
}
div.ord_12{
float:left;
width:105px;
font-weight:bold;
padding-top:2px;
}
div.ddd13{
padding-top:15px;
}
div.ddd14{
padding-top:5px;
}
div.but{
float:right;
width:383px;
padding-top:12px;
}
div.but input{
width:91px;
height:29px;
font-size:15px;
font-weight:bold;
color:#fe0000;
border:0;
background:url(img/but.gif) no-repeat;
}
div.ordspacer{
float:right;
width:191px;
height:456px;
}
/******** podstranka - produkty ****************/
div.products{
float:left;
width:571px;
padding:14px 0 0 12px;
}
div.products img{
float:left;
}
div.products h2{
float:right;
font-size:13px;
margin:0;
color:#ba0c1e;
width:477px;
padding:7px 0 0 0;
}
div.products h3{
float:right;
font-size:12px;
margin:0;
color:#626262;
width:441px;
}
div.products h2 a{
color:#ba0c1e;
text-decoration:none;
}
div.products h3 a{
color:#626262;
text-decoration:none;
}
div.products div{
float:left;
width:526px;
padding:0 0 4px 0;
}
div.prosld{
float:left;
width:594px;
padding:0 0 15px 5px;
background:#eaeaea url(img/prosld.gif) no-repeat;
}
div.prosld .space_pp{
float:left;
width:550px;
height:40px;
}
/******** stare - tabulky ****************/
.tab27{
background-image: url(img/gray3.gif);
background-repeat: repeat;
font-size:12px;
color: #333333;
padding-left: 14px;
}
.tab28{
background-image: url(img/gray1.gif);
background-repeat: repeat;
font-size:12px;
color: #333333;
padding-left: 14px;
}
.tab28-2{
background-image: url(img/grayy.gif);
background-repeat: repeat;
font-size:12px;
color: #333333;
padding-left: 14px;
}
.tab29{
background-image: url(img/gray2.gif);
background-repeat: repeat;
font-size:12px;
color: #333333;
padding-left: 14px;
}
.tab30{
background-image: url(img/tabgray2.jpg);
background-repeat: no-repeat;
font-size:12px;
color: #333333;
padding-left: 14px;
}