/*
=================================================
CONSERVAS NARDÍN
=================================================
*/

*{ margin:0; padding:0;}
body{ background:#fff url(img/bg_imago.gif) no-repeat bottom center; color:#3c4347; font:normal 1em "Palatino Linotype", Arial, Helvetica, sans-serif; text-align:center; padding:15px 0 20px;}

.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:#003c75; outline:none; text-decoration:none;}
a:hover, a:focus{}
form, fieldset{ border:none;}

#container{ margin:0 auto; text-align:left; width:980px;}

#cabecera { margin:0 20px;}

#cabecera #logo_nardin{ display:inline; float:left; margin:0 0 0 20px; width:124px;}
#cabecera #logo_nardin h1 a{ cursor:pointer; display:block; font-size:22px; font-weight:bold; height:102px; position:relative; overflow:hidden; width:124px;}
#cabecera #logo_nardin h1 a span{ background:url(img/logo_nardin.gif) no-repeat top left; height:100%; position:absolute; width:100%;}

#cabecera #idioma{ color:#aeb2b2; display:inline; float:right; font-size:11px; text-align:right; width:400px;}
#cabecera #idioma p a{ color:#aeb2b2; padding:0 3px;}
#cabecera #idioma p a:hover, #cabecera #idioma p a:focus{ text-decoration:underline;}

#navegacion { background:url(img/bg_gradient_sup.gif) no-repeat center bottom; margin:-20px 20px 0; position:relative;}
#navegacion ul { display:inline; float:right; margin:0 10px 0 0; width:381px; _width:384px;}
#navegacion ul li{ display:inline; list-style:none;}
#navegacion ul li a{ display:block; float:left; height:40px; margin:0 0 0 3px; overflow:hidden; position:relative;}
#navegacion ul li a:hover, #navegacion ul li a:focus{ text-decoration:underline;}
#navegacion ul li a span{ cursor:pointer; height:100%; position:absolute; width:100%;}

body#ar #navegacion ul li a{ _color:#fff; *color:#fff; _text-align:right !important; *text-align:right !important;}

#navegacion ul li a.portada_es{ width:82px;}
#navegacion ul li a.portada_es span{ background:#fff url(img/bg_menu_es.gif) -3px 0;}
#navegacion ul li a.portada_es:hover span, #navegacion ul li a.portada_es:focus span, #navegacion ul li a.portada_selected span{ background:url(img/bg_menu_es.gif) -3px -40px;}

#navegacion ul li a.portada_en{ width:82px;}
#navegacion ul li a.portada_en span{ background:#fff url(img/bg_menu_en.gif) -3px 0;}
#navegacion ul li a.portada_en:hover span, #navegacion ul li a.portada_en:focus span, #navegacion ul li a.portada_selected_en span{ background:url(img/bg_menu_en.gif) -3px -40px;}

#navegacion ul li a.portada_eu{ width:82px;}
#navegacion ul li a.portada_eu span{ background:#fff url(img/bg_menu_eu.gif) -3px 0;}
#navegacion ul li a.portada_eu:hover span, #navegacion ul li a.portada_eu:focus span, #navegacion ul li a.portada_selected_eu span{ background:url(img/bg_menu_eu.gif) -3px -40px;}

#navegacion ul li a.portada_ja{ width:82px;}
#navegacion ul li a.portada_ja span{ background:#fff url(img/bg_menu_ja.gif) -3px 0;}
#navegacion ul li a.portada_ja:hover span, #navegacion ul li a.portada_ja:focus span, #navegacion ul li a.portada_selected_ja span{ background:url(img/bg_menu_ja.gif) -3px -40px;}

#navegacion ul li a.portada_ar{ width:140px;}
#navegacion ul li a.portada_ar span{ background:#fff url(img/bg_menu_ar.gif) -3px 0;}
#navegacion ul li a.portada_ar:hover span, #navegacion ul li a.portada_ar:focus span, #navegacion ul li a.portada_selected_ar span{ background:url(img/bg_menu_ar.gif) -3px -40px;}

#navegacion ul li a.catalogo_es{ width:176px;}
#navegacion ul li a.catalogo_es span{ background:#fff url(img/bg_menu_es.gif) -88px 0;}
#navegacion ul li a.catalogo_es:hover span, #navegacion ul li a.catalogo_es:focus span, #navegacion ul li a.catalogo_selected span{ background:url(img/bg_menu_es.gif) -88px -40px;}

#navegacion ul li a.catalogo_en{ width:176px;}
#navegacion ul li a.catalogo_en span{ background:#fff url(img/bg_menu_en.gif) -88px 0;}
#navegacion ul li a.catalogo_en:hover span, #navegacion ul li a.catalogo_en:focus span, #navegacion ul li a.catalogo_selected_en span{ background:url(img/bg_menu_en.gif) -88px -40px;}

#navegacion ul li a.catalogo_eu{ width:176px;}
#navegacion ul li a.catalogo_eu span{ background:#fff url(img/bg_menu_eu.gif) -88px 0;}
#navegacion ul li a.catalogo_eu:hover span, #navegacion ul li a.catalogo_eu:focus span, #navegacion ul li a.catalogo_selected_eu span{ background:url(img/bg_menu_eu.gif) -88px -40px;}

#navegacion ul li a.catalogo_ja{ width:139px;}
#navegacion ul li a.catalogo_ja span{ background:#fff url(img/bg_menu_ja.gif) -88px 0;}
#navegacion ul li a.catalogo_ja:hover span, #navegacion ul li a.catalogo_ja:focus span, #navegacion ul li a.catalogo_selected_ja span{ background:url(img/bg_menu_ja.gif) -88px -40px;}

#navegacion ul li a.catalogo_ar{ width:130px;}
#navegacion ul li a.catalogo_ar span{ background:#fff url(img/bg_menu_ar.gif) -144px 0;}
#navegacion ul li a.catalogo_ar:hover span, #navegacion ul li a.catalogo_ar:focus span, #navegacion ul li a.catalogo_selected_ar span{ background:url(img/bg_menu_ar.gif) -144px -40px;}

#navegacion ul li a.localizacion_es{ width:114px;}
#navegacion ul li a.localizacion_es span{ background:#fff url(img/bg_menu_es.gif) -267px 0;}
#navegacion ul li a.localizacion_es:hover span, #navegacion ul li a.localizacion_es:focus span, #navegacion ul li a.localizacion_selected span{ background:url(img/bg_menu_es.gif) -267px -40px;}

#navegacion ul li a.localizacion_en{ width:114px;}
#navegacion ul li a.localizacion_en span{ background:#fff url(img/bg_menu_en.gif) -267px 0;}
#navegacion ul li a.localizacion_en:hover span, #navegacion ul li a.localizacion_en:focus span, #navegacion ul li a.localizacion_selected_en span{ background:url(img/bg_menu_en.gif) -267px -40px;}

#navegacion ul li a.localizacion_eu{ width:114px;}
#navegacion ul li a.localizacion_eu span{ background:#fff url(img/bg_menu_eu.gif) -267px 0;}
#navegacion ul li a.localizacion_eu:hover span, #navegacion ul li a.localizacion_eu:focus span, #navegacion ul li a.localizacion_selected_eu span{ background:url(img/bg_menu_eu.gif) -267px -40px;}

#navegacion ul li a.localizacion_ja{ width:151px;}
#navegacion ul li a.localizacion_ja span{ background:#fff url(img/bg_menu_ja.gif) -230px 0;}
#navegacion ul li a.localizacion_ja:hover span, #navegacion ul li a.localizacion_ja:focus span, #navegacion ul li a.localizacion_selected_ja span{ background:url(img/bg_menu_ja.gif) -230px -40px;}

#navegacion ul li a.localizacion_ar{ width:102px;}
#navegacion ul li a.localizacion_ar span{ background:#fff url(img/bg_menu_ar.gif) -277px 0;}
#navegacion ul li a.localizacion_ar:hover span, #navegacion ul li a.localizacion_ar:focus span, #navegacion ul li a.localizacion_selected_ar span{ background:url(img/bg_menu_ar.gif) -277px -40px;}

#galeria_imagenes{}

#header_producto{text-align:center;}

#contenido{ background:url(img/bg_gradient_inf.gif) no-repeat top center;}

#contenido #col_izda{ color:#003c75; display:inline; float:left; margin:0 0 0 20px; width:380px;}
#contenido #col_izda h2{ font-size:30px; font-weight:bold; margin:21px 0 0;}
#contenido #col_izda p{ font-size:20px; line-height:29px; margin:27px 0 0;}

body#ar #contenido #col_izda{ text-align:right; direction:rtl;}

#contenido #col_dcha{ display:inline; float:left; margin:0 0 0 40px; width:540px;}
#contenido #col_dcha #logos{ text-align:right; margin:-76px 0 -36px 0; position:relative; z-index:10;}
#contenido #col_dcha #logos img{}
#contenido #col_dcha p{ font-size:13px; line-height:18px; margin:36px 20px 0 0;}
#contenido #col_dcha ul{ font-size:13px; line-height:18px; margin:10px 20px 0 0;}
#contenido #col_dcha ul li{ background:url(img/icon_listados.gif) no-repeat 0 4px; list-style:none; padding:0 0 0 21px;}

body#ar #contenido #col_dcha p{ text-align:right; direction:rtl;}
body#ar #contenido #col_dcha ul li{ background:url(img/icon_listados_ar.gif) no-repeat right; list-style:none; padding:0 21px 0 0; text-align:right; direction:rtl;}

#footer{ background:url(img/logo_footer.gif) no-repeat top center; clear:both; margin:80px 0 0; padding:50px 0 0;}
#footer p{ text-align:center; font-size:11px; line-height:18px;}
#footer p a{ color:#3c4347;}
#footer p a:hover, #footer p a:focus{ text-decoration:underline;}
#footer p span{ color:#aeb2b2; margin:0 3px;}

h2.h2_interior{ color:#003c75; font-size:30px; font-weight:bold; padding:18px 0 0 20px;}
.cuadro_descarga_catalogo{ background:url(img/bg_descargar_catalogo.gif) no-repeat top left; display:inline; float:right; height:59px; margin:9px 20px 0 0; width:355px;}
.cuadro_descarga_catalogo p { color:#59626b; display:block; margin:15px 0 0 9px; font-size:13px; line-height:18px;}
.cuadro_descarga_catalogo p a{ display:block; color:#59626b;}
.cuadro_descarga_catalogo p a strong{ color:#003c75; font-size:15px;}

body#ar h2.h2_interior{ text-align:right; direction:rtl; margin-right:20px;}
body#ar .cuadro_descarga_catalogo{float:left; margin-left:20px;}
body#ar .cuadro_descarga_catalogo p { text-align:right; direction:rtl; margin-right:120px;}

#listado_productos{ clear:both;}
#listado_productos div{ display:inline; float:left; margin:30px 0 0 20px; width:300px;}
#listado_productos div a img{ border:1px solid #c7c9ca; display:block;}
#listado_productos div a:hover img, #listado_productos div a:focus img{ border-color:#003c75;}
#listado_productos div a h3{ background:url(img/icon_listados.gif) no-repeat 5px 13px; display:block; font-size:16px; font-weight:bold; padding:5px 0 0 24px;}

body#ja #listado_productos div a h3{ font-size:14px !important; padding:8px 0 0 24px;}
body#ar #listado_productos div a h3{ background:url(img/icon_listados_ar.gif) no-repeat right; text-align:right; padding:5px 24px 0 0;}

#titulo_familia{ background:url(img/bg_h3_productos.gif) no-repeat bottom left; clear:both; margin:0 0 0 20px; min-height:64px; _height: 64px; padding:10px 0 0;}
#titulo_familia h3{ color:#fff; font-size:20px; margin:0 0 0 7px; padding:8px 0 0; _padding:15px 0 0;}
#titulo_familia p a{ background:url(img/icon_volver.gif) no-repeat left; color:#3c4347; font-size:13px; margin:0 0 0 7px; padding:0 0 0 16px;}
#titulo_familia p a:hover, #titulo_familia p a:focus{ color:#003c75; text-decoration:underline;}

body#ar #titulo_familia h3{ text-align:right; direction:rtl; margin-right:70px;}
body#ar #titulo_familia p { text-align:right; direction:rtl; margin-right:70px;}
body#ar #titulo_familia p a{ background:url(img/icon_volver.gif) no-repeat right; padding:0 16px 0 0;}

#listado_productos div.producto_familia{ margin:20px 0 0 20px; width:140px;}
#listado_productos div.producto_familia h4{ background:url(img/icon_listados.gif) no-repeat 0 16px; color:#003c75; display:block; font-size:16px; font-weight:bold; line-height:18px; min-height:45px; _height:45px; padding:10px 0 0 18px;}
#listado_productos div.producto_familia h4.h4_4lineas{ min-height:90px; _height:90px;}
#listado_productos div.producto_familia table{ border-collapse:collapse; width:100%;}
#listado_productos div.producto_familia table th{ background:#d9e2ea; border-top:4px solid #fff; color:#636f72; font-size:13px; font-weight:normal; text-align:left; padding:1px 0 4px 5px;}
#listado_productos div.producto_familia table td{ background:#d9e2ea; border-top:4px solid #fff; color:#3b4345; font-size:13px; font-weight:bold; text-align:right; padding:1px 5px 4px 0;}

body#ar #listado_productos div.producto_familia h4{ background:url(img/icon_listados_ar.gif) no-repeat right 14px; padding:10px 18px 0 0; text-align:right; direction:rtl;}
body#ar #listado_productos div.producto_familia table th{ text-align:right; direction:rtl;}

#google_map{ margin:0 0 0 30px;}
#flash_localizacion { background:url(img/bg_gradient_localizacion.gif) no-repeat bottom center; display:inline; float:left; padding:30px 0 20px;}
#direccion{ display:inline; float:right; width:230px; margin:0;}
#direccion h2{ color:#003c75; font-size:30px; font-weight:bold; padding:18px 0 0;}
#direccion h3{ font-size:13px; line-height:18px; margin:25px 0 0;}
#direccion address, #direccion p{ font-size:13px; line-height:18px; font-style:normal;}
#direccion p{ margin:15px 0 0;}
#direccion p a{ text-decoration:underline;}
#direccion p a:hover, #direccion p a:focus{ text-decoration:none;}

body#ar #direccion{ text-align:right; margin-right:10px;}
body#ar #direccion h3{ text-align:right; direction:rtl;}

#aviso_legal ul li, #mapa_web ul li{ background:url(img/icon_listados.gif) no-repeat 0 4px; display:block; list-style:none; font-size:13px; line-height:18px; margin:20px 200px 0 20px; padding:0 0 0 21px;}
#mapa_web ul li ul li{margin:5px 0 0; padding:0 0 0 21px;}
#mapa_web ul li ul li a{ color:#3c4347;}
#mapa_web ul li a:hover, #mapa_web ul li a:focus{ text-decoration:underline;}