@charset "utf-8";
/* CSS Document */

body { font-family:Verdana, Tahoma, Geneva, sans-serif; font-size:12px; color:#000000; text-align:left; background: #5f5f5f url(/clip/bg.png) repeat center top; }

* {padding: 0px; margin: 0;}
.clear {clear: both;visibility: hidden; line-height: 1%; font: 1%;}
img{ border:0;}


#holder{ width:940px; margin: 0 auto 0 auto; }
.kontaktni-formular{position:absolute; top:0px; left:-74px; z-index:5;}

#top-menu-left{display:inline; float:left; margin:20px 0 0 0px; text-align:center; width:300px;}

#top-menu-right{display:inline; float:left; margin:20px 0 0 0px; text-align:right; width:640px; color:#cecece;}
#top-menu-right ul{}
#top-menu-right li{ display:inline-block; margin:0px 10px 0px 10px; }
#top-menu-right li a{ display:inline-block; text-align:center; color:#cecece; font-weight:normal; text-decoration:none; font-size:12px; }
#top-menu-right li a:hover{ color:#cecece; text-decoration:underline; }
#top-menu-right li a.klik{ color:#cecece; text-decoration:underline; }


h1{color:#000000; font-size:24px; font-weight:normal; margin-bottom:15px;}
h2{color:#000000; font-size:14px; font-weight:normal; margin-bottom:10px;}
h3{color:#000000; font-size:14px; font-weight:normal; margin-bottom:5px;}
p {color:#000000; font-size:12px; text-align:justify;}

#top{ width:940px; height:250px; margin:20px 0px 20px 0px; }
#top-left{ height:250px; dispaly:inline; float:left; width:280px; background:#131313; padding:10px; }
#top-left .logo{ top:50px; left:50px; position:relative; }
#top-right{ height:250px; dispaly:inline; float:left; width:620px; background:#ffffff; }
#content{}

#left{float:left; display:inline; width:300px; margin:0 10px 25px 0; position:relative; }
#left .box{ width:260px; padding:20px; background: #a34310 url(/clip/bg-menu.jpg) repeat-x center top; color:#69685d; font-size:11px; }
#left .box ul{ color:#ffffff; }
#left .box li{ margin:15px 10px 15px 50px; }
#left .box li a{ text-align:center; color:#e1ddd3; font-weight:normal; text-decoration:none; font-size:13px; }
#left .box li a:hover{ color:#ffffff; text-decoration:underline; }
#left .box li a.klik{ color:#ffffff; text-decoration:underline; }

#left .box2{ width:260px; margin:2px 0px 0px 0; padding:20px; background:#131313; color:#69685d; font-size:11px; }
#left .box2 .nadpis{ border-bottom:1px solid #7b7b7b; color:#7b7b7b; font-size:16px; font-weight:normal; padding-bottom:10px; margin-bottom:10px; }
#left .box2 p {color:#7b7b7b; font-size:11px; text-align:justify;}

#middle{float:left; display:inline; width:555px; padding:20px 25px 35px 35px; margin:0 10px 0 0; }
#middle a{ color:#ffffff; text-decoration:none; font-family:Verdana, Tahoma, Geneva, sans-serif; font-size:13px; }
#middle a:hover{ color:#ffffff; text-decoration:underline; font-family: Verdana, Tahoma, Geneva, sans-serif, sans-serif; font-size:13px; }

.opt-text{margin-bottom:10px;}
.opt-text p{ margin-bottom:10px; font-family:Verdana, Tahoma, Geneva, sans-serif; font-size:13px; color:#000000;}
.opt-text ul{ margin-bottom:10px;}
.opt-text li{ margin:5px 0px 0px 20px; font-family:Verdana, Tahoma, Geneva, sans-serif; font-size:13px; color:#000000;}
.opt-text img{margin-right:10px; border:5px solid #7b7b7b;}

/*--- text info ----*/

#text-holder{ margin-bottom:20px; padding:10px 15px 10px 0px;}
#text-holder h2{ font-size:13px; font-weight:bold; margin:0 0 10px 0; color:#a9805f;}
#text-holder h2 a{ font-size:13px; font-weight:bold; margin:0 0 10px 0; color:#a9805f;}
#text-holder h2 a:hover{ text-decoration:none; color:#e56311;}
#text-holder h3{ font-size:13px; font-weight:bold; margin:0 0 10px 0; color:#a9805f;}
#text-holder h3 a{ font-size:13px; font-weight:bold; margin:0 0 10px 0; color:#a9805f;}
#text-holder h3 a:hover{ text-decoration:none; color:#e56311;}
#text-holder p{ margin:0 0 20px 0; text-align:justify; color:#666666; font-size:12px;}

#text-holder ul{ list-style:circle; padding-left:20px; margin-bottom:20px;}
#text-holder li{color:#a48d65;}
#text-holder li a{color:#e225a6; text-decoration:none;}
#text-holder li a:hover{ text-decoration:underline;}

#text-holder .clanek{ padding:10px; }
#text-holder .clanek p{ margin:0 0 0px 0; text-align:justify; color:#666666; font-size:12px;}
#text-holder div.clanek:hover{ background:#ebe1c6; padding:10px; }


/*--- paticka ----*/

#footer-holder{ background:#121212; width:925px; height:60px; margin: 0 auto 10px auto; text-align:left; padding:10px; color:#7c7c7c; font-size:11px;}
#footer-holder .footer-bottom a{ color:#7c7c7c; text-decoration:none; }
#footer-holder .footer-bottom a:hover{ color:#7c7c7c; text-decoration:underline; }


/* formular doporučit produkt */

.doporucuje-bad {padding:10px; margin-bottom:20px; background:#c63c0d; color:#FFFFFF;}
.doporucuje-true {padding:10px; margin-bottom:20px; background:#05bb16; color:#FFFFFF;}
.box-holder-dop fieldset{ border:0; margin:0px; color:#935624;}
.box-holder-dop label{width:110px; height:17px; border:0; display:inline-block; float:left; padding:0 0 0 10px; margin-bottom:3px;}
.box-holder-dop input{width:340px; height:15px; border:1px solid #f88413; display:inline-block; float:left; margin-bottom:3px; background:#fac489; color:#000000; font-size:12px; padding: 5px; letter-spacing: 1.2px;}
.box-holder-dop select{width:352px; height:30px; border:1px solid #f88413; display:inline-block; float:left; margin-bottom:3px; background:#fac489; color:#000000; font-size:12px; padding: 5px; letter-spacing: 1.2px;}
.box-holder-dop textarea{width:340px; height:100px; border:1px solid #f88413; float:left; background:#fac489; color:#000000; font-size:12px; padding:5px; margin:0px 10px 10px 0px; letter-spacing: 1.2px;}
.box-holder-dop input.btn-send{font: 14px Verdana, Helvetica, sans-serif; color: #FFFFFF; padding-bottom:7px; width:180px; height:40px; border:0; background-image:url(/clip/button-diskuze.jpg);background-color: transparent; margin: 5px 20px 0 0; float:right; display:inline; letter-spacing: 0px; cursor:pointer;}
/* formular doporučit produkt ------end -----*/