@charset "utf-8";
/* 
	Estilos default que se utilizarán en la página de internet

	Creado por molmos (24/abr/2009)
*/

/*
	Sección 1: Estilos para el título de la página. Estos estilos se mostrarán en los títulos principales de la
	página. Se aplicará éste diseño sobre una etiqueta h1 
*/
*
{
	padding:0;
	margin:0;
}
h1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:normal;
	letter-spacing:-1px;
	padding:10px 0 10px 20px;
}
/*
	Creamos los estilos para los títulos
*/

h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	padding:5px 0 5px 20px;
	background-color:#f7f7f7;
	letter-spacing:-1px;	
}

h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding:10px 0 0 20px;
	color:#003581;
	letter-spacing:-1px;
	font-weight:normal;
}

.nuestros_prod h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	padding:10px 0 0 20px;
	color:#003581;
	letter-spacing:-1px;
	font-weight:bold;
}

.gas_auto h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	padding:10px 0 0 20px;
	color:#003581;
	letter-spacing:-1px;
	font-weight:bold;
}


.resp_social h3
{
	font-family: Arial Narrow, Verdana, Arial;
	font-size:12pt;
	letter-spacing:0pt;
	padding:0;
}

h4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#003585;
margin:10px;
}

h5
{ 
	color:#003581;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11pt;
	font-weight:bold;
	letter-spacing:-1px;
	padding:10px 0 0 0px;
}

/*
	Sección 2: estilos para el uso de los encabezados utilizados en toda la sección Información de interés
	Tales como el banner de Recipíentes, conozca el gas LP, medidas de seguridad, etc...NOTA::Ésta sección 
	solo se utiliza en el área de Información de Interés
*/
.menuarea
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	text-transform:uppercase;
	background: url(../imagenes/barra_menu.jpg) left top repeat-x;
	font-size:9pt;
	position:relative;
}

.sin_imagen
{
	background:none !important;
}


/*
	Clase para aplicarse a todos los banner azules para que no se muestren muy juntos
	OJO: Solo aplica a los banner azules, no a los verdes

*/
.azul
{
	margin-bottom:20px;
}

/* Clase para quitarle el border a la primera opción del menú*/
.menuarea .noborder span, .menuarea .noborder a
{
	border:transparent;
}

.menuarea div
{
	float:left;
}

