html { margin:0; padding:0; }

body,table { font-family:"Arial CE", Arial, Helvetica, sans-serif; }

body {
	font-size:12px;
	margin:9px 0px;
	padding:0px;
	color:#4c4c4c;
	/*background:url('../img/layout/body_bcg_velikonoce.gif') left top repeat-x #dad2a7;*/
 /*  background:url('../img/layout/body_bcg_jaro.gif') left top repeat-x #7dae21; */
	background:url('../img/layout/body_bcg_faceligt.png') left top repeat-x #eeeeee;

	/* background:url('../img/layout/body_bcg_leto.gif') left top repeat-x #fff995; */
}
body.autumn {
	background:url('../img/layout/body_bcg_autumn.gif') left top repeat-x #FEF2B8;
}
body.winter {
	background:url('../img/layout/body_bcg_zima.gif') left top repeat-x #adbccc;
}
body.flash_long {
	background-image:url('../img/layout/body_flash_long_bcg_jaro.gif');
}

body.win { background:#FFF2B9; padding:2em; margin:0; }
body.print { background:white; padding:1em; margin:0; }

table {
	font-size: 1em;
	color:#4c4c4c;
	border:none;
}

#Iframe1
{
	margin:0;
	padding:0;
	height: 363px;
}

div#page_container {
	position:relative;
	width:950px;
	padding-top: 227px;
	margin:0 auto;
	background:transparent;
}

body.win div#page_container, body.print div#page_container { width:auto; padding:0; background:transparent; }
body.print a { color: black; text-decoration: none; font-weight:bold; }


div#heading {
	position:absolute; left:0px; top:0px;
	width:950px;
	height:96px;
	background:url('../img/layout/heading_bcg_transparent.png') left top no-repeat transparent;
	z-index:10;
}
div#heading img#logo { position:absolute; left:13px; top:11px; width:72px; height:72px; z-index:11; }
div#heading img#logo_cb { position:absolute; left:714px; top:2px; width:64px; height:42px; z-index:11; }
div#heading img#logo_eu { position:absolute; left:790px; top:2px; width:57px; height:45px; z-index:11; }
/*div#heading img#logo_beruska {position:absolute; left:9px; top:2px; width:32px; height:24px; z-index:12;}*/
div#heading img#logo_rybicka {position:absolute; right:215px; top:15px; width:81px; height:78px; z-index:12;}

div#heading div#top_menu { float:right; margin: 9px 0 0; padding:0px; font-size:11px;}
div#heading div#top_menu a { color:#4c4c4c; font-weight:normal; }
div#heading div#top_menu a:hover { text-decoration:none; }

div#heading div#top_menu #top_menu_end
{
	padding-right:10px;
}

div#heading #flash_rozjedte {
	position:absolute;
	left:84px;
	top:0px;
	width:600px; height:92px;
	background:url('../img/layout/rozjedte_to_s_nami_bcg.png') left top no-repeat transparent;
	z-index:10;
}


form#search {
	/* background: url("../img/layout/form_search_bcg.gif") no-repeat scroll 3px 11px #C8C8C8; */
	height: 30px;
	padding-top: 13px;
	margin-right: 7px;
	position: absolute;
	right: 0;
	top: 52px;
	z-index: 10;
}


form#search input#hledat
{
	border: 1px solid #E2001A;
	height: 17px;
	width: 109px;
	margin-right: 7px;
}


div#menu_bar_top {
	background: none repeat scroll 0 0 #E2001A;
	height: 37px;
	position: absolute;
	top: 95px;
	width: 950px;
	z-index: 100;
}

ul#menu_main {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
ul#menu_main li {
	display:block;
	float:left;
	height: 37px;
	margin:0;
	background:url('../img/layout/menu_main_item_bcg.gif') left bottom no-repeat;
	padding-left:2px;
}

ul#menu_main li a#strana_6 {
	width: 50px;
}



ul#menu_main li:first-child { background:none; padding-left:0; }
ul#menu_main li a {
	display:block;
	height: 37px;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
	padding: 0 41px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:white;
}
ul#menu_main li a:hover, ul#menu_main li a.active {
	background-color:#4faedb;
}

