@charset "UTF-8";

/* Alberto Arcos
   Hoja de estilos principal
	 Kike Valdenebro
	 2009.05.24
*/

/* Normalizacion */
body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size:75%; color:#333333; margin:0; padding:0; background:#ffffff url(_gfx/bgd_body01.jpg) 0 0 repeat; overflow-y:scroll} /* Tipo base: Arial 1em = 12px */

/* Estilos generales */
a {color:#666666; 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 {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: 'BurnabyStencil';
	src: url('/_css/_fonts/BurnabyStencil.eot');
	src: local('Burnaby Stencil'), local('BurnabyStencil'), url('/_css/_fonts/BurnabyStencil.woff') format('woff'), url('/_css/_fonts/BurnabyStencil.ttf') format('truetype'), url('/_css/_fonts/BurnabyStencil.svg#BurnabyStencil') format('svg');
}

.grande {font-size:1.33em}
.pequeno {font-size:0.66em}

/* Notificacion de actualización de navegador */
#notification {display:none; height:23px; background:url(_gfx/bgd-notification.gif) 0 0 repeat-x}
#notification .inner {background:url(_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%}
#deco {position:absolute; right:0; bottom:0; z-index:10; width:100%; height:100%}
#general {width:968px; padding:0 16px 0 16px; margin:0 auto 0 auto}
#col-izq {position:relative; z-index:1000; width:238px; margin:0 16px 0 0; float:left}
#col-der {position:relative; z-index:100; width:828px; margin-left:-114px; float:left}

/* Decoracion por seccion */
#subbody.index #deco {background:url(_gfx/_deco/bgd_deco_azul.jpg) right bottom no-repeat}
#subbody.seccion01 #deco {background:url(_gfx/_deco/bgd_deco_verdemusgo.jpg) right bottom no-repeat}
#subbody.seccion02 #deco {background:url(_gfx/_deco/bgd_deco_teja.jpg) right bottom no-repeat}
#subbody.seccion03 #deco {background:url(_gfx/_deco/bgd_deco_tierra.jpg) right bottom no-repeat}
#subbody.seccion04 #deco {background:url(_gfx/_deco/bgd_deco_verdeoliva.jpg) right bottom no-repeat}
#subbody.seccion05 #deco {background:url(_gfx/_deco/bgd_deco_rosa.jpg) right bottom no-repeat}
#subbody.seccion06 #deco {background:url(_gfx/_deco/bgd_deco_amarillo.jpg) right bottom no-repeat}

/* Columna izquierda */
#logo {position:relative; margin:0 0 0 -16px}
#logo h1,
#logo div {display:block; width:226px; height:131px; background:url(_gfx/lgo_albertoarcos01.png) 0 0 no-repeat; text-indent:-100000px}
#logo h1 a,
#logo div a {display:block; width:100%; height:100%}
.index #logo h1 {display:block; width:400px; height:210px; background:url(_gfx/lgo_albertoarcos02.png) 0 0 no-repeat; text-indent:-100000px}

#main-nav {padding:60px 0 0 0; line-height:2.8em}
#main-nav ul {list-style-type:none; color:#999999; margin:0; padding:0}
#main-nav ul li {height:100%; list-style-type:none; font-family:"BurnabyStencil", Helvetica, Arial, sans-serif; font-size:3.33em; padding:0 0 0 0; margin:0; line-height:0.9em}
#main-nav ul li a {color:#999999; font-size:1em}
#main-nav ul li a:hover {text-decoration:none}
#main-nav ul li.index a:hover {color:#456c98}
#main-nav ul li.seccion01 a:hover {color:#9fc05e}
#main-nav ul li.seccion02 a:hover {color:#b15635}
#main-nav ul li.seccion03 a:hover {color:#bfaf5f}
#main-nav ul li.seccion04 a:hover {color:#6d8a5a}
#main-nav ul li.seccion05 a:hover {color:#db8ecf}
#main-nav ul li.seccion06 a:hover {color:#eed737}
#main-nav ul li strong {color:#000000; font-weight:normal}
#main-nav ul li ul {padding:0.1em 0 0.2em 30px}
#main-nav ul li ul li {font-size:0.7em}


