/* CSS Document */

body{
	background-image:url(/images/fondo.gif);
	background-repeat:repeat-x;
	background-color:#AF172A;
	margin:0px;padding:0px;
	font:11px Arial, Helvetica, sans-serif;
	}
input{border:1px solid #D3D3D3;font:10px Arial, Helvetica, sans-serif; background-color:#F8F8F8;}
textarea{border:1px solid #D3D3D3;font:10px Arial, Helvetica, sans-serif; background-color:#F8F8F8;}
select{border:1px solid #D3D3D3;font:10px Arial, Helvetica, sans-serif; background-color:#F8F8F8;}
form{margin:0px;padding:0px;}
.form_Boton{border:1px solid #D3D3D3;font:10px Arial, Helvetica, sans-serif; background-color:#F8F8F8;}

.form_Boton_Rojo{border:1px solid #990000;font:10px Arial, Helvetica, sans-serif; font-weight:bold; background-color:#F8F8F8}

.form_Boton_Transparente{ margin-top:3px; border:0px }

A{text-decoration:underline; color:#AF172A;font-family:Arial, Helvetica, sans-serif;}
A:hover {color:#aaa; text-decoration:none}
.menuSup{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:11px;}
A.menuSup:link{font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none}
A.menuSup:visited{font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none}
A.menuSup:hover{font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:underline}
.noticiasHome {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	xxfont-variant: small-caps;
	color: #AF172A;
}
.noticiasHome2 {font-size: 11px;font-weight: bold;color:#000000; text-decoration:none}
A.noticiasHome2 {font-size: 11px;font-weight: bold;color:#000000; text-decoration:none}
A.noticiasHome2:link {font-size: 11px;font-weight: bold;color:#000000; text-decoration:none}
A.noticiasHome2:hover {font-size: 11px;font-weight: bold;color:#000000; text-decoration:underline}
.noticiasDentro {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	xxfont-variant: small-caps;
	color: #AF172A;
}
#menu{width:118px;}
#menu A{color: #000;text-decoration:none}
#menu A:hover{color: #AF172A;text-decoration:underline}
#menu ul{margin:0px; list-style:none; padding:0px; }
#menu li{font:11px Arial, Helvetica, sans-serif; margin: 0px;padding:0px;padding-left:12px;}
.liActivo{color:#FFFFFF;background-color:#AF172A;padding-left:3px;padding-right:3px;font:bold}
.blanco:{color:#FFFFFF; font:bold}
A.blanco:link{color:#FFFFFF}
A.blanco:hover{color:#FFFFFF}
A.blanco:visited{color:#FFFFFF}
#cuerpo #menu .liActivo .blanco {color: #FFF;font:bold}
.titular {
	font-size: 12px;
	font-style: normal;
	color: #AF172A;
}
#menuSuperior{text-align:center}
#menuSuperior ul{ list-style: none;padding: 0;margin: 0;}
#menuSuperior li{
	padding-bottom:10px;
	height:32px;
	display: inline;
	margin:auto;
	vertical-align:middle;
}
#carburantesOption{background:url(/images/homeAccesos_2.gif); width:157px; text-align:center}
.carburantes {
	font-size: 11px;
	font-style: normal;
	color: #666666;
}
.txt10{	font-size: 10px;font-style: normal;	color: #666666;}
.noticiaGrande{font:bold 14px Arial, Helvetica, sans-serif; color:#AF172A; font-size:14px}
.gris{	font-size: 10px;color: #A2A2A2;}
.rojo{color: #AF172A;}


h1 {
	color: #96BF55;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	text-align: left;
}

	h1 span {
		color: #ffffff;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 5px 5px 0;
		text-align: left;
	}
	
	.description {
	font-size: 12px;
	line-height: 18px;
	color: #ffffbe;
	padding: 5px 0 15px 0;
}

h2 {
	text-align: left;
	font-weight: normal;
	font-size: 100%;
	color: #666666;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 50%;
		color: #666666;
	}

#container {
	margin: 20px auto 0 auto;
	width: 550px;
}

	#top_container {
		width: 540px;
		height: 130px;
		margin: 10px auto 10px auto;
	}
	
	#bottom_container {
		clear: both;
		width: 5500px;
	}
	
	
	
	
	/** RUBY / JAVASCRIPT **/
code span.comment {
	color: #BD48B3;
}

code span.string {
	color: #99FF00;
}

code span.brackets {
	
}

code span.symbol {
	color: #6BCFF7;
}

code span.keywords {
	color: #FF8400;
}

code span.erb {
	background: #333;
}

code span.symbol {
      color: #07DFFC;
}

/** HTML **/
code.html span.tag {
	color: #fff;
}

code.html span.attribute {
	color: #FFD500;
}

code.html span.string {
	color: #99FF00;
}

code.html span.comment {
	color: #999;
}

code.html span.doctype {
	color: #D7FF80;
}



/*
	Vertical Accordions
*/

.accordion_toggle {
	display: block;
	height: 30px;
	width: 550px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #AF172A;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
	.accordion_content h2 {
		margin: 0px 0 0px 0px;
		color: #666666;
	}
	
	.accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 500px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 100px;
	width: 30px;
	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
	
.horizontal_accordion_content p {
	width: 450px;
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
			
			
/* Container styling*/
#horizontal_container {
margin: 20px auto 20px auto;
width: 500px;   
height: 100px;    
}

#vertical_nested_container {
margin: 20px auto 20px auto;
width: 500px;
}