/*
  VINICARS
*/

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


/* General */
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;}

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


/* Buttons */
.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;}
#header .in{height:87px; border:0px red solid; position:relative;}


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


/* Infoline */
#info-line{top:31px; left:420px; font-size:14px;}
#info-line a{font-weight:bold;  border-radius:5px; color:white; padding: 10px 15px; border:0px solid red;  background:url('../images/css/free/1.png') 00 no-repeat;   text-decoration:none; }
#info-line a span{font-size:20px; position:relative; bottom:-2px; left:0; }


/* Translations */
#lang{top:0px; left:195px; background:white; padding:20px; z-index:999; border-radius:5px; /* box-shadow: #ddd 4px 5px 10px;*/}
#lang a{padding-left:33px; display:block; margin-top:17px;  cursor:pointer;text-decoration:underline; font-size:14px;}
#lang a.last{margin-bottom:0;}
#lang a:hover{text-decoration:none;}
#lang .cz{background:url('http://www.vinicars.cz/images/css/flags/cs.png') 00 no-repeat;} /*domain prefix*/
#lang .de{background:url('http://www.vinicars.cz/images/css/flags/de.png') 00 no-repeat;}
#lang .com{background:url('http://www.vinicars.cz/images/css/flags/en.png') 00 no-repeat;}
#lang .eu{background:url('http://www.vinicars.cz/images/css/flags/eu.png') 00 no-repeat;}
#lang .ru{background:url('http://www.vinicars.cz/images/css/flags/ua.png') 00 no-repeat;}
#lang .sk{background:url('http://www.vinicars.cz/images/css/flags/sk.png') 00 no-repeat;}
#lang .fr{background:url('http://www.vinicars.cz/images/css/flags/fr.png') 00 no-repeat;}
#lang {display:none;} /*loading fix, enable with jquery.. */


/* Online calculation */
#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; font-size:14px; text-transform: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:15px; padding-bottom:0px; padding-left:10px; border-bottom:0px solid #eeeeee; border-radius:0px;}
#menu ul ul a:hover, #menu ul .sub ul strong a{color:#444444;}

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


/* Content */
#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;}


/* HP top */
.promo{height:auto; width:100%; margin-bottom:32px;}
.main, .sidebar{float:left;}
.main{width:592px; margin-right:30px;}
.sidebar{width:293px;}

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

/* HP - why */
.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 - steps */
.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 right;} /*top left*/
.process .s2{background-position:center right;}
.process .s3{background-position:bottom left;}
.process li a:hover{text-decoration:underline;}


/* Call to action on bottom */
.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:25px; right:30px; margin:0;}
.action ul li{list-style-type:none; font-size:1.25em; font-weight:bold; margin-bottom:6px;}

/* Photos */
.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;}


/* Photo detail */

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


/* Services - 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;}

/* History */
.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;}


/* Contact */
#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;}


/* Prices */
.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:40px; padding-top:40px;  border-top:1px #dddddd solid; text-align:center;}
.prices{text-align:center;}
.prices table{margin:0 auto;}
th.lft, td.lft{text-align:left;}

/* Prepinace - tlacitka */
#content .grey, #content .switch .grey:hover{background:#888; color:#fff;}
#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; }
#content .switch a.next, #content .switch .next:hover{border-radius:0px; border-right:1px #777 solid;border-left:1px #777 solid;}


/* Cenik - interakce, zabarvovani prokliku 
.hover, .check{background:#eeeeee; background:#FFFFD6; color:#464646; }
.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;}
*/


/* Footer */
#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;}

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


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


/* 404 */
.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;}



/* Additions */


.big-video iframe{width:915px; width:; height:500px; margin-bottom:40px;}
.iframe{z-index:1;}

#menu ul .sub ul li:last{margin-bottom:0;}
#menu ul .sub ul li:last a{border-bottom:0;}


/* Additions 2 */

.end{margin-right:0;}
.transparent{background:none;}
.insurence-logo{float:left; border:0px green solid;}
.insurence-logo img{ border:10px solid white; background:white;}
.insurence-logo span{display:table-cell; width:120px; height:130px; vertical-align:middle; text-align:left;}
.insurence-logo-small img{width:90px; margin-right:7px; margin-bottom:7px;}

