/************************************
	Jordi Martínez (15/10/2009)
	- Hoja de estilos general. 
  
*************************************/

/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; /*font-style: normal;*/ font-size: 100%; font-family: Helvetica; vertical-align: baseline; }

body { line-height: 1; }

:focus { outline: 0; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

input, textarea { margin: 0; padding: 0; }

hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px; }

/* CIERRE RESET CSS */




/* CLASES GENÉRICAS */
strong { font-weight: bold; }
p { margin-bottom: 10px; }
h1 { font-size: 20px; font-weight: bold; color: #000; margin-bottom: 25px; line-height: 23px; }
h2 { font-size: 14px; font-weight: bold; color: #000; margin: 10px 0; }
h2 a { text-decoration: none; color: #000; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; color: #000; margin: 10px 0; }
.fecha { font-size: 11px; margin: 0; line-height: 12px; }
em, i { font-style: italic; }
a.no-link { cursor: default; }
/*a.no-link-out { border: none; }*/
#col_cen h2, #col_listados h2 { padding: 15px 0 0 0; }
#col_der .grupo_listado h2, #col_cen .grupo_listado h2, #col_listados .grupo_listado h2 { margin: 0; padding: 0; }
.grupo_listado h3, .grupo_listado h3 { margin: 0; padding: 0; }
.padding-left-1 { padding-left: 5px; }
.padding-left-2 { padding-left: 10px; }

/* CONTENEDORES */
#wrapper { position: relative; width: 990px; height: 100%; left: -495px; margin-left: 50%; overflow: hidden; }
#col_izq { position: relative; width: 225px; float: left; height: auto; }
/*#col_cen { position: relative; width: 442px; float: left; margin-left: 20px; padding: 0 20px 0 20px; border-right: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; height: auto; }*/
#col_cen { position: relative; width: 430px; float: left; margin-left: 20px; padding: 0 20px 0 20px; border-right: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; height: auto; }
#col_der { position: relative; width: 250px; float: left; margin-left: 20px; padding: 0; height: auto; }
#col_listados { float: left; margin-left: 20px; padding: 0 20px 0 20px; width: 702px; border-right: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; }
#col_cen ul, #col_listados ul { list-style: disc; margin: 0; padding-left: 20px; }



/*#col_cen *, #col_der *, #col_listados * { font-family: Helvetica; }*/

/* ARCHIVOS ADJUNTOS */
.titulo_adjuntos { font-size: 14px; font-weight: bold; }
div.adjuntos {  }
.adjuntos a { text-decoration: none; }
.adjuntos a:hover { text-decoration: underline; }
.adjuntos ul { padding: 0; margin:0; }
.adjuntos ul li { padding: 3px 0; }

/* CABECERA o TOP*/
#cabecera { height: 162px; margin: 0; padding: 0; }

/* MENU PRINCIPAL */
#cont_menu { position: relative; z-index: 10; top: 0; background-color: #000; color: #FFF; _height: 23px; height: 27px; _margin-top: -3px; }
#cont_menu li.separador_menu { line-height: 23px; }

/* MENU PRODUCTOS */
#cont_menu_productos { width: 225px; }
ul#menu_productos { list-style: none; }
ul#menu_productos li { float: none; }
ul#menu_productos ul { display: none; }

    /* menu primer nivell *//*#9890b7*/
    ul#menu_productos a { font-size: 12px; line-height: 23px; display: block; width: 195px; background: #bdd8a5; text-decoration: none; font-weight: bold; color: #000; padding: 3px 15px; }
    ul#menu_productos a:hover, ul#menu_productos a.activo { font-size: 12px; line-height: 23px; display: block; width: 195px; background: #e1ebd3; text-decoration: underline; font-weight: bold; color: #000; padding: 3px 15px; }
    /* menu segundo nivell */
    ul#menu_productos ul li a { font-size: 12px; line-height: 23px; display: block; width: 185px; background: #f4f7f0; text-decoration: none; font-weight: bold; color: #000; padding: 3px 20px; }
    ul#menu_productos ul li a:hover, ul#menu_productos ul li  a.activo { font-size: 12px; line-height: 23px; display: block; width: 185px; background: #f4f7f0 url(../img/comm/breadcrumg_punto.gif) no-repeat 205px; text-decoration: underline; font-weight: bold; color: #000; padding: 3px 20px; }
    /* menu tercer nivell */
    ul#menu_productos ul ul li a { font-size: 12px; line-height: 23px; display: block; width: 175px; background: #FFF; text-decoration: none; font-weight: bold; color: #000; padding: 3px 25px; }
    ul#menu_productos ul ul li a:hover, ul#menu_productos ul ul li a.activo { font-size: 12px; line-height: 23px; display: block; width: 175px; background: #FFF url(../img/comm/breadcrumg_punto.gif) no-repeat 205px; text-decoration: underline; font-weight: bold; color: #000; padding: 3px 25px; }
    /*ul#menu_productos a#activo { text-decoration: underline; }*/

/*
ul#menu_productos ul:hover li a:hover { background: #ebe8f1; }

ul#menu_productos a:hover,ul#menu_productos li:hover a { display: block; background: #ccc7db; } 
*/
div.titulo_menu_productos { background: #000; color: white; font-weight: bold; padding: 3px 15px; line-height: 23px; font-size: 14px; }

/* SEARCH / IDIOMAS */
#search-idiomas { position: absolute; top: 2px; right: 10px; width: 300px; height: 20px; }
#search-idiomas ul { list-style: none; }
#search-idiomas ul li { float: left; } 
p#idioma_select { position: absolute; right: 0; background: url(../img/comm/select-idioma.gif) no-repeat; width: 88px; line-height: 20px; color: #000; font-size: 10px; }
ul#list_idiomas { position: absolute;  right: 0; margin: 20px 0 0 0; padding:0; background: #e1ebd3; width: 88px; list-style: none; z-index: 1000; text-align: left; }
ul#list_idiomas li { color: #666; background: #e1ebd3; /*padding: 4px 5px;*/ }
ul#list_idiomas li a { width: 78px; display: block; font-size: 10px; padding: 4px 5px; background: #e1ebd3; text-decoration: none; color: #000; }
ul#list_idiomas li a:hover { display: block; font-size: 11px; padding: 4px 5px; background:  #f1f7eb; }
#boton { position: absolute; right: 0; top: 1px; width: 13px; height: 20px; cursor: pointer; /*border: 1px solid red;*/ }
#search label { font-size: 11px; }
#search input { width: 105px; font-size: 11px; margin-top: 1px; _margin-top: -1px; padding: 2px 0 0 0; }
#search input.btn_search { color: #FF8000; font-size: 10px; margin-right: 10px; cursor: pointer; width: 25px; background: none; border: none; }
li.separador_search { float: left; color: #FFF; padding-top: 5px; }

/* MIGA DE PAN */
#cont_path { position: relative; z-index: 0; height: 70px; }
#breadcrumbs { position: absolute; background: url(../img/comm/breadcrumg_punto.gif) no-repeat 0 2px; font-size: 12px; color: #000; margin-top: 10px; padding: 0 0 0 15px; top: 20px; }
#breadcrumbs a { color: #000; }

/* PIE */
#footer { clear: both; padding-top: 30px; }
#footer .direccion { color: #000; text-align: center; line-height: 40px; }
#footer .links_inferiores { height: 23px; background: #000; color: #FFF; text-align: center; }
.links_inferiores a { color: #FFF; text-decoration: none; line-height: 23px; }
.links_inferiores a:hover { color: #FFF; text-decoration: underline; }

/* MENU INFERIOR */
ul#navmenu-inferior { margin: 0; padding: 0; }
ul#navmenu-inferior li { display: inline ; padding: 2px 5px; }
ul#navmenu-inferior li.separador_menu { line-height: 23px; }

/* SEPARADOR */
div.h_0 { clear: both; height: 0; }
div.h_5 { clear: both; height: 5px; }
div.h_10 { clear: both; height: 10px; }
div.h_15 { clear: both; height: 15px; }
div.h_20 { clear: both; height: 20px; }
div.h_25 { clear: both; height: 25px; }
div.h_30 { clear: both; height: 30px; }

/* CUERPO */
body { font-size: 12px; color: #000; background: #FFF; line-height: 14px; overflow-x: hidden; }

/* PAGINADO */
div.paginado { width:100%; float: left; padding-top: 8px; font-size:11px; text-align: center; }
div.paginado span { color:#CCC; margin-left:5px; }
div.paginado span.texto { color:#333; margin-left:5px; padding:2px; background-color:#FFF;}
div.paginado a:link, div.paginado a:active, div.paginado a:visited { color:#444; text-decoration: none; margin-left:5px; font-weight:bold; }
div.paginado a:hover, div.paginado a.activo { text-decoration:underline; }

/* POPUPS POR THICKBOX */
#popup_titulo { font-size:18px; font-weight:bold; color:#000000;}
#popup_texto { font-size:18px; }

/* MULTIMEDIA */
.grupo_listado { clear: both; }

.imagenes { margin-bottom: 20px; }
.img_zoom { width: 250px; /*height: 250px; overflow: hidden;*/ }
.thumb { width: 61px; float: left; margin-top: 5px; padding-right: 2px; overflow: hidden; }
.last { padding-right: 0; margin-top: 5px; }

/* HOME */
#imagenes_home { margin-bottom: 20px; }
#imagenes_home img { margin: 0; padding: 0; }

/* NOTICIAS */
.subtitulo { font-style: italic; }

/* ENLACES */
.titulo_categorias { font-size: 16px; font-weight: bold; background: #bdd8a5; padding: 5px; }

/* CONTACTO */
label { padding-right: 5px; }
input { width: 280px; }
textarea { width: 340px; }
.txt_check { clear: both; padding-top: 10px; }
input.btn {width: 100px; }
.check { width: 20px; }
.grupo_form_izq { float: left; width: 50%; }
.grupo_form_der { float: right; width: 50%; }

#mapas { clear: both; margin-top: 20px; }
#mapas .col_izq { float: left; width: 345px; height: 390px; border: 1px solid #888; padding: 2px; }
#mapas .col_der { position: relative; float: right; width: 340px; height: 390px; border: 1px dashed white; }
#mapas .col_izq .direccion, #mapas .col_der .direccion { position: absolute; bottom: 0; margin-top: 5px; }
#map { width: 345px; height: 390px; overflow: hidden; }


/* DICCIONARIO */
#cont_letras { }
#cont_letras ul { margin: 0; padding: 0; list-style: none; }
#cont_letras ul li { float: left; padding: 5px; }
#cont_letras ul li a { display: block; /*background: gray;*/ padding: 5px; text-decoration: none; color: #313977; }
#cont_letras ul li a:hover, #cont_letras ul li a.activo { display: block; background: #eee; padding: 5px; text-decoration: underline; }
#letras-definicion { clear: both; margin-top: 20px; }
#letras-definicion ul { list-style: none; margin: 0; padding: 0; }
#letras-definicion #letras { float: left; width: 200px; }
#letras-definicion #letras a { color: #313977; text-decoration: none; }
#letras-definicion #letras a:hover, #letras-definicion #letras a.activo { color: #313977; text-decoration: underline; }
#letras-definicion #definicion { float: right; width: 490px; }
#letras-definicion #definicion .defincion { margin-top: 15px; }

/* MAPA WEB */
.mapa_web_productos { width: 50%; float: left; }
.mapa_web_paginas { width: 50%; float: right; }
.mapa_web_productos a, .mapa_web_paginas a { color: #313977; text-decoration: none; }
.mapa_web_productos a:hover, .mapa_web_paginas a:hover { color: #313977; text-decoration: underline; }