ul#menu_main ul.submenu {
	background: none repeat scroll 0 0 #4FAEDB;
	color: white;
	display: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 37px;
	z-index: 100;
	min-width: 126px;
	_width: 126px;
		padding-right: 7px;
	border-top: 8px solid #E2001A;
}


ul#menu_main ul.submenu li { float:none; display:list-item; height:auto; background:#4faedb; padding:0; }
ul#menu_main ul.submenu li#graphs_menu
{
	 background-color:#e2001a;
	 height:5px;
}
ul#menu_main ul.submenu a {
		color: white;
		display: block;
		font-size: 11px;
		font-weight: bold;
		height: auto;
		line-height: 1em;
		margin: 2px 0;
		padding: 0.25em 0.5em;
		text-align: left;
		text-decoration: none;
}

ul#menu_main ul.submenu a:hover {
		text-decoration:underline;
}



div#flash_historie, object#flash_historie {
	position:absolute; top:132px; left:-21px;
	width:965px; height:250px;
	z-index:15;
}

div#flash_historie {
	background:url('../img/layout/flash_historie_bcg.png') left top no-repeat transparent;
}


div#main_wrapper {
	background-color: #FFFFFF;
	padding-top: 7px;
}

div#content_main {
	float:left;
	padding-right:12px;
	min-height:370px;
	background:white;
}

div#content_main_page {
	background-color: #EFEFEF;
	float: left;
	min-height: 370px;
	margin-left: 217px;
	/*margin-right: 10px;*/
	width: 717px;
	position:relative;
}

div#content_main_page.hp {
	width: 512px;
}

#content_main_page_pack {
	margin: 0 10px;
}



div#content_main_page_pack hr
{
	background: url("../img/hp/clanek_separator.gif") no-repeat scroll left top transparent;
	border: none;
	margin: 0;
	padding: 0 0 0 15px;
	height:11px;
}


div#content_main p { text-align:justify; }

div#left_col {
	float:left;
	margin-left: -934px;
	width:194px;
	position:relative; /*due to flash overlap*/
	z-index:20;
}
div#left_col.hp {
	margin-left: -729px;
}

div#left_col div.box {
	padding:10px 10px 5px 27px;
}
div#left_col div.box h2 {
	margin:0 0 0 -22px;
	font-size:14px;
	padding-left:21px;
	color:black;
}

div#left_col div#col_vyhledavani_spojeni {
	margin-top:0;
	background:url('../img/layout/vyhledavani_spojeni_bcg.gif') right top no-repeat #C8C8C8;
}
div#left_col div#col_vyhledavani_spojeni h2 {
	background:url('../img/layout/vyhledavani_spojeni_nadpis_bcg.gif') left center no-repeat transparent;
}

div#left_col div#col_vyhledavani_spojeni form { margin:0.75em 0; }
div#left_col div#col_vyhledavani_spojeni th { font-weight:normal; padding-right:0.5em; color:#364D63; font-size:90%; }
div#left_col div#col_vyhledavani_spojeni td#vs_odeslat { text-align:right; vertical-align:bottom; }
div#left_col div#col_vyhledavani_spojeni input.text { width:110px; font-size:90%; }
div#left_col div#col_vyhledavani_spojeni input.submit {
	width:64px;
	height:25px;
	border:none;
	background:url('../img/layout/hledat_button_bcg.gif') left top no-repeat;
}
div#left_col div#col_vyhledavani_spojeni p#vs_mapa { position:relative; left:-1em; margin:0; }
div#left_col div#col_vyhledavani_spojeni p#vs_mapa a { color:black; }

/*
div#left_col div#col_aktuality {
	background:url('../img/layout/left_col_aktuality_bcg.gif') right top no-repeat #FFF5CA;
}
div#left_col div#col_aktuality h2 {
	background:url('../img/layout/ico_aktuality_brown.png') left top no-repeat;
}
div#left_col div#col_aktuality ul {
	margin:1em 0; padding:0;
	list-style-type:none;
	list-style-image:none;
	font-weight:bold;
}
div#left_col div#col_aktuality ul li {
	margin:1em 0;
}
*/


