/* CSS - Autoslužby Petr Kroa */
/* Adam Kroa */
/* www.kroa.cz */


/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/    
   v2.0 | 20110126   
   License:none (public domain) */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* // CSS RESET */

.obal,.ie6,.fu-ie-fix {display: none;}

@font-face {
	font-family: 'Myriad';
	src: url('myriadproregular.otf'); 
}



body {
 background: #f0f0f0 url('img/lista.png') center top repeat-x;
 font-family: Verdana;
}

@media screen and (max-device-width: 800px) {
    body {
         background: #f0f0f0 url('img/lista-mobile.png') center top repeat-x;
    }
}

div               {position: relative;}
h1,h2,h3,h4,h5,h6 {font-family: sans-serif;}
.sans             {font-family: sans-serif;}
.hr               {width:1000px;height:1px;background-color:#e5e5e5;clear:both;margin: 25px 0;}
  
#con {
 margin: 0 auto;
 width: 1002px;
 overflow: hidden;
 height: 100%;
}

#con #header {
 float: left;
 height: 180px;
 width: 1002px;
}

#con #header .logo {
 float: left;
 margin-left: 19px;
 height: 112px;
 width: 194px;
}

#con #header .logo a.logohref {
 display: block;
 background: url('img/logo.png') center center no-repeat;
 height: 100%;
 width: 100%;
}

#con #header .tel {
 float: left;
 height: 169px;
 background: url('img/kontakt2.png') 97% 17% no-repeat; 
 width: 786px;
}

#con #content {
 float: left;
 width: 1000px;
 margin-bottom: 30px;
 border-left: 1px #e5e5e5 solid;
 border-right: 1px #e5e5e5 solid;
 height: 100%;
 min-height: 570px;
 padding-bottom: 50px;
}

/* BOXY */
#con #content #boxes{
 float: left;
 margin: -31px 0 25px 24px;
 height: 100%;
 width: 100%;
 text-decoration: none;
}

#con #content #boxes .box {
 float: left;
 /*height: 385px;*/
 height: 194px;
 margin-right: 24px;
 width: 220px;
 text-decoration: none;
}

#con #content #boxes .box a {
 text-decoration: none;
}

#con #content #boxes .box .a-boxes .button {
 position: absolute;
 width: 220px;
 height: 177px;
 top: 0px;
 left: 0px;
 z-index: 200;
}

#con #content #boxes .box .a-boxes .b-autobazar {background: url('img/buttons-autobazar.png') center top no-repeat;}
#con #content #boxes .box .a-boxes .b-lakovna {background: url('img/buttons-lakovna.png') center top no-repeat;}
#con #content #boxes .box .a-boxes .b-autoservis {background: url('img/buttons-autoservis.png') center top no-repeat;}
#con #content #boxes .box .a-boxes .b-pneuservis {background: url('img/buttons-pneuservis.png') center top no-repeat;}

#con #content #boxes .box:hover {cursor: pointer;} 

#con #content #boxes .box:hover .a-boxes .b-autobazar,
#con #content #boxes .box:hover .a-boxes .b-lakovna,
#con #content #boxes .box:hover .a-boxes .b-autoservis,
#con #content #boxes .box:hover .a-boxes .b-pneuservis
{
 background-position: 0px -177px;
} 

#con #content #boxes .box .a-boxes .box-bottom {
 float: left;
 position: relative;
 width: 220px;
 /*height: 205px;*/
 margin-top: 179px;
 height: 41px;
 border: none;
 }

#con #content #boxes .box .a-boxes .box-bottom h2 {
 text-align: center;
 text-transform: uppercase;
 font-size: 22px;
 color: #777777;
 /*color: #348ac2;*/
 border-bottom: 1px #e5e5e5 solid; 
 letter-spacing: 1px;
 padding-bottom: 14px;
 }
 
#con #content #boxes .box:hover .a-boxes .box-bottom h2 {/*border-bottom: 1px #b0b0b0 solid*/;color: #348ac2; } 
#con #content #boxes .box .a-boxes ul {margin: 15px 0 0 0; display: none} 
  
#con #content #boxes .box .a-boxes ul li {
 width: 220px;
 height: 100%;
 line-height: 22px;
 text-align: center;
 font-size: 15px;
 margin: 5px 0 0 0;
 color: #888888;
} 
 
#con #content #boxes .box:hover .a-boxes ul li {color: #707070;font-weight:bold;}  /*313131*/

/* // BOXY */

/* BOXY PODSEKCE*/

#con #content #boxes-sub{
 float: left;
 margin: -31px 0 25px 24px;
 height: 100%;
 z-index: 199;
 width: 100%;
 text-decoration: none;
}

#con #content #boxes-sub .box {
 float: left;
 height: 194px;
 margin-right: 24px;
 width: 220px;  
 text-decoration: none;
}

#con #content #boxes-sub .box a {
 text-decoration: none;
}

#con #content #boxes-sub .box .a-boxes .button {
 position: absolute;
 width: 220px;
 height: 177px;
 top: 0px;
 left: 0px;
 z-index: 200;
}

#con #content #boxes-sub .box .a-boxes .b-autobazar {background: url('img/buttons-autobazar.png') center top no-repeat;}
#con #content #boxes-sub .box .a-boxes .b-lakovna {background: url('img/buttons-lakovna.png') center top no-repeat;}
#con #content #boxes-sub .box .a-boxes .b-autoservis {background: url('img/buttons-autoservis.png') center top no-repeat;}
#con #content #boxes-sub .box .a-boxes .b-pneuservis {background: url('img/buttons-pneuservis.png') center top no-repeat;}

#con #content #boxes-sub .box:hover {cursor: pointer;} 

#con #content #boxes-sub .box:hover .a-boxes .b-autobazar,
#con #content #boxes-sub .box:hover .a-boxes .b-lakovna,
#con #content #boxes-sub .box:hover .a-boxes .b-autoservis,
#con #content #boxes-sub .box:hover .a-boxes .b-pneuservis
{
 background-position: 0px -177px;
} 

