/* Hoja de estilos para Ingenieria XXI desarrollada por Deusto Sistemas [PANTALLA] */
HTML,BODY {height:100%}
BODY {font:0.8em Verdana, Arial, Helvetica, sans-serif; background:#666666 url('../images/fdWeb.png')}
#contenedorPrincipal {margin:0 auto 10px auto; padding:0; width:760px; background:#FFFFFF url('../images/fdContenidos.png') bottom left repeat-x; border-left:1px solid #000000; border-right:1px solid #000000}
#bordeSuperior {position:relative; top:0; left:0; width:760px; height:60px; background:#333333 url('../images/fdBordeSuperior.png') no-repeat}

/* ESTILOS HOME */
#home H1 {margin:0; padding:0; width:166px; height:221px; display:inline; float:left; margin-left:30px; background:url('../images/home_logo.png') no-repeat}
#home H1 SPAN {display:none}
#home #contenedorPrincipal {background:#ffffff url('../images/fdHome_rayado.png') top left repeat-y}
#home #bloqueSuperior {width:760px; height:240px; background:transparent url('../images/home_rayado.png') bottom left repeat-x}
#home #bloqueSuperior IMG {float:left}
#home #bloqueInferior {width:760px; height:245px; margin-bottom:5px; background:#ffffff url('../images/fdContenidos.png') bottom left repeat-x}
#home #bloqueInferior #lateralIzda {width:30px; height:240px; float:left; background:url('../images/fdHome_rayado.png') 0 -5px repeat-y}
#home #bloqueInferior #menuSecciones {position:relative; top:0; left:0; width:166px; height:245px; float:left; background:#dddddd; z-index:2}
#home #bloqueInferior #textoIntro {position:relative; top:0; left:0; width:510px; height:195px; float:left; padding:25px}
#home #bloqueInferior #textoIntro P {margin-bottom:30px; font:0.85em Arial, Helvetica, sans-serif; color:#666666; text-align:justify; line-height:1.3em}
#home #bloqueInferior #textoIntro SPAN {font-weight:bold; color:#8b0100}
#home #bloqueInferior #textoIntro UL LI {margin:0 10px 20px 20px; list-style-image:url('../images/icnFlechaGranate.png'); font:0.85em Arial, Helvetica, sans-serif; color:#666666; text-align:justify}

/* ESTILOS CABECERA */
#cabecera {position:relative; top:0; left:0; width:760px; height:84px; background:#f8f8f9 url('../images/fdCabecera.png') repeat-x}
#cabecera #logo {position:absolute; top:0; left:10px; width:166px; height:69px}
#cabecera #tituloSeccion {position:absolute; top:0; right:0; width:570px; height:69px; background:url('../images/fdCabecera_engranaje.png') top right no-repeat}
H1 A {margin:0; padding:0; width:166px; height:69px; display:block; background:url('../images/logoInteriores.png') no-repeat}
H1 A SPAN {display:none}

/* ESTILOS MENU SECCIONES */
#menuSecciones {position:relative; top:0; left:10px; width:166px; height:100%; float:left; z-index:2}
/* Primer nivel */
#menuSecciones UL {width:155px; padding:0 1px; border-left:5px solid #ae0000; border-right:5px solid #ae0000}
#menuSecciones UL LI A {width:130px; height:25px; padding-left:25px; line-height:25px; display:block; border-top:1px solid #6d6d6d; border-bottom:1px solid #3b3b3b; background:#545454 url('../images/icnFlechaRoja.png') 10px 10px no-repeat; color:#efefef; font-weight:bold; font-size:0.8em}
#menuSecciones UL LI A:hover {background:#000000 url('../images/icnFlechaRoja.png') 10px 10px no-repeat}
#menuSecciones UL LI A.activado {background:#303030 url('../images/icnFlechaRoja_anim.gif') 10px 10px no-repeat; color:#ffffff}
/* Segundo nivel */
#menuSecciones UL UL {border:none; padding:0}
#menuSecciones UL LI UL LI A {width:130px; height:auto; padding-top:3px; padding-bottom:3px; line-height:normal; display:block; border:none; border-bottom:1px solid #7c7c7c; background:#cacaca; color:#5e5e5e; font-weight:normal; font-size:0.8em}
#menuSecciones UL LI UL LI A:hover {background:#dbdbdb}
#menuSecciones UL LI UL LI A.activado {background:#dbdbdb; color:#800000}
#menuSecciones UL LI UL LI A.ultimo {border:none}

/* ESTILOS CONTENIDOS */
#contenidos {padding:35px 35px 30px 220px; background:transparent url('../images/fdMenuSecciones.png') 10px 0 repeat-y}
html > body #contenidos {position:relative; top:0; left:0; width:500px; height:100%; padding:35px 0 30px 220px; background:transparent url('../images/fdMenuSecciones.png') 10px 0 repeat-y; z-index:1}
H4 {margin:20px 0 0 0; padding:0; height:27px; background:transparent url('../images/fdEncabezadoH4.png') bottom left repeat-x; color:#8b0100}
H4.primero {margin-top:0}
#contenidos P {margin:10px 0; padding:0; font-size:0.85em; text-align:justify; line-height:1.3em}
#contenidos P SPAN {color:#990000}
#contenidos IMG {padding-bottom:1px; border-bottom:3px solid #c40000}
#contenidos LI {list-style-type:square}
/* Servicios */
#serviciosIngAuxiliar #contenidos LI, #serviciosConsultoria #contenidos LI, #serviciosIngBasica #contenidos LI {margin:5px 5px 5px 20px; padding-bottom:10px}
#servicios #contenidos UL LI {list-style-type:none; padding-bottom:32px}

/* Proyectos Homes */
UL.proyectosListado {margin:0; padding:0}
UL.proyectosListado LI {margin:0 0 10px 0 !important; padding:3px; background:#e9e9e9; list-style-type:none !important; list-style-image:url(none) !important; border-left:5px solid #ae0000; border-bottom:1px solid #d8d8d8}
UL.proyectosListado LI A { font-size:1em; color:#000000}
UL.proyectosListado LI A:hover {color:#ae0000}
/* Proyectos Contenidos */
#proyectosEdificacion #contenidos TABLE TH {background:#ae0000; color:#FFFFFF}
#proyectosEdificacion #contenidos TABLE TD {border:1px solid #000000}
#proyectosEdificacion #contenidos TABLE TFOOT {background:#CCCCCC}
#proyectos #contenidos UL LI {list-style-type:none; padding-bottom:15px}
#proyectosObrasCiviles H4, #proyectosPabellones H4, #proyectosEdificacion H4, #proyectosMedioAmbiente H4 {margin:0 0 10px 0; padding-bottom:5px; height:auto; background:none; border-bottom:2px solid #545454}
#proyectosObrasCiviles #contenidos UL, #proyectosPabellones #contenidos UL, #proyectosEdificacion #contenidos UL, #proyectosMedioAmbiente #contenidos UL {margin:5px 10px 10px 20px}
#proyectosObrasCiviles #contenidos UL LI, #proyectosPabellones #contenidos UL LI, #proyectosEdificacion #contenidos UL LI, #proyectosMedioAmbiente #contenidos UL LI {margin:2px; font-size:0.8em; list-style-image:url('../images/listadoDotNivel1.png')}
#proyectosObrasCiviles #contenidos UL LI P, #proyectosPabellones #contenidos UL LI P, #proyectosEdificacion #contenidos UL LI P, #proyectosMedioAmbiente #contenidos UL LI P {font-size:1em}
#proyectosObrasCiviles #contenidos UL LI UL LI, #proyectosPabellones #contenidos UL LI UL LI, #proyectosEdificacion #contenidos UL LI UL LI, #proyectosMedioAmbiente #contenidos UL LI UL LI {font-size:1em; list-style-image:url('../images/listadoDotNivel2.png')}
#proyectosObrasCiviles #contenidos H5, #proyectosPabellones #contenidos H5, #proyectosEdificacion #contenidos H5, #proyectosMedioAmbiente #contenidos H5 {margin-top:20px; color:#8b0100; font-size:0.9em; border-bottom:1px solid #545454}
/* Proyectos Fotos */
UL.proyectosFotos {margin:0; padding:0; width:470px; text-align:center}
UL.proyectosFotos LI {margin:0; padding:0; display:inline}
UL.proyectosFotos LI IMG {margin:5px}

/* DONDE ESTAMOS */
ADDRESS {margin-left:25px; padding-left:5px; border-left:2px solid #990000; font-size:0.85em; font-style:normal}
#mapaSuperior {width:495px; height:150px; padding:5px 0 5px 5px; clear:both}
#mapaInferior {width:500px; height:300px; padding-left:5px; clear:both}

/* CONTACTAR */
#contenidos .filaForm {width:500px; padding-bottom:10px; height:20px}
#contenidos .filaForm LABEL {color:#9c2828; font-weight:bold}
#contenidos .filaForm span.etiqueta {width:80px; height:20px; line-height:20px; float:left; text-align:right}
#contenidos .filaForm span.campos {width:400px; height:auto; float:right; text-align:left} 
.textinput, .textinputHovered {width:350px; height:15px; background:url('../images/formInput.png') top left no-repeat; border:none; padding:4px 8px}
.textinputHovered {background-position:left bottom}
TEXTAREA {font-family:Verdana, Arial, Helvetica, sans-serif}
.textarea, .textareaHovered {width:336px; height:125px;	background:url('../images/formTextarea.png') top left no-repeat; border:none; padding:4px 8px}
.textareaHovered {background-position:left bottom}
.buttonSubmit, .buttonSubmitHovered {width:69px; height:26px; color:#FFF; font-weight:bold;	padding:2px 5px; background:url('../images/formBoton.png') no-repeat left top; cursor:pointer; border:none}
.buttonSubmitHovered {background-position:left bottom}

/* ESTILOS PIE PAGINA */
#piePagina {position:relative; top:0; left:0; width:760px; height:38px; clear:both; line-height:38px; background:#e9e9e9 url('../images/fdPiePagina.png') top left repeat-x; color:#666666; font-weight:bold; font-size:0.8em; text-align:center}
#piePagina SPAN {color:#cb0b0b}

/* ESTILOS GENERICOS */
:link,:visited {text-decoration:none}
FORM {display:inline}
A IMG,:link IMG,:visited IMG {border:none}
UL,OL {list-style:none}
H1,H2,H3,H4,H5,H6,PRE,CODE {font-size:1em}
UL,OL,LI,H1,H2,H3,H5,H6,PRE,FORM,BODY,HTML,FIELDSET,INPUT {margin:0; padding:0}
.clr {clear:both} 
.ocultar {display:none}

/* ESTILOS sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility:visible !important; margin:0}
.sIFR-replaced {visibility:visible !important}
span.sIFR-alternate {position:absolute;	left:0;	top:0; width:0;	height:0; display:block; overflow:hidden}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 {visibility:hidden; letter-spacing:-9px; font-size:45px; float:left; margin-top:25px}
.sIFR-hasFlash h3 {visibility:hidden; letter-spacing:-6px; font-size:23px; float:left; margin-top:35px; margin-left:10px}

/* LIGHTBOX */
#lightbox {background-color:#eee; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666}
#lightboxDetails {font-size:0.8em; padding-top:0.4em}	
#lightboxCaption {float:left}
#keyboardMsg {float:right}
#closeButton {top:5px; right:5px}
#lightbox img {border:none; clear:both} 
#overlay img {border:none}
#overlay {background-image:url('../images/overlay.png')}
* html #overlay {background-color:#333;	back\ground-color:transparent; background-image:url(blank.gif);	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale")}