/*	---------------------------------------------------------------------------------------
	Amilocar
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Basic styles and layout
	Media:				screen, projection
	Datum:				27. 4. 2009
	Author:				eabin (www.eabin.com)
	---------------------------------------------------------------------------------------*/

@import url("./reset.css");

/*	---------------------------------------------------------------------------------------
	Basic styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, body { height: 100%; }
.wr1, .wr2 { width: 100%; height: auto !important; height: 100%; min-height: 100%; }
html { background: #fff url('../images/bg-l.jpg') 0 0 repeat-y; }
body { background: url('../images/bg-r.jpg') 100% 0 repeat-y; }
.wr1 { background: url('../images/bg-lt.jpg') 0 0 no-repeat; }
.wr2 { background: url('../images/bg-rt.jpg') 100% 0 no-repeat; }

#hp .wr1, #hp .wr2 { background: none; }
#hp { background: url('../images/body.jpg') 50% 70px no-repeat; }

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* Main ---------------------------------------------------------------------------------*/

.in { overflow: hidden; width: 930px; margin: 0 auto; }

/* Header -------------------------------------------------------------------------------*/

#header { position: relative; z-index: 1; height: 77px; color: #000; background: url('../images/dotted.gif') 0 100% repeat-x; }
#header .in { overflow: visible; background: url('../images/header.jpg') 0 0 no-repeat; }

#logo, #header ul, #header li { float: left; display: inline; }
#logo { width: 120px; height: 36px; margin: 25px 54px 0 0; line-height: 36px; text-transform: lowercase; font-size: 120%; }
#logo a:hover, #logo a:focus, #logo a:active { color: #87c300; }
#logo span { background-image: url('../images/logo.png'); }

#header a { text-decoration: none; color: #000; }

#header li { position: relative; z-index: 1; float: left; margin-right: 24px; }
#header li:hover .submenu, #header li:focus .submenu, #header li:active .submenu { display: block; }
#header li a { height: 77px; line-height: 77px; text-align: center; text-transform: lowercase; font-size: 90%; font-weight: bold; color: #828282; }
#header li a:hover, #header li a:focus, #header li a:active, #header a.active { color: #000; } 
#header li a:hover span, #header li a:focus span, #header li a:active span, #header a.active span { color: #000; background-position: 0 -77px; } 

.home { width: 40px; }
.home span { background-image: url('../images/menu-home.jpg'); }
.autanaobjednavku { width: 79px; }
.autanaobjednavku span { background-image: url('../images/menu-about.jpg'); }
.skladovaauta { width: 55px; }
.skladovaauta span { background-image: url('../images/menu-works.jpg'); }
.prodanaauta { width: 56px; }
.prodanaauta span { background-image: url('../images/menu-services.jpg'); }
.sluzby { width: 50px; }
.sluzby span { background-image: url('../images/menu-clients.jpg'); }
.kontaktujtenas { width: 61px; }
.kontaktujtenas span { background-image: url('../images/menu-contact.jpg'); }

.submenu { position: absolute; right: -30px; top: 77px; z-index: 999; display: none; width: 183px; padding-top: 3px; }
#header .submenu .inner { width: 171px; background: #fff url('../images/submenu-in-top.jpg') 0 0 no-repeat; }
#header .submenu ul , #header .submenu li { overflow: hidden; float: none; display: block; }
#header .submenu ul { width: 131px; padding-left: 20px; background: url('../images/submenu-in-bottom.jpg') 0 100% no-repeat; }
#header .submenu li, #header .selectbox li { width: 100%; margin: 0; line-height: 29px; font-size: 115%; color: #757575; background: url('../images/dotted.gif') 0 100% repeat-x; }
#header .submenu li.last, #header .select li.last { background: none; }
#header .submenu li a, #header .selectbox li a { display: block; width: 121px; height: auto; padding: 0 15px; line-height: 32px; text-transform: none; text-align: left; font-weight: normal; color: #757575; background: url('../images/submenu-li.gif') 3px 1em no-repeat; }
#header .submenu li a:hover, #header .submenu li a:focus, #header .submenu li a:active { color: #000; }
.submenu .top { height: 30px; background: url('../images/submenu-top.png') 0 0 no-repeat; }
.submenu .bottom { width: 171px; height: 37px; background: url('') 0 0 no-repeat; }