#con #content #boxes-sub .box .a-boxes .box-bottom {
 float: left;
 position: relative;
 width: 220px;
 height: 41px;
 margin-top: 179px;
 }

#con #content #boxes-sub .box .a-boxes .box-bottom h2.autobazar,
#con #content #boxes-sub .box .a-boxes .box-bottom h2.lakovna,
#con #content #boxes-sub .box .a-boxes .box-bottom h2.autoservis,
#con #content #boxes-sub .box .a-boxes .box-bottom h2.pneuservis {
 text-align: center;
 text-transform: uppercase;
 font-size: 22px;
 color: #777777;
 border-bottom: 1px #e5e5e5 solid; 
 letter-spacing: 1px;
 padding-bottom: 14px;
 }
 
#con #content #boxes-sub .box:hover .a-boxes .box-bottom h2 {/*border-bottom: 1px #b0b0b0 solid;*/color: #348ac2;} 
/* // BOXY PODSEKCE*/

/* MAIN PAGE STYLE */
#con #content #inzerat {
 width: 918px;
 height: 237px;
 background: #ffffff url('img/baz-shadows.jpg') 16px 16px no-repeat;
 clear: both;
 -moz-border-radius-topleft: 8px;
 -moz-border-radius-topright:8px;
 -moz-border-radius-bottomleft:0px;
 -moz-border-radius-bottomright:0px;
 -webkit-border-top-left-radius:8px;
 -webkit-border-top-right-radius:8px;
 -webkit-border-bottom-left-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 border-top-left-radius:8px;
 border-top-right-radius:8px;
 border-bottom-left-radius:0px;
 border-bottom-right-radius:0px;
 border-top: solid 1px #c5c5c5;
 border-left: solid 1px #c5c5c5;
 border-right: solid 1px #c5c5c5;  
 margin: 0 24px;
 padding: 16px 16px 0px 16px;
} 

#con #content #inzerat .text{
 width: 481px;
 height: 220px;
 float: left;
 overflow: hidden;
} 

#con #content #inzerat .text h3 {
 text-align: left;
 text-transform: uppercase;
 font-size: 22px;
 color: #535353;
 letter-spacing: 2px;
 margin: 5px 8px 22px 10px;
 font-weight: normal;
 text-shadow: 1px 1px 1px #ffffff;
} 

#con #content #inzerat .text p {
 text-align: left;
 font-size: 16px;
 color: #383838;
 padding-right: 8px;
 margin-left: 17px;
 margin-top: 15px;
 font-weight: normal;
} 

#con #content #inzerat .text p span {
 color: #5e5e5e;
 font-size: 16px;
 font-weight: bold;
 text-shadow: 1px 1px 1px #ffffff;
} 

#con #content #inzerat .photos {
 width: 430px;
 height: 100%;
 float: left;
 margin-left: 7px;
} 

#con #content #inzerat .photos .dots {
 width: 55px; 
 height: 220px;
 float: left;
visibility: hidden; 
} 

#con #content #inzerat .photos .dots .pack {
 width: 24px;
 height: 120px;
 margin: 50px 0 0 22px;
} 

#con #content #inzerat .photos .dots .pack a.dot {
 float: left;
 display: block;
 width: 23px;
 height: 24px;
 background-image: url('img/dots2.png');
 background-position: 0 7px;
 background-repeat: no-repeat;
} 

#con #content #inzerat .photos .dots .pack #dot-checked {background-position: 1px -16px;}
#con #content #inzerat .photos .dots .pack a.dot:hover {background-position: 0px -41px;} 

#con #content #inzerat .photos .dots .pack a.dot:visited {
 background-position: 1px -16px;
} 

#con #content #inzerat .photos .f-big {
 border: 1px #676767 solid;
 width: 274px;
 height: 218px;
 float: left;
} 

#con #content #inzerat .photos .sml-photos {width: 98px;float: left;} 
#con #content #inzerat .photos .sml-photos .f {width: 98px;height: 72px;float: left;} 

#con #content #inzerat .photos .sml-photos .sml1 {
 border-top: 1px #676767 solid;
 border-right: 1px #676767 solid; 
 border-bottom: 1px #676767 solid;
} 

#con #content #inzerat .photos .sml-photos .sml2 {
 border-right: 1px #676767 solid;  
} 

#con #content #inzerat .photos .sml-photos .sml3 {
 border-top: 1px #676767 solid;
 border-right: 1px #676767 solid; 
 border-bottom: 1px #676767 solid;
}

#con #content #inzerat-nav {
 width: 948px;
 height: 44px;
 border: 2px #3995d7 solid;
 margin-left: 24px;
} 

#con #content #inzerat-nav .nav-left {
 width: 551px;
 height: 44px;
 float: left;
 background-color: #ffffff;
} 

#con #content #inzerat-nav .nav-left p {
 height: 31px;
 width: 100%;
 text-align: right;
 font-size: 16px;
 font-weight: bold;
 color: #7b7b7b;
 margin-top: 13px;
 margin-left: -15px;
} 

#con #content #inzerat-nav .nav-right {
 width: 397px;
 height: 44px;
 float: left; 
} 

#con #content #inzerat-nav .nav-right a {
 text-transform: uppercase;
 text-shadow: 1px 1px 1px #000000;
 font-size: 19px;
 padding-top: 11px;
 letter-spacing: 1px;
 color: #ffffff;
 text-decoration: none;
 height: 33px;
 position: absolute;
} 

#con #content #inzerat-nav .nav-right a.vozidlo {
 width: 152px;
 padding-left: 61px;
 background-image: url('img/baz-btn.png');
 background-position: 0 0;
 background-repeat: no-repeat;
 z-index: 51;
} 

#con #content #inzerat-nav .nav-right a.bazar {
 width: 127px;
 padding-left: 71px;
 background-color: #3079ac;
 left: 199px;
 z-index: 50;
} 

