/*
  Vinicars
*/

body{background:#ffffff; background:url('../images/css/layoutx.jpg') top center no-repeat; text-align:center; font-size:0.9em; color:#444444; }

h1, h2{font-size:2.8em; color:#168E33; font-weight:bold;}
h2{font-size:1.8em; margin-bottom:0.45em; }
h3{color:#464646; font-size:1.45em; font-weight:bold;}

a{color:#464646;}
a:hover{color:black;}

img, a img{border:0;}


/* Tlacitka */
.btn, #content .btn, #content .switch .btn:hover{background:#168E33; border-radius:5px; color:#ffffff; font-weight: bold; padding: 10px 15px; text-decoration: none;}
.btn:hover, #content .btn:hover{background:#666666; color:#ffffff;}



/* Layout */
#wrapper .in{width:915px; margin:0px auto; text-align:left; border:black solid 0px; position:relative;}

/* Hlavicka */
#header .in{height:87px; border:0px red solid; position:relative;}

/* Logo */
#logo, #info-line, #calc, #lang{position:absolute;}
#logo{top:28px; left:0;}

/* Infolinka */
#info-line{top:31px; left:420px;}
#info-line a{font-weight:bold; color:#168E33; font-size:1.45em; text-decoration:none; position:relative; bottom:-2px; left:0;}

/* Jazyky */
#lang{top:37px; left:215px;}
#lang a{padding-left:33px;}
#lang .cs{background:url('../images/css/flags/cz.png') 00 no-repeat;}

/* Online kalkulace */
#calc{top:28px; right:0;}
#calc a{background:#666666 url('../images/css/tlacitko.gif'); color:#ffffff; border-radius:5px; padding:10px 15px 10px 15px; display:block; font-weight:bold; text-decoration:none;}

/* Menu + submenu */
#menu{height:60px; background:#168E33 url('../images/css/menu_bg.png') left top repeat-x;}

#menu ul{margin:0; height:58px; z-index:500;}
#menu ul li{display:inline; text-transform:uppercase; font-size:0.9em; float:left; position:relative; z-index:500;}
#menu a{display:block; color:#ffffff; text-decoration:none; font-weight:bold;  margin-right:4px; margin-top:11px; padding:7px 12px 7px 12px;   float:left;}
#menu ul li:hover a, #menu li strong a{background:#11762A; background:#ffffff; color:#11762A; border-radius:5px;}
#menu li strong a{color:white; background:#11762A;}

#menu ul ul{width:230px; display:none;  height:auto; margin:0; list-style:none; background:#168E33; background:#ffffff; padding:5px; padding-top:15px; border-radius:0px 0px 5px 5px;}
#menu ul li:hover > ul {display:block; position:absolute; top:60px; left:0px;}
#menu ul > li:hover > ul {left:0px; top:60px;}

#menu ul li.sub:hover a{padding-bottom:19px; border-radius:5px 5px 0px 0px;}
#menu ul li.sub ul li a, #menu ul li.sub:hover ul li a{margin:0px; padding:0; margin-bottom:10px; padding-bottom:7px; padding-left:10px; border-bottom:1px solid #eeeeee; border-radius:0px;}
#menu ul ul a:hover{color:#444444;}


/* Menu + overlay */
.overlay {bottom:0; left: 0; position: fixed; right:0; top:147px; z-index: 100; background:#ffffff; opacity:0.6; display:none;}


/* Obsah */
#content{background:#F5F5F5 url('../images/css/content_bg4.png') top left repeat-x;}
#content .in{padding-top:35px;}
#content p a{color:#168E33;}
#content p a:hover{color:#000000;}

.free, .action ul li.free{color:#168E33; font-size:1.45em;}
.perex{font-size:1.3em; font-weight:bold;}


/* Homepage - promo top */
.promo{height:auto; width:100%; margin-bottom:32px;}

/* Homepage - layout */
.main, .sidebar{float:left;}
.main{width:592px; margin-right:30px;}
.sidebar{width:293px;}

.text{background:#ffffff; padding:20px; margin-bottom:32px;}

/* HP - proc my */
.why dl{margin-top:20px;}
.why dt{font-size:1.25em; margin:0; margin-left:10px; margin-bottom:8px; padding-left:22px; background:url('../images/css/plus.png') 00 no-repeat;}

/* HP - 3 kroky */
.process{width:293px; }
.process li{display:block; width:100%; height:105px; background:url('../images/css/process_bg2.png') top left no-repeat; margin-bottom:15px;}
.process ul{margin:0;}
.process li a{display:block; padding:1.2em; text-align:center; font-size:1.25em; color:#ffffff; text-decoration:none;}

.process .s1{background-position:top left;}
.process .s2{background-position:center left;}
.process .s3{background-position:bottom left;}
.process .s1:hover{background-position:top right;}
.process .s2:hover{background-position:center right;}
.process .s3:hover{background-position:bottom right;} 


/* Action v zaveru */
.action{background:#ffffaa url('../images/css/action_bg.png') top left repeat-x; height:99px; position:relative; margin-bottom:0;}
.action h2{color:#464646; margin-top:7px;}
.action p{margin:0;}
.action ul{position:absolute; top:35px; right:30px; margin:0;}
.action ul li{list-style-type:none; font-size:1.25em; font-weight:bold; margin-bottom:6px;}


/* Fotogalerie */

.photo > div{float:left; width:280px; background:none; margin-right:32px; height:100%;}

.photo .go{margin-right:0;width:291px;}
.photo .go p{display:block; margin:0; padding:2em; font-size:1.4em; color:#949494;}
.photo .go p span{display:block; font-weight:bold; margin-bottom:1em;}
.photo .title{color:#168E33;}
.photo .go p .desc{font-weight:normal;}
.photo .go p .price{font-size:0.85em;}

.photo .after p, .photo .before p{padding:10px; padding-left:15px; font-weight:bold; font-size:1.25em; margin:0; position:relative; top:-3px; color:#ffffff;}
.photo .before p{background:#636363;}
.photo .after p{background:#168E33;}


/* Detail fotogalerie */

.gallery{width:915px;}
.gallery img{margin-bottom:32px;}
.gallery > div{float:none; width:100%; margin:0; position:relative;}

.gallery .helper{display:block; width:32px; height:32px; position:absolute; background:url('../images/css/info.png') left top no-repeat; cursor:pointer;}
.gallery .helper:hover{background-position:bottom left;}

.gallery .help{width:280px; background:#168E33; color:white; position:absolute; left:40px; top:13px; left:0px; top:0px; cursor:default;}
.gallery .help img{margin-bottom:0px;}
.gallery .help p{font-size:0.9em;   line-height:1.4em; margin-bottom:0; padding:15px;}

.draggDebug{position:fixed; background:yellow; padding:1em; top:0; left:0px; z-index:555;}
.draggDebug{display:none;}

.gallery .help{display:none;}
.gallery .helper:hover .help{display:block;}


/* Sluby - video */

.video iframe{width:915px; height:500px;}
.video iframe{width:440px; height:373px; margin-right:32px;}
.video iframe, .video .benefits{float:left;}

.video .benefits{width:400px; }
.video .benefits li{list-style-type:none; font-size:1.2em; margin:0; margin-left:10px; margin-bottom:8px; padding-left:22px; background:url('../images/css/plus.png') 00 no-repeat;}
.video .benefits ul{margin:0; margin-bottom:2.5em; margin-top:1em;}
.video .go{text-align:center;}

.col{float:left; width:150px; width:401px; margin-right:32px;}
.end{margin-right:0;}

/* Historie */
.history{background:url('../images/history.jpg') bottom right no-repeat;  height:545px;}
.history h2{color:#464646;}
.history img{float:left; margin-right:15px; margin-bottom:15px;}
.history .end{margin-right:0;}
.history .shorter{width:180px;}
.history p{margin-bottom:0;}

.text .col{float:left;width:420px; margin-right:30px; border:1px red solid;}
.text .end{margin-right:0;}

a.close {display:block; width:28px; height:28px; background:url('../images/css/close.png') bottom left no-repeat; position:absolute; top:48px; right:0;}
a.close:hover{background-position:top left;}
a.close span{display:none;}


/* Kontakt */

#contact .info, #contact .address{float:left;}
#contact .info{width:401px; margin-right:32px;}
#contact .address{width:401px; background:none;}
#contact .address p, #contact .address img{float:left; border:0px red solid;}
#contact .address p{width:200px;}
#contact .address h2{margin-bottom:0.6em;}
#contact .address img{width:180px; margin-right:20px;}


/* Google maps via jQuery */

#googleMaps{width:915px; height:400px; border:0; margin:0; padding:0; margin-bottom:32px;}
#googleMaps .notice *{color:red;}
#googleMaps .notice{padding-top:100px; text-align:center;}

.gomapMarker h3{color:#168E33; font-family:Arial; font-size:16px; margin-top:0;}
.gomapMarker p, .gomapMarker .free{font-size:12px;}
.gomapMarker .free{font-size:14px;}
/*.gmnoprint {width:30px;height:200px;display:block;}*/


/* Cenik */
.prices{margin-bottom:22px;}
.prices table{width:910px; background:white; border:2px solid #dddddd;}
.prices td, .prices th{padding:15px;}
.prices td{text-align:right;  border-bottom:1px solid #dddddd;}
.prices th{text-align:center;  background:#eeeeee;  border-bottom:1px solid #cccccc;}

/* Prepinani ceniku - skryvani */
.switch{margin-bottom:2em; padding-top:2em;  border-top:1px #dddddd solid; text-align:center;}
.prices{text-align:center;}
.prices table{margin:0 auto;}

th.lft{text-align:left;}

/* Prepinace - tlacitka */
#content .grey, #content .switch .grey:hover{background:#dddddd; color:#464646;}
#content .switch a.last, #content .switch a.last:hover{border-radius:0px 5px 5px 0px;}
#content .switch a.first, #content .switch .first:hover{border-radius:5px 0px 0px 5px; }

/* Cenik - interakce, zabarvovani prokliku */
.hover, .check{background:#eeeeee; background:#FFFFD6; color:#464646; cursor:pointer;}
.highlite, .check{background:#ffffaa; cursor:pointer; font-weight:bold;}
.highlite{font-weight:normal;}
.check{background:#168E33; color:white;}

#total{position:absolute; top:125px; right:0; font-size:1.7em;/**/  color:#168E33; font-weight:bold; cursor:pointer;}
#callAction{display:none; color:#168E33;}
#perex, #callAction{display:block;}
#fixedPerex{width:700px; height:58px; overflow:hidden;}


/* Paticka */
#footer{background: url('../images/css/footer_top.png') left top repeat-x; font-size:0.9em; padding-bottom:1em;}
#footer .in{padding-top:72px; border:0;}
#footer a{margin-right:10px;}

/* Copyright */
.links{padding-left:130px; background:url('../images/css/footer_logo.png') top left no-repeat;}
.disclaimer {color:#AAAAAA; padding-left:2px;}

/* Ikonky */
.social{position:absolute; top:65px; right:0;}
.like{position:absolute; top:115px; right:0px;}


.page404{height:380px; background:url('../images/404.png') 490px 30px no-repeat;}
.page404 .symbol{color:#ffffff; font-weight:bold; font-size:12em; text-align:center;}
.page404 .exit{font-size:1.4em; font-weight:bold; color:#949494; margin-top:80px; width:460px; text-align:center;}