.menuarea ul li,.menuarea ul
{
	float:left;
	list-style-type:none;
	margin:0;
	padding:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.menuarea ul li
{
	padding-left:10px;
}

.menuarea ul li a, .menuarea ul li span
{
	border-left:2px solid #d2d0d3;
	text-decoration:none;
	color:#999999;
	padding-left:8px;
}

.menuarea ul li a:hover
{
	color:#000000;
	text-decoration:underline;
}

.menuarea .titulo_verde div, .menuarea .titulo_azul div
{
	margin-left:0px;
	color:#FFFFFF;	
	font-weight:bold;
	margin-top:0px;
	padding:2px 0px 2px 40px;
	width:175px;
	/*Ajustamos el font del título*/
	font-family:"Courier New", Courier, monospace;
}

.menuarea .titulo_azul div
{
	background-color:#6687b4;
}

.menuarea .titulo_verde div
{
	background-color:#CDE5B1;
}

/*
	Estilo especial para el bullet verde de conócenos con menú
*/

.menuarea .titulo_bulletgreen div
{
	background-color:#87c03f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	padding-top:3px;
}

.menuarea .titulo_bulletblue div
{
	background-color:#003683;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	padding-top:3px;
}


/*
	Los siguientes estilos aplican el diseño a los submenús azules que aparecen solamente 
	dentro de los menús con bullet verde. No plaica en los menús de banners
*/

.submenu_canvas
{
	position:relative;
}

.submenu_canvas .menuarea_submenu1
{
	position:absolute;
	font-size:7pt;
	top:16px;
	left:18px;
	float:none;
}

.submenu_canvas .menuarea_submenu1 li
{
	float:none;
	white-space:nowrap;
	background-color:#6687b4;
	border-bottom:1px solid #FFFFFF;
	padding:0;
}

.submenu_canvas .menuarea_submenu1 li a
{
	display:block;
	color:#FFFFFF !important;
	padding:5px;
	font-weight:normal;
	border-left:none !important;
}

.menuarea_submenu1_seleccionado
{
	padding:0;
}

.menuarea_submenu1_seleccionado span
{
	padding:5px;
	display:block;
	border-left:0 !important;
}

.submenu_canvas .menuarea_submenu1 li a:hover
{
	text-decoration:none;
	background-color:#b2c2d9;
	color:#FFFFFF;
}


.icono
{
	padding:7px 14px 8px 14px;
	position:absolute;
	bottom:-5px;
	left:5px;
}

.recipientes_azul
{
	background:#6687b4 url(../imagenes/recipientes_azul.gif) 50% 50% no-repeat;
}

.gas_azul
{
	background:#6687b4 url(../imagenes/gas_azul.gif) 50% 50% no-repeat;
}

.seguridad_azul
{
	background:#6687b4 url(../imagenes/seguridad_azul.gif) 50% 50% no-repeat;
}


.terminales_azul
{
	background:#6687b4 url(../imagenes/terminales_azul.gif) 50% 50% no-repeat;
}


.resp_social_azul
{
	background:#6687b4 url(../imagenes/resp_social_azul.gif) 50% 50% no-repeat;
}

.recipientes_verde
{
	background:#CDE5B1 url(../imagenes/recipientes_verde.gif) 50% 50% no-repeat;
}

.gas_verde
{
	background:#CDE5B1 url(../imagenes/gas_verde.gif) 50% 50% no-repeat;
}

.seguridad_verde
{
	background:#CDE5B1 url(../imagenes/seguridad_verde.gif) 50% 50% no-repeat;
}

.terminales_verde
{
	background:#CDE5B1 url(../imagenes/terminales_verde.gif) 50% 50% no-repeat;
}

.resp_social_verde
{
	background:#CDE5B1 url(../imagenes/resp_social_verde.gif) 50% 50% no-repeat;
}

/* 
	Estilo especial para la sección de Conócenos...Aparece un bullet verder con el nombre del título y
	con un submenú...ëste estilo solo aplica para ésta clase de secciones
*/

.titlebullet_green 
{
	background:url(../imagenes/titlebullet_green.gif) top left no-repeat;
	left:0;
	bottom:-9px;
}

.titlebullet_blue
{
	background:url(../menu_lateral/inicio/imagenes/bullet_menuheader.gif) top left no-repeat;
	left:0;
	bottom:-9px;
}

/* 
	Sección 3: Estilo "seleccionado" para marcar todos los títulos y textos de menú
	que tengan el color de que ha sido seleccionado.
	
	En esta clase no se aplicará font ni tamaño porque se supone que eso lo van a 
	escribir el css del diseño de esa sección
*/

.seleccionado, .seleccionado span, .seleccionado a
{
	color:#87c03f !important;
	font-weight:bold;
}

/*
	Seccion 4: Estilos para el menú de sección. Ajusta el font, tamaño y color de cada uno de los menús 
	de sección principales.
*/

.menuseccion
{
	font-family:tahoma, helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	list-style:none;
/*	padding-left:20px;*/
	padding-top:0;
/*	margin-top:14px;*/
/*	padding-right:20px;*/
/*	border-right:2px solid #3e679f;
/*	width:175px;*/
	
	background-color:#E5E5E5;
	width:auto;/*215px;*/
}

.menuseccion li
{
/*	margin-bottom:6px;	*/
}
.menuseccion li a
{
	text-decoration:none;
/*	color:#c6c6c6;	*/
	
	border-bottom: 1px solid #FFFFFF;
	color:#959595;
	display: block;
	padding: 5px 20px;	
}

.menuseccion li a:hover
{

/*	color:#000000;
	text-decoration:underline;*/
	background-color:#85BF3F;
	color:#FFFFFF;
}

.menuseccion .seleccionado
{
	background-color: #85BF3F;
	color: #FFFFFF !important;
	padding:5px 20px;
	border: 1px inset;
}
/*
Para la secion de facturacion, mas informacion y flecha
*/
/*Para fe informacion*/
.seccion_fe
{
color:#87C03F;
font-weight:lighter;
text-align: right;
text-decoration: none;

}
/*
a.verde{color:#87C03F;}*/
.seccion_fe a:link
{color:text-decoration: none;color:#87C03F;
background: url(/pagina_internet/general/imagenes/flecha_verde.gif) no-repeat right;} 

.seccion_fe a:visited
{color:text-decoration: none;color:#87C03F;
background: url(/pagina_internet/general/imagenes/flecha_verde.gif) no-repeat right;} 

.seccion_fe a:active
{text-decoration: none;color:#87C03F;
background: url(/pagina_internet/general/imagenes/flecha_verde.gif) no-repeat right;}

.seccion_fe a:hover
{color:#7d7d7d;
background: url(/pagina_internet/general/imagenes/flecha_gris.gif) no-repeat right;} 




 


/*
	Sección 5: Estilos para formato del contenido ó texto dentro de la página
*/

.contenido
{
	font-family:tahoma, Helvetica, sans-serif;
	font-size:10pt;
	color:#7D7D7D;
	padding-left:20px;
	margin-right:20px;
	margin-top:10px;
}

.contenido p
{
	margin-top:15px;
}

/*
	Creamos una clase para el contenido que se encuentra en bold
*/
.contenido .bold
{
	font-weight:bold;
}

/*Aplicar el mismo padding a las etiqeutas OL y UL*/
.contenido ol, .contenido ul
{
	padding-left:20px;
	padding-right:20px;
}
/*
	Sección 6: Estilos para el botón de regresar, cualquier color
*/

.regresar_canvas
{
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:11pt;
	background:url(../imagenes/regresar_image.gif) right 65%  no-repeat;
	margin-right:20px;
}

.regresar_canvas a
{
	padding-right:10px;
	text-decoration:none;
	color:#4e74a5;
}

.regresar_canvas a:hover
{
	text-decoration:underline;
}

/* 
	Sección 7: Estilos para los sidebar localizados a la derecha (Zeta Tips, Formas de pago, ligas impoartantes)
	los estilos podrán variar ya que se podrán sobreescribir en css especificos de la página
*/

/*
	Sección 7.1: Sección para la configuración general del header de ligas principales
*/

.menusidebar_titulo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-align:center;
	padding:15px 15px 15px 15px;
	clear:left;
	zoom:100%;
}