#con #content #inzerat-nav .nav-right a.vozidlo:hover {
 background-position: 0 -44px;
 color: #ffffff;
} 

#con #content #inzerat-nav .nav-right a.bazar:hover {
 background-color: #3995d7;
 color: #ffffff;
} 

#con #content #info-section {
 width: 918px;
 height: 638px;
 background-color: #ffffff;
 -moz-border-radius: 8px 8px 8px 8px;
 -webkit-border-radius: 8px 8px 8px 8px;
 border-radius: 8px 8px 8px 8px;
 border: solid 1px #c5c5c5;
 margin-left: 24px;
 padding: 16px;
} 

#con #content #info-section .is-upper {height: 258px;} 

#con #content h3.non-arrow {
 text-transform: uppercase;
 font-size: 20px;
 color: #535353;
 letter-spacing: 2px;
 font-weight: normal;
 width: 360px;
 height: 40px;
 text-align: center;
 margin-bottom: 8px;
 padding-top: 15px;
 text-shadow: 1px 1px 1px #ffffff;
 background: url('img/obsah-nadpis-bgr.jpg') top left no-repeat;
} 

#con #content h3.non-arrow-sml {
 text-transform: none;
} 

#con #content #info-section .is-upper h5 {
 height: 38px;
 text-align: center;
 margin-bottom: 8px;
 padding-top: 16px;
 color: #000000;
 font-size: 17px;
} 

#con #content #info-section .is-upper .is-upper-left {
 width: 360px;
 float: left;
} 

#con #content #info-section .is-upper .is-upper-left p {
 padding-left: 21px;
} 

#con #content #info-section .is-upper .is-upper-left p span {
 font-size: 17px;
 color: #000000;
 padding: 25px 0 32px 84px;
 display: block;
 margin-bottom: 4px;
} 

#con #content #info-section .is-upper .is-upper-left p span.s-ikonou-cislo {
 background: url('img/kontakt-ikona.jpg') center left no-repeat;
} 

#con #content #info-section .is-upper .is-upper-left p span.s-ikonou-mail {
 background: url('img/mail-ikona.jpg') center left no-repeat;
} 

#con #content #info-section .is-upper .is-upper-middle {
 width: 310px;
 float: left;
 text-align: center;
} 

#con #content #info-section .is-upper .is-upper-middle p {
 font-size: 17px;
 line-height: 25px;
 color: #5a5a5a;
 text-align: justify;
 padding-left: 25px;
 width: 215px;
 margin: 17px auto 0 auto;
} 

#con #content #info-section .is-upper .is-upper-middle p span {
 color: #000000;
 margin-right: 5px;
} 

#con #content #info-section .is-upper .is-upper-right {
 width: 248px;
 float: left;
} 

#con #content #info-section .is-upper .is-upper-right p {
 text-align: center;
 line-height: 28px;
 color: #5a5a5a;
 font-weight: bold;
 font-size: 14px;
 margin-top: 16px;
} 

#con #content #info-section .is-bottom{
 height: 381px;
 float: left;
 width: 918px;
} 

#con #content #info-section .is-bottom #mapa-cover {
 height: 379px;
 width: 916px;
 visibility: visible;
 z-index: 500;
 position: absolute;
 border: solid 1px #d5d5d5;
 -moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 0px;
 -moz-border-radius-bottomleft: 8px;
 -moz-border-radius-bottomright: 8px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
 background: url('img/mapa-cover-png.png') top center no-repeat;
} 

#con #content #info-section .is-bottom .mapa {
 height: 379px;
 width: 916px;
 overflow: hidden;
 border: solid 1px #d5d5d5;
 -moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 0px;
 -moz-border-radius-bottomleft: 8px;
 -moz-border-radius-bottomright: 8px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
} 

#con #content #galery-section {
 width: 918px;
 height: 341px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 border: solid 1px #c5c5c5;  
 background-color: #ffffff;
 margin-left: 24px;
 padding: 16px;
}

#con #content #galery-section .foto {float: left; height: 100%;}

#con #content #galery-section .foto .img-foto {
 width: 916px;
 height: 340px; 
 border: solid 1px #d5d5d5;
 -moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 0px;
 -moz-border-radius-bottomleft: 8px;
 -moz-border-radius-bottomright: 8px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
}

#con #content .section-arrow {
 position: absolute;
 width: 427px;
  z-index: 1000;
 height: 96px;
 top: 0;
 left: 0;
 background: url('img/section-png-sipka-nadpis.png') top center no-repeat;
}

#con #content .section-arrow span {
 width: 344px;
 height: 54px;
 display: block; 
}

#con #content .section-arrow span h3 {
 text-transform: uppercase;
 font-size: 20px;
 color: #535353;
 letter-spacing: 2px;
 text-align: center;
 text-shadow: 1px 1px 1px #ffffff;
 padding-top: 26px;
}

#con #content .section-arrow-link {
 position: absolute;
  z-index: 1000;
 right: 0px;
 bottom: 0px;
}

#con #content .section-arrow-link span {
 position: relative;
 width: 262px;
 display: inline-block;
 height: 47px;
 background: url('img/galery-link-bgr-smallest.png') top center no-repeat; 
}

#con #content .section-arrow-link span a {
 color: #a7a7a7;
 text-decoration: none;
 font-weight: bold;
 width: 217px;
 height: 31px;
 display: block;
 letter-spacing: 1px;
 font-size: 15px;
 text-transform: uppercase;
 text-shadow: 1px 1px 5px #000000;
 padding-left: 45px;
 padding-top: 16px;
}

#con #content .section-arrow-link span:hover {background-position: 0px -47px; }
#con #content .section-arrow-link span a:hover {color: #ffffff;}
/* /MAIN PAGE STYLE */

/* AUTOBAZAR CSS*/
#con #content .section p.p-bazar-top-info {
 margin: 0;
 text-align: center;
 color: #6dafe1;
} 