div#left_col div.bordered {
	border:1px solid #D8DCE1;
	position:relative;
}
div#left_col div.bordered div.right_corner {
	position:absolute;
	right:-1px; top:-1px;
	background:white;
	width:37px;
	height:27px;
	border:1px solid #D8DCE1; border-width:0 0 1px 1px;
}


div#left_col div#col_info_email h2 {
	background:url('../img/layout/left_col_info_email_nadpis_bcg.gif') left center no-repeat transparent;
}
div#left_col div#col_info_email form#newsletter_form input.text { width:148px; }
div#left_col div#col_info_email form#newsletter_form input.text.default_text_style { color:#A5A5A5; }
div#left_col div#col_info_email form#newsletter_form fieldset#news_registrovat { text-align:right; }


div#left_col div#col_napiste_nam {
	background:#FFF5CA;
}
div#left_col div#col_napiste_nam h2 {
	background:url('../img/layout/left_col_napiste_nadpis_bcq.gif') left center no-repeat transparent;
}


/**
* LEVÝ SLOUPEC - BANNERY
*/
div#col_banners {
	float: right;
	width: 208px;
	position: relative;
	left: 7px;
}

div#col_banners a {
	display:block;
	margin-bottom:9px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
}

div#col_banners a#banner_diesel {
	position:relative;
}
div#col_banners a#banner_diesel span#banner_diesel_price {
	position:absolute;
	left:100px;
	top:41px;
	font-size:15px;
	color:red;
}




#main_cleaner { clear:both; height:10px; font-size:0px; }
#footer {
	clear:both;
	height:33px;
	background:#e2001a;
	padding:15px 20px 0 20px;
	color:white;
}
#footer p { margin:0; }

#footer #footer_navig {
 width: 470px;
 float: right;
 text-align: right;
 color: white;
 }

#footer #footer_navig a {
 color: white;
 text-decoration: none;
 padding: 0 2px;
 }

#footer #footer_navig a:hover {
 text-decoration: underline;
 }



div#left_curved_line, div#right_curved_line {
	position:absolute;
	left:-30px;
	top:133px;
	width:19px; height:98px;
	background:url('../img/layout/curved_lines.png') left top no-repeat transparent;
}
div#right_curved_line {
	left:auto;
	right:-29px;
	background-position:-19px top;
}
body.flash_long div#left_curved_line, body.flash_long div#right_curved_line {
	height:444px;
	top:138px;
	background-image:url('../img/layout/curved_lines_flash_long.gif');
}


div#slavime_left {
	position:absolute;
	z-index:60;
	left:-18px;
	top:228px;
	width:19px; height:136px;
	background:url('../img/layout/slavime_left.gif') left top no-repeat transparent;
}

div#slavime_right {
	position:absolute;
	z-index:60;
	right:-19px;
	top:228px;
	width:20px; height:147px;
	background:url('../img/layout/slavime_right.gif') left top no-repeat transparent;
}

div#podzim1 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/podzim1.jpg') left top no-repeat transparent;
}

div#podzim1_left {
	position:absolute;
	z-index:60;
	left:-80px;
	top:230px;
	width:81px; height:132px;
	background:url('../images/podzim1_left.jpg') left top no-repeat transparent;
}

div#podzim1_right {
	position:absolute;
	z-index:60;
	right:-65px;
	top:230px;
	width:64px; height:135px;
	background:url('../images/podzim1_right.jpg') left top no-repeat transparent;
}

div#podzim2 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/podzim2.jpg') left top no-repeat transparent;
}

div#podzim2_left {
	position:absolute;
	z-index:60;
	left:-88px;
	top:230px;
	width:88px; height:166px;
	background:url('../images/podzim2_left.jpg') left top no-repeat transparent;
}

div#podzim2_right {
	position:absolute;
	z-index:60;
	right:-91px;
	top:230px;
	width:91px; height:126px;
	background:url('../images/podzim2_right.jpg') left top no-repeat transparent;
}


