/* reset */
* {margin:0; padding:0}
body, html{font-size: 62.5%; text-align: center; height: 100%;}
body {font-size: 101%; font-family: verdana, arial, sans-serif; color: #00275d; background: #fff;}
input{font-family: verdana, arial, sans-serif;}
html>body {font-size: 100%;}
*:first-child+html body {font-size: 101%;}
fieldset, img, acronym, abbr { border:0; }
ol, ul { list-style:none; }
caption, th, td {text-align:left;}
table {font-size: 100%; border-collapse:collapse; border-spacing:0;}
/* limpiar flujo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;} /* final hack IE-mac */
div:after, ul:after, dl:after, dd:after, dt:after{content:"";display:block; clear:both; height:0; visibility:hidden;}
/* Tamanos de elementos */
p, a, ul li, dt, dd, ol li, em, strong, address, input, select, label, td, th, caption, form label{font-size:1.2em;}
h1, h2, h3, h4, h5{font-size: 1em; font-weight: normal;}
a{color: #e95f03;}
html>/**/body a{outline: none;}
a:hover{text-decoration: none;}
a img{border: none;}
p a, p em, li a, ul li p, ul li ul li, ol li a, ol li p, dl dd a, dl dd p, ul li *, ol li *, ol li *,ol li ul li p, dl dt p, dl dt a, p input, label li, p input, p strong, em span,td a, th a, dd li, dd li a,h1 a,h2 a,h3 a,h4 a, h5 a, label input, p code, p label, address p{font-size:1em;}
h1, h2, h3, h4, h5{font-size: 1em;}
pre,code{ margin: 1.5em 0; white-space: pre; }
pre,code,tt{ font: 1.1em "andale mono", "lucida console", monospace; line-height: 1.5; }
pre code, code a{font-size: 1em;}
samp{font-family: "andale mono", "lucida console", monospace; color: #00f;}
/* clases reutilizables */
.left{float: left;}
.right{float: right;}
.indentado{position: absolute; left: -9999em; text-indent: -9999em; line-height: 0;}
.oculto{display: none;}
*:first-child+html div.oculto{display: none;}
.bold{font-weight: bold;}
/* ----------------------
ESTRUCTURA
----------------------- */
/* =contExterior */
#contExterior{}
/* =contInterior */
#contInterior{}
/* =header */
#header{background: #00275d; height: 17.2em; border-bottom: .3em solid #969c9e;}
#header .interior{width: 71.5em; margin: 0 auto; text-align: left; position: relative;}
#header h1{position: absolute; top: 4.9em; left: 0;}
#header h1 img{width: 17.5em; height: 3.9em;}
#header .banner{position: absolute; top: 4.9em; right: 0;}
#header .banner img{width: 51.3em; height: 10.5em;}
/* =idioma */
#header #idioma{height: 3.7em; padding-top: 1.2em; text-align: right;}
#header #idioma ul{display: inline; }
#header #idioma ul li{display: inline; background-position: 0 0.3333em; background-repeat: no-repeat; padding-left: 1.25em; margin-left: 1.1666em;}
#header #idioma ul li.es{background-image: url(../images/icoFlagEs.gif);}
#header #idioma ul li.en{background-image: url(../images/icoFlagEn.gif);}
#header #idioma ul li.ca{background-image: url(../images/icoFlagCa.gif);}
#header #idioma ul li a{color: #fff;}
/* =contenido */
#contenido{padding-top: 2.2em;}
#contenido .interior{width: 71.5em; margin: 0 auto; text-align: left;}
/* =menu */
#menu{width: 17.5em; float: left;}
#menu li ul{display: none;}
#menu li.activo ul{display: block;}
#menu ul.primerNivel li{border-bottom: 1px solid #969c9e; text-align: right;}
#menu ul.primerNivel li a{padding: .5833em; text-decoration: none; color: #00275d; display: block;}
#menu ul.primerNivel li a:hover, #menu ul.primerNivel li.activo a{background: #eceeef;}
#menu ul.primerNivel li.activo ul{}
#menu ul.primerNivel li.activo ul li a{background: none; border-bottom: 0;}
#menu ul.primerNivel li ul li{border-bottom: 0;}
#menu ul.primerNivel li ul{margin: .75em 1.1666em .75em 0;}
* html #menu ul.primerNivel li ul{margin-bottom: 0; padding-bottom: .75em;}
#menu ul.primerNivel li ul li{border-bottom: 0; padding: .25em 1em .25em 0;border-right: 1px solid #c0c6c8;}
#menu ul.primerNivel li ul li a{font-size: .9166em; display: inline; padding-left: 0; padding-right: 0;}
#menu ul.primerNivel li ul li a:hover{text-decoration: underline; background: none;}
#menu ul.primerNivel li ul li.activo a{font-weight: bold; color: #e95f03;}
#menu ul.primerNivel li ul li.activo a:hover{text-decoration: none; cursor: default;}
/* =cuerpo */
#cuerpo div.alignCenter p{text-align: center;}
#cuerpo{width: 51.5em;height: 50em; float: right;}
html>body #cuerpo{min-height: 50em; height: auto;}
#cuerpo .extraInfo{float: left;}
#cuerpo .extraInfo p.right{width: 100%; text-align: right;}
#cuerpo .titulo{background: #00275e; float: left; width: 51.5em; margin-bottom: 1.9em;}
#cuerpo p{text-align: justify; margin-bottom: 1.1666em;}
#cuerpo h2{font: normal 1.9em Arial, Helvetica, sans-serif; color: #969b9e;}
#cuerpo h2 span{color: #fff;}
#cuerpo a{font-weight: bold;}
#cuerpo ul{margin-left: 2.6666em;}
#cuerpo ul li{text-align: justify; padding-left: 1.3333em; background: url(../images/bullet.gif) 0 0.333em no-repeat; margin-bottom: 0.6333em;}
#cuerpo h3{font: bold 1.6em Arial, Helvetica, sans-serif; padding-bottom: .1875em; background: url(../images/bgPuntosH.gif) bottom left repeat-x; margin-bottom: 1.0625em; }
#cuerpo h4{font: bold 1.2em Arial, Helvetica, sans-serif; margin-bottom: .8333em;}
/* =footer */
#footer{float: left; width: 100%; border-top: 1px solid #969ea6; padding: .7em 0 2em; margin-top: 2em;}
#footer p, #footer a{color: #6d829f; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
/* ----------------------
bloques especificos
------------------------*/
/* =localizacion */
#cuerpo #localizacion{width: 440px; padding-left: 40px; padding-bottom: 3em; float: left;}
#cuerpo #localizacion .bloque{margin-left: 30px; width: 40%; float: left; display: inline;}
#cuerpo #localizacion .bloque h3{font: normal 1.4em arial, Verdana, Arial, Helvetica, sans-serif; color: #00275d; margin-bottom: .5714em; background: none;}
#cuerpo #localizacion .bloque h3 span{color: #e95f03;}
#cuerpo #localizacion .bloque address p{margin: 0; font-size: .9166em; color: #6d829f; font-style: italic;}
#cuerpo #localizacion .bloque address a{margin: 0; font-size: .9166em; color: #e95f03; font-style: italic; font-weight: normal;}
#contenido .interior #cuerpo #localizacion .bloque .interior{padding: 0 1em; width: auto;}
#cuerpo #localizacion .bloque .mapa images{width: 11.8333em; height: 5.5em; border: 2px solid #969c9e; margin-bottom: 1.4em;} /* 142 x 66 */
/*#cuerpo #localizacion .sep{background: url(../images/bgPuntosV.gif) 100% 0 repeat-y;}*/
/* =masInfo */
a.masInfoLink{padding-right: 1.25em;}
a.up{background: url(../images/icoMasInfoLinkUp.gif) 100% 0.25em no-repeat;}
a.down{background: url(../images/icoMasInfoLink.gif) 100% 0.25em no-repeat;}
/* =pdf */
a.pdf{padding-left: 2em; height: 1.3333em; display: block; background: url(../images/icoPdf.gif) 0 0 no-repeat;}
#cuerpo p a.pdf{float: right;}
/* =ficha (quienes somos) */
#cuerpo .ficha{padding: 0 1.1em;}
#cuerpo .ficha .datos{width: 30.2em; padding-right: 3.1em; float: left;}
#cuerpo .ficha .datos p{text-align: justify;}
#cuerpo .ficha .foto{background: #f8fafb; border: 2px solid #ebeeef; padding: 1.6em 1.3em; float: left; margin-top: .4em;}
#cuerpo .ficha .foto img{width: 12.0em; height: 15.5em; border: 2px solid #c9d1d4;} /* 120 x 155 */
/* =formClientes */
#formClientes, #formContacto{padding-left: 1.1em; padding-right: 1.4em;}
#formClientes form{width: 42em;}
#cuerpo #formClientes form p{position: relative; float: left; width: 100%;}
#cuerpo #formClientes form fieldset{padding-top: .7em;}
#cuerpo #formClientes form fieldset p{margin-bottom: 1em;}
#cuerpo #formClientes form fieldset.pMarB8 p{margin-bottom: .6666em; padding-top: 0;}
#cuerpo #formClientes form p.right{text-align: right;}
#cuerpo #formClientes form p label span{padding-left: 1.1666em; font-weight: bold;}
#cuerpo #formClientes form p label span.campoObligatorio{position: absolute; left: 0; padding-left: 0;padding-top: .3333em;}
html>/**/body #cuerpo #formClientes form p label span.campoObligatorio{padding-top: .1666em;}
#cuerpo #formClientes form p label.radio{margin-left: 7px;}
html>/**/body #cuerpo #formClientes form p label.radio{margin-left: 15px;}
#cuerpo #formClientes form p label span.lbRadio{font-weight: normal; padding-left: 0; cursor: pointer;}
#cuerpo #formClientes textarea{font: normal 12px verdana, Arial, Helvetica, sans-serif; margin-left: 1.1666em; padding: .4166em; border: 1px solid #7f9db9; width: 33em; height: 5.666em; margin-top: .4166em;}
/* =formContacto */
#cuerpo #formContacto{padding-bottom: 5.6em;}
#cuerpo #formContacto form p{position: relative; float: left; width: 100%;}
#cuerpo #formContacto form fieldset{padding-top: .7em;}
#cuerpo #formContacto form fieldset p{margin-bottom: 1em;}
#cuerpo #formContacto form fieldset.pMarB8 p{margin-bottom: .6666em; padding-top: 0;}
#cuerpo #formContacto form p.right{text-align: right;}
#cuerpo #formContacto form p label span{padding-left: 1.1666em; font-weight: bold;}
#cuerpo #formContacto form p label span.campoObligatorio{position: absolute; left: 0; padding-left: 0;padding-top: .3333em;}
#cuerpo #formContacto textarea{font: normal 12px verdana, Arial, Helvetica, sans-serif; padding: .4166em; border: 1px solid #7f9db9; width: 29.6666em; height: 5.666em; float: right;}
/* anchos de los input y label */
#cuerpo form p label span.a108{display: block; width: 9em; float: left; font-weight: bold; padding-top: .333em;}
html>/**/body #cuerpo form p label span.a108{padding-top: .1666em;}
#cuerpo form p label span.a228{display: block; width: 19em; float: left; font-weight: bold; padding-top: .333em;}
* html #cuerpo form p label span.a228{width: 18.7em;}
#cuerpo form p label span.a120{display: block; width: 10em; float: left; font-weight: bold; padding-top: .333em;}
* html #cuerpo form p label span.a120{width: 9.7em;}
#cuerpo form p label input.a170{width: 13.333em; height: 1.25em; padding: .1666em .4166em .25em; border: 1px solid #7f9db9;}
#cuerpo form p label input.a176{width: 13.8333em; height: 1.25em; padding: .1666em .4166em .25em; border: 1px solid #7f9db9;}
#cuerpo form p label input.a132{width: 10.1666em; height: 1.25em; padding: .1666em .4166em .25em; border: 1px solid #7f9db9;}
#cuerpo form p label select.a286{width: 286px; height: 20px; border: 1px solid #7f9db9; padding: 1px;}
#cuerpo form p label select.a132{width: 132px; height: 20px; border: 1px solid #7f9db9; padding: 1px;}
/* =boton */
.botones{float: right;}
.botonForm{display: inline; margin-left: 10px;cursor: pointer; float: left;}
.botonForm .l{background: url(../images/lBoton.jpg) bottom left no-repeat; padding-left: 8px;cursor: pointer;}
.botonForm .c{background: url(../images/boton.jpg) bottom left repeat-x;cursor: pointer;}
* html .botonForm .l, * html .botonForm .c{display: inline;}
.botonForm input.boton{background: url(../images/rBoton.jpg) bottom right no-repeat; overflow: visible; border: none;height: 21px; padding-right: 8px; padding-bottom: 2px;cursor: pointer;}
html>/**/body .botonForm input.boton{padding-bottom: 4px;}
#cuerpo .btCentrado{text-align: center;}
#cuerpo .btCentrado .botonForm{margin-left: auto; margin-right: auto; margin-bottom: 5.4em; width: 100%; text-align: center;}
#cuerpo .btCentrado .l{width: 17em; margin: 0 auto;}
#cuerpo .btCentrado .c{margin: 0 auto;}
#cuerpo .btCentrado input.boton{width: 170px;}
#cuerpo .btCentrado h3{text-align: left; clear: both;}
/* =infoForm */
.infoForm{background: #edf1f5; padding: .6em 1.3em; margin-bottom: 3em;}
#cuerpo .infoForm p{margin-bottom: 0;}
.infoForm em{font-size: .9166em;}
/* =cita */
#cuerpo .cita{margin-top: 1.8em; margin-bottom: 3.1em; float: left; width: 50.4em; padding-left: 1.1em;}
#cuerpo blockquote{font: italic 1.25em "Times New Roman", georgia, times, serif; background: #f7f9fa url(../images/quot.gif) 1.3846em 0.3079em no-repeat; border-left: 2px solid #dcdedf; padding: .4615em 1.0769em 0 4.7692em; margin-left:2.5384em;}
#cuerpo blockquote p{margin-bottom: 1.2307em;}
/* =ofertas */
#cuerpo table.ofertas{margin-bottom: 2.6em;}
#cuerpo table.ofertas th{font-size: 1.1em; background: #c8d0d5; border: 1px solid #fff; padding: 11px 3px 5px;}
#cuerpo table.ofertas td{font-size: 1em; vertical-align: top; border: 1px solid #fff; padding: 5px 3px;}
#cuerpo table.ofertas tr{background: #fff; color: #00275d;}
#cuerpo table.ofertas tr.par{background: #edf1f5;}
#cuerpo table.ofertas tr a{color: #00275d; font-weight: normal; text-decoration: none;}
/* =paginacion */
#cuerpo div.paginacion{padding-bottom: .7em;}
#cuerpo div.paginacion p{text-align: center; margin-bottom: .75em;}
#cuerpo div.paginacion p.paginacion{font-weight: bold;}
#cuerpo div.paginacion span.anterior a img, #cuerpo div.paginacion span.siguiente a img{display: inline; vertical-align: bottom;}
#cuerpo div.paginacion span.anterior a img{padding-right: 7px;}
#cuerpo div.paginacion span.siguiente a img{padding-left: 7px;}
/* -----------------------
DECORACION
-------------------------*/
/* =titulo */
.titulo .tl{background: url(../images/tlTitulo.gif) top left no-repeat;}
.titulo .tr{background: url(../images/trTitulo.gif) top right no-repeat;}
.titulo .bl{background: url(../images/blTitulo.gif) bottom left no-repeat;}
.titulo .br{background: url(../images/brTitulo.gif) bottom right no-repeat;}
#cuerpo .titulo .br{padding: .4em 1.1em .3em;}
/* ----------------------
TABLAS LAYOUT
------------------------*/
/* =layout */
#cuerpo table.layout{float: left;}
#cuerpo table.layout p{font-size: 1em;}
#cuerpo table.layout td{vertical-align: top;}
#cuerpo table.pad5 td{padding: 0 5px;}
#cuerpo table.pad10 td{padding: 0 10px;}
#cuerpo table.pad15 td{padding: 0 15px;}
#cuerpo table.pad20 td{padding: 0 20px;}
#cuerpo div.clearBoth{clear: both;}
#cuerpo div.alignLeft p, #cuerpo table.alignLeft p{text-align: left;}