#con #content .section p.p-bazar-top-inf-main {
 margin: 0;
 text-align: center;
 font-weight: bold;
 color: #6dafe1; 
} 

#con #content .section .p-bazar-top-info a.bazar-top-info {
 color: #6dafe1;
 font-size: 17px;
} 

#con #content .section .p-bazar-top-info a.bazar-top-info:hover {
 color: #1d6ca8;/*1b94f0;*/
} 

#con #content a.inzerat-bazar,
#con #content a.inzerat-bazar-prodano-non-hover {
 width: 918px;
 height: 220px;
 background: #ffffff url('img/baz-shadows-2.jpg') 16px 16px no-repeat;
 /*clear: both;*/
 text-decoration: none;
 -moz-border-radius: 8px;
 -webkit-border-radius:8px; 
 display: block;
 border-radius:8px;
 border: solid 1px #c5c5c5; 
 margin: 0 24px 30px 24px;
 padding: 16px;
} 

#con #content .inzerat-bazar:hover {
 background-color: /*#f3f3f3*/#6dafe1; 
} 

#con #content .inzerat-bazar-prodano-non-hover:hover {
 background-color: #ffffff; 
} 

#con #content .inzerat-bazar:active {
 background-color: #85c2f0; 
} 

#con #content .inzerat-bazar .text,
#con #content .inzerat-bazar-prodano-non-hover .text {
 width: 642px;
 height: 220px;
 float: left;
 overflow: hidden;
 text-decoration: none;
} 

#con #content .inzerat-bazar .text h3,
#con #content .inzerat-bazar-prodano-non-hover h3 {
 text-align: left;
 text-transform: uppercase;
 font-size: 22px;
 color: #535353;
 letter-spacing: 2px;
 margin: 5px 8px 22px 10px;
 font-weight: normal;
 text-shadow: 1px 1px 1px #ffffff;
} 

#con #content .inzerat-bazar:hover .text h3 {
 color: #0185d8;
} 

#con #content .inzerat-bazar .text p,
#con #content .inzerat-bazar-prodano-non-hover .text p {
 text-align: left;
 font-size: 16px;
 color: #383838;
 padding-right: 8px;
 margin-left: 17px;
 margin-top: 15px;
 font-weight: normal;
} 

#con #content .inzerat-bazar .text p span,
#con #content .inzerat-bazar-prodano-non-hover .text p span {
 color: #5e5e5e;
 font-size: 16px;
 font-weight: bold;
 text-shadow: 1px 1px 1px #ffffff;
} 

#con #content .inzerat-bazar .photo,
#con #content .inzerat-bazar-prodano-non-hover .photo {
 border: 1px #676767 solid;
 width: 274px;
 height: 218px; 
 float: left;
} 

#con #content .inzerat-bazar .photo .prodane,
#con #content .inzerat-bazar-prodano-non-hover .photo .prodane {
 width: 136px;
 height: 134px;
 position: absolute;
 visibility: hidden;
 background: url('img/prodane-listek.png') center top no-repeat;
 top: -3px;
 right: -4px;
} 

/*  AUTOBAZAR CSS - DETAIL INZERÁTU */
#con #content .section .nameprice {
 background: url('img/bazar-detail-highline.png') center top no-repeat;
 margin: 21px auto 0 auto;
 width: 900px;
 height: 69px;
}   

#con #content .section .nameprice h1.carname {
 width: 599px;
 height: 100%;
 font-size: 30px;
 letter-spacing: 3px;
 float: left;
 margin: 0;
 padding: 18px 0 0 49px;
 text-transform: uppercase;
 color: #60a1d3;
 text-shadow: 1px 1px 1px #ffffff;
}     

#con #content .section .nameprice h2.carprice {
 width: 190px;
 height: 100%;
 font-size: 36px;
 float: left;
 letter-spacing: 2px;
 border: none;
 font-family: 'Myriad', sans-serif; 
 margin: 0;
 padding: 12px 0 0 40px;
 color: #f6f6f6;
 text-shadow: 1px 1px 1px #3a3a3a;
}  

#con #content .section .print-share {
 width: 950px;
 margin-left: -46px;
 height: 39px;
 margin-top: -14px;
 margin-bottom: 20px;
}  

#con #content .section .print-share .print-share-buttons {
 width: 99px;
 height: 38px;
 margin: 0 auto;
}  

#con #content .section .print-share .print-share-buttons a.print-button {
 background: url('img/print-icon.png') 0px 0px no-repeat;
 display: block;
 width: 32px;
 float: left;
 height: 32px;
 margin-right: 30px;
} 

#con #content .section .print-share .print-share-buttons a.share-button {
 background: url('img/share-icon.png') 0px 0px no-repeat;
 display: block;
 width: 32px;
 float: left;
 height: 32px;  
} 

#con #content .section .print-share .print-share-buttons a.print-button:hover{
 background-position: 0px -32px;
} 

#con #content .section .print-share .print-share-buttons a.share-button:hover{
 background-position: 0px -32px;
} 

#con #content .section p.dph {
 text-align: right;
 color: rgb(148, 148, 148);
 font-size: 15px;
 padding-right: 35px;
 font-weight: bold;
 margin-top: 14px;
}  

#con #content .section .text1 {
 width: 900px;
 height: 100%;
 margin: 0;
 padding-left: 30px;
 margin-top: 20px; 
 float: left;
}  

#con #content .section .text1 .ul1 {
 width: 649px;
 float: left;
 font-size: 23px;
 color: #484848;
 padding-left: 15px;
 text-align: left;
}  

#con #content .section .text1 .ul2 {
 width: 234px;
 float: left;
 font-size: 23px;
 color: #484848;
 text-align: left;
 margin-bottom: 20px;
}  

#con #content .section .text1 .ul1 li,
#con #content .section .text1 .ul2 li {
 margin-bottom: 13px;
}  