/*
	Sección 7.2: Sección para la configuración del header Ligas Importantes con background azul
*/

.ligasimportantes_azul
{
	background-color:#013581;
	color:#FFFFFF;
}

/*
	Sección 7.2.1: Sección para la configuración del header Medios y Formas de Pago con background gris
*/

.mediospago_gris
{
	background-color:#f3f3f3;
	color:#003581;
	text-transform:uppercase;
}

/*
	Sección 7.2.2: Sección para la configuración del header Zeta-Tip del Mes con background gris
*/

.zetatips_gris
{
	background-color:#f3f3f3;
	color:#000000;
	font-weight:bold;
}


/*
	Sección 7.3: Sección para configurar el diseño de los menús del sidebar derecho
*/

.menusidebar_derecho_canvas
{
	background:#6687b4 url(../imagenes/lineaverde.gif) top left repeat-y;
	width:30%;
	padding-left:4px !important;
}

/* Estilo para cuando el background del siedebar es verde*/
.green_canvas
{
	background-color:#01a25f !important;
}

/*
	Se ajusta diseño de los textos genéricos
*/
.menusidebar_texto
{
	font-family:tahoma, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFFFFF;
	padding-left:10px;
	font-weight:bold;
	letter-spacing:0px !important;
}

.menusidebar_righttext
{
	text-align:right;
	padding-left:0;
	padding-right:10px;
	padding-top:10px;
	
}

