﻿* 	 	{padding:0; margin:0;}
html  	{margin:0px; padding:0px; border:0px;}
body	{font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%;font-size:100%; width:90%;margin-left:5%; background-image:url('../images/background.gif'); background-repeat:repeat;}
img		{border:0;}

#contenedorgeneral	{width:90%; display:block; height:90%; margin:auto;}

/*esquinas superiores*/
#imagen_superior               					{clear:both; margin-top:1%; height:16px; width:100%;background-image: url('../images/img_fondo_sup_azulejo.gif'); background-repeat:repeat-x;}
#imagen_superior .esquina_sup_izda_contenedor   {float:left; background-image:url('../images/img_fondo_sup_izda.jpg');background-repeat:no-repeat; width:16px; height:16px;}
#imagen_superior .esquina_sup_dcha_contenedor   {float:right;background-image: url('../images/img_fondo_sup_dcha.jpg');background-repeat:no-repeat; width:14px; height:16px; vertical-align:top;}

/*cabecera logo y slogan*/
#cabecerablanca  					{width:100%;height:/*80*/55px; background-color:#FFF; clear:both;}
#cabecerablanca #logo            	{margin-left:8px; margin-top:1px; width:156px; height:/*62*/45px; float:left;}
#cabecerablanca #slogancabecera     {float: right;font-size:1.2em; color:#C4C4C4;text-align:right; margin-right:10px;height:/*62*/55px; background:#fff; vertical-align:top;}
 
/*MENÚ PRINCIPAL*/
#menu 		{width:100%;clear:both; height:/*31*/24px; background:#fff;}
#menu ul li {display:inline; font-size:80%; color:#666; text-align:center; text-decoration:none;float:left; vertical-align:middle; line-height:/*31*/24px; margin-left:10px; margin-right:2px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0; background-image: url('../images/az_menu.gif');background-repeat:repeat-x;}

/*ESTADOS DEL MENÚ PRINCIPAL*/
#menu li a			{color:#666; text-decoration:none; display:block; padding:0 4px; width: auto; text-transform:uppercase;}
#menu li a:active 	{color:#333; /*background-image:url('../images/az_menu_selec.gif'); background-repeat:repeat-x;*/}
#menu li a:visited 	{color:#666; text-decoration:none;}
#menu li a:hover 	{color:#fff; text-decoration: underline;font-size:100%; background-color:#A0A0A4;/* background-repeat:repeat-x;*/}
#menu li.on a		{color:#fff; font-size:100%; text-decoration:none; background-color: #A0A0A4; /*background-repeat:repeat-x;*/}

/*SUBMENÚ*/
#submenu        {width:100%;/*background-image:url('../images/az_menu_selec.gif'); background-repeat:repeat-x;*/background-image: url('../images/az_menu.gif');background-repeat:repeat-x;border-top:1px solid #f0f0f0;float:left;clear:both; height:24px;}
#submenu ul li  {display:inline; font-size:90%; color:#666; text-align:center; text-decoration:none; padding:0 1% 0 1%; float:left; vertical-align:middle; height:24px; line-height:24px;}

/*ESTADOS DEL SUBMENÚ*/
#submenu li a			{color:#666; text-decoration:none; display:block; padding:0 5px; width: auto; font-size:85%;}
#submenu li a:active 	{color:#333;}
#submenu li a:visited 	{color:#666; text-decoration: none;}
#submenu li a:hover 	{color:#848283; text-decoration: underline; background-image:url('../images/az_menu.gif'); background-repeat:repeat-x;}
#submenu li.on a		{color:#333; font-size:100%; text-decoration:underline; font-weight: bold; font-size:85%; background-image:url('../images/az_menu.gif'); background-repeat:repeat-x;}

#carrusel_flash {width:100%; background-repeat:repeat-x; height:100px; border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;}