#con #content .section p.vin {
 width: 900px;
 color: #818181;
 font-size: 20px;
 text-align: center; 
 letter-spacing: 1px; 
 clear: both;
 margin: 0 auto 0 auto;
 display: none;
} 

#con #content .section .text2 {
 width: 900px;
 height: 100%;
 padding-left: 30px;
 margin-top: 20px; 
 float: left;
}  

#con #content .section .text2 .vybava {
 width: 589px;
 height: 100%;
 float: left;
}  

#con #content .section .text2 .vybava h5 {
 color: #60a1d3;
 font-size: 25px;
 width: 103px;
 height: 100%;
 margin-bottom: 15px;
 padding-bottom: 4px;
 padding-left: 11px;
 font-weight: normal;
}  

#con #content .section .text2 .doplnkove {
 width: 292px;
 height: 100%;
 float: left;
} 

#con #content .section .text2 .doplnkove h5 {
 color: #60a1d3;
 font-size: 25px;
 width: 273px;
 height: 100%;
 margin-bottom: 15px;
 padding-bottom: 4px;
 padding-left: 11px;
 font-weight: normal;
}  

#con #content .section .text2 .vybava .ul3,
#con #content .section .text2 .doplnkove .ul3 {
 font-size: 18px;
 padding-left: 22px;
 color: #646464;
 text-align: left;
} 

#con #content .section .text2 .doplnkove .ul3 {
 /*text-transform: lowercase;       */
} 

#con #content .section .text2 .vybava .ul3 li,
#con #content .section .text2 .doplnkove .ul3 li {
 margin-bottom: 7px;
} 

#con #content .section .carphoto {
 width: 933px;
 height: 100%;
 float: left;
 overflow: hidden;
 z-index: 41;
 margin: 50px 0 0 10px;
}  

#con #content .section .carphoto img {
 width: 274px;
 height: 218px;
 float: left;
 border: 1px #676767 solid; 
 margin: 0 35px 35px 0;
}  

#con #content .section .carcontact {
 width: 950px;
 background: url('img/car-contact-gradient.jpg') center top repeat-x;
 height: 185px;
 float: left;
 z-index: 40;
 margin-left: -16px;
 margin-top: -75px;
 text-align: center;
 padding-top: 142px;
}  

#con #content .section .carcontact .centered {
 width: 556px;
 margin: 0 auto;
 overflow: hidden;
}  

#con #content .section .carcontact .centered p {
 color: #484848;
 letter-spacing: 1px;
 font-size: 25px;
 margin-bottom: 30px;
} 

#con #content .section .carcontact .centered .tel,
#con #content .section .carcontact .centered .mail {
 width: 218px;
 padding-top: 19px;
 height: 63px;
 font-size: 17px;
 display: block;
 float: left;
 color: #000000;
} 

#con #content .section .carcontact .centered .tel {
 background: url('img/kontakt-ikona.jpg') right top no-repeat;
 padding-right: 51px;
} 

#con #content .section .carcontact .centered .mail {
 background: url('img/mail-ikona.jpg') left top no-repeat; 
 padding-left: 53px;
 margin-left: 15px;
} 

.other {/* Jiné než první 3 obrázky v inzerátu (kvůli tisku)*/}
.print-contact {display: none;}
/* // AUTOBAZAR CSS - DETAIL INZERÁTU */
/* // AUTOBAZAR CSS*/

/* NAVIGACE-LIŠTA */
#con #content #nav {
 width: 948px;
 height: 44px;
 border: 2px #3995d7 solid;
 margin-left: 24px;
 margin-top: 40px;
 background-color: #ffffff; 
} 

#con #content #nav .nav-left {
 width: 200px;
 height: 44px;
 float: left; 
} 

#con #content #nav .nav-left a {
 text-transform: uppercase;
 text-shadow: 1px 1px 1px #000000;
 font-size: 19px;
 padding-top: 11px;
 letter-spacing: 1px;
 color: #ffffff;
 text-decoration: none;
 height: 33px;
 position: absolute;
} 

#con #content #nav .nav-right {
 width: 551px;
 height: 44px;
 float: left;
 background-color: #ffffff;
} 

#con #content #nav .nav-right p {
 height: 31px;
 width: 100%;
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 color: #7b7b7b;
 margin-top: 13px;
 margin-left: 13px;
} 

#con #content #nav .nav-left a.home-btn {
 width: 199px;
 background-image: url('img/nav-home-btn.png');
 background-position: 0 0;
 background-repeat: no-repeat;  
 z-index: 50;
} 

#con #content #nav .nav-left a.other-btn {
 width: 141px;
 background-image: url('img/nav-other-btn.png');
 background-position: 0 0;
 background-repeat: no-repeat;
 z-index: 51;
 margin-left: 185px; 
 padding-left: 73px; 
} 

#con #content #nav .nav-left a.home-btn:hover {
 background-position: 0 -44px; 
 color: #ffffff;
} 

#con #content #nav .nav-left a.other-btn:hover {
 background-position: 0 -44px;
 color: #ffffff;
} 
/* / NAVIGACE-LIŠTA */

/* OBECNA SEKCE */
.section {
 width: 918px;
 height: 100%;
 background-color: #ffffff;
 -moz-border-radius: 8px 8px 8px 8px;
 -webkit-border-radius: 8px 8px 8px 8px;
 border-radius: 8px 8px 8px 8px;
 border: solid 1px #c5c5c5;
 margin-left: 24px;
 padding: 16px;
 overflow: hidden;
} 

.section h1 {
 font-size: 26px;
 margin: 3px 0 0 18px;
}

.section h2 {
 font-size: 23px;
 margin-top: 24px;
 width: 21%;
 padding-left: 8px;
 padding-bottom: 4px;
}

.section p {
 margin-top: 15px;
 color: #000000;
 margin-left: 23px;
}

