/* Made by Michal Poppe [aka] MiPo in 2010 */
@import url('fool.css');
@import url('reset.css');

@media all {
	html {width: 100%; background-color: #fff; }
	body {width: 1000px; margin: 0 auto 20px auto; position: relative; line-height: 150%; font-family:Verdana; font-size: 80%; }

	#logo, span { display: block; width: 125px; height: 80px; }
	#logo { position: relative; }
	#logo span { position: absolute; top: 0; left: 0; background: url('logo-chevrolet.jpg') 0 0; z-index: 2; }
	#horne-menu { position: absolute; top: 10px; right: 5px; font-size: 80%; }
	#horne-menu a:hover { text-decoration: underline; }
	#horne-menu a, ul#menu a, ul#submenu a { text-decoration: none; color: #000; }
	ul#menu { position: absolute; top: 50px; right: 0; z-index: 5; border-left: 1px solid #dcdcdc; }
	ul#menu li, ul#menu li a, ul#submenu li, ul#submenu li a { width: 205px; line-height: 30px; float: left; text-align: center; background: url('menu-pozadie.png') 0 0 repeat-x; border-right: 1px solid #fff; }
	ul#menu a:hover, ul#submenu a:hover, ul#menu a.current, ul#submenu a.current {  background: url('menu-pozadie-hover.png') 0 0 repeat-x;  }
	ul#menu li#modely ul { display: none; }
	ul#menu li#modely {behavior: url("/chevrolet/etc/hover.htc");}
	ul#menu li#modely:hover ul, ul#menu li#modely.hover ul { display: block; }
	ul#submenu { position: absolute; z-index: 2; width: 824px; top: 80px; left: 175px; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; background-color: #fff; }
	/*\*/ * html ul#submenu { left: 172px; width: 827px;} /**/
	/*\*/ * html ul#submenu li, html ul#submenu li a { width: 204px; } /**/
	ul#submenu li, ul#submenu li a { background-image: none; background-color: #fff; }
	
	#bannery { width: 900px; margin: auto; }
	.items a { display: block; width: 265px; height: 137px; float: left; margin: 3px; }
	
/* Akčné ponuky + sprievodca nákupom */
	#lavy { width: 204px; margin: 79px 0 0 10px; float: left; }
	#lavy ul { border-top: 1px solid #dcdcdc; width: 214px; }
	#lavy li a { display: block; width: 204px; padding: 5px 5px; line-height: 20px; border-bottom: 1px solid #dcdcdc; color: #000; font-size: 90%; text-decoration: none; }
	#lavy li a:hover, #lavy li a.current { background-color: rgb(232, 174, 5); text-decoration: underline; }
	#pravy { width: 760px; margin-top: 50px; float: right; }
	#pravy h1 { width: 100%; font-size: 150%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
	#pravy h2 { margin: 10px 0 5px 0; font-size: 120%; }
	#pravy h3 { margin: 5px 0; font-size: 110%; }
	#pravy .float-left { margin: 0 20px 20px 0; }
	#pravy a { color: #808080; }
	#pravy p { margin: 10px 0; }
	#pravy li { list-style-type: disc; margin-left: 30px; }
	
/*Zóna majiteľov*/
	#zona { width: 924px; margin: 0 auto; }
	#zona h1 { font-size: 150%; margin-top: 50px; margin-bottom: 10px; width: 100%; }
	#zona .riadok { width: 100%; overflow: auto; }
	#zona #prvy { margin-top: 20px; }
	#zona .odd { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; background-color: #F4F4F4; }
	#zona .stlpec { width: 422px; padding: 20px; }
	#zona .stlpec img { float: left; margin: 0 20px 20px 0; }
	#zona a { color: #B33037; }
	#zona p { margin: 10px 0; }
	
/*Kontakty*/
	#kontakty { width: 924px; margin: 20px auto; position: relative; }
	#kontakty h1 { font-size: 150%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
	#kontakty h2 { margin: 10px 0 5px 0; font-size: 120%; }
	#kontakty h3 { margin: 5px 0; font-size: 110%; }
	#kontakty iframe { position: absolute; top: 50px; right: 0; }
	#kontakty dt { float: left; width: 150px; }
	#kontakty dl.fotka { float: left; margin-right: 40px; }
	#kontakty dl.fotka dt { float: none; text-align: center; margin-top: 20px; }
	#kontakty dl.fotka dd { text-align: center; width: 150px; }

/*Skúšobná jazda*/
	#skusobna { width: 650px; margin: 20px auto; position: relative; }
	#skusobna h1 { font-size: 150%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
	#skusobna fieldset { margin: 10px 0; }
	#skusobna legend { font-size: 120%; font-weight: bold; padding-bottom: 5px; }
	#skusobna label { display: inline-block; width: 100px; text-align: right; padding-right: 10px; }
	#skusobna p#submit { width: 300px; text-align: center; }
	
/*Autá*/
	#ncap { width: 270px; height: 70px; padding: 20px; background-color: #fff; position: absolute; top: 220px; left: 0; font-size: 90%; }
	#ncap img { float: left; margin: 10px 10px 0 0; }
	#auto { width: 924px; margin: 20px auto; position: relative; font-size: 90%; }
	#auto h1, #auto h1 span { display: block; width: 195px; height: 30px; }
	#auto h1 { position: relative; margin: 10px 0; }
	#auto h1 span { position: absolute; top: 0; left: 0; background: 0 0 no-repeat; z-index: 2; }
	#auto h1#spark span { background-image: url('../novy-spark/pict/nadpis.jpg'); }
	#auto h1#aveo-3 span { background-image: url('../aveo-3/pict/nadpis.jpg'); }
	#auto h1#aveo-sedan span { background-image: url('../aveo-sedan/pict/nadpis.jpg'); }
	#auto h1#aveo-5 span { background-image: url('../aveo-5/pict/nadpis.jpg');  }
	#auto h1#lacetti span { background-image: url('../lacetti-sw/pict/nadpis.jpg');  }
	#auto h1#cruze span { background-image: url('../cruze/pict/nadpis.jpg');  }
	#auto h1#epica span { background-image: url('../epica/pict/nadpis.jpg');  }
	#auto h1#captiva span { background-image: url('../captiva/pict/nadpis.jpg');  }
	#popis { width: 250px; padding: 20px; float: left; }
	#auto p { margin: 10px 0; }
	#vybavy { width: 630px; float: right; margin-bottom: 20px; }
	#vybavy .stlpec { float: left; width: 189px; padding: 10px; margin-bottom: 20px; }
	#vybavy .stlpec h2 { margin-bottom: 10px; }
	#vybavy .stlpec li { list-style-type: disc; margin-left: 15px; }

/*iFrame do AutoOlympu*/
	#obsah { width: 924px; margin: 0 auto; position: relative; }
	#obsah h1 { font-size: 150%; margin-bottom: 20px; margin-top: 40px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }	
	

	p#pata { clear: both; text-align: center; border-top: 1px dotted #dcdcdc; margin-top: 20px; padding: 10px 0; }
	
	/* 
	    root element for the scrollable. 
	    when scrolling occurs this element stays still. 
	*/ 
	div.scrollable { 
	 
	    /* required settings */ 
	    position:relative; 
	    overflow:hidden; 
	    width: 800px; 
	    height:137px;
	} 
	 
	/* 
	    root element for scrollable items. Must be absolutely positioned 
	    and it should have a extremely large width to accomodate scrollable items. 
	    it's enough that you set width and height for the root element and 
	    not for this element. 
	*/ 
	div.scrollable div.items { 
	    /* this cannot be too large */ 
	    width:20000em; 
	    position:absolute; 
	} 
	 
	/* 
	    a single item. must be floated in horizontal scrolling. 
	    typically, this element is the one that *you* will style 
	    the most. 
	*/ 
	div.scrollable div.items div { 
	    float:left; 
	} 
	 
	/* you may want to setup some decorations to active the item */ 
	div.items div.active { 
	    border:1px inset #ccc; 
	    background-color:#fff; 
	}
}

@media handheld {
}

@media print {
}

@media aural {
	* {volume: medium; speech-rate: medium;}
	abbr {speak: spell-out}
	h1, h2 {pause-before: 200%}
	h3, h4 {pause-before: 180%}
	p {pause-before: 120%}
	#statistika, hr {speak: none;}
}