.menusidebar_derecho
{
	font-family:tahoma, Helvetica, sans-serif;
	font-size:10pt;
	letter-spacing:-1px;
	list-style:none;
	background-color:#6687b4;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.menusidebar_derecho_verde
{
	font-family:tahoma, Helvetica, sans-serif;
	font-size:10pt;
	letter-spacing:-1px;
	list-style:none;
	background-color:#CDE5B0;
	padding-left:10px;
	padding-bottom:10px;
}
.menusidebar_derecho li
{
	margin-bottom:5px;
	padding-left:20px;
	margin-right:20px;
	background:url(../imagenes/bullet_grey.gif) 0 0.4em no-repeat;
}

.menusidebar_derecho li a, .menusidebar_derecho li
{
	color:#FFFFFF;
	text-decoration:none;
}
.menusidebar_derecho li a:hover
{
	text-decoration:underline;
}

/*	
	Estilos para el submenu 2
*/

.menusidebar_derecho2
{
	margin-left:5px;
}

.menusidebar_derecho2 li
{
	background:transparent !important;
	padding-left:2px;
	margin-left:10px;
	list-style-type:disc;
	margin-right:0px;
}

/*
	Estilos para el submenú 3
*/

.menusidebar_derecho3 li
{
	list-style-type:square;
}

/*
	Sección 7.4: Estilos para las secciones con imagenes sobrepuestas. En este caso se crearán los canvas 
	para colocar dichas imagenes
*/

.menusidebar_overlapped_image
{
	position:relative;
}

.menusidebar_overlapped_image span
{
	position:absolute;
}

.cilindro span
{
	background:url(../imagenes/cilindro.gif) top left no-repeat;
	padding-top:55px;
	margin-left:10px;
	margin-top:-15px;
	padding-right:96px;
	padding-bottom:33px;
}

/*Dummy Div para ajustar el width del texto y hacer el efecto de que el texto está alrededor de la imágen transparente*/
.menusidebar_dummydiv
{
	float:left;
	padding-right:70px;
	padding-bottom:70px;
}

/*Estilos para ajuste de la caricatura del tanque animado*/
.tanque span
{
	background:url(../imagenes/tanquesin.gif) top left no-repeat;
	padding-top:55px;
	margin-left:10px;
	margin-top:-15px;
	padding-right:178px;
	padding-bottom:20px;
	top:-2px;
}

.tanque
{
	padding-bottom:85px;
}


/*
	Sección 8: Estilos para los banners de la sección. Existen 3 tipos: azules, verdes y grises
*/

/*Sección parra el banner azul*/
.subseccion_header
{
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top:6px;
	padding-bottom:6px;
}

/*.subseccion_header span*/
.subseccion_header div
{
	background-color:#003683;
	font-size:8pt;
	font-weight:bold;
	margin-left:30px;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:2px;
	margin-right:10px;
}
/*.subseccion_header verde*/
.subseccion_header_verde div
{
	background-color:#87C03F;
	font-size:8pt;
	font-weight:bold;
	margin-left:30px;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:2px;
	margin-right:10px;
}


/* sección para el banner verde*/
.header_verde
{
	background: url(/pagina_internet/imagenes/titlebullet_green.gif) top left no-repeat;
	padding-top:4px;
	position:absolute;
	top:-21px;
	left:-8px;
}

.header_verde div
{
	background-color:#87c03f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:80px;
}

/*Sección para el header gris (Se usa en Información de interés)*/

.header_gris
{
	background: url(/pagina_internet/imagenes/titlebullet_gray.gif) top left no-repeat;
	padding-top:4px;
	position:absolute;
	top:-11px;
	left:-15px;
}

.header_gris div
{
	background-color:#c6c6c6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:1px;
	margin-right:0;
	margin-left:27px;
	padding-right:16px;
	padding-bottom:3px;
}


/*Sección para el canvas en caso de que se requiera poner los divs en position absoluta*/
.area_nombreseccion
{
	position:relative;
}

/*
	Sección 9: CSS para colocar los links de la sección de "Información de Interés" en la parte 
	inferior (Solo se aplicará el css al canvas y a la tabla)
*/

.infointeres_canvas
{
	border-top:2px solid #c6c6c6;
	float:left;
	width:100%;
}

.infointeres_verde
{
	background-color:#cde5b1;
	padding-top:13px;
}

.infointeres
{
	border-collapse:collapse;
	width:100%;
	padding-left:15px;
}

.infointeres td
{
	font:10pt "Courier New", Courier, monospace;
	color:#525252;
	padding:5px 5px 5px 5px;  /*top right bottom left*/
	
}

.infointeres div
{
	display:block;
	padding:3px 0 3px 25px;
}

.infointeres a
{
	text-decoration:none;
	color:#525252;
}

.infointeres a:hover
{
	text-decoration:underline;
}

/*Hacemos los estilos específicos para cada link*/

.infointeres .recipientes div
{
	background:url(../imagenes/recipientes_verde.gif) top left no-repeat;
}

.infointeres .gas div
{
	background:url(../imagenes/gas_azul.gif) top left no-repeat;
}

.infointeres .seguridad div
{
	background:url(../imagenes/seguridad_verde.gif) top left no-repeat;
}

.infointeres .terminales div
{
	background:url(../imagenes/terminales_azul.gif) top left no-repeat;
}

.infointeres .seguridad2 div
{
	background:url(../imagenes/seguridad_azul.gif) top left no-repeat;
}

.infointeres .terminales2 div
{
	background:url(../imagenes/terminales_verde.gif) top left no-repeat;
}


.infointeres .resp_social div
{
	background:url(../imagenes/resp_social_verde.gif) top left no-repeat;
}

/*
	Sección 10: Sección para crear el formato del banner Pedidos 01-800. Se aplica en éste estilo ya que se requiere en varias
	páginas. Éste banner es muy parecido al que esta en la entrada
*/

.pedidos01800
{
	border: 1px solid #c6c6c6;
	background-color:#FFFFFF;
	width:225px;
}
.pedidos01800 h1
{
	color:#FFFFFF;
	padding-left:0;
	text-align:center;
	background-color:#B2C2D9;
}

.pedidos01800 .imagen
{
	background:url(../imagenes/telefonista.jpg) center center no-repeat;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:5px;
}

.pedidos01800 .contenido
{
	padding-left:10px;
/*	padding-right:10px;*/
	text-align:center;
}

.pedidos01800 .footer_pedidos h1
{
	text-transform:uppercase;
	white-space:nowrap;
}

/*
	Sección 11: Se encuentran los estilos para los links de ligas importantes que se encuentran
	dentro de fondo blanco y con bullets verdes
*/

.menu_ligasimportantes_verde
{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:10pt;
	letter-spacing:-1px;
	list-style:none;
}

.menu_ligasimportantes_verde li
{
	background:url(../imagenes/flechitaverde.gif) left 50% no-repeat;
	padding-left:15px;
	padding-bottom:5px;
}

.menu_ligasimportantes_verde li a
{
	color:#7D7D7D;
	text-decoration:none;
}

.menu_ligasimportantes_verde li a:hover
{
	text-decoration:underline;
}

/*Extensión para éstos menús para que cambie el bullet a Gris*/
.graybullet li
{
	background:url(../imagenes/bullet_grey.gif) left 50% no-repeat;
}

/*Extensión para éstos menús para que cambie el color de los links a blanco*/
.whitelink li a
{
	color:#FFFFFF !important;
}

/*
	Sección 12:Estilos para los links verdes
*/

.greenlink
{
	color:#84bf3f !important;
	text-decoration:none;
}

.greenlink:visited
{
	color:#3300CC !important;
	text-decoration:none;
}


.greenlink:hover
{
	text-decoration:underline;
}

/*
	Seccion 13: Estilos para las imagenes que van flotadas hacia la izquierda o a la derecha
*/

.imagen_floatleft
{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
}

.imagen_floatright
{
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
}

/*
	Sección 14: Estilos para las secciones con fondo grisaseo..Utilizado generalmente en las secciones de conocenos
*/

.bggris
{
	background-color:#f7f7f7
}

/*
	Sección 15: Estilos para el diseño de los páneles de noticias que aparecen en columnas. Éste tipo de columnas aparecen en
	las secciones de Nuestros Productos y en Proveedores
*/

/*Ajustamos el canvas de los páneles para flotarlo y acomodarlo a la página*/
.suministros_wrapper
{
	float:left;
	margin-top:10px;
	margin-left:20px;
	margin-right:10px;
}

.floatright
{
	float:right;
	clear:right;
	width:47%;
}

.floatleft
{
	float:left;
	clear:left;
	width:46%;
}

/*
	Estilos para el ajuste de los páneles individuales (murbina: agregue un margen a la derecha para separa los paneles)
*/

.noticias_panel
{
	border-bottom:2px solid #c7c7c9;
	border-right:2px solid #c7c7c9;
	margin-bottom:25px;
	margin-right:10px;
	padding-bottom:5px;
	padding-right:5px;
	position:relative;
	float:left;
	max-width:207px;
}

.noticias_panel .corner
{
	background:url(../imagenes/panelcorner.gif) bottom left no-repeat;
	position:absolute;
	padding-right:11px;
	padding-bottom:11px;
	bottom:-2px;
	right:-2px;
}

.noticias_panel .contenido, .noticias_panel h3
{
	padding:0;
	margin:0;
}

.link_align
{
	text-align:right;
	margin-top:20px;
}

.noticias_panel .greenlink
{
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

/*
	Sección 16: Estilos para el diseño de los paneles de localización de centros de servicio, 
	estaciones y otros por estado y ciudad
*/

.subseccion_localidades
{
	font-family:tahoma, Helvetica, sans-serif;
}

.subseccion_localidades .localidades_canvas
{
	zoom:100%; /*Para corregir el peekaboo bug en IE7*/
}

.subseccion_localidades .titulo_localidades, .subseccion_localidades .subtitulo_localidades, .subseccion_localidades .busqueda_centro_canje
{
	margin-left:25px;
	margin-right:25px;	
}

.subseccion_localidades .busqueda_centro_canje
{
	padding-bottom:20px;
}

.subseccion_localidades .titulo_localidades
{
	text-transform:uppercase;
	color:#86C03F;
	font-size:13pt;
	letter-spacing:-1px;
	padding-top:5px;
}

.subseccion_localidades .titulo_localidades span
{
	display:block;
}

.subseccion_localidades .subtitulo_localidades
{
	font-size:10pt;
	font-weight:bold;
	color:#86C03F;
	margin-top:5px;
	margin-bottom:12px;
}

/*Arreglamos el diseño de los combobox de seleccion*/
.subseccion_localidades select, .subseccion_localidades label
{
	display:block;
}

.subseccion_localidades label
{
	font-size:11pt;
	color:#7d7d7d;
	margin-top:8px;
	margin-bottom:3px;
}

.subseccion_localidades select
{
	font-size:7.35pt;
	text-transform:uppercase;
	width:191px;
}

/*Ajustamos el link de Formato de Inscripción*/
.subseccion_localidades .formato_inscripcion
{
	text-align:right;
	padding:0;
	padding-right:25px;
	padding-top:5px;
}
.subseccion_localidades .formato_inscripcion a
{
	padding-left:12px;
	letter-spacing:-1px;
	background: url(../imagenes/bullet_verde.jpg) left 50% no-repeat;
}

.title_and_menu
{
	float:left;
	width:100%;
	background-color:#F7F7F7;
}

/* murbina: Esta clase se agrego para que terminales maritimas fuera link conservando el formato*/

.term_maritimas div a
{
text-decoration:none !important;
color:#FFFFFF !important;
}

.sinmargen
{
margin-left:0;
}

.imgsepar
{
padding-top:4px;
}
.Redes-sociales{width:150px;height:auto;overflow:hidden;margin: 1px auto 1px auto;}
.Redes-sociales a{border:0px solid #FFF;display:block-inline;width:42px;text-decoration:none;}
.Redes-sociales a:hover{background:#F7F7F7;text-decoration:none;}
.Redes-sociales img{width:40px;padding:1px;margin:1px auto 1px auto; border: 0px solid #FFF;}