.section p.highlighted {
 height: 100%;
 min-height: 121px;
 line-height: 33px;
 margin-top: 33px;
 font-size: 19px;
 margin-left: 26px;
 padding-left: 88px;
 margin-bottom: 16px;
 background: url('img/section-highlighted.png') left 5px no-repeat;
 padding-top: 0px;
 color: #8b8888;
 text-shadow: #ffffff 0px 1px 0px;
}

.section p.highlighted-right {
 height: 100%;
 min-height: 121px;
 line-height: 33px;
 text-align: right;
 padding-top: 16px;
 margin-top: 33px;
 font-size: 19px;
 margin-right: 27px;
 padding-right: 88px;
 margin-bottom: 16px;
 background: url('img/section-highlighted-right.png') right 5px no-repeat;
 color: #8b8888;
 text-shadow: #ffffff 0px 1px 0px;
}

.section p span.strong {
 color: #3d3d3d;
}

.section p.galery-link {
 width: 230px;
 height: 100%;
 margin: 14px auto 38px auto;
 text-align: center;
 padding-bottom: 5px;
 border-bottom: 1px #5ea8d8 solid;
}

.section p.galery-link a {
 color: #535353;
 text-decoration: none;
 font-size: 22px;
}

.section p.galery-link a:hover {color: #000000;}
.section p.galery-link:active  {border-color: #757575;}
/* // OBECNA SEKCE */

/* AUTOBAZAR SEKCE */
.section ul.item {
 margin-left: -16px;
 margin-top: 22px;
 width: 950px;
 height: 100%;
}
  
.section ul.item li {
 width: 922px;
 margin-bottom: 36px;
 height: 277px; 
 background-image: url('img/lakovna-polozky-bgr2.jpg');
 background-repeat: repeat-x;
 background-position: center bottom; 
 list-style-type: none;
 padding: 30px 0px 30px 28px;
}    

  /*
.section ul.item li {
 width: 841px;
 margin-bottom: 36px;
 height: 273px; 
 background-image: url('img/fajfka.jpg'), url('img/lakovna-polozky-bgr2.jpg');
 background-repeat: no-repeat, repeat-x;
 background-position: 28px 102px, center bottom; 
 list-style-type: none;
 padding: 30px 0px 30px 109px;
}       */

.section ul.item li.li-bez-bg {
 background-image: url('img/fajfka.jpg');
}

.section ul.item li p span {
 font-size: 25px;        /* font-size: 24px;*/
 margin-bottom: -8px;
 display: block;
 color: #414141;
}
 
.section ul.item li p {
 margin-top: -4px;    
 float: left;
 font-size: 15px;
 color: #363636;
 height: 165px;
 text-shadow: 1px 1px 1px #ffffff;
 line-height: 29px;   
 width: 544px;
 text-align: justify;
 padding-right: 22px;
}
        


/*.section ul.item li p {
 margin-top: -22px;    
 margin-left: 8px;
 float: left;
 font-size: 15px;
 color: #363636;
 height: 165px;
 text-shadow: 1px 1px 1px #ffffff;
 line-height: 29px;   
 width: 472px;
 text-align: justify;
 padding-right: 22px;
}           */


.section ul.item li img {
 margin-top: -10px; 
 float: left;
 display: block;
 padding-left: 8px;
 height: 211px;
 width: 300px;
 margin-top: 11px;  /* margin-top: -26px;*/
}
/* / AUTOBAZAR SEKCE */

/* DOPLNKOVA SEKCE */
.section .special-content {
 height: 100%;
 width: 100%;
 float: left;
 margin-bottom: 23px;
} 

.section .special-content .title {
 height: 100%;
 width: 393px;
 float: left;
 margin-bottom: 19px;
} 

.section .special-content .subtitle {
 height: 100%;
 margin-top: 2px; 
 width: 525px;
 float: left;
} 

.section .special-content .subcontent {
 height: 100%;
 width: 100%;
 float: left;
 padding-left: 10px;
} 

.section .special-content h1 {
 font-size: 26px;
 margin: 3px 0 0 18px;
}

.section .special-content h2 {
 font-size: 23px;
 margin-top: 24px;
 width: 21%;
 padding-left: 8px;
 padding-bottom: 4px;
}

.section .special-content h3 {
 text-transform: none;
 font-size: 20px;
 color: #535353;
 letter-spacing: 2px;
 font-weight: normal;
 width: 360px;
 height: 40px;
 text-align: center;
 margin-bottom: 8px;
 padding-top: 15px;
 text-shadow: 1px 1px 1px #ffffff;
 background: url('img/obsah-nadpis-bgr.jpg') top left no-repeat;
}

.section .special-content h5 {
 height: 38px;
 text-align: left;
 margin-bottom: 8px;
 padding-top: 16px;
 letter-spacing: 1px;
 color: #1d6ca8;
 font-weight: bold;
 font-size: 16px;
} 

.section .special-content .subcontent ul {
 margin-left: 40px;
 margin-top: 15px;
} 

.section .special-content .subcontent ul li {
 margin-bottom: 10px;
 color: #000000;
 height: 30px;
 font-size: 16px;
 background: url('img/dots-spec2.png') 0px 3px no-repeat;
 list-style-type: none;
 padding: 0px 0 0px 34px;
} 

.section .special-content .subcontent p {
 text-align: left;
 color: #000000;
 font-size: 16px;
 margin-bottom: 24px;
} 

.section .special-content .subcontent .odber {
 width: 184px;
 height: 50px;
 margin: 41px auto 0px auto;
} 

.section p#result {
 display: none;
 text-align: left;
 font-weight: bold;
 height: 30px;
 margin: 20px 0px 20px 0px;
 padding: 11px 0 0 49px;
 color: #3d3d3d;
 border: 2px solid #088008;
 background: #3edb28 url('img/alert-ok.png') 9px 7px no-repeat;
 text-shadow: 0px 1px 1px #ffffff;  
} 

.section p#result-wrong {
 display: none;
 text-align: left;
 font-weight: bold;
 height: 30px;
 margin: 20px 0px 20px 0px;
 padding: 11px 0 0 49px;
 color: #ffffff;
 border: 2px solid #ff0000;
 background: #da1e1e url('img/alert-error.png') 9px 6px no-repeat;
 text-shadow: 0px 1px 0px #131313;  
} 

