/************************************************
Gas Natural 
base.css

CSS común a todo el site

Fecha: 					26/01/2006
Última revisión:		18/12/2007

Último modificador: 	David Saenz
************************************************/
@media screen
{

* {
	margin:					0;
	padding:					0;
}

body {
	margin:					0;
	padding:				0;
	font-family:			Arial, verdana, Helvetica, sans-serif;
	font-size:				76%;/* El número mágico que controla el tamaño de fuente de todo el site.*/
	/*background:				#fff url(../img/pattern_body.gif);*/
	color:					#000;
}

.centered { text-align: center; }

/***************************************************
	El clearer siempre ha de llevar la sgte
	sintaxis en el html
		<div class="clearer">.</div>
	para que asi explorer no le de dimensiones
************************************************/

.clearer{
	clear:					both;
	height:					0px;
	font-size:				1px;
	line-height:			0;
	content:				".";
	visibility: hidden;
}

.bold{
	font-weight:			bold;
	color:					#666;
}

.left { float: left; }

.right { float: right; }

/* Capa que centra todo el contenido */

/*div#centrador {
	position: 			relative;
	top:				15px;
	max-width: 			1024px;
	min-width:			740px;
	margin:				auto;
	border:				1px solid #c1c1c0;
	border-width:		1px 1px 0px 1px;
	background:			url(../images/esp/fondo3.jpg)  0 8.5em no-repeat;

}*/

/***************************
	TIPOGRAFÍA
***************************/
a { text-decoration: none; color: #7D9EAF; }
a:link {}
a:visited {}
a:active {}
a:hover { text-decoration: underline; }
h1 {font-size:2.0em;text-align:left;}
h2 {font-size:1.7em;text-align:left;}
h3 {font-size:1.4em;text-align:left;}
h4 {font-size:1.2em;text-align:left;}
h5 {font-size:1.0em;text-align:left;}
h6 {font-size:.8em;text-align:left;}
li {font-size:1em;text-align:left;}
h1, h2, h3, h4, h5, h6 { line-height:1.1em; }
div, span, p, ol, ul { font-size: 1em; line-height: 1em; }


/***************************
	BARRA DE HERRAMIENTAS
***************************/
div#toolbar {
	position:				absolute;
	top:					0;
	width:					100%;
	background:  			#EEE url(../img/pattern_top_2.jpg);
	border-bottom: 			1px solid #40627B;
	padding:				0px 0;
	font-size:				0.8em;
	z-index:				120;
}

div#toolbar li {
	display:				list;
	width:					17%;
	margin:					0 1%;
	list-style-type:		none;
	float:					left;
}

div#toolbar a,
div#toolbar span {
	white-space:			nowrap;
	text-decoration:		none;
	color:					#fff;
	display:				block;
	text-align:				center;
	margin:					.5em 0 0 1%;
}

div#toolbar li ul li a{
	color:					#40627B;
	background-color:		#B8CBD2;
}


div#toolbar a:hover { text-decoration: none; }

div#toolbar span {
	width: 			90%;
	line-height:	2em;
	margin:			0;
	display:		block;
	background: 	url(../img/d_arrow_1.gif) no-repeat center right;
}

div#toolbar li ul {
	position: 				absolute;
	z-index:				120;
	padding-top:			2em;
	margin-top:				-2em;
	width:					inherit;
	display:				block;
}

.DOM div#toolbar li ul { display:none; width: 150px; }

.DOM div#toolbar li:hover ul,
.DOM div#toolbar li.over ul { display: block;}

div#toolbar ul ul { width: 150px }

div#toolbar li li {
	margin:			0;
	background: 	#fff;
	border:			solid #40627B;
	border-width:	0 1px 1px 1px;
	width:			150px;
}

div#toolbar li li a {
	text-align:			left;
	display:			block;
	padding:			0.5% 2%;
	margin:				0;
	text-decoration:	none;
}

div#toolbar li li a:hover{
	background:	#FFFFFF;
	color:		#40627B;
}

div#toolbar li li a.active,
div#toolbar li li a.active:hover, .active {
	background:	#40627B;
	color:		#FFF;
	cursor: 	default;
}

/***************************
	SELECCIÓN DE PERFIL
***************************/
ul#perfiles {
	margin:				0;
	padding:			0;
	padding-top:		3em;
	border-top:			1px solid #FFF;
	font-size:			.8em;
	z-index:			10;
	background-color:	#fff;
	width:				100%;
	min-height:			1.5em;
	border-bottom:		1px solid #CCC;
}

ul#perfiles li {
	list-style-type:	none;
	float:				left;
	background:  		url(../img/bg_tab.gif) repeat-y left;
	margin-right:		-13px;
}