/*MIGAS*/
#migas              {font-size: 65%; margin-left:1em; margin-top: 1em; margin-bottom:4em;clear:both; height:20px;}
#migas ul li        {display:inline;}
#migas li a	        {color: #666; text-decoration:none;}
#migas li a:hover 	{color:#848283; text-decoration: underline;}
#migas li.on		{color:#333; text-decoration:underline; font-weight: bold;}

#contenido {background-color:#FFF; width:100%;}

a.enlaces:link, a.enlaces:active, a.enlaces:visited { text-decoration:none; color:#666;}
a.enlaces:hover { color:#09f; text-decoration:underline;}

/*a.enlacesmapa:link, a.enlaces:active, a.enlaces:visited { font-size:75%; text-decoration:underline; color:#F07C03;}
a.enlacesmapa:hover {font-size:75%; color:#333;}*/

/*enlacesinternos en lista*/
.enlacesinternos        	 {font-size:75%; margin-left:1em; margin-top: 1em;  list-style: inside decimal;}
.enlacesinternos ul li       {display:inline;}
.enlacesinternos li a	     {color: #666; text-decoration:none; width: auto;}
.enlacesinternos li a:hover  {color:#848283; text-decoration: underline;}

/*PORTADA*/
.columnaizq                    {float:left; width:25%; margin-left:1em; margin-top:1em; background-color: #F8F4ED;}
.columnaizq .cabeceradestacadas        {font-size:70%; /*height:25px; line-height:25px; */width: auto; text-transform:uppercase; background-color:#FFF; margin-bottom:10px; color:#999; font-weight:bold;}
#contenidoportada              {float:left; margin-left:1em; margin-top:1em; /*height:250px;*/ width:57%; margin-left:3%;}
#contenidoportada p				{font-size:80%;}
#contenidoportada .slogan      {font-size:130%; color: /*#09F;*/#00AEEF;}
#imagenportada                 {width:29%; float:right; margin-left:1em; margin-top:1em;}
#imagenportada img             {/*width:250px; height:200px; */float:right; margin-right:1em;}
/*trabaja con nosotros*/
/*.trabajaconnosotros { background:url(../images/baner_home.jpg); background-position:right top; background-repeat:no-repeat; font-size:120%; height:75px;text-align:right; float:left; }
.trabajaconnosotros a, .trabajaconnosotros a:visited {text-decoration:none; color:#F90;}
.trabajaconnosotros a:hover { text-decoration:underline; color:#333;}*/

/*.columnaizq .empleo { float:left; clear:left; }*/

#sodena  {float:right; vertical-align:bottom; margin-right:1em; background-position:bottom; clear:both; color:#999; width:auto;}

/*div contenidos a una columna*/
#unacolumna			{clear:both; margin-left:1em; padding-top: 1em; width:84%;}
#unacolumna ul		{float: left; margin: 0px auto; list-style-type:none; padding:0; width:100%;height:auto;} 
#unacolumna ul li	{float: left; margin-right: 50px; clear: right; width:10%;}

#unacolumna	img  {border: 1px solid #ccc; margin:10px;}

#flash1{ height:100px; width:100%;}

/*NOTICIAS DESTACADAS ---- CONTENIDO 2 FILAS*/
/*#contenidosuperior       {clear:both; margin-left:1em; padding-top: 1em; width:50%;}
#contenidoinferior       {float: left; clear:both; margin-left:1em; margin-top:1em; width:50%;}*/

/*CONTENIDO 2 COLUMNAS*/
#contenido #contenidoizquierda              {float:left; width:45%; margin-left:.5em; margin-top:1em; margin-right:.5em; /*border-right:1px solid #f0f0f0;*/}
#contenido #contenidoizquierda img          {float:left; margin-right:.5em;}
#contenido #contenidoizquierdametodo        {float:left; width:55%; margin-left:.5em; margin-top:1em; margin-right:.5em; /*border-right:1px solid #f0f0f0;*/}
#contenido #contenidoizquierda ul           {list-style-type: none; color: black;}
#contenido #contenidoderecha                {float:left; width:auto; margin-left:.5em; margin-top:1em; margin-right:.5em;}
#contenido #contenidoderechaestrategia      {float:left; width:22%; margin-left:.5em; margin-top:1em; margin-right:.5em;}
	#contenido #contenidoderecha img        {/*width:auto; height:auto;*/ float:right; margin-right:1em;}
#contenido #contenidoderechamision          {float:left; width:35%; margin-left:.5em; margin-top:1em; margin-right:.5em;}
	
/*CONTENIDO EXITO*/
/*#contenido #contenidoderechaexito           {float:left; width:44%; margin-left:.5em; /*margin-top:1em;*/ /*margin-right:.5em; height:auto; margin-bottom:1em; margin-top:1em;}
#contenido #contenidoizquierdaexito         {float:left; width:47%; margin-left:.5em; margin-top:1em; margin-right:.5em;}*/
	#exitoizquierda    {float: left; width:21%; margin-top:15px; margin-bottom:15px; margin-left:1%;}
	#exitoderecha      {float: left; width:60%; margin-top:15px; margin-bottom:15px; margin-left:1%;}

/*CONTACTO*/
#contenidoizquierdacontacto   { float:left; width:48%; margin-top:1em;}
#contenidoizquierdacontacto p { margin-left: 1em;}
#contenidoderecharrhh         { float:left; width:48%; margin-left:.5em; margin-top:1em; margin-right:.5em;}
#contenidoderecharrhh img     {float:right; margin-left:0.5em;}

/*MAPA WEB*/
#contenidoderechamapa    { float:left; width:42%; margin-left:.5em; margin-top:1em; margin-right:.5em; list-style:none;}
#contenidoderechamapa ul { list-style-type:none; color:black;}

/*PIE DE PÁGINA*/
#pie			{clear: both; font-size: 65%; width:100%; height: 5em/*1.5*/; margin-top: 10px; line-height:1.5em; border-top:1px solid #f0f0f0; padding-top:.2em; background-color:#fff;}
#pie .infoelara {float: right; margin-right:.5em;color: #999; text-align:right;}
#pie .recursiva {float: left; margin-left:.5em; color:#d4d4d4;}
.recursiva img  {margin-right:1em;}

#pie .recursiva a			{color:#999; text-decoration:none; padding:0 5px;}
#pie .recursiva a:active 	{color: gray;}
#pie .recursiva a:visited 	{color:#999; text-decoration: none;}
#pie .recursiva a:hover 	{color:#000; text-decoration: underline;}

	/*ESTADOS MAIL*/
#pie .infoelara a			{color:#999; text-decoration:none; margin-left:.4em;}
#pie .infoelara a:active 	{color:#333;}
#pie .infoelara a:visited 	{color:#999; text-decoration: none;}
#pie .infoelara a:hover 	{color:#333; text-decoration: underline;}

/*COMUNES*/
.enlacesmapa		{text-decoration:underline; color:#09f; font-size:75%;}
.elara		      	{color:#09f; font-style:normal;}
.elaranoticia     	{color:/*#F07C03*/#000; background-color:#f0f0f0; border-bottom:1px solid #ccc; clear:both; margin-top:3em; font-size:.9em;}
/*#titular	      	{font-size: 120%;}*/
#paginacion			{font-size: 80%; float:left; clear: both; margin-left: 45%; width:10%;}
.negrita          	{font-weight:bold;}
.subrayado        	{text-decoration:underline;}
.noticiadestacada 	{margin-left: 1em; margin-right:1em; margin-bottom: 2em; border-top: 1px solid #999; margin-top:2.5em; padding-top:1em;}
.separador      {clear:both; height:.5em;}
.tabulado       {margin-bottom: 2em; margin-left: 1em;}
.tabuladonormal	{margin-left: 1em;}
h1#titular		{clear: both; margin-left:.5em;font-size:120%; font-weight:normal; border-bottom:1px solid #f0f0f0;}
h6 				{font-size:70%;}
h3				{font-size:70%;margin-left:1em;border-top: 1px solid #999;clear:both;color:#666;text-transform:uppercase; padding-top:10px;}
p 				{font-size:70%;}