.section .special-content .subcontent .odber .btn {
 width: 182px;
 height: 43px;
 float: left;
} 

/*.section .special-content .subcontent .odber .btn input#potvrd
{
 position: relative;
 width: 100%;
 height: 100%;
 float: right;
 border: none;
 cursor: pointer;
 background: url('img/odber-btn.png') center top no-repeat;
}

.section .special-content .subcontent .odber .btn input#potvrd:hover
{
 background-position: 0px -43px;
}

.section .special-content .subcontent .odber .field {
 width: 336px;
 height: 43px;
 margin-right: -18px;
 background: url('img/odber-field.png') center top no-repeat;
 float: left;
} 

.section .special-content .subcontent .odber .field input#odber-field {
 height: 34px;
 margin: 3px 0 0 18px;
 font-size: 22px;
 color: #666666;
 background: transparent;
 border: none;
 text-align: left;
}*/

span.odber-mailu {
 font-weight: bold;
 display: block;
 margin-bottom: 6px;
}

input.input-odber-mailu {
 font-size: 21px;
 margin-bottom: 25px;
 color: #57A4CF;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin-top: 9px;
}

input.odber-submit {
 width: 75px;
 height: 28px;
 font-weight: bold;
}

.section .special-content .subcontent .odber .btn a.odber-btn
{
 position: relative;
 width: 100%;
 height: 100%;
 float: left;
 margin: 0 auto;
 background: url('img/odber-btn.png') center top no-repeat;
}

.section .special-content .subcontent .odber .btn a.odber-btn:hover
{
 background-position: 0px -43px;
}

.spanpass {
 color: #ffffff;
 padding: 2px;
 display: block;
 font-size: 15px;
 font-weight: bold;
 background-color: black;
 width: 56px;
 margin-left: 13px;
}

.kod-text {
 width: 133px;
 display: block;
 float: left;
 margin-top: 4px;
 }
 
.kod-obr {

} 
/* / DOPLNKOVA SEKCE  */

/* AUTOSERVIS SEKCE */    
.sluzby-highlighted {
 width: 950px;
 height: 100%;
 margin-top: 20px;
 z-index: 20;
} 

.sluzby-highlighted ul.with-image {
 width: 950px;
 height: 100%;
 padding-bottom: 36px;
 margin-top: 42px;
 margin-left: -16px;
} 

.sluzby-highlighted ul.with-image li {
 height: 63px;
 background: url('img/fajfka.jpg') left top no-repeat;
 font-size: 20px;
 color: #3c3c3c;
 margin-left: 46px;
 margin-bottom: 7px;
 padding-left: 93px;
 padding-top: 17px;
} 
       
.parts {
 width: 910px;
 height: 100%;
 margin-bottom: 28px;
 margin-top: -1px;
 margin-left: -16px;
 background: url('img/lakovna-polozky-bgr2.jpg') center bottom repeat-x;
 padding: 20px;
 padding-bottom: 50px;
 padding-top: 27px;
 overflow: hidden;
 z-index: 41;
} 

.parts-last {
 background: none;
}

.parts .parts-img {
 width: 270px;
 float: left;                                                       
} 

.parts .parts-img img {
 float: left;
 width: 100%;
} 

.parts .parts-img h4 {
 float: left;
 width: 100%;
 text-transform: uppercase;
 text-align: center;
 font-size: 20px;
 font-family: sans-serif;
 color: #808080;
 letter-spacing: 1px;
} 

.parts .parts-text {
 width: 610px;
 margin-left: 30px;
 float: left;
} 

.parts .parts-text h3 {
 width: 100%;
 height: 100%;
 min-height: 50px;
 font-size: 21px; 
 float: left;
 background: none;
 margin: 0;
 padding: 0;
 text-shadow: none;
 text-align: left;
} 

.parts .parts-text ul {
 width: 560px;
 padding-left: 50px;
} 

.parts .parts-text ul li{
 font-size: 15px;
 float: left;
 line-height: 24px;
 color: #696969;
 width: 50%;
 list-style-image: url('img/dots-spec2.png');
 margin-bottom: 11px;
} 

/* / AUTOSERVIS SEKCE */    

/* PNEUSERVIS SEKCE */   
.pneuservis-sec {
 position: relative;
 width: 934px;
 margin-top: 50px; 
 height: 545px;
 margin-bottom: 95px;
 background: url('img/pneuservis-kolo.jpg') top left no-repeat;
}

.pneuservis-sec .pneu {
 top: 6px;
 position: absolute;
 left: 415px;
 width: 515px; 
}

.pneuservis-sec .disky {
 top: 224px;
 left: 331px;
 position: absolute;
 width: 588px; 
}

.pneuservis-sec .pneu .pneu-text {
 width: 100%;
 position: relative;
} 

.pneuservis-sec .disky .disky-text {
 width: 100%;
 position: relative;
} 

.pneuservis-sec .pneu .pneu-text h3,
.pneuservis-sec .disky .disky-text h3 {
 width: 100%;
 height: 100%;
 min-height: 50px;
 font-size: 21px; 
 float: left;
 background: none;
 margin: 0;
 padding: 0;
 text-shadow: none;
 text-align: left;
} 

.pneuservis-sec .pneu .pneu-text ul {
 width: 100%;
 height: 210px;
 margin-left: 35px;
} 

.pneuservis-sec .disky .disky-text ul {
 width: 100%;
 height: 315px;
 margin-left: 35px;
} 