ul#perfiles li a {
	position:				relative;
	background:  			url(../img/tab_l.gif) no-repeat;
	background-position:	top left;
	display:				block;
	text-decoration:		none;
}

ul#perfiles li a span {
	margin-left:			17px;
	white-space:			nowrap;
	display:				block;
	padding:				5px 30px 0 0px;
	background:  			url(../img/tab_r.gif) no-repeat;
	background-position: 	top right;
	color:					#666;
}
#distribuidores2{
	width:				139px;
	height:				15px;
	font-size:			.8em;
	position:			absolute;
	right: 				0px;
	top: 				30px;
	background:  		url(../img/tab_d.gif) no-repeat;
	text-decoration:	none;
}

#distribuidores2:hover,
#distribuidores2:focus { background: url(../img/tab_d.gif) no-repeat 0px -15px; }

#distribuidores2 span {
	position:absolute;
	vertical-align:bottom;
	margin-left: 22px;
	margin-top: 4px;
	*margin-top:2px;
	color:#FFFFFF;
	cursor:pointer;
}

ul#perfiles li a:hover,
ul#perfiles li a:focus {
	background-position: 0 -40px ;
}

ul#perfiles li a:hover span,
ul#perfiles li a:focus span {
	background-position:	right -40px;
}

ul#perfiles li.active a,
ul#perfiles li.active a:hover {
	background-position: 0 -80px !important;
}

ul#perfiles li.active span {
	color: #666;
	background-position: right -80px!important;
}

/*********************************************************************
	VIRTUALES - CONJUNTO DE OFICINA VIRTUAL + ASISTENTE VIRTUAL
**********************************************************************/
div#virtuales {
	/*background-color:	#FFFFFF;*/
/*	border-top:			8px solid #DDD;*/
	clear:				both;
	/*color:				#FFF; */
	padding:			0;
	margin-left:2px;				
	margin-right:1px;
	height:				4.8em;
	overflow:			hidden;
	width:1025px;
	//width:1040px;
	z-index:10;
	position:absolute;
}

/***************************
	OFICINA VIRTUAL
***************************/
div#oficinavirtual {
	padding:		0;
	float:			left;
	width:			64%;
	height:			4.8em;
	background:		#FFCF00;
	border-top:		none;
	border-right:	none;
	
}

div#oficinavirtual form { 	
	/*padding-left:			1.5em;*/
}

div#oficinavirtual .logo { 
	float:			left;
	width:			29%;
	margin-left:	0px;
	margin-top:-12px;
	//margin-top: 0px;
}

div#oficinavirtual .logoNologado { 
	float:			left;
	width:			29%;
	margin-left:	0px;	
}

div#oficinavirtual h2 {
	width:			102px;
	padding:		0 0 .1em 0px;
	margin:			-30px 0 0.1em 36px;
	font-size:		1.1em;
	font-weight:	bold;
	color:			#5D788B;
	text-transform:	uppercase;
}

div#oficinavirtual h2 img {
	margin-right:		0px;
	margin-top:			2px;
	//margin-left:-2px;
	padding-left:0px;
}

div#oficinavirtual img.imagenOficina {
	width:				116px;
	height:				28px;
	margin-top:			0px;
	margin-right:		0px;
	margin-left:		17px;
	margin-top:		10px;
}

div#oficinavirtual span.label {
	color:		#5D788B;
	font-size:	.8em;	
}

div#oficinavirtual form { height: 0px; margin-top: 6px;	}

div#oficinavirtual form input { 
	font-size:	1em;
	background:	#FFFCD9;
	margin:		0px;
	margin-top:	4px;
	padding:	0.1em;
	border:		0;
	color:		#5D788B;
	width:		100%;
	height:		13px;	
}

div#oficinavirtual form input.submit {
	background:		#ffa700;
	color:			#5D788B;
	padding: 		0;
	font-size: 		.8em;
	font-weight:  	bold;
	width:			48px;
	margin-top:		18px;
	height:			15px;
	float:			right;	
}

div#oficinavirtual .boton { width: 18%; float: left; }

div#oficinavirtual .logform { margin-right: 5px; }

div#oficinavirtual .principal {
	float:left;
	width:48%;
	height:3.2em;
	margin-right:0px;
	margin-left:-2px;
	margin-top:3px;
}

div#oficinavirtual .conjunto {	
	height:3em;
	width:78%;
	margin-left:0px;	
	float:left;
}

div#oficinavirtual .usuario {
	float:left;
	width:48%;
	height:12px;
	padding:0px;
	margin-right:0px; 
}

div#oficinavirtual .usuario img{
	margin-bottom:-5px;
}

div#oficinavirtual .password {
	float:right;
	width:47%;
	height:10px;
	padding:0px;
	margin-top:4px;
}

div#oficinavirtual .links{
	width:21%;
	float:left;
	margin-top:9px;
}