div#podzim3 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/podzim3.jpg') left top no-repeat transparent;
}

div#podzim3_left {
	position:absolute;
	z-index:60;
	left:-88px;
	top:230px;
	width:88px; height:149px;
	background:url('../images/podzim3_left.jpg') left top no-repeat transparent;
}

div#podzim3_right {
	position:absolute;
	z-index:60;
	right:-91px;
	top:223px;
	width:91px; height:142px;
	background:url('../images/podzim3_right.jpg') left top no-repeat transparent;
}

div#podzim4 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/podzim4.jpg') left top no-repeat transparent;
}

div#podzim4_left {
	position:absolute;
	z-index:60;
	left:-88px;
	top:230px;
	width:88px; height:149px;
	background:url('../images/podzim3_left.jpg') left top no-repeat transparent;
}

div#podzim4_right {
	position:absolute;
	z-index:60;
	right:-91px;
	top:223px;
	width:91px; height:142px;
	background:url('../images/podzim3_right.jpg') left top no-repeat transparent;
}

div#podzim5 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/podzim5.jpg') left top no-repeat transparent;
}

div#podzim5_left {
	position:absolute;
	z-index:60;
	left:-88px;
	top:230px;
	width:88px; height:146px;
	background:url('../images/podzim5_left.jpg') left top no-repeat transparent;
}

div#podzim5_right {
	position:absolute;
	z-index:60;
	right:-91px;
	top:230px;
	width:91px; height:151px;
	background:url('../images/podzim5_right.jpg') left top no-repeat transparent;
}

div#podzim6 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/podzim6.jpg') left top no-repeat transparent;
}

div#podzim6_left {
	position:absolute;
	z-index:60;
	left:-88px;
	top:230px;
	width:88px; height:146px;
	background:url('../images/podzim5_left.jpg') left top no-repeat transparent;
}

div#podzim6_right {
	position:absolute;
	z-index:60;
	right:-91px;
	top:230px;
	width:91px; height:151px;
	background:url('../images/podzim5_right.jpg') left top no-repeat transparent;
}

div#zima1 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/zima1.jpg') left top no-repeat transparent;
}

div#zima1_left {
	position:absolute;
	z-index:60;
	left:-74px;
	top:230px;
	width:74px; height:150px;
	background:url('../images/zima1_left.jpg') left top no-repeat transparent;
}

div#zima1_right {
	position:absolute;
	z-index:10;
	right:-81px;
	top:229px;
	width:81px; height:245px;
	background:url('../images/zima1_right.jpg') left top no-repeat transparent;
}

div#zima2 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/zima2.jpg') left top no-repeat transparent;
}

div#zima2_left {
	position:absolute;
	z-index:60;
	left:-74px;
	top:230px;
	width:74px; height:150px;
	background:url('../images/zima1_left.jpg') left top no-repeat transparent;
}

div#zima2_right {
	position:absolute;
	z-index:10;
	right:-81px;
	top:229px;
	width:81px; height:245px;
	background:url('../images/zima1_right.jpg') left top no-repeat transparent;
}
div#zima3 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/zima3.jpg') left top no-repeat transparent;
}

div#zima3_left {
	position:absolute;
	z-index:60;
	left:-74px;
	top:230px;
	width:74px; height:150px;
	background:url('../images/zima1_left.jpg') left top no-repeat transparent;
}

div#zima3_right {
	position:absolute;
	z-index:10;
	right:-81px;
	top:229px;
	width:81px; height:245px;
	background:url('../images/zima1_right.jpg') left top no-repeat transparent;
}
div#zima4 {
 position:absolute;
 top:133px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/zima4.jpg') left top no-repeat transparent;
}

div#zima4_left {
	position:absolute;
	z-index:60;
	left:-74px;
	top:230px;
	width:74px; height:150px;
	background:url('../images/zima1_left.jpg') left top no-repeat transparent;
}

