/* Hoja de estilos para Ingenieria XXI desarrollada por Deusto Sistemas [IMPRESORA] */
HTML,BODY {height:100%}
BODY {font:11pt Arial, Helvetica, sans-serif; background:#ffffff}
#contenedorPrincipal {margin:0; padding:0; width:17cm}
#bordeSuperior {display:none}

/* ESTILOS HOME */
#home H1 {margin:0; padding:0.1cm; width:16.7cm; font:20pt Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right; background:#000000; color:#efefef; border:1px solid #000000; display:block}
#home H1 SPAN {display:block}
#home #contenedorPrincipal {margin:0; padding:0; width:17cm}
#home #bloqueSuperior {width:16.5cm; height:auto; text-align:center}
#home #bloqueSuperior IMG {display:block; margin-top:1cm}
#home #bloqueInferior {width:16.5cm; height:auto}
#home #bloqueInferior #lateralIzda {display:none}
#home #bloqueInferior #menuSecciones {display:none}
#home #bloqueInferior #textoIntro {position:relative; top:0; left:0; width:16.5cm; height:auto; margin-top:1cm}
#home #bloqueInferior #textoIntro P {margin-bottom:30px; font:11pt Arial, Helvetica, sans-serif; color:#666666; text-align:justify}
#home #bloqueInferior #textoIntro SPAN {font-weight:bold}
#home #bloqueInferior #textoIntro UL LI {margin:0 10px 20px 20px; list-style-type:square; font:11pt Arial, Helvetica, sans-serif; color:#666666; text-align:justify}

/* ESTILOS CABECERA */
#cabecera {position:relative; top:0; left:0; width:17cm; height:3.5cm}
#cabecera #logo {position:relative; top:0; left:0; width:17cm}
#cabecera #tituloSeccion {position:relative; top:0; right:0; width:17cm}
H1 A {margin:0; padding:0.1cm; width:16.7cm; font:20pt Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right; background:#000000; color:#efefef; border:1px solid #000000; display:block}
H1 A SPAN {display:block}

/* ESTILOS MENU SECCIONES */
#menuSecciones {display:none}

/* ESTILOS CONTENIDOS */
#contenidos { position:relative; top:0; left:0; width:17cm}
html > body #contenidos {position:relative; top:0; left:0; width:17cm}
#contenidos P {text-align:justify; margin:0.2cm 0.1cm}
H4 {color:#000000; text-transform:uppercase; border-bottom:2px solid #666666; margin-top:1cm}
H4.primero {margin-top:0}
#contenidos LI {list-style-type:square}
#serviciosIngAuxiliar #contenidos UL, #serviciosConsultoria #contenidos UL, #serviciosIngBasica #contenidos UL {margin-left:1cm}
#serviciosIngBasica #contenidos IMG {display:none}

/* DONDE ESTAMOS */
ADDRESS {margin:0.5cm 5cm; font-family:"Courier New",Courier,monospace}
#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:16.5cm; padding-bottom:0.5cm; height:auto}
#contenidos .filaForm LABEL {font-weight:bold}
#contenidos .filaForm span.etiqueta {width:4cm; float:left; text-align:right}
#contenidos .filaForm span.campos {width:10cm; 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:16.7cm; margin-top:1cm; padding:0.1cm; clear:both; color:#666666; font-weight:bold; font-size:9pt; text-align:right; border:1px solid #666666}


/* ESTILOS GENERICOS */
:link,:visited {text-decoration:none}
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 */
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {position:absolute; width:0; height:0; display:none !important; overflow:hidden}
span.sIFR-alternate {position:static !important; top:auto !important; left:auto !important; display:block !important; visibility:visible !important}
/* 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 {width:16.7cm; visibility:visible; font-size:18pt; display:block; border:1px solid #000000; padding:0.1cm; background:#efefef}
.sIFR-hasFlash h3 {width:16.7cm; visibility:visible; font-size:12pt; display:block; border:1px solid #000000; border-top:none; padding:0.1cm}