#header .select { position: relative; float: right; width: 176px; margin-top: 23px; }
#header .select .actual { display: block; width: 146px; height: 26px; margin-bottom: 2px; padding: 0 20px 0 10px; line-height: 26px; font-size: 90%; color: #858585; background: #c4c4c4 url('../images/select-actual.png') 0 0 no-repeat; cursor: pointer; }
#header .select .actual-h { color: #000; }
#header .selectbox { position: absolute; left: 0; top: 28px; width: 100%; }
#header .selectbox ul { overflow: hidden; float: none; display: block; width: 136px; padding: 15px 20px; background: #fff url('../images/select-top.jpg') 0 0 no-repeat; }
#header .selectbox li { width: 100%; font-size: 100%; }
#header .selectbox li a { background-position: 3px 1.1em; }
#header .selectbox li a:hover, #header .selectbox li a:focus, #header .selectbox li a:active { color: #000; }
#header .selectbox .bottom { width: 176px; height: 31px; background: url('../images/select-bottom.png') 0 0 no-repeat; }

/* News ---------------------------------------------------------------------------------*/

.wr1 .news { overflow: visible; position: relative; height: auto !important; height: 74px; min-height: 74px; }
.news .in { position: relative; }

.arrow { position: absolute; top: 0; z-index: 999; overflow: hidden; width: 63px; height: 73px; line-height: 73px; font-size: 400%; font-weight: bold; color: #fff; background: #000; }
.arrow a { padding-left: 15px; text-decoration: none; color: #fff; }
.arrow a:hover span { background-position: -63px 0; } 
#prev { left: 0; }
#prev span { background-image: url('../images/prev.jpg'); }
#next { right: 0; }
#next span { background-image: url('../images/next.jpg'); }

.items { overflow: hidden; width: 100%; }
.items li { position: relative; float: left; display: inline; width: 170px; margin-right: 20px; color: #757575; }
.items .last { margin-right: 0; }

.items a, items div { text-decoration: none; color: #000; }
.items a:hover, .items a:focus, .items a:active { text-decoration: underline; }
.items address a { text-decoration: underline; color: #757575; }
.items address a:hover, .items address a:focus, .items address a:active { text-decoration: none; color: #000; }
.items img { display: block; margin-bottom: 12px; }
.items h3 { font-size: 100%; color: #000; }

.items .desc { position: absolute; right: 10px; top: 8px; padding: 0 4px; line-height: 17px; text-transform: uppercase; font-size: 80%; font-style: normal; color: #fff; }
.items a:hover .desc, .items a:focus .desc, .items a:active .desc { background: #000; }
.items img { display: block; margin-bottom: 12px; }
.items dl { color: #8f8f8f; }
.items dt { float: left; margin-right: 3px; }

.items .date { position: absolute; right: 5px; top: 45px; padding: 0 7px 0 3px; line-height: 17px; text-transform: uppercase; font-size: 80%; font-style: normal; color: #fdfdfd; }
.items a:hover em, .items a:focus em, .items a:active em, .services a.r:hover, .services a.r:focus, .services a.r:active { background-color: #000; }
.wr1 .n1 { background: #6dd600; }
.wr1 .n2 { background: #17a92f; }
.wr1 .n3 { background: #2fbd8b; }
.wr1 .n4 { background: #3cc; }

.store dt { background: none; }

.items li { overflow: hidden; display: inline; width: 168px; margin: 0 18px 18px 0; }
.items li p { margin-bottom: 0; padding-bottom: 20px; }

/* Footer -------------------------------------------------------------------------------*/

#footer { padding: 20px 0 70px; font-size: 90%; color: #b2b2b2; }
#footer strong, #footer strong a { color: #000; }
#footer strong a { margin: 0 2px; }
#footer strong a:hover, #footer strong a:focus, #footer strong a:active { text-decoration: none; }
#footer a { color: #b2b2b2; }
#footer em { font-style: normal; }
#footer em a:hover, #footer em a:focus, #footer em a:active { text-decoration: underline; color: #000; }
#footer span { margin: 0 5px; }

/*	---------------------------------------------------------------------------------------
	Headers on the top of pages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.car-description, .car-description .inner { width: 574px; height: 98px; }
.car-description { position: absolute; right: 0; top: -1px; background: url('../images/car-description.png') 0 0 no-repeat; }
.car-description .inner { width: 447px; padding-left: 127px; }
.car-description a { position: relative; z-index: 1; }

.car-description dl { float: left; height: 68px; margin: 6px 20px 0 0; padding-right: 14px; font-size: 130%; background: url('../images/dotted-v.gif') 100% 0 repeat-y; }
.car-description dt, .car-description dd { display: block; color: #777; }
.car-description dt { padding-top: 15px; text-transform: lowercase; font-size: 90%; white-space: nowrap; }
.car-description dd { line-height: 1.2; font-weight: bold; color: #000; }

.linetip {
	position: relative;
	z-index: 99;
	overflow: hidden;
	padding-bottom: 25px;
	line-height: 17px;
	height: 0;
}
.linetip p { float: left; margin: 0; }
.linetip .desc { margin-right: 9px; padding: 0 10px 0 6px; text-transform: uppercase; font-size: 90%; color: #fff; background: #0574bb url('../images/linetip.gif') 100% 0 no-repeat; }
.linetip a { color: #000; }
.topline { margin: -35px auto -5px auto; }

#close { position: absolute; z-index: 1; display: inline; left: 15px; top: 32px; }
#more { float: right; display: inline; margin: 30px 15px 0 0; }

#hp .slogan .in { position: relative; overflow: visible; width: 932px; height: 406px; padding-top: 52px; background: none; }
#hp .description, #hp .slogan .headline, #hp .slogan .slogantext { float: right; }
#hp .description { position: absolute; top: 229px; right: 320px; }
#hp .car { position: absolute; top: 175px; right: 320px; }
#hp .description { right: 424px; width: auto; height: auto; margin: 0; padding: 0; background: none; }
#hp .description p { position: relative; height: 83px; margin-right: -16px; font-size: 130%; }

.slogan .in { overflow: visible; width: 970px; height: 352px; margin-top: -40px; background: url('../images/slogan-l.png') 0 50px no-repeat; }
h1.sIFR-replaced { margin-bottom: -20px; }
.description p { position: relative; clear: right; line-height: 20px; color: #939393; }
.slogan .desc { margin: 20px 0 0 20px; }
.slogan .desc strong { font-weight: normal; color: #17a92f; }
/*
#hp .headline span { background-image: url(../images/hp-headline.png); }*/
	/*eabin
.c-skladovaauta .in .description { background: url('../images/illustration-skladovaauta.jpg') 96px 24px no-repeat; }

.c-autanaobjednavku .in { height: auto !important; height: 390px; min-height: 390px; }
.c-autanaobjednavku .in .description, .c-prodanaauta .in .description { background: url('../images/illustration-autanaobjednavku.jpg') 96px 34px no-repeat; }

.c-onas .in .description { background: url('../images/illustration-onas.jpg') 96px 24px no-repeat; }
.c-sluzby .in .description { background: url('../images/illustration-sluzby.jpg') 96px 24px no-repeat; }
.c-kontaktujtenas .in .description { background: url('../images/illustration-kontaktujtenas.jpg') 96px 24px no-repeat; }
	
/*	---------------------------------------------------------------------------------------
	SUBPAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.maincontent p { margin-bottom: 20px; }
.maincontent a { color:#17a92f; }

.maincontent .line { overflow: hidden; margin: 12px 0 35px; padding-top: 5px; border-top: 1px solid #dcdcdc; color: #a9a9a9; }
.maincontent .line em, .maincontent .line cite { font-style: normal; }
.maincontent .line p { margin-bottom: 0; }
.aboutcitacion, .aboutcitacion a { color: #7a7a7a; }
.aboutcitacion { font-size: 90%; color: #7a7a7a; }
.aboutcitacion a { text-decoration: underline; }
.aboutcitacion a:hover, .aboutcitacion a:focus, .aboutcitacion a:active { text-decoration: none; color: #000; }
.about { width: 585px; height: 56px; line-height: 28px; font-size: 130%; color: #a9a9a9; }
.about span { background-image: url('../images/about.png'); }

.bookmarks { overflow: hidden; width: 100%; margin: 35px 0 20px; background: url('../images/bookmarks.gif') 0 100% repeat-x; }
.bookmarks li { float: left; line-height: 36px; }
.bookmarks li a { float: left; padding: 0 17px; text-decoration: none; font-size: 140%; color: #6dd600; }
.bookmarks li a:hover, .bookmarks li a:focus, .bookmarks li a:active { color: #17a92f; }
.bookmarks li a.active { border: 1px solid #dcdcdc; border-bottom-color: #fff; color: #17a92f; }
.bookmarks li a.b-first { border-left: none; padding-left: 0; }

.changing li { float: left; display: inline; margin-right: 4px; line-height: 21px; text-align: center; }
.changing a { display: block; width: 21px; text-decoration: none; color: #fff; background: #17a92f url('../images/changing-bottom.gif') 0 21px no-repeat; }
.changing a.act, .changing a:hover, .changing a:focus, .changing a:active { background-color: #000; }
.changing a.act { height: 31px; }

/*	---------------------------------------------------------------------------------------
	Auta na objednávku
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*
.contactform { border-top: 1px solid #dcdcdc; }
.contactform .form { float: left; width: 605px; }
.contactform .form fieldset { padding-bottom: 32px; border-bottom: 1px solid #dcdcdc; }
.contactform .form fieldset.last { padding-bottom: 12px; border: none; }
.contactform .form legend { padding: 3px 0 5px; font-size: 130%; color: #17a92f; }
.contactform .form legend strong { display: block; width: 605px; font-weight: normal; }
.contactform dl { float: left; display: inline; margin-right: 14px; }
.contactform dl.last { margin: 0; }
.contactform label { display: block; padding: 5px 0 3px; text-transform: uppercase; font-size: 90%; color: #616161; }
.contactform label span { text-transform: none; }
.contactform fieldset input, .contactform textarea { width: 182px; height: 16px; padding: 4px 5px 5px; border: none; font-size: 90%; color: #000; background: #aaa url('../images/input.png') 0 0 no-repeat; }
.contactform .imp input { width: 595px; height: 36px; font-size: 130%; }
.contactform textarea { width: 595px; height: 155px; font-size: 100%; background-image: url('../images/textarea.png'); }
.contactform .info { float: right; width: 270px; padding-top: 60px; color: #707070; }
.contactform .info h4 { margin-top: 30px; }
.contactform .info a { color: #17a92f; }

/*	---------------------------------------------------------------------------------------
	Kontaktujte nás
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*
.contactus { border-top: none; }
.contactus .info { padding-top: 20px; }
.contactus .bookm { float: left; width: 650px; }
.contactus #mapa { position: relative; }
.contactus .changing { position: absolute; left: 10px; top: 5px; }

/*	---------------------------------------------------------------------------------------
	Detail
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.info, .block { overflow: hidden; width: 100%; padding-bottom: 20px; }
.info dl { float: left; display: inline; width: 112px; margin-right: 12px; padding-right: 10px; background: url('../images/dotted-v.gif') 100% 0 repeat-y; }
.info dl.last { margin-right: 0; margin-right: 0; background: none; }
.info dt, .services a.r { float: left; padding: 0 7px 0 3px; line-height: 17px; text-transform: uppercase; font-size: 80%; font-style: normal; color: #fdfdfd; }
.info dd { clear: left; padding: 6px 0 2px; font-size: 120%; font-weight: bold; }

.maincontent h2, p.headline { padding: 12px 0 10px; font-size: 130%; font-weight: normal; color: #17a92f; background: url('../images/headlines.gif') 0 0 no-repeat; }

.col, .col-img { float: left; width: 285px; margin-right: 40px; }
.col-img { width: auto; }
.col-img { margin-top: 5px; }
.c2 { width: 620px; }
.last { margin-right: 0; }
p.imp { margin: -30px 0 8px; font-weight: bold; color: #454545; }

ul.c2 { margin: -28px 0 4px; }
ul.c2 li { padding-bottom: 4px; }
ul.c2 a { padding-left: 20px; background: url('../images/document.gif') 0 50% no-repeat; }

.col h3 { margin-bottom: 5px; }

.gal { padding-bottom: 1px; }
.gal a { position: relative; float: left; display: inline; margin: 0 19px 19px 0; }
.gal a.last { margin-right: 0; }
.gal a span { position: absolute; right: 7px; top: 9px; width: 17px; height: 17px; background: url('../images/plus-detail.gif') 0 0 no-repeat; }
.gal a:hover span, .gal a:focus span, .gal a:active span { background-position: 0 -17px; }

.detailform .form { margin-top: -10px; }
.detailform .info { padding-top: 15px; }

/*	---------------------------------------------------------------------------------------
	Služby
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.services { margin: 25px 0; }
.services, .services li dd, .aboutus { overflow: hidden; width: 100%; }
.services li, .aboutus li { float: left; display: inline; width: 170px; margin-right: 15px; }
.services li.last, .aboutus li.last { margin-right: 0; }
.services li h2 { float: left; padding: 0 0 10px 0; line-height: 17px; font-size: 100%; font-weight: bold; color: #000; background: none; }
.services li a.r { display: inline; margin-right: 12px; padding: 0 5px; text-decoration: none; }
.services li p { margin-bottom: 12px; font-size: 90%; color: #7a7a7a; }
.services li .desc { height: auto !important; height: 80px; min-height: 220px; margin-bottom: 12px; padding: 10px 12px 0 0; background: url('../images/dotted.gif') 0 100% repeat-x; }
.services li .desc p { clear: both; font-size: 100%; color: #9a9a9a; }
.services li .desc p em { font-style: normal; }
.services li .price { margin-top: 25px; font-size: 150%; color: #000; }
.services li .price strong { font-weight: normal; }

/*	---------------------------------------------------------------------------------------
	O nás
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.aboutus li, .moreslogan { font-size: 90%; color: #9a9a9a; }
.aboutus li { margin-right: 13px; padding-bottom: 30px; background-position: 0 0; background-repeat: no-repeat; }

li.vstupniprohlidka { background-image: url('../images/illustration-vstupniprohlidka.jpg'); }
li.vycisteni { background-image: url('../images/illustration-vycisteni.jpg'); }
li.certifikatpuvodu { background-image: url('../images/illustration-certifikatpuvodu.jpg'); }
li.profesionalnipristup { background-image: url('../images/illustration-profesionalnipristup.jpg'); }
li.servis { background-image: url('../images/illustration-servis.jpg'); }

.aboutus li h3 { position: relative; height: 103px; margin-bottom: 20px; line-height: 17px; text-transform: uppercase; font-weight: normal; font-size: 90%; color: #fff; }
.aboutus li h3 em { position: absolute; left: 8px; bottom: 8px; width: 50%; border-left: 4px solid #000; font-style: normal; }
.aboutus li h3 span { padding: 2px 4px 2px 0; line-height: 17px; background: #000; }
@media screen and (-webkit-min-device-pixel-ratio:0){ .aboutus li h3 span { padding: 3px 4px 3px 0; } } /* Safari... */

.b-about .col { width: 250px; }
.b-about .c2 { width: 565px; }
.block .slogan, .block .moreslogan { padding: 0 70px 10px 0; }

/*	---------------------------------------------------------------------------------------
	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.maincontent .new { padding-bottom: 60px; }
.maincontent .new h2 { padding: 10px 0 8px; }
.maincontent .new .col { width: auto; }
.maincontent .new .c2 { width: 715px; }

.textblock ul, .textblock ol { margin-bottom: 20px; }
.textblock ul li { padding-left: 20px; background: url('../images/li.gif') 0 .75em no-repeat; }
.textblock ol { padding-left: 20px; }
.textblock ol li { display: list-item; list-style: decimal; margin-bottom: 5px; }
.textblock .gal a { margin: 0 5px 5px 0; }

/*	---------------------------------------------------------------------------------------
	Tips on subpages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.tip { position: absolute; }
.tip .inner { position: absolute; right: 0; top: 0; width: 168px; padding-left: 15px; background: url('../images/tip-l.png') 0 0 no-repeat; }
.tip .inner p { float: none; width: 128px; margin: 0; padding: 14px 25px 12px 15px; line-height: 1.3; font-size: 90%; background: #fff url('../images/tip-center.gif') 0 0 no-repeat; }
.tip .inner .bottom { width: 168px; height: 26px; background: url('../images/tip-bottom.png') 0 0 no-repeat; }

.pos1 { left: 284px; top: 172px; } /* Skladov?auta */
.pos2 { left: 476px; top: 132px; } /* Skladov?auta */
.pos3 { left: 284px; top: 172px; } /* Skladov?& prodan?auta - detail */
.pos4 { left: 476px; top: 132px; } /* Skladov?& prodan?auta - detail */
.pos5 { left: 334px; top: 172px; } /* Detail novinky */
.pos6 { left: 476px; top: 132px; } /* Detail novinky */
.pos7 { left: 334px; top: 172px; } /* Auta na objednávku */
.pos8 { left: 476px; top: 132px; } /* Auta na objednávku */
.pos9 { left: 284px; top: 172px; } /* O nás */
.pos10 { left: 476px; top: 132px; } /* O nás */
.pos11 { left: 284px; top: 172px; } /* Služby */
.pos12 { left: 476px; top: 132px; } /* Služby */
.pos13 { left: 284px; top: 172px; } /* Kontakt */
.pos14 { left: 476px; top: 132px; } /* Kontakt */
.pos15 { left: 284px; top: 172px; } /* Prodan?auta */
.pos16 { left: 476px; top: 132px; } /* Prodan?auta */
/*