.pneuservis-sec .pneu .pneu-text ul li,
.pneuservis-sec .disky .disky-text ul li {
 font-size: 15px;
 float: left;
 line-height: 29px;
 color: rgb(112, 112, 112);
 font-weight: bold;
 width: 100%;
 list-style-image: url('img/dots-spec2.png');
 margin-bottom: 11px;
 padding-left: 8px;
} 

/* / PNEUSERVIS SEKCE */

/* FOTOGALERIE SEKCE*/
.section .gallery-section {
 width: 918px;
 height: 343px;
 margin-bottom: 100px;
}

.section .gallery-section .gallery-title {
 width: 918px;
 height: 56px;
 margin-bottom: 13px;
}  

.section .gallery-section .gallery-photo {
 width: 100%;
 height: 100%;
 float: left;
}  

.section .gallery-section .gallery-photo a {
 width: 451px;
 height: 272px; 
 float: left;
}  

.section .gallery-section .gallery-photo a img.gallery-img {
 width: 450px;  /*449 */
 height: 270px;
 float: left;
 /*border: 1px #afafaf solid; 
 -moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 0px;
 -moz-border-radius-bottomleft: 8px;
 -moz-border-radius-bottomright: 0px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 0px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 0px;*/
}  

.section .gallery-section .gallery-photo a.left {
 margin-right: 16px;
}  

.section .gallery-section .gallery-photo a img.right {
 /*-moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 0px;
 -moz-border-radius-bottomleft: 0px;
 -moz-border-radius-bottomright: 8px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;
 -webkit-border-bottom-right-radius: 8px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 8px;  */
}  

h3.gallery-non-arrow,
h3.gallery-non-arrow-right {
 text-transform: uppercase;
 font-size: 20px;
 color: #6ba1c5;
 letter-spacing: 2px;
 font-weight: normal;
 width: 411px;
 height: 40px;
 float: left;
 text-align: left;
 margin-bottom: 8px;
 margin-right: 20px;
 padding-top: 15px;
 padding-left: 38px;
 text-shadow: 1px 1px 1px #ffffff;
 background: url('img/obsah-nadpis-bgr.jpg') top left no-repeat;
} 

h3.gallery-non-arrow-right {
 width: 411px;
 float: left;
 text-align: right;
 padding-right: 38px;
 margin-right: 0;
 padding-left: 0;
 background: url('img/obsah-nadpis-bgr-right.jpg') top right no-repeat;
} 
/* / FOTOGALERIE SEKCE */

/* PATA STYLE */
#bottom {
 height: 300px;
 width: 100%;
 margin: -15px auto 0 auto;
 background: #ffffff url('img/bottom-bgr-repeater.jpg') center top repeat-x;
}

#bottom .con-center{
 margin: 0 auto;
 width: 1000px;
 height: 100%;
 text-align: center;
}

#bottom .con-center a.autor {
 text-decoration: none;
 color: #8a8a8a;
 display: block;
 padding-top: 5px;
}

#bottom .con-center a.autor:hover{
 text-decoration: underline;
 color: #6d6d6d;
}

#bottom .con-center a.autor:active{
 color: #a0a0a0;
}

#bottom .con-center .bottom-left {
 float: left;
 width: 250px;
 height: 200px; 
 text-align: center;
 margin-top: 83px; 
}

#bottom .con-center .bottom-left a.up-link {
 width: 196px;
 display: block;
 height: 47px;
 padding-top: 27px;
 background: url('img/scroll-up.png') 0px 2px no-repeat;
 color: #b4b4b4;
 font-size: 16px;
 font-weight: bold;
 text-align: right;
 letter-spacing: 3px;
 text-transform: uppercase;
 text-decoration: none;
}

#bottom .con-center .bottom-left a.up-link:hover {
 color: #7f7f7f;
}

#bottom .con-center .bottom-left ul {
 color: #777777;
 text-align: left;
 margin-left: 11px;
 margin-top: -9px;
 font-size: 14px;
}

#bottom .con-center .bottom-left ul li {
 line-height: 21px;
 font-size: 11px;
 font-weight: bold;
}

#bottom .con-center .bottom-left ul li a {
 color: #999999;
 text-decoration: none;
 border-left: 1px solid #777777;
 padding-left: 8px;
}

#bottom .con-center .bottom-left ul li a:hover {
 color: #777777;
 text-decoration: none;
 border-left: 3px solid #6dafe1;
 padding-left: 6px;
}

#bottom .con-center .bottom-left ul li a:active {
 color: #555555;
}

#bottom .con-center .bottom-center {
 float: left;
 width: 500px;
 height: 145px;
 text-align: center;
 margin-top: 102px; 
}

#bottom .con-center .bottom-center p {
 margin-top: 97px;
 color: #8a8a8a;
 font-size: 13px;
 font-weight: bold;
}

#bottom .con-center .bottom-right {
 float: left;
 width: 250px;
 height: 200px; 
 text-align: center;
 margin-top: 102px;   
}

#bottom .con-center .bottom-right p {
 color: #8a8a8a;
 margin-top: 33px;
 margin-right: 38px;
 font-size: 13px;
 text-align: right;
 font-weight: bold;
}
/* / PATA STYLE */

/* ERROR PAGES */
.section .h1-error-page {
 text-align: center;
 color: #ff0000;
 font-size: 27px;
 margin-top: 20px;
 text-transform: uppercase;
}

.section .p-error-page {
 text-align: center;
 font-size: 16px;
 margin-top: 20px;
 margin-bottom: 20px;
}

.section .a-error-page {
 /* použito u chybě zadaného inzerátu */
 color: #000000;
}

.section .a-error-page:hover {
 color: #3079ac;
}
/* / ERROR PAGES */


#con #content #boxes .box, #con #content #boxes .box a, #con #content #boxes .box .a-boxes, #con #content #boxes .box .a-boxes .box-bottom, #con #content #boxes .box .a-boxes .box-bottom h2 {
	border: none;
	text-decoration: none;
}

.tisk-visacka-cena {
 display: none;
}