/* Livkdivace pojist. udalosti */
.insurence-box{margin-bottom:25px;}
.insurence-box img{ margin-left:10px; margin-bottom:10px;}


/* Express lakovana */
.foto-box{overflow:hidden;}
.foto-box div img{float:left; width:400px; height:300px; border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 0 20px rgba(70, 70, 70, 0.6);}
.foto-box .logo{position:absolute; top:330px; left:35px; width:150px; z-index:999;}
.text{position:relative;}

.video iframe{margin-right:0;}
.video .pad-right{margin-right:32px;}

.steps{margin:0;}
.steps li{list-style-type:none; margin-bottom:15px; }
.steps li span{float:left; display:block; width:340px;}
.steps li span.num{width:10px; position:relative; top:-5px; background:url('../images/css/step.png') 00 no-repeat; font-weight:bold; margin-right:10px; border:0px red solid; padding:10px; text-align:center;color:white;}

.attention{font-weight:bold; color:#168E33;}
.note{background-color:#eeeeee; margin-bottom:10px; }

.hp-map{position:relative; margin-bottom:40px; height:270px; background:url('../images/map-hp.png') center center no-repeat;}
.hp-map a{position:absolute; top:0; left:0; width:12px; height:12px; background:url('../images/pointer.png') center center no-repeat;}
.hp-map a span{display:none;}


/* Contact */
#contact ul{margin-left:0; margin-top:17px;}
#contact li{list-style-type:none; margin-bottom:7px; }
#contact li strong{font-size:16px; color:#168E33;}
#contact li a{font-weight:bold;  position:relative; top:-1px;}

.action ul li{font-size:16px; margin-bottom:2px;}
.action ul li .free{font-size:17px;}

.hint{background:#168E33;  font-size:17px; color:white; background:#ffffaa; color:#444444; /*text-align:center;*/}
.hint p{margin-bottom:0;}
.hint .free{color:#168E33; font-size:21px;}



/* QTIP */

.ui-tooltip, .qtip{position: absolute;left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; }

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid{ display: block; visibility: hidden; position: static !important; float: left !important; }
.ui-tooltip-content{ position: relative; padding: 5px 9px; overflow: hidden; border: 0px solid #000001; text-align: left; word-wrap: break-word; overflow: hidden; }
.ui-tooltip-titlebar{ position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border: 0px solid #000001; border-width: 1px 1px 0; font-weight: bold; }
.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default{ position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; }
* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon{ display: block; text-indent: -1000em; }
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-tooltip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; }

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content{ background-color: #FFFFA3; color: #555; }
.ui-tooltip-default .ui-tooltip-titlebar{background-color: #FFEF93;}
.ui-tooltip-default .ui-tooltip-icon{background: #F1F1F1;color: #777;}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{color: #111;}
.ui-tooltip .ui-tooltip-tip{ margin: 0 auto; overflow: hidden; z-index: 10; }
.ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip *{ position: absolute; line-height: 0.1px !important; font-size: 0.1px !important; color: #123456; background: transparent; border: 0px dashed transparent; }
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }

#qtip-overlay{position: fixed;left: -10000em;top: -10000em;}
#qtip-overlay.blurs{ cursor: pointer; }
#qtip-overlay div{position: absolute;left: 0; top: 0;width: 100%; height: 100%;background-color: black;opacity: 0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content{color: #ffffff;padding:15px;font-size:12px}
.ui-tooltip-dark .ui-tooltip-content{background-color: #168E33;font-weight:bold;}

/*! Light tooltip style - FAQ */
.ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content{padding:20px;color:#fff;text-align:left;font-size:12px}
.ui-tooltip-light p{margin-bottom:0; line-height:1.4em;}
.ui-tooltip-light h3{color:white; margin-bottom:10px;}
.ui-tooltip-light a{color:white;}
.ui-tooltip-light .ui-tooltip-content{background-color: #444; /* #168E33 #FE7A15 #444*/}