@charset "UTF-8";

/* Oxígeno Legal
   Kike Valdenebro
   2009.11.15
   Hoja de estilos principal
*/

/* Normalizacion */

html {width:100%; height:100%}
body {position:relative; font-family:Arial, Helvetica, Tahoma, sans-serif; font-size:75%; color:#7F726B; margin:0; padding:0; background:#ffffff; width:100%; height:100%; min-width:988px; min-height:630px; overflow-y:scroll} /* Tipo base: Arial 1em = 12px */

/* Estilos generales */

a {color:#96c045; text-decoration:none}
a:hover {text-decoration:underline}
p {padding:0 0 10px 0; margin:0}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; padding:0; margin:0}
img {border:none; margin:0; padding:0}
ul, ol, dl {margin:0; list-style-type:none; padding:0 0 10px 0}
.hide {display:none}
.clear {display:block; clear:both; height:0px; margin-top:-2px; font-size:1px}
.left {float:left}
.right {float:right}

/* Tipografias */

@font-face {
	font-family: 'SansationLight';
	src: url('/_style/_fonts/Sansation_Light.eot');
	src: local('Sansation Light'), local('SansationLight'), url('/_style/_fonts/Sansation_Light.woff') format('woff'), url('/_style/_fonts/Sansation_Light.ttf') format('truetype'), url('/_style/_fonts/Sansation_Light.svg#SansationLight') format('svg');
}

h2 {font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:3.9em; color:#86a469; line-height:0.9em; letter-spacing:-1px}
.antetitulo {font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:2em; color:#86a469; line-height:1.1em}
h3 {font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; color:#38442d; line-height:0.9em}
h3 a {color:#38442d}

.mayor {font-size:1.1em!important}
.menor {font-size:0.9em!important}

/* Notificacion de actualización de navegador */

#notification {display:none; height:23px; background:url(/_style/_gfx/bgd-notification.gif) 0 0 repeat-x}
#notification .inner {background:url(/_style/_gfx/ico-notification.gif) 5px 3px no-repeat; padding:3px 0 3px 24px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#notification .inner a {color:#000000; text-decoration:underline}

/* Estructura general de la pagina */

#subbody {position:relative; width:100%; height:100%; min-width:988px; min-height:630px; overflow:hidden}
#deco {position:absolute; right:-500px; top:0; z-index:10; width:122%; height:122%}  /* Esta posicion sera modificada dinamicamente */
#general {position:relative; left:0; top:0; z-index:100; width:100%; height:100%; min-width:988px; min-height:630px}
#contenido {position:relative; left:0; top:0; z-index:10; width:100%; height:100%; min-width:988px; min-height:630px}

/* Capa de decoriacion */
#deco .inner {width:100%; height:100%; background:url(/_style/_gfx/bgd-deco.gif) right top no-repeat}
#deco .alt {display:none; width:100%; height:100%}

/* Elementos generados dinamicamente */

#contenido-visor {position:absolute; top:0; left:0; width:1000%; height:1000%}
.seccion {width:10%; height:100%; float:left}
.pagina {position:relative; width:100%; height:10%}

/* Elementos comunes a todas las paginas */

#logo {position:absolute; left:44px; top:33px; z-index:100; width:226px; height:93px}
#logo a {display:block; width:226px; height:93px}
#logo img {display:block}
#logo span {display:none}

#mainnav {position:absolute; left:0; top:168px; z-index:100}
#mainnav ul {list-style-type:none; padding:0}
#mainnav ul li {display:block}
#mainnav ul li a {display:block; font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:2em; color:#ffffff; text-decoration:none; line-height:0.9em; width:245px; padding:6px 5px 7px 20px; background:#bbaaa0; border-top:2px solid #ffffff; filter:alpha(opacity=100);}
#mainnav ul li a:hover,
#mainnav ul li a.hover {background:#86a469}
#mainnav ul li ul {display:none}
#mainnav ul li ul li a {font-size:1.4em; width:225px; background:#cdcfbe;border-left:20px solid #ffffff}

#mainnav ul li.currentpage a {background:#bbe26e; cursor:default}
#mainnav ul li.activeparent ul {display:block}
#mainnav ul li.currentpage ul li a {background:#cdcfbe; cursor:pointer}
#mainnav ul li.currentpage ul li a:hover,
#mainnav ul li.currentpage ul li a.hover {background:#86a469}

#cta-telefono {position:absolute; left:0; bottom:0; z-index:100}
#cta-telefono a {display:block; font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; color:#ffffff; text-decoration:none; line-height:0.9em; width:235px; height:90px; padding:10px 15px 0 20px; background:#86a469; filter:alpha(opacity=100);}
#cta-telefono a .telefono {display:block; font-size:2em; line-height:normal; font-weight:normal; padding:4px 0 0 0}

#pie {display:none; position:absolute; right:8px; bottom:-3px; z-index:100; text-align:right; font-size:0.9em; color:#53564e; -webkit-text-size-adjust:none}
.index #pie {display:block}
#pie a {color:#787a70}
#pie a:hover {color:#86A469; text-decoration:none}
#pie .w3cvalidado {display:inline-block; width:77px; height:15px; padding-bottom:2px; background:url(/_style/_gfx/ico-w3cvalidado.gif) 0 0 no-repeat; text-indent:-100000px; vertical-align:middle}
#pie .w3cvalidado span {display:none}

/* Contenido: Elementos especificos de cada pagina */

#contenido-cargando {position:absolute; left:300px; top:320px; padding:0 0 20px 40px; width:300px; font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:3.1em; color:#86a469; line-height:0.9em; letter-spacing:-1px; background:#ffffff; filter:alpha(opacity=100);}

#zona-principal {position:absolute; left:300px; top:0; width:640px; height:350px}

#claim {position:absolute; left:0; bottom:-5px}
#claim span,
#claim h2,
#claim h3 {display:block; padding:0 0 10px 40px; font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:5em; color:#86a469; line-height:0.9em; letter-spacing:-1px; background:#ffffff; filter:alpha(opacity=100);}

ul#promo {position:absolute; left:0; bottom:-4px; width:100%; padding:0; margin:0; list-style-type:none}
ul#promo h2,
ul#promo h3 {font-family:inherit; font-size:inherit; letter-spacing:inherit; line-height:inherit; color:inherit}
ul#promo li {display:none; position:absolute; left:0; bottom:0; padding-left:40px; background:#ffffff}
ul#promo li .sup {display:block; font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:3em; color:#86a469; line-height:0.9em; letter-spacing:-1px; background:#ffffff; filter:alpha(opacity=100);}
ul#promo li .inf {display:block; font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:2em; color:#86a469; line-height:0.9em; letter-spacing:0px; background:#ffffff; filter:alpha(opacity=100);}
ul#promo li .inf a {padding-right:12px; background:url(/_style/_gfx/blt-link01.gif) right 10px no-repeat}
ul#promo li br {line-height:2em}

#areas {position:absolute; left:300px; bottom:0; height:107px}
#areas ul {list-style-type:none; padding:0; margin:0}
#areas ul li {display:block; font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; padding:0 10px 0 40px; background:#ffffff; color:#38442d; filter:alpha(opacity=100);}
#areas ul li h2,
#areas ul li h3 {font-family:inherit; font-size:inherit; letter-spacing:inherit; line-height:inherit; color:inherit}
#areas ul li a {color:#38442d; text-decoration:none}
#areas ul li a:hover {color:#86A469; text-decoration:none}

.capa01 {position:absolute; left:340px; top:0; width:500px; height:100%; padding:0 75px 0 25px; background:url(/_style/_gfx/bgd-capa01.png) 0 0 repeat-x}  /* Esta altura sera modificada dinamicamente */

.capa01 .titulares {padding-top:193px}
.capa01 .titulares h2 {width:550px; padding:0 0 30px 0}
.capa01 .titulares .antetitulo {width:550px}
.capa01 h3 {width:550px; padding:3px 0 5px 0}

.capa01 .a-vermas {padding:0 12px 0 0; background:url(/_style/_gfx/blt-link01.gif) right 2px no-repeat; white-space:nowrap}

.capa01 ul {list-style-type:disc; list-style-position:inside; padding:0 0 10px 0}
.capa01 ul li {padding-bottom:5px}
.capa01 ul li.li-enlace {list-style-type:none; font-size:1.2em; padding:0 0 5px 16px; background:url(/_style/_gfx/blt-link01.gif) 0 3px no-repeat}
.capa01 ol {padding:0 0 10px 25px; list-style-type:decimal; list-style-position:outside}
.capa01 ol li {font-family:'SansationLight', Verdana, Arial, Helvetica, sans-serif; font-size:2em; color:#86A469; padding-bottom:5px}
.capa01 ol li p {font-family:Arial, Helvetica, sans-serif; font-size:0.5em; color:#7F726B}

.capa01 .visor-logos {position:relative; margin-top:20px; width:518px; height:110px; border:1px solid #adadaf; background:#ffffff; overflow-y:scroll}
.capa01 .visor-logos .visor-logos-carro {}
.capa01 .visor-logos .visor-logos-carro a {width:100%; padding:10px 0 10px 0; background:#ffffff}
.capa01 .visor-logos .visor-logos-carro a img {display:block; text-align:center; vertical-align:middle; margin:0 auto 0 auto}

.capa01 .volver {position:absolute; left:25px; bottom:25px}
.capa01 .volver a {font-size:1.2em; padding:0 0 0 16px; background:url(/_style/_gfx/blt-link02.gif) 0 5px no-repeat}

/* Formularios */
.form {width:500px; padding:0 0 50px 0}
.form fieldset {border:none; padding:0 0 20px 0; margin:0}
.form fieldset legend {}
.form label {}
.form select {border:1px solid #bcbcbc; width:228px; padding:1px 1px 1px 3px; background:#fafaf8; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#7a7a7a}
.form input[type='text'] {border:1px solid #bcbcbc; width:220px; padding:2px 3px 3px 3px; background:#fafaf8; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#7a7a7a}
.form input[type='checkbox'],
.form input[type='radio'] {margin-right:5px}
.form textarea {border:1px solid #bcbcbc; width:220px; padding:3px; height:110px; background:#fafaf8; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#7a7a7a}
/* Catalogo de tamanos para elementos */
.form .long1 input {width:17px}
.form .long2 input {width:46px}
.form .long3 input {width:104px}
.form .long4 input {width:220px}  /* Por defecto */
.form .long5 input {width:332px}
.form .long1 select {width:43px}  /* Especial (no coincide en ancho con long1) */
.form .long2 select {width:54px}
.form .long3 select {width:112px}
.form .long4 select {width:228px}  /* Por defecto */
.form .long5 select {width:336px}
.form .long3 textarea {width:104px}
.form .long4 textarea {width:220px}  /* Por defecto */
.form .long5 textarea {width:332px}
/* Esquema normal: Etiquetas a la izquierda de las cajas */
.form .form-row {display:block; height:100%; padding:0; margin:0 0 4px 0; clear:both}
.form .form-row .form-row-col1 {display:block; float:left; text-align:right; width:150px; margin-right:10px; padding-top:4px}
.form .form-row .form-row-col2 {display:block; float:left; text-align:left; width:340px;  margin:0}
.form .form-row .form-row-col2 .float {display:block; float:left}
/* Botones genericos */
input[type='submit'],
input[type='reset'] {cursor:pointer; display:block; float:left; height:25px; padding:5px 10px 5px 10px; background:#BBE26E; border:none; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; overflow:visible}
.submit {position:static; display:block; float:right; width:auto; clear:both; margin:0; padding:0 0 18px 0}
.submit input[type='submit'],
.submit input[type='reset'] {margin-left:3px}
.form .submit {padding-top:8px}
/* Captcha */
.captcha {padding:20px 0 20px 160px}
.captcha img {display:block; margin:0 0 10px 0}
.captcha input[type='text'] {width:190px; margin-top:5px}
/* Errores */
.error_message,
.error_label {display:block; color:#CC0000; padding-bottom:5px}


/* Pop-Ups */

body.popup {width:auto; height:auto; min-width:0; min-height:0; overflow-y:scroll}
#general-popup {width:680px; padding:20px 25px 25px 25px}

#general-popup #logo {position:static; top:auto; left:auto; padding-bottom:40px}
#general-popup #logo h1 {display:block}
#general-popup .antetitulo {margin:-12px 0 30px 0}
#general-popup h2 {padding:0 0 35px 0; margin:-4px 0 0 0; background:#ffffff; filter:alpha(opacity=100);}
#general-popup h3 {padding:10px 0 8px 0; background:#ffffff; filter:alpha(opacity=100);}
#general-popup h3.h3-separado {padding:15px 0 8px 0; border-top:1px solid #eeeeee; margin-top:5px}
#general-popup ul {list-style-type:disc; list-style-position:outside; padding:0 0 10px 12px}
#general-popup ul li {padding-bottom:5px}
#general-popup ul.ul-link01 {list-style-type:none; padding:10px 0 10px 0}
#general-popup ul.ul-link01 li {font-size:1.2em; padding:0 0 5px 16px; background:url(/_style/_gfx/blt-link01.gif) 0 5px no-repeat}
#general-popup #pie {display:block; position:static; top:auto; left:auto; padding-top:40px}

/* Pop-Up Calendario */

.cal-upcominglist {padding-top:15px}
#general-popup h3.calendar-event-title {padding:0 0 8px 30px; margin-top:10px}
.calendar-date-from {display:block; font-size:0.9em; color:#86A469; margin:20px 0 -5px 0}
.calendar-summary {padding:0 0 5px 30px}
.calendar-details {padding:0 0 5px 30px}