@import url(base.css);
/*#e4e5e8 */
html{ background: url(../img/bgHtml.gif) 0 -1px repeat; }
body{background: url(../img/bgBody.gif) 0 0 repeat-x; text-align: center; font-family: tahoma, arial, verdana, "DejaVu Sans", FreeSans, sans-serif; color: #333;}
p, pre, address, li, dt, dd, th, td, caption, legend{font-size: 1.3em; line-height: 1.5384em; margin-bottom: 1.5384em;}
address, dl, ul, ol, table, object{ margin-bottom: 2em; }
li, dt{ margin-bottom: 0; }
blockquote{font-style: italic;}
a img{border: 0;}
input, select, textarea{font-family: tahoma, arial, verdana, arial, helvetica, sans-serif; color: #333;}
pre, code, samp, tt, kbd{font-family: courier, "Courier New", Courier, monospace; color: #333;}

a{ color: #243D81; }


/*----------------------------------
REUTILIZABLES alineacion / flotado
----------------------------------*/
.f_left{float: left;}
.f_right{float: right;}
.a_left{text-align: left;}
.a_right{text-align: right;}
.a_center{text-align: center;}

/*----------------------------------
ENCABEZADOS
----------------------------------
h1, h2, h3, h4, h5, h6{ margin-bottom: .5em; }
h1{ text-transform: lowercase; }
h2{ font-weight: normal; font-size: 2.7em;}
h3{ font-size: 1.8em; font-weight: bold; }
h4{ font-size: 1.5em; font-weight: bold; }
h5{ font-size: 1.4em; font-weight: bold; }  */

/*----------------------------------
ESTRUCTURA
----------------------------------*/
#contenedor{ width: 84em; margin: 0 auto; text-align: center; background: url(../img/bgContenedorExterior.gif) center -1px no-repeat;}
#contenedor-interior{ width: 76em; margin: 0 auto; text-align: left; background: #fff url(../img/bgContenedor.jpg) 0 0 repeat-y; border-bottom: .8em solid #C7C7CA;}

/* home 3 columnas */
#cuerpo{ padding: 2em 1.8em 3em; background: url(../img/bgPie.gif) bottom left no-repeat; margin-bottom: -.8em; position: relative;}
#cuerpo .col_left{ width: 17.3em; float: left; display: inline; }
#contenido{ width: 53.3em; margin-left: 1.8em; float: left; display: inline;}
#cuerpo .centro{ width: 36.5em; float: left; }
#cuerpo .col_right{ width: 15em; float: right; }

/* .doble interiores 2 columnas */
.doble #cuerpo{ padding: 2em 2em 3em;}
.doble #cuerpo .col_left{ width: 18em; }
.doble #cuerpo #contenido{ margin-left: 2em; padding-bottom: 3em; }
.doble #cuerpo #contenido, .doble #cuerpo .centro{ width: 52em; }

/* .simple cvs 1 columna */
.simple #cuerpo{ padding: 2em 2em 3em; min-height: 38em; height: 42em;}
html>body .simple #cuerpo{ height: auto; }
.simple #cuerpo #contenido, .simple #cuerpo .centro{ width: 72em; margin: 0; }

/*----------------------------------
MENU SUPERIOR
----------------------------------*/
#menu-superior{ padding: .8em 4em .6em; }
#menu-superior ul{ margin-bottom: 0; }
#menu-superior li, #menu-superior p{ font-size: 1.1em; line-height: 1; margin-bottom: 0;}

/* idiomas */
#menu-superior .f_left{ padding-left: .5em; }
#menu-superior .f_left p{ float: left; }
#menu-superior .f_left ul{ float: left; }
#menu-superior .f_left li{ float: left; padding: 0 6px; background: url(../img/sepLiIdioma.gif) 100% 0 no-repeat;}
#menu-superior .f_left li.ultimo{ background-image: none; }
#menu-superior .f_left li a{ padding-left: 18px; background-position: 0 3px; background-repeat: no-repeat; position: relative; }
#menu-superior .f_left li.es a{ background-image: url(../img/bandera_es.gif); }
#menu-superior .f_left li.en a{ background-image: url(../img/bandera_en.gif); }
#menu-superior .f_left li.ca a{ background-image: url(../img/bandera_ca.gif); }

/* newsletter, oficinas, contacto */
#menu-superior .f_right li{ display: block; float: left; padding: 0 6px; background: url(../img/sepLiIdioma.gif) 100% 2px no-repeat;}
#menu-superior .f_right li.ultimo{ background-image: none; }
#menu-superior .f_right li a{ font-weight: bold; color: #333; text-decoration: none; position: relative;}
#menu-superior .f_right li a:hover{ text-decoration: underline; }

/*----------------------------------
CABECERA
----------------------------------*/
#cabecera{ background: url(../img/bgCabecera.gif) 0 0 no-repeat; }
#cabecera .logo{ font-size: 1em; padding: 2.8em 0 2.3em 1em; float: left;}
#cabecera .logo img{ width: 27.7em; height: 7.3em; display: block; }
#cabecera .lema{ float: right; width: 47.3em; height: 12.5em; background-position: top right; background-repeat: no-repeat; }
#cabecera .lema h2{ font: normal 2em/1 Georgia, "Times New Roman", serif; color: #AFAFAF; float: right; text-align: right; padding: 1.65em 7.75em 0 0;}
#cabecera .lema h2 span{ color: #CFCFCF; }
#cabecera .lema h2 em{ clear: both; display: block; font-style: normal;}

/* imagenes fondo cabecera segun seccion */
.home .lema, .clientes .lema{ background-image: url(../img/top_home.gif); }
.cvs .lema{ background-image: url(../img/top_cvs.gif); }
.syc .lema{ background-image: url(../img/top_syc.gif); }
.servicios .lema{ background-image: url(../img/top_servicios.gif); }
.socios .lema{ background-image: url(../img/top_socios.gif); }
.newsletter .lema{ background-image: url(../img/top_newsletter.gif); }
.contacto .lema{ background-image: url(../img/top_contacto.gif); }
.oficinas .lema{ background-image: url(../img/top_oficinas.gif); }

/*----------------------------------
MENU PPAL
----------------------------------*/
#menu-ppal{ height: 3.7em; padding-top: 2.6em; background: url(../img/bg_menu.gif) 0 0 no-repeat; text-align: center;}
#menu-ppal li{ display: inline; padding: 0 .5833em; font: normal 1.2em tahoma, arial, sans-serif; text-transform: uppercase; }
#menu-ppal li.activo{ font-weight: bold; }
#menu-ppal li a{ color: #fff; text-decoration: none; }
#menu-ppal li a:hover{ text-decoration: underline; }

/*----------------------------------
TITULOS EN COLUMNAS
----------------------------------*/
.bloque .titulo{ background: url(../img/bgTituloBloqueRight.gif) top right no-repeat; margin-bottom: .7em; }
.bloque .titulo h3{ font-size: 1.1em; font-weight: bold; color: #243D81; padding: .3636em .4545em .4545em .9090em; background: url(../img/bgTituloBloqueLeft.gif) 0 0 no-repeat;}
.bloque .titulo h3 a{ text-decoration: none; }

/*----------------------------------
COLUMNAS IZDA Y DCHA   (11px)
----------------------------------*/
.col_left ul, .col_right ul{ padding: 0 .5em; margin-bottom: 1.9em;}
.col_left li, .col_left p,
.col_right li, .col_right p{ font-size: 1.1em; line-height: 1.4545em;}
.col_left li p, .col_right li p{ font-size: 1em; }

/*----------------------------------
COLUMNA IZDA
----------------------------------*/
.col_left li{ margin-bottom: 1.4545em;}
.col_left li p{ margin-bottom: 0; display: inline; padding-right: .4545em; }
.col_left p.a_right a{ font-weight: bold; text-decoration: none; color: #333; }
.col_left p.a_right a:hover{ text-decoration: underline; }
.articulos strong a{ color: #C06C00;}

/*----------------------------------
COLUMNA DCHA
----------------------------------*/
.col_right .destacado{ margin-bottom: 1.6em; }
.col_right .destacado{ background: #dbdfde url(../img/bg_box_gris.gif) 0 0 no-repeat; padding: .9em; }
.col_right .destacado h3{ font-size: 1.1em; line-height: 1.4545em; font-weight: bold; color: #333; margin: .6363em 0 1.3636em; }
.col_right .destacado ul{ padding: .1em; }
.col_right .destacado li{ padding-left: 6px; background: url(../img/bulletPunto.gif) 0 8px no-repeat; }
.col_right .destacado p{ margin-bottom: .3636em; }
.col_right .bloque form{ padding: 0 .5em; }

/* estos bloques se repiten en izda y dcha segun la pagina */
.links-syc li, .col_left .links-syc li{ font-weight: bold; margin-bottom: 0; }

/* suscripcion newsletter */
.bloque form p{ margin-bottom: 0; }
.bloque form p.boton{ text-align: center; padding-top: 1em;}
p.boton input{ font: normal 13px "MS Shell Dig", sans-serif; color: #000; padding-left: .4615em; padding-right: .4615em; overflow: visible; }
.bloque form label span{ display: block;}
.bloque form p input{ font-size: 13px; font-family: "MS Shell Dlg", arial, helvetica, sans-serif; }
.col_right .bloque label input{ width: 134px; height: 16px; padding: 2px;}
* html .col_right .bloque label input{ width: 132px; height: 14px; }
.doble #cuerpo .col_left .bloque form{ padding: 0 .5em; width: 17em; }
.doble #cuerpo .col_left .bloque label input{ width: 165px; height: 16px; padding: 2px; }
* html .doble #cuerpo .col_left .bloque label input{ width: 162px; height: 14px; }

/* acceso clientes */
#contenedor #cuerpo form.acceso-clientes{ padding-bottom: 1.5em; }
#contenedor #cuerpo form.acceso-clientes label span{ width: 5.8em; float: left; }
#contenedor #cuerpo form.acceso-clientes p label input{ margin-bottom: 2px;}



/*----------------------------------
COLUMNA CENTRAL (estilos cuerpo texto)
----------------------------------*/
.centro .destacado{ background: #996624 url(../img/bg_box_ocre.gif) 0 0 no-repeat; padding: 2em; margin-bottom: 1.6em;}
.centro .destacado p{ color: #fff; margin-bottom: 1em;}
.centro .destacado p.boton{ text-align: center; margin-bottom: 0; }
.centro .destacado p.boton input{ overflow: visible; padding-left: 1em; padding-right: 1em; }
.centro h2{ font: normal 3em/.7333em "Georgia", "Cambria", serif; color: #6f6f6f; margin-bottom: .6666em; }
/*.centro h3{ font: bold 1.3em tahoma, arial, sans-serif; color: #333; margin-bottom: 1em; }*/
.centro h3{ font-size: 1.6em; font-weight: bold; margin-bottom: .625em; color: #5A5A5A; }
.centro h3 a{ text-decoration: none; border-bottom: .062em solid #243D81; }
.centro .destacado h3{ font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: .3846em; }
.centro .destacado a{ color: #fff; }
.centro ul, .centro ol{ padding-left: 4em; }
.centro ol{ list-style: decimal; }
.centro ol li{ margin-bottom:  1.5384em;}
.centro ul li{ list-style: disc; }
.centro li ul{ margin-bottom: 0; }
.centro .datos-contacto li{ list-style: none; }
.centro .datos-contacto p{ margin-bottom: 0; padding-left: 3.0769em; }
.centro address{ margin-bottom: 0; font-style: normal;}

/* imagenes flotadas */
.centro img.f_right, .centro div.f_right{ margin-left: .7692em; }
.centro img.f_left, .centro div.f_left{ margin-right: .7692em; }
.centro div.imagen{ padding-top: .5em; }

/* formato-tabla (direcciones) */
.formato-tabla{ margin-left: 3em; }
.formato-tabla .header{ width: 11em; padding: .9em .6em; float: left;}
.formato-tabla .data{ width: 32.7em; padding: .6em; padding-bottom: 1.5em; float: left; }
.formato-tabla .data p{ margin-bottom: 0; }

/* formato-tabla (localizacion) */
.localizacion .data{ padding-top: 1em; width: 12.5em;}
.localizacion .data img{ border: 1px solid #aaa; }
.localizacion .header{ width: 18em; }
.localizacion .header h3{ margin-bottom: .2307em; }
.localizacion .header p{ margin-bottom: 0; }
.localizacion .header ul.enlinea{ padding-left: 0; }
.localizacion .header ul.enlinea li{ float: left; list-style: none; padding-right: .6153em; margin-right: .4615em; background: url(../img/guion.gif) 100% 10px no-repeat;}
.localizacion .header ul.enlinea li.ultimo{ padding-right: 0; margin-right: 0; background: none; }

/* socios */
.foto-socio{ width: 13.3em; height: 17.5em; padding: 1.7em 1.6em; background: url(../img/socios_marco.gif) 0 0 no-repeat; float: right; margin-left: 2em;}
.foto-socio img{ width: 13.3em; height: 17.5em; }

/* envio cvs */
.simple .centro div.a_center{ padding-top: 2em; }
.simple .centro .destacado{ width: 34.5em; padding: 3em 1em; margin: 0 auto; text-align: left; }
.simple .centro .destacado p{ margin-bottom: .2307em; }
.simple .centro .destacado p.boton{ margin-bottom: 1.5384em; }

/* form clientes */
.form-clientes p label span,
.form-clientes p span.label{ width: 17.1538em; padding-left: 1.0769em; float: left; }
.form-clientes p label input{ width: 262px; padding: 2px; height: 16px; font: normal 13px "MS Shell Dlg", arial, sans-serif; color: #333; float: left; }
.form-clientes p label select{ width: 268px; padding: 2px 0; float: left; }
.form-clientes p label.checkbox{ float: left; width: 8.2307em; padding-bottom: .3846em;}
.form-clientes p label.checkbox input{ width: 13px; height: 13px; margin: 5px 5px 0 0; padding: 0; float: left; }
.form-clientes p label.checkbox span{ float: left; width: auto; padding-left: 0; cursor: default; }
.form-clientes p label textarea{ width: 262px; padding: 2px; font: normal 13px "courier new", monospace; color: #333; float: left; }
.form-clientes form p{ margin-bottom: .1538em; min-height: 0; height: 1%; }
.form-clientes form p:after{ content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; }
.form-clientes p.boton{ padding-left: 18.2307em; }
.form-clientes span.LV_validation_message{ width: auto; padding-left: 21.5453em; float: left; white-space: nowrap; }

/* form newsletter */
.form-newsletter{ padding: 1.5em 0 2em; }
.form-newsletter form p{ margin-bottom: .3076em; }
.form-newsletter form p label span{ width: 9.3076em; float: left;}
.form-newsletter form p label input{ width: 314px; height: 16px; padding: 2px; font: normal 13px "MS Shell Dig", sans-serif; color: #333;}
.form-newsletter form p.boton{ padding-top: 1.4615em; }
.form-newsletter span.LV_validation_message{ width: auto; padding-left: 10.9998em; float: none; }

/* form contacto */
.form-contacto{  }
.form-contacto p label span{ width: 7.0769em; float: left; }
.form-contacto p label input{ width: 403px; height: 16px; padding: 2px; font: normal 13px "MS Shell Dig", arial, sans-serif; color: #333; float: left;}
.form-contacto p label select{ width: 89px; padding: 2px 0; font: normal 13px "MS Shell Dig", arial, sans-serif; color: #333; float: left; }
.form-contacto p label textarea{ width: 403px; padding: 2px; height: 275px; float: left;}
.form-contacto form p{ margin-bottom: .3076em; min-height: 0; height: 1%; }
.form-contacto form p:after{ content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; }
.form-contacto form p.boton{ margin-top: 22px; }
.form-contacto span.LV_validation_message{ width: auto; padding-left: 8.3636em; float: left; white-space: nowrap; }

/* noticias */
.avance-noticia h3{ font-size: 1.6em; margin-bottom: .312em; }
.avance-noticia h3 a{ text-decoration: none; border-bottom: .062em solid #243D81; }
.avance-noticia p.info{ font-size: 1.1em; color: #8B8B8B;}
.avance-noticia p.info a{ color: #5C5C5C; }
.avance-noticia p.ver-mas{ font-size: 1.1em; }
.noticia{ font-size: 1.3em; line-height: 1.5384em; margin-bottom: 1.5384em; }

/* noticia destacada home */
.noticia-destacada{ padding: 1em 1em 0; margin-bottom: 1.6em; border: .1em solid #ccc; background: #f7f7f7; }

/*----------------------------------
MENU VERTICAL (paginas interiores)
----------------------------------*/
.col_left .menu{ padding-bottom: 2.1em; }
.col_left .menu ul{ padding: 0; padding-bottom: .4em; margin-bottom: 0; float: left; width: 18em;}
.col_left .menu li{ margin-bottom: 0; padding-left: 1em; background: url(../img/bgLeftMenuVertical.gif) 0 0 no-repeat; margin-bottom: .3636em; width: 15.3636em; float: left; height: 1%; }
.col_left .menu li span{ display: block; background: url(../img/bgRightMenuVertical.gif) 100% 0 no-repeat;  }
.col_left .menu li a{ line-height: 1.7272em; color: #fff; text-decoration: none; padding-left: .4545em;}
.col_left .menu li a:hover{ text-decoration: underline; }
.col_left .menu h3{ font: bold 1.2em tahoma, arial, sans-serif; color: #333; margin-bottom: .25em; }

/*----------------------------------
PIE
----------------------------------*/
#pie{ text-align: center; padding: 1em 4em 1.6em; }
body:last-child #pie{ background-position: center -2px; }
#pie ul{ margin-bottom: 0; }
#pie li{ font-size: 1.1em; display: inline; padding-right: .3636em; padding-left: .6363em; background: url(../img/sepLiIdioma.gif) 100% 2px no-repeat;}
body:last-child #pie li{padding-right: .4545em;  padding-left: .1818em; }
#pie li.ultimo{ background: none; padding-right: 0; }
#pie li.ultimo a{ color: #333; text-decoration: none; }
#pie li.ultimo a:hover{ text-decoration: underline; }
#pie .privacidad a{ color: #333; text-decoration: none; }
#pie .privacidad a:hover{ text-decoration: underline; }

/*----------------------------------
LIVE VALIDATION
http://livevalidation.com/
----------------------------------*/
.LV_validation_message{
    font-size: 11px;
    font-weight:bold;
    margin: 0;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}