div#oficinavirtual .links ul { float:right; }

div#oficinavirtual .logform  ul { 
	margin:			0;
	padding:		0;
	padding-top:	3px;
	position:		static;
	left:			60em;
	width:			95px;
}

div#oficinavirtual .logform  li {
	margin:				0;
	padding:			0;
	list-style-type:	none; 
	margin-top:			2px;
	font-size:			.8em;
	white-space:		nowrap;
}

div#oficinavirtual form  li a {
	color:				#5D788B;
	text-decoration:	underline;
}


/***************************
	ASISTENTE VIRTUAL
***************************/

div#asistente {
	padding:			0;
	float:				left;
	width:  364px;
	//width:				354px;
	height:				4.8em;
	background:			#DDDDDD url(../images/esp/pattern_cabecera_ayuda.gif);
	border-top:			none;
	border-right:		none;
}

div#asistente div.asistente_right {
	float:left;
	width:35%;
	padding-top:5px;
	padding-left:10px;
}

div#asistente div.asistente_left {
	float:left;
	text-align:left;
	margin-left:0px;
}

div#asistente div.faq {
	clear:both;
	margin-top:-8px;
}

div#asistente a.faq {
	color:#fff;
	font-size:.75em;
	padding-left:5px;
	text-decoration:underline;
}

div#asistente img{
	width:					26px;
	float:left;
	/*margin-left:-10px;*/
}

div#asistente form { 
	display: block;
	padding: 0em;
}

div#asistente h2{	 
	padding:		0;
	margin:			.3em 0 0 0;
	display:		block;
	font-size:		1.1em;
	font-weight:	bold;
	color:			#FFFFFF;
	text-transform:	uppercase;
}

div#asistente h2 img{
	width:			46px;
	height:			20px;
	margin-right:	0px;
	margin-top:		5px;
	margin-left:	0px;
	padding:		0px;
}

div#asistente img.imagenAsistente{
	width:			32px;
	height:			33px;
	margin-top:		3px;
	margin-right:	0px;
}

div#asistente span.label { color: #FFFFFF; font-size: .8em;	 }

div#asistente form input { 
	font-size:		1em;
	background:		#FFFFFF;
	padding:		0.1em;
	border:			0;
	color:			#618498;
	width:			65%;
	max-width:      120px;
	margin-top:		2px;
	/*width:					70%;*/ 
}

div#asistente form input.submit {
	background:		#618498;
	color:			#FFFFFF;
	padding: 		0;
	margin-top:		4px;
	font-size: 		.8em;
	width:			42px;
	margin:		   	0px;
	font-weight:	bold;
}

div#asistente .logform {
	position:absolute;
	/*left:0;*/
	display:block;
	padding-top: 1px;
	padding-right:5px;
	
	MARGIN-TOP: 15px;
	HEIGHT: 3.2em; 
	width: 210px;
}

div#asistente .logform  ul { 
	margin:					0;
	padding:				0;
	position:				absolute;
	/*left:					50em;*/
}

div#asistente .logform  li {
	margin:					0;
	/*padding:				0;*/
	list-style-type:		none; 
	margin-left:			0em;
	float:					left;
	font-size:				.8em;
	white-space:			nowrap;
	
}
div#asistente form  li a {
	color: #5D788B;
}

/***************************
	NAVEGACIÓN
***************************/
div#navegacionprincipal {
	position:		absolute;
	z-index:		100;
	width:			18em;
	top:			145px;
	font-size:		0.9em;
	margin:			0.4em;
	margin-left:			8px;	
	}	

/***************************
	CONTENIDO
***************************/

div#main {
	background-color:		transparent;
	background-position:	top left;
	background-repeat:		no-repeat;
	margin-top: 			0px;
}

div#main hr { 
	clear:		both;
	border:		0;
	height:		1px;
	width:		1px;
	background:	transparent;
}

div#contente { 
	margin-left: 15em; 
	//margin-left:10px;
	margin-right:1px;
	min-height: 600px; }

div#contente a { text-decoration: underline; }

/*****************************
	BREADCRUMB
******************************/

#breadcrumb {
	text-align:		right;
	padding-bottom:	.5em;
	padding-top:	180px;
	padding-right:	6px;
	font-size: 		0.8em;
}

#breadcrumb span{
	width:				auto;
	background-color:	#fff;
	padding-left:		1em;
	padding-right:		1.8em;
}

#breadcrumb span a { text-decoration: underline; }

#sinFlecha{
	background-image: none !important;
}


/*****************************
	SUBNAVEGACIÓN
******************************/

div#subnavContainer { 
	margin-left:15em;
	//margin-left: 11em; }

div#subnav {
	margin:				0;
	padding:			0;
	padding-left:		161px;
	//padding-left:		120px;
	padding-right:		2px;
	width:				70%;
	float:				right;	
	background-color:	transparent;
	font-size:			0.8em;
}

