@charset "utf-8";
/* 
======================
ALDANONDO
======================
*/

*{ margin:0; padding:0;}
body, html{ height:100%;}
body{ background:#000; color:#fff; font:normal 1em Arial, Helvetica, sans-serif; text-align:center;}
body#portada{ background:#000 url(img/bg-portada.jpg) no-repeat center;}

.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clearfix { display:inline-block;}
.clearfix { display:block;}
* html .clearfix { height:1px;}

img, a img, embed, iframe{ border:none; vertical-align:bottom;}
a{ color:#ffffff; outline:none; text-decoration:underline;}
a:hover, a:focus{ text-decoration:underline;}
form, fieldset{ border:none;}
ol, ul{ list-style:none;}

table.table_portada{ border:none; border-collapse:collapse; height:100%; width:100%; text-align:center; vertical-align:middle;}

#contenedor_portada{ margin:0 auto; text-align:left; width:960px;}
#contenedor{ margin:0 auto; padding:40px 0 50px;  text-align:left; width:800px;}

#logo_header_portada{ position:relative; z-index:10;}
#logo_header_portada h1{ color:#fff; font-size:1em; position:relative; height:137px; margin:0 0 0 350px; text-align:left; width:258px;}
#logo_header_portada h1 a{ background:url(img/logo-aldanondo-header.png) no-repeat top center; color:#fff; height:100%; display:block;}
#logo_header_portada h1 a span{ display:none;}
#logo_header_portada p a{ color:#fff; display:inline; float:right; font-size:12px; padding:19px 10px; text-decoration:none; text-transform:uppercase;}
#logo_header_portada p a:hover, #logo_header_portada p a:focus{ color:#5b5b5b;}

#logo_header{ text-align:center; position:relative; z-index:10;}
#logo_header h1{ color:#fff; font-size:1em; position:relative; height:110px; margin:0 auto; text-align:left; width:201px;}
#logo_header h1 a{ background:url(img/logo-aldanondo-int.png) no-repeat top center; color:#fff; height:100%; display:block;}
#logo_header h1 a span{ display:none;}

#navegacion_portada{ border-bottom:1px solid #5b5b5b; margin:-60px 0 0; padding:0 0 10px; position:relative; z-index:1;}
#navegacion_portada ul li{ display:block; float:left;}
#navegacion_portada ul li a{ display:block; font-size:12px; font-weight:normal; text-decoration:none; text-transform:uppercase;}
#navegacion_portada ul li a strong{ border-left:1px solid #5b5b5b; display:block; height:33px; margin:10px 0 0; padding:0 0 0 7px;}
#navegacion_portada ul li a:hover strong, #navegacion_portada ul li a:focus strong{ color:#5b5b5b;}

#cuadro_contenido{ background:url(img/bg-cuadro.png) no-repeat top center; height:726px; margin:-64px 0 0; position:relative; z-index:1;}

#contenido{ padding:80px 50px 0;}

#menu_nav{ border-bottom:1px solid #fff; padding:0 0 10px;}
#menu_nav ul{}
#menu_nav ul li{ display:inline;}
#menu_nav ul li a{ border-right:1px solid #5b5b5b; display:block; float:left; font-size:12px; padding:0 6px 1px; text-decoration:none; text-transform:uppercase;}
#menu_nav ul li a:hover, #menu_nav ul li a:focus{ text-decoration:none;}
#menu_nav ul li a.primero{ padding-left:0;}
#menu_nav ul li a.ultimo{ border:none; padding-right:0;}
#menu_nav ul li a.atencion{ border:none; float:right; padding:0;}

body#tradicion #menu_nav ul li a.tradicion, body#tradicion #menu_nav ul li a.tradicion:hover, body#tradicion #menu_nav ul li a.tradicion:focus,
body#calidad #menu_nav ul li a.calidad, body#calidad #menu_nav ul li a.calidad:hover, body#calidad #menu_nav ul li a.calidad:focus,
body#innovacion #menu_nav ul li a.innovacion, body#innovacion #menu_nav ul li a.innovacion:hover, body#innovacion #menu_nav ul li a.innovacion:focus,
body#eleccion #menu_nav ul li a.eleccion, body#eleccion #menu_nav ul li a.eleccion:hover, body#eleccion #menu_nav ul li a.eleccion:focus,
body#salud #menu_nav ul li a.salud, body#salud #menu_nav ul li a.salud:hover, body#salud #menu_nav ul li a.salud:focus,
body#distribucion #menu_nav ul li a.distribucion, body#distribucion #menu_nav ul li a.distribucion:hover, body#distribucion #menu_nav ul li a.distribucion:focus,
body#atencion #menu_nav ul li a.atencion, body#atencion #menu_nav ul li a.atencion:hover, body#atencion #menu_nav ul li a.atencion:focus{ color:#5b5b5b;}

#contenido h2{ clear:both; display:block; font-size:34px; font-weight:bold; margin:50px 0 0; text-transform:uppercase;}

#contenido_cols{ clear:both; color:#b9b9b9; font-size:11px; height:335px; line-height:16px; margin:3px 0 0;}
#contenido_cols .columna{ display:inline; float:left; width:220px;}
#contenido_cols .columna p{ padding:16px 0 0;}
#contenido_cols #col_central{ margin:0 0 0 20px;}
#contenido_cols #col_dcha{ margin:0 0 0 20px; padding:16px 0 0;}
#contenido_cols #col_contacto{ padding:16px 0 0; width:460px;}
#contenido_cols #col_contacto form{ margin:12px 0 0;}
#contenido_cols #col_contacto form div{ clear:both; padding:9px 0 0;}
#contenido_cols #col_contacto form label{ display:inline; float:left; padding:3px 0 0; width:100px;}
#contenido_cols #col_contacto form input, #contenido_cols #col_contacto form textarea{ color:#000; border:1px solid #5b5b5b; display:inline; float:left; font:normal 11px Arial, Helvetica, sans-serif; margin:0 0 0 20px; padding:3px 5px 4px; width:328px;}
#contenido_cols #col_contacto form button{ background:none; border:none; color:#fff; cursor:pointer; display:inline; float:right; padding:6px; font:normal 14px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contenido_cols #col_contacto form button:hover, #contenido_cols #col_contacto form button:focus{ color:#5b5b5b;}
#contenido_cols #col_contacto form p.p_campos_obligatorios{ padding:9px 0 0 126px;}
#contenido_cols #col_dcha_contacto{ margin:0 0 0 20px; padding:0;}
#contenido_cols #col_dcha_contacto h3{ color:#fff; font-size:12px; font-weight:normal; padding:16px 0 0; text-transform:uppercase;}
#contenido_cols #col_dcha_contacto address{ font-style:normal;}
#contenido_cols #col_dcha_contacto address a{ color:#fff; text-decoration:none;}
#contenido_cols #col_dcha_contacto address a:hover, #contenido_cols #col_dcha_contacto address a:focus{ text-decoration:underline;}
#contenido_cols #col_aviso_legal p{ padding:16px 0 0;}
#contenido_cols #col_aviso_legal h3{ color:#fff; font-size:12px; font-weight:normal; padding:16px 0 0; text-transform:uppercase;}
#contenido_cols #col_aviso_legal p a{ color:#fff; text-decoration:none;}
#contenido_cols #col_aviso_legal p a:hover, #contenido_cols #col_aviso_legal p a:focus{ text-decoration:underline;}

#contenido_inf{ clear:both;}
#contenido_inf #listado{ display:inline; float:left; font-size:12px; line-height:15px; text-transform:uppercase; width:330px;}
#contenido_inf #listado ul{ border-bottom:1px solid #5b5b5b;}
#contenido_inf #listado ul li{ border-top:1px solid #5b5b5b; padding:4px 0 6px;}
#contenido_inf h3{ display:inline; float:right; font-size:14px; height:70px; position:relative; width:330px;}
#contenido_inf h3 span{ height:100%; position:absolute; width:100%;}
#contenido_inf h3 span.sinonimo_compromiso{ background:#000 url(img/sinonimo_compromiso.gif) no-repeat top right;}
#contenido_inf h3 span.sinonimo_calidad{ background:#000 url(img/sinonimo_calidad.gif) no-repeat top right;}
#contenido_inf h3 span.sinonimo_sostenibilidad{ background:#000 url(img/sinonimo_sostenibilidad.gif) no-repeat top right;}
#contenido_inf h3 span.sinonimo_tradicion{ background:#000 url(img/sinonimo_tradicion.gif) no-repeat top right;}
#contenido_inf h3 span.sinonimo_bienestar{ background:#000 url(img/sinonimo_bienestar.gif) no-repeat top right;}
#contenido_inf h3 span.innovamos_ti{ background:#000 url(img/innovamos_ti.gif) no-repeat top right;}

#logos{ padding:20px 0 0;}

#footer_portada{ color:#5b5b5b; text-align:center; font-size:11px; padding:30px 0 9px;}
#footer_portada p span{ margin:0 4px;}
#footer_portada p a{ color:#5b5b5b; text-decoration:none;}
#footer_portada p a:hover, #footer_portada p a:focus{ text-decoration:underline;}

#footer{ color:#fff; text-align:center; font-size:11px; padding:5px 0 0;}
#footer p span{ margin:0 4px;}
#footer p{ text-shadow: 1px 1px 0  #212121;}
#footer p a{ text-decoration:none;}
#footer p a:hover, #footer p a:focus{ text-decoration:underline;}