div#zima4_right {
	position:absolute;
	z-index:10;
	right:-81px;
	top:229px;
	width:81px; height:245px;
	background:url('../images/zima1_right.jpg') left top no-repeat transparent;
}
/* JARNI MOTIVY */
div#jaro1, div#jaro2, div#jaro3, div#jaro-generel {
 position:absolute;
 top:132px;
 left:-31px;
 width:985px;
 height:97px;
}

div#facelift
{
	height: 95px;
	left: -8px;
	position: absolute;
	top: 132px;
	width: 985px;
	background:url('../images/facelift.png') left top no-repeat transparent;
	cursor:pointer;
}


div#jaro1 {
 background:url('../images/jaro1.jpg') left top no-repeat transparent;
}
div#jaro2 {
 background:url('../images/jaro2.jpg') left top no-repeat transparent;
}
div#jaro3 {
 background:url('../images/jaro3.jpg') left top no-repeat transparent;
}
div#jaro-generel {
 background:url('../images/jaro-generel.png') left top no-repeat transparent;
 cursor:pointer; /*banner je klikací - viz javascript*/
}

div#jaro1_left, div#jaro2_left, div#jaro3_left, div#jaro-generel_left {
	position:absolute;
	z-index:60;
	left:-85px;
	top:115px;
	width:85px; height:259px;
	background:url('../images/motyli_left.png') left top no-repeat transparent;
}
div#jaro1_right, div#jaro2_right, div#jaro3_right, div#jaro-generel_right {
	position:absolute;
	z-index:10;
	right:-99px;
	top:208px;
	width:97px; height:147px;
	background:url('../images/motyli_right.png') left top no-repeat transparent;
}
/* VELIKONOCE */
div#velikonoce {
 position:absolute;
 top:132px;
 left:-31px;
 width:985px;
 height:97px;
 background:url('../images/velikonoce.jpg') left top no-repeat transparent;
}
div#velikonoce_left {
	position:absolute;
	z-index:60;
	left:-70px;
	top:217px;
	width:85px; height:259px;
	background:url('../images/vejce_left.png') left top no-repeat transparent;
}
div#velikonoce_right {
	position:absolute;
	z-index:10;
	right:-87px;
	top:196px;
	width:87px; height:167px;
	background:url('../images/vejce_right.png') left top no-repeat transparent;
}
/* LETO */

div#leto1, div#leto2, div#leto3 {
	position:absolute;
	top:132px;
	left:-31px;
	width:985px;
	height:97px;
}
div#leto1 {
 background:url('../images/leto1.png') left top no-repeat transparent;
}
div#leto2 {
 background:url('../images/leto2.png') left top no-repeat transparent;
}
div#leto3 {
 background:url('../images/leto3.png') left top no-repeat transparent;
}

div#leto1_left, div#leto3_left {
	position:absolute;
	z-index:-1;
	left:-145px;
	top:112px;
	width:148px; height:110px;
	background:url('../images/mice_left.png') left top no-repeat transparent;
}
div#leto1_right, div#leto3_right {
	position:absolute;
	z-index:-1;
	right:-131px;
	top:137px;
	width:148px; height:115px;
	background:url('../images/mice_right.png') left top no-repeat transparent;
}
div#leto2_left {
	position:absolute;
	z-index:-1;
	left:-106px;
	top:115px;
	width:108px; height:115px;
	background:url('../images/potapec_left.png') left top no-repeat transparent;
}
div#leto2_right {
	position:absolute;
	z-index:-1;
	right:-127px;
	top:63px;
	width:132px; height:191px;
	background:url('../images/potapec_right.png') left top no-repeat transparent;
}
body.flash_long div#slavime_left { top:366px; }
body.flash_long div#slavime_right { top:366px; }

#nafta_absolute_banner {
	position: absolute;
	top: 8px;
	left: 405px;
	width: 300px;
	color: #C31F04;
	font-weight: bold;
	text-align: right;
}

p#more_info {
	text-align:center;
	font-weight: bold;
	background:#F8F6F7;
	margin:0;
	padding:1em 0;
}
p#more_info a {
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}
p#more_info a:hover { color:#ff0000; }