div#subnav dl{
	position:		relative;
	margin:			0;
	margin-left:	-161px;
}

div#subnav dt {
	position:			absolute;
	left:				0;
	top:				0;
	width:				18em;
	_width:				20em;	
	color:				white;
	font-weight:		bold;
	text-transform: 	uppercase;
	padding:			0.23em 1em;
	margin:				0;
	margin-right:		2px;
}

div#subnav ul {
	list-style-type: none;
}

div#subnav dd li {
	float:			left;
	position:		relative;
	padding:		0.1em 3em 0.15em 1em;
	font-weight:	bold;
	color:			#fff;
	white-space:	nowrap;
	margin-bottom:	2px;
	border-right:	2px solid #fff;
	width:			auto;
}

div#subnav dt {
	background-position:	right top;
	background-repeat:		no-repeat;
	text-transform:			uppercase;	
}

div#subnav dt.active,
div#subnav li.active,
div#subnav li:hover,
div#subnav li.over {
	background-color: #666;
}

div#subnav dd li a, div#subnav dt a{
	color:				#fff;
	text-decoration:	none;
	margin:				0	
}

/*****************************
	HOMES DE SUBSECCIÓN
******************************/
div.subsectionBox {
	width:				224px;
	float:				right;
	border:				1px solid #929292;
	background-color:	#fff;
	margin-left:		1em;
	font-size:			0.9em;
	margin-bottom: 		1em;
	padding-bottom: 	1em;
}

div.subsectionBox h2{
	font-size:			1em;
	text-transform: 	uppercase;
	font-weight: 		bold;
	color:				#fff;
	padding:			.2em .4em;
	/*Modificar esto cuando se hayan recortado bien las imágenes*/
	margin-top:			expression('-4px');
}

div.subsectionBox div {
	background-color:	#FFFFFF;
	color:				#929292;
	padding:			.3em;
}

div.subsectionBox p {
	color:				#929292;
	line-height:		1.2em;
	margin-bottom:		.5em;
}

div.subsectionBox div a {
	color:				#666;
	font-weight:		bold;
}

div.subsectionBox h3 {
	font-size:			1em;
	font-weight:		bold;
	color:				#666;	
	margin-bottom:		.5em;
}

div.subsectionBox em {
	font-style:		normal;
	font-weight:	bold;
	color:			#666;
}

div.subsectionBoxBig {
	width:				307px;
	float:				right;
	border:				1px solid #929292;
	background-color:	#fff;
	margin-top:			10px;
	margin-right:		234px;
	margin-right:		expression('117px');
}

div.subsectionBox ul li {
	color: #929292;
	margin-left: 2em;
	padding-left: 0em;
	margin-bottom: 0.6em;
	background: none;
	list-style-type: none;
	list-style-image: url(../img/arrows/bullet.gif);
}

/*****************************
	BLOQUE DE CONTENIDO
******************************/

div.contentBlock {
	background-color:		#fff;
	color:					#929292;
	margin-bottom:			1em;
	clear:					both;
	padding:				0 10px 16px 150px;
	width : 70%;
	//width:					74%;
	float:					right;
	border:					1px solid #C1C1C0;
	border-width: 			0 0 1px 1px;
	font-size:				.9em;
	letter-spacing:			0.05em;
}

div.contentBlockTransparent {
	margin-bottom:			2em;
	clear:					both;
	padding:				0 10px 16px 150px;
	width:					70%;
	float:					right;	
	font-size:				.9em;
	letter-spacing:			0.05em;
}
 
div.contentBlock p {
	color:					#929292;
	margin:					.5em 0;
	line-height:			1.3em;
	margin-right:			1em;
}

div.contentBlock h1 {
	font-size:				2.2em;
	font-weight:			bold;
}

div.contentBlock h2 {
	font-size:				1.1em;
	font-weight:			bold;
	margin:					0 -10px 2em -150px;
	padding:				.4em .8em;
	letter-spacing:			0.05em;
	color:					#fff;
	text-transform: 		uppercase;
}


div.contentBlock .nomarginleft {
    margin-left: -134px;
}


div.contentBlock em {
	font-style:		normal;
	font-weight:	bold;
	color:			#666;
}

div.contentBlock ul li {
	padding-left:	8px;
	color: 			  #929292;
}
 
div.contentBlock .listados {
	padding-left:	8px;
	background:		#fff url(../images/esp/20091020_bullet.gif) .5em left no-repeat;
	color: 			#929292;
}

div.contentBlock .listados_bono {
	color:#929292;
  padding-left:8px;
  list-style-type:disc;
  margin-left:1.2em;
}
 
div.contentBlock a {
	color:			#666;
	font-weight:	bold;
}

div.contentBlock img.left {
	margin-left: -134px;
}

div.contentBlock img.right {
	margin-right: -10px;
}

div.contentBlock table {
	width: 100%;
	*width: 120%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #999;
	margin-right: -10px;
	margin-left: -130px;
	font-size:11px;
	color:#929292;
}

div.contentBlock th {
	background: #FFF6EF;
	text-transform: uppercase;
	border: 1px solid #999;
	padding: 10px;	
}

div.contentBlock td {
	border: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
	text-align: center;
}

div.contentBlock table.ventajasBTS td {
	border-right: 5px solid #FFF;
	padding: 10px;
	text-align: left;
}

div.contentBlock table.ventajasBTS {
	margin-left:0px;
	border-color:	#FFFFFF;
	border-style: hidden;
	height:0px;
}

div.contentBlock table.ventajasBTS td li a:link {
	text-decoration: 	none;
	padding: 			0.2em 0.2em 0.2em 0.2em;
   	margin-left: 		0px;	
	font-size:			1.1em; /*Changed 23/05/2007*/
	font-weight:		bold;
   	color: 				#FFFFFF;
	margin-bottom: 		0px;
	padding-left:		3px;	
}

div.contentBlock table.ventajasBTS a:hover {
	text-decoration: 	underline;
	padding: 			0.2em 0.2em 0.2em 0.2em;
   	margin-left: 		0px;	
/*	font-size:			.9em;*/ /*Removed 23/05/2007*/
	font-weight:		bold;
   	color: 				#FFFFFF;
	margin-bottom: 		0px;
	padding-left:		3px;
}

div.contentBlock table.ventajasBTS li.active {
	text-decoration: 	none;
	padding: 		 	0.2em 0.2em 0.2em 0.2em;
   	margin-left: 		0px;	
/*	font-size:			.9em;*/ /*Removed 23/05/2007*/
	font-weight:		bold;
   	color: 				#FFFFFF;
	margin-bottom: 		0px;
	padding-left:		3px;
}

div.contentBlock table.ventajasBTS a:visited {
	text-decoration: 	none;
	padding: 			0.2em 0.2em 0.2em 0.2em;
   	margin-left: 		0px;	
/*	font-size:			.9em;*/ /*Removed 23/05/2007*/
	font-weight:		bold;
   	color: 				#FFFFFF;
	margin-bottom: 		0px;
	padding-left:		3px;
}

/*
	Bloque que se utiliza como cabecera de contenido
	No tiene h2, sí h1
*/

div.contentHeader{
	padding-top:	2em;
	border-top: 	1px solid #C1C1C0;
	/*padding-bottom:0px;*/
}

div.contentHeader p {
	margin-left: -134px; 
}

div.baseLegal p { font-size: 0.9em; color: #666; }

div.ventajas {
	width:23%;
	float:left;
	margin-right: 2%;	
}

div.ventajasintermedio {
	width:			145px;
	margin-left: 	-134px;	
	_margin-left:	-66px;	
	text-align: 	center;
	float:			left;
	margin-top: 	15px
}

div.ventajasintermedio h2 {
  	padding: 			0.2em 0.2em 0.2em 0.2em;
  	width:				160px;
	font-size:			1.1em;
	font-weight:		bold;
   	color: 				#FFFFFF;
   	background-color: 	#F49B1D;
	margin-bottom: 		0px;
	margin-left: 		0px;	
	text-align:			left;
	padding-left:		10px;
    margin-bottom:		4px;
}

div.ventajasintermedio h3 {
   	width:				152px;
	margin-left: 		-5px;
	_margin-left: 		0px;	
	text-align:			left;
	padding-left:		0px;	
	font-size:			1.1em;
	font-weight:		bold;
	color: 				#F49B1D;
	text-align: 		left;
	background-color: 	#FFF;
	margin-top:			13px;
}	

div.ventajasintermedio p {
   	width:				170px;
	color: 				#8C8C8C;
	padding: 			0.5em;
	text-align: 		left;
	background-color: 	#FFF;
	margin-left: 		-5px;	
	_margin-left: 		0px;	
}	

div.ventajasintermedio2 {
	width:			145px;
	margin-left: 	40px;	
  	_margin-left: 	0px;	
	text-align: 	center;
	float:			left;
	margin-top: 	15px
}

div.ventajasintermedio2 h2 {
	padding: 			0.2em 0.2em 0.2em 0.2em;
   	margin-left: 		0px;	
   	width:				150px;
	font-size:			1.1em;
	font-weight:		bold;
   	color: 				#FFFFFF;
   	background-color: 	#F49B1D;
	margin-bottom: 		0px;
	text-align:			left;
	padding-left:		14px;
    margin-bottom:		4px;
}

div.ventajasintermedio2 h3 {
	width:				152px;
	padding-left:		0px;
   	margin-left: 		-5px;
	_margin-left: 		0px;		
	font-size:			1.1em;
	font-weight:		bold;
	color: 				#F49B1D;
	text-align: 		left;
	background-color: 	#FFF;
	margin-top:			13px;
}	

div.ventajasintermedio2 p {
	width:				160px;
	color: 				#8C8C8C;
	padding: 			0.5em;
	text-align:			left;
	background-color: 	#FFF;
	margin-left: 		-5px;	
	_margin-left: 		0px;	
}	

div.ventajasintermedio3 {
	width:			145px;
	margin-left: 	43px;
	_margin-left: 	0px;
	text-align: 	center;
	float:			left;
	margin-top: 	15px
}

div.ventajasintermedio3 h2 {
	padding: 			0.2em 0.2em 0.2em 0.2em;
   	margin-left: 		0px;		
   	width:				149px;
	font-size:			1.1em;
	font-weight:		bold;
   	color: 				#FFFFFF;
   	background-color: 	#F49B1D;
	margin-bottom: 		0px;
	text-align:			left;
	padding-left:		14px;
	margin-bottom:		4px;
}

div.ventajasintermedio3 h3 {
	width:				152px;
   	margin-left: 		-5px;
	_margin-left: 		0px;
	font-size:			1.1em;
	font-weight:		bold;
	color: 				#F49B1D;
	text-align: 		left;
	background-color: 	#FFF;
	margin-top:			13px;
}

div.ventajasintermedio3 p {
	width:				160px;
	color: 				#8C8C8C;
	padding: 			0.5em;
	text-align: 		left;
	background-color: 	#FFF;
	margin-left: 		-5px;	
	_margin-left: 		0px;	
}	

div.ventajasbuscador {
	width:			94px;
	float:			left;
	margin-left: 	-80px;
	_margin-left: 	-40px;
	padding: 		2px;
	padding: 		0.2em 0.2em 0.2em 0.2em;
}

div.ventajasbuscador2 {
	width:80%;
	float:left;
	margin-top:10px;
	_margin-top:10px;
	margin-left: 50px;
	_margin-left: 40px;
	padding: 3px;
}

div.ventajasbuscador2 h3 {
	font-size: 		1.1em;
	font-weight:	bold;
	color: 			#F49B1D;
	padding: 		0.2em 0.2em 0.2em 0.2em;
}	

div.ventajasbuscador2 h1 {
	color: 				#FFFFFF;
	width:				115px;
	font-size:			2.2em;
	font-weight:		bold;
	background-color: 	#F49B1D;
	text-align: 		center;
	padding:			0.2em;
}

div.ventajasbuscador h3{
	padding: 		0.2em 0.2em 0.2em 0.2em;
	font-size:		1.1em;
	font-weight:	bold;
	padding:		0.1em;
	color:			#FFF;
}	

div.ventajasbuscador p {
	font-weight: bolder;
	padding:	0.8em;
	color:		#F49B1D;
	text-align: center;
}

div.ventajasbuscador2 p { text-align: left; }

div.ventajas1 {
	width:			100px;
	padding:		2%;
	_padding:		1px;
	margin-left: 	-100px;
	_margin-left: 	-55px;
	float:			left;		
}
	
div.ventajas2 {
	padding:		2%;
	_padding:		1px;
	width:			100px;
	margin-left: 	60px;
	_margin-left: 	1%;
	float:			left;
}
	
div.ventajas3 {
	padding:		2%;
	_padding:		1px;
	width:			100px;
	margin-left: 	60px;
	_margin-left: 	1%;
	float:			left;
}
		
div.ventajas h3 {
	font-size:		1.1em;
	font-weight:	bold;
	padding:		0.4em;
	color:			#FFF;
	height:			4.3em;
}

div.ventajas1 h3 {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#FFF;
	background-color:	#F8991A;
	width:				160px;
	padding: 			0.2em 0.2em 0.2em 0.2em;
	padding-left:		9px;
	margin-bottom: 		5px;
}

div.ventajas1 p {
	font-weight:	 bolder;
	color:			#F49B1D;
	text-align: 	left;
	width:			160px;
	margin-top:		10px;
	_margin-top:	11px;

}

div.ventajas2 p {
	font-weight: 	bolder;
	color:			#F49B1D;
	text-align: 	left;
	width:			160px;
	margin-top:		10px;
	_margin-top:    11px;
}

div.ventajas3 p {	
	font-weight: 	bolder;
	color: 			#F49B1D;
	text-align: 	left;
	width:			160px;
	margin-top:		10px;
	_margin-top:    11px;
}

div.ventajas2 h3 {
	padding: 			0.2em 0.2em 0.2em 0.2em;
	font-size:			1.1em;
	font-weight:		bold;
	color:				#FFF;
	background-color:	#F8991A;
	width:				160px;
	padding-left:		10px;
	margin-bottom: 		5px;
}

div.ventajas3 h3 {
	padding: 			0.2em 0.2em 0.2em 0.2em;
	font-size:			1.1em;
	font-weight:		bold;
	color:				#FFF;
	background-color:	#F8991A;
	width:				160px;
	padding-left:		10px;
	margin-bottom: 		5px;
}

div.ventajas ul li {
	color: 				#929292;
	margin-left: 		2em;
	padding-left: 		0em;
	margin-bottom: 		0.6em;
	background: 		none;
	list-style-type: 	none;
	list-style-image:	url(../images/esp/20080617_flecha_granate.gif);
}

.ventajas p { margin-left: 0px; }

.marron { background-color: #D55022; }

.amarillo{ background-color: #F8991A; }

.granate { background-color: #BD1124; }

.naranja { background-color: #EB501F; }

div.consejos {
	border: 		1px solid #999;
	margin-bottom: 	10px;
}

div.consejos h3 {
	border-bottom: 	 1px solid #999;
	vertical-align:  middle;
	text-transform:	 uppercase;
	color:			 #F2981D;
	font-weight:	 bold;
	font-size: 		 10px;
	padding: 		 0px;
	margin: 		 0px;
}

div.consejos h3 img {
	vertical-align: middle;
	border-right: 	1px solid #999;
	margin-right: 	5px;
}

div.consejos p { padding-left: 1em; }

/* Bloque que se utiliza en GN_Abr-015 */
.integral_t {background-color:#D75020; color:#FFFFFF; }
.basico_t {background-color:#F3991D; color:#FFFFFF; }
.standard_t {background-color:#FFCC00; color:#FFFFFF; }
.si_i {background-color:#f8e2da; }
.si_b {background-color:#fdebd4; }
.si_s {background-color:#fff4ce; }
.titul {color:#FFFFFF; font-weight:bold; font-size: 12px; }
.no {background-color:#F7F7F7; }
sub, sup { font-size: 10px; }
/* Final del bloque */

/***************************
	FOOTER
***************************/

/*div#footer {
	z-index: 		4;
	padding:		0.5em 0.5em 2em 0.5em;
	border-top:		1px solid #999;
	background:		#fff;
	color:			#999;
	font-size:		.8em;
}*/

div#footer a { color: #999; }

div#footer a:hover { color: #333; }

} /* MEDIA */

/*****FAQS*****/
/*Removed 18/05/2007*/
/*
ol#indicefaqs{
    margin-top:             2em;
}

ol#indicefaqs li a{
    margin-left:           1em;
}

ol#indicefaqs li{
    margin-bottom:          2em;
    font-weight:            bold;
    color:                  #666;
}



/***********************************************************************



/* AÑADIDO PARA EL ARCHIVO VENTAJAS_GAS.HTML, PARA LOS BOTONES EN COLOR *
div.contentBlock table.ventajasBTS td{
	border-right: 5px solid #FFF;
	padding: 10px;
	text-align: left;
}


div.contentBlock table.ventajasBTS {

	margin-left:0px;
	border-color:	#FFFFFF;
	border-style: hidden;
	height:0px;

}

div.contentBlock table.ventajasBTS td li a:link {

	text-decoration: none;
	padding: 0.2em 0.2em 0.2em 0.2em;
   	margin-left: 0px;	
	font-size:				1.1em;
	font-weight:			bold;
   	color: #FFFFFF;
	margin-bottom: 0px;
	padding-left:3px;

}

/* FINAL DEL AÑADIDO */


div.subHeaderLogin div#oficinavirtual { position:relative; padding: 0pt; float: left; width: 32%; height: 4.8em; background: none repeat scroll 0% 0% #FFCF00; border-top: medium none; border-right: medium none; }
div.subHeaderLogin div#oficinavirtual .logoNologado { float: left; margin-left: 0px; width:auto;}
div.subHeaderLogin div#oficinavirtual img.imagenOficina { width: 111px; height: 41px; margin-right: 0px; margin-left: 5px; margin-top: 4px; }
div.subHeaderLogin div#oficinavirtual label { color: rgb(93, 120, 139); font-size: 0.8em; }
div.subHeaderLogin div#oficinavirtual form { height: 0px; margin-top: 0px; width:64%; float:left;}
div.subHeaderLogin div#oficinavirtual form input { font-size: 1em; background: none repeat scroll 0% 0% rgb(255, 252, 217); margin: 4px 0px 0px; padding: 0.1em; border: 0pt none; color: rgb(93, 120, 139); height: 15px; width:42%; }
div.subHeaderLogin div#oficinavirtual form input#user { font-size: 1em; background: none repeat scroll 0% 0% rgb(255, 252, 217); margin: 4px 0px 0px; padding: 0.1em; border: 0pt none; color: rgb(93, 120, 139); height: 15px; width:51%; }
div.subHeaderLogin div#oficinavirtual form input.user_cat { font-size: 1em; background: none repeat scroll 0% 0% rgb(255, 252, 217); margin: 4px 0px 0px; padding: 0.1em; border: 0pt none; color: rgb(93, 120, 139); height: 15px; width:56%; }
div.subHeaderLogin div#oficinavirtual form input.submit { background: none repeat scroll 0% 0% rgb(255, 167, 0); color: rgb(93, 120, 139); padding: 0 0 16px; font-size: 0.8em; font-weight: bold; width: 48px; margin-top: 4px; height: 15px; float: none; cursor:pointer; }
div.subHeaderLogin div#oficinavirtual form img { margin-bottom: -3px; }
div.subHeaderLogin div#oficinavirtual ul { position:absolute; bottom:2px; right:0; width:65%; margin-top:-5px; //margin-top:3px }
div.subHeaderLogin div#oficinavirtual li { margin: 2px 10px 0 0; padding: 0pt; list-style-type: none; font-size: 0.8em; white-space: nowrap; display:inline; }
div.subHeaderLogin div#oficinavirtual li a { text-decoration:underline; }


div.subHeaderLogin div#oficinadirecta { padding: 0pt; float: left; width: 32%; height: 4.8em; background: none repeat scroll 0% 0% #A6BDC7; border-top: medium none; border-right: medium none; }
div.subHeaderLogin div#oficinadirecta .logoNologado { float: left; margin-left: 0px; }
div.subHeaderLogin div#oficinadirecta img.imagenOficinaDirecta { width: 110px; height: 41px; margin-right: 0px; margin-left: 5px; margin-top: 4px; }
div.subHeaderLogin div#oficinadirecta label { color: #002D4E; font-size: 0.8em; }
div.subHeaderLogin div#oficinadirecta form { height: 0px; margin-top: 0px; width:64%; float:left;}
div.subHeaderLogin div#oficinadirecta form input { font-size: 1em; background: none repeat scroll 0% 0% #E0F2FF; margin: 4px 0px 0px; padding: 0.1em; border: 0pt none; color: rgb(93, 120, 139); height: 15px; width:42%; }
div.subHeaderLogin div#oficinadirecta form input#user { font-size: 1em; background: none repeat scroll 0% 0% #E0F2FF; margin: 4px 0px 0px; padding: 0.1em; border: 0pt none; color: rgb(93, 120, 139); height: 15px; width:51%; }
div.subHeaderLogin div#oficinadirecta form input.user_cat { font-size: 1em; background: none repeat scroll 0% 0% #E0F2FF; margin: 4px 0px 0px; padding: 0.1em; border: 0pt none; color: rgb(93, 120, 139); height: 15px; width:56%; }
div.subHeaderLogin div#oficinadirecta form input.submit { background: none repeat scroll 0% 0% #002D4E; color: #D5EEFF; padding: 0 0 16px; font-size: 0.8em; font-weight: bold; width: 48px; margin-top: 4px; height: 15px; float: none; cursor:pointer;}
div.subHeaderLogin div#oficinadirecta form img { margin-bottom: -3px; }
div.subHeaderLogin div#oficinadirecta  ul { float:right; width:66%; margin-top:-2px; //margin-top:-4px;}
div.subHeaderLogin div#oficinadirecta  li { margin: 2px 10px 0 0; padding: 0pt; list-style-type: none; font-size: 0.8em; white-space: nowrap; display:inline; }
div.subHeaderLogin div#oficinadirecta  li a { text-decoration:underline; color:#002D4E;}
div.subHeaderLogin div#oficinavirtual form, div.subHeaderLogin div#oficinavirtual ul{display:none;}

div#virtuales img.imagenAsistente { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
div#virtuales div#asistente form input.submit{ cursor:pointer; }

div.subHeaderLogin div#oficinavirtual span.label {color:#5D788B;float:left;font-size:0.8em;margin-left:4.5em;margin-top:2.6em; }

div.subHeaderLogin div#oficinavirtual span#clienteOV{color:#40627B;float:right;height:14px;left:120px;margin-left:0;margin-top:1.5em;overflow:hidden;width:210px;text-align:right;padding-right:4px;}

div.subHeaderLogin div#oficinavirtual form input#enlaceLogin{ float:left; height:15px; width:76px;} 

div.subHeaderLogin div#oficinavirtual div.logform{display:block;float:left;margin-right:0;width:210px;height:55px;}

div.subHeaderLogin div#oficinavirtual div.logform form {display:inline; float:right;margin-right:5px;margin-top:2px;width:76px;}

#contente div#NoticiaRSS{margin-top:100px;}