/* Columna derecha */

/* Contenido */
#contenido {padding:0 114px 0 114px; background:url(_gfx/bgd_hoja.png) 0 0 repeat-y}

/* Visor de imagenes */
#imagen {}
#imagen img {display:block; margin:0; padding:0; border:none}

/* Galeria fade */
#galeria-fade {position:relative; width:600px; height:300px; overflow:hidden; background:#ffffff}
#galeria-fade img {display:block; margin:0; padding:0; border:none}

#subbody.index #galeria-fade {height:400px; background:#fed200}

/* Zona de contenido textual */
#texto {padding:20px 150px 0 40px}
#texto.ancho {padding:20px 40px 0 40px}

#texto .indentado {padding-left:50px}

#texto .a_volver {float:right; font-size:1.2em}

#texto .titular01 {font-family:"BurnabyStencil", Arial, Helvetica, sans-serif; font-size:5em; font-weight:normal; padding:0 0 35px 0; margin:0}
#texto .titular02 {font-family:"BurnabyStencil", Arial, Helvetica, sans-serif; font-size:2.5em; font-weight:normal; padding:0; margin:0 0 -5px 0}
#texto .titular03 {width:520px; font-size:2em; padding:0 0 35px 0}
#texto .titular04 {width:520px; font-size:2.5em; margin:-35px 0 0 0; padding:0 0 35px 0}

#subbody.index #texto .titular01,
#subbody.index #texto .titular02,
#subbody.index #texto a {color:#456c98}
#subbody.seccion01 #texto .titular01,
#subbody.seccion01 #texto .titular02,
#subbody.seccion01 #texto a {color:#9fc05e}
#subbody.seccion02 #texto .titular01,
#subbody.seccion02 #texto .titular02,
#subbody.seccion02 #texto a {color:#b15635}
#subbody.seccion03 #texto .titular01,
#subbody.seccion03 #texto .titular02,
#subbody.seccion03 #texto a {color:#bfaf5f}
#subbody.seccion04 #texto .titular01,
#subbody.seccion04 #texto .titular02,
#subbody.seccion04 #texto a {color:#6d8a5a}
#subbody.seccion05 #texto .titular01,
#subbody.seccion05 #texto .titular02,
#subbody.seccion05 #texto a {color:#db8ecf}
#subbody.seccion06 #texto .titular01,
#subbody.seccion06 #texto .titular02,
#subbody.seccion06 #texto a {color:#eed737}

#texto ul {list-style-type:none; margin:0; padding:0 0 10px 0}
#texto ul li {padding:0 0 0.2em 1.75em; background:url(_gfx/blt_01.gif) 0 0.5em no-repeat}

#texto dl {list-style-type:none; margin:0; padding:0 0 10px 0}
#texto dl dt {font-size:2em; padding:0 0 0.1em 1em; background:url(_gfx/blt_01.gif) 0 0.5em no-repeat}
#texto dl dd {padding:0 0 1.5em 0; margin:0 0 0 2em}

#texto .noticia {padding:0 0 30px 0}
#texto .noticia .col1 {float:left; width:120px; padding:10px 20px 10px 0}
#texto .noticia .col1 img {display:block}
#texto .noticia .col2 {float:left; width:270px}
#texto .noticia .titulo {font-size:2em; line-height:1em; padding:0 0 10px 0}
#texto .noticia .titulo .fecha {font-size:0.5em; line-height:1em}

#texto ul.ul-compania {list-style-type:none; margin:0; padding:0 0 10px 0}
#texto ul.ul-compania li {padding:0 0 20px 1.75em; background:url(_gfx/blt_01.gif) 0 0.5em no-repeat}
#texto ul.ul-compania li h5 {padding:0 0 5px 0}

#texto table.tb-compania {width:100%; margin:5px 0 0 0; border-collapse:collapse; border-top:1px solid #cccccc}
#texto table.tb-compania tr {}
#texto table.tb-compania tr td {border-bottom:1px solid #cccccc; padding:3px 10px 3px 10px; vertical-align:top}
#texto table.tb-compania tr td.col1 {width:40%; font-weight:bold}
#texto table.tb-compania tr td.col2 {width:60%}
#texto table.tb-compania tr td strong {display:inline-block}

/* Galerias de imagenes */
#galeria-lb {padding:0 0 30px 0}
#galeria-lb .imagen {float:left; margin:0 4px 4px 0; text-align:center}
#galeria-lb .imagen img {display:block; margin:0; padding:0}

/* Formularios */
.formulario {padding:20px 0 30px 0}
.formulario fieldset {border:none; padding:0 0 20px 0; margin:0}
.formulario fieldset legend {}
.formulario label {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#333333}
.formulario select {border:1px solid #bcbcbc; padding:1px 1px 1px 3px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#7a7a7a}
.formulario input.text {border:1px solid #bcbcbc; padding:2px 3px 3px 3px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#7a7a7a}
.formulario input.checkbox,
.formulario input.radio {margin-right:5px; position:relative; top:2px}
.formulario textarea {border:1px solid #bcbcbc; padding:3px; height:110px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#7a7a7a}
/* Catalogo de tamanos para elementos */
.formulario label.long1 {display:inline-block; width:25px; text-align:right}
.formulario label.long2 {display:inline-block; width:54px; text-align:right}
.formulario label.long3 {display:inline-block; width:112px; text-align:right}
.formulario label.long4 {display:inline-block; width:228px; text-align:right}
.formulario span.long1 {display:inline-block; width:25px; text-align:right}
.formulario span.long2 {display:inline-block; width:54px; text-align:right}
.formulario span.long3 {display:inline-block; width:112px; text-align:right}
.formulario span.long4 {display:inline-block; width:228px; text-align:right}
.formulario input.long1 {width:17px}
.formulario input.long2 {width:46px}
.formulario input.long3 {width:104px}
.formulario input.long4 {width:220px}
.formulario select.long1 {width:43px}  /* Especial (no coincide en ancho con long1) */
.formulario select.long2 {width:54px}
.formulario select.long3 {width:112px}
.formulario select.long4 {width:228px}
.formulario textarea.long3 {width:104px}
.formulario textarea.long4 {width:220px}
/* Esquema normal: Etiquetas a la izquierda de las cajas */
.formulario .fila {display:block; height:100%; padding:0; margin:0 0 4px 0; clear:both}
.formulario .fila .col1 {display:block; float:left; text-align:right; width:150px; margin-right:10px; padding-top:4px}
.formulario .fila .col2 {display:block; float:left; text-align:left; width:330px;  margin:0}
.formulario .fila .col2 .float {display:block; float:left}
/* Botones genericos */
input.button {cursor:pointer; display:block; float:left; height:25px; padding:0 11px 3px 18px; margin:0; background:url(gfx/btn_generico_izq.png) 0 0 no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#4ab3ff; overflow:visible}
span.button_der {display:block; float:left; height:25px; width:7px; padding:0; margin:0; background:url(gfx/btn_generico_der.png) right 0 no-repeat; font-size:1px}
.botones {position:static; display:block; float:right; width:auto; clear:both; margin:0; padding:0 0 18px 0}
.botones input.boton {margin-left:3px; padding:5px 10px 5px 10px; background:#666666; border:none; color:#ffffff; cursor:pointer}
.formulario .botones {padding-top:8px}

.form-contacto {width:389px}
.form-contacto .fila .col2 {width:226px}
.form-contacto input.boton {background:#eed737}

/* Fichas de datos */
.ficha-datos {padding:20px 0 30px 0}
.ficha-datos .col1 {width:150px; padding:0 10px 10px 0; float:left; text-align:right}
.ficha-datos .col2 {width:150px; padding:0 0 10px 0; float:left; font-weight:bold}

/* Pie de pagina */
#pie {padding:120px 114px 10px 114px; color:#000000; background:url(_gfx/bgd_pie.png) 0 0 no-repeat}