/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
body { font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#CCCCCC; text-align: center; min-width: 837px; margin-bottom:20px; }
#maincontainer { position:relative; width: 837px; min-height:400px; max-height:2000px; text-align:left; margin:40px auto 40px auto; color:#000000; }
#headercont { position:relative; width: 837px; height: 105px; text-align:left; background:#CC0000  url(imagenes/Logo-sin-comomin.jpg) no-repeat bottom left; }
#headercont P { font: 9px Verdana, Helvetica, sans-serif; position:absolute; left:228px; top:35px; z-index:200; font-weight:600; color:#666666;}
h1 { position:absolute; width: 90px; height: 60px; text-align:left; margin : 30px 0px 0px 15px;  }
#header { position:absolute; width: 155px; height: 110px; text-align:left; margin : 43px 0px 0px 15px; left: 192px; }
#headersearch { display:inline; float:right; position:absolute; top:25px; right:6px; width:196px; vertical-align:middle; }
#headersearch img { float:left; height:15px; width:15px; padding:0px; border:1px solid; border-color:#999999; }
#headersearch form { float:left; padding:0px; margin:0px; width:178px; height:22px; }
#headersearch form input { padding:0; margin:0; width:105px; height:15px; }
#headersearch form input.buscar { width:66px; height:15px; font-size:11px; border:1px solid; border-color:#999999; }
#txtSearch { right:16px; width:200px; border:1px solid; border-color:#999999; }
#headerlinks a { color:#FFFFFF; }
#headerlinks { float:right; font-size:10px; padding:6px 12px 1px 10px; color:#FFFFFF; height:10px; }
#flash { width: 837px; height: 20px; text-align:left; background-color:#FFFFFF; }
.line { width: 837px; height: 7px; background-color:#999999; font-size:6px; } /* Esto es para  solucionar un bug en el IE6 que no visualiza bien las lineas de grosor menor a 7px*/
.textbox { font-size: 9px; height: 10px; width: 60px; }
#footercontainer { position:relative; width: 837px; height: 30px; background-color:#CC0000; }
#footerimage { position:absolute; width: 190px; height: 13px; text-align:left; margin : 10px 0px 0px 3px; background-image:url(imagenes/copyright-comomin.gif); }
#datacontainer { background-color:#FFFFFF; width: 837px; min-height:400px; text-align:right; margin : 0px 0px 0px 0px; padding:0px; }
#datacontainer.certi { position:relative; text-align:center; display:table-cell; vertical-align:middle; }
#datacontainer.certi img { margin-top:30px; margin-bottom:30px; border:1px solid #aaa; }
#subidas { background-color:#FFFFFF; width: 837px; min-height:400px; text-align:right; margin : 0px 0px 0px 0px; padding:0px; }
#descargas { background-color:#FFFFFF; width: 837px; min-height:400px; text-align:right; margin : 0px 0px 0px 0px; padding:0px; }

/*Para las imagenes en la pagina de Maquinarias*/
.maquiimage {position:absolute; top:470px; width:200px; height:200px; left:26px;}
.maquiimage1 {position:absolute; top:470px; width:200px; height:200px; left:320px;}
.maquiimage2 {position:absolute; top:470px; width:200px; height:200px; left:620px;}
.maquiimage3 {position:absolute;  top:245px; width:200px; height:200px; left:620px;}
#maquinaria.forcontent { top:240px; left:10px; width:500px; height:170px; z-index:4; }
#datacontainer.maquinaria .forimageq { top:190px; width:312px; height:23px;}
#maquinaria.forcontent p { margin-bottom:0.8em; font-size: 11px; color:#666666; width:500px; line-height:1.2em; text-align:left; margin-left:8px; text-align: justify; }


/*Personaliza la vista para las pagina de inicio especificamente el alto*/
.inicio { background-repeat:no-repeat; background-position:10px 130px; margin:0px; padding:0px; width: 837px; height: 400px; }
/*Personaliza la vista para las pagina de contenido especificamente el alto*/
.contenido { background-repeat:no-repeat; background-position:230px 130px; width: 836px; height: 448px; }
/*Personaliza la vista para las pagina de localizacion especificamente el alto*/
.calidad { width: 837px; height: 500px;}
.instalaciones { width: 837px; height: 448px;}
.maquinaria {width: 837px; height: 600px;}
.organigrama { width: 837px; height: 800px; }
.localizacion { width: 837px; height: 627px; }
.forcontent { position:absolute; display:block; top:340px; left:13px; float:left; width:753px; height:210px; }
.forimage { position:absolute; display:block; top:300px; left:0px; float:left; width:450px; height:23px; text-align:left; }
.forimageq { position:absolute; display:block; top:220px; float:right; right:0px; width:415px; height:23px; text-align:left; z-index: 1; padding:0px; }
.forimageh { position:absolute; display:block; top:220px; float:left; left:0px; width:415px; height:23px; text-align:left; z-index: 1; padding:0px; }
#datacontainer.organigrama .forimageq { top:170px; }
#datacontainer.contenido #hoverpage ul#outer div.forimage { float:left; top:30px; padding:0px; width:270px; height:23px; text-align:left; border:0px; z-index:700; }
/*Definicion de texto en la pagina principal*/
#principal.forcontent { top:270px; left:240px; width:auto; height:260px; }
#principal.forcontent h2 { font-size:15px; color:#666666; text-align:center; }
#principal.forcontent ul { font-family:Verdana; font-size:11px; color:#666666; width:350px; height:240px; }
#principal.forcontent ul li { display: block; line-height: 1.2em; margin-bottom:0px; margin-top:0px; padding-bottom:3px; padding-top:3px; text-align:left; }
#principal.forcontent ul em { font-size:14px; color:#666666; font-weight:800; }
#isos.forcontent { display:inline; top:469px; left:673px; width:150px; height:70px; }
/*Fin de personalizacion de contenido para la pagina principal*/

/*Inicio de personalizacion de contenido para la pagina Estructuras*/
#estructuras.forcontent { top:340px; left:20px; width:340px; height:200px; }
#estructuras.forcontent p { margin-bottom:0.8em; font-size: 11px; COLOR: #666666; width:330px; line-height:1.2em; text-align:justify; margin-left:8px; }
#estructuras1.forcontent { top:340px; left:370px; width:350px; height:200px; line-height:1.3; }
#estructuras1.forcontent p { margin-bottom:15px; font-size: 11px; COLOR: #666666; width:340px; line-height:1.2; text-align:justify; margin-left:8px; }
/*Fin de personalizacion de contenido para la pagina Estrucutras*/	

/*Inicio de personalizacion de contenido para la pagina DCI*/
#dci.forcontent { top:340px; left:20px; width:650px; height:200px; }
#dci.forcontent p { margin-bottom:0.8em; font-size: 11px; COLOR: #666666; width:650px; line-height:1.2em; text-align:justify; margin-left:8px; }
#dci.forcontent p em { font-size:13px; color:#666666; font-weight:600; }
#dci.forcontent ul { margin: 0px 0px 20px 10px; }
/*Fin de personalizacion de contenido para la pagina DCI*/	

/*Inicio de personalizacion de contenido para la pagina llave en mano*/
#llaveenmano.forcontent { top:340px; left:20px; width:400px; height:210px; }
#llaveenmano.forcontent p { margin-bottom:0.8em; font-size: 11px; COLOR: #666666; width:395px; line-height:1.2em; text-align:left; margin-left:8px; }
#llaveenmano1.forcontent { top:340px; left:450px; width:350px; height:200px; line-height:1.2; }
#llaveenmano1.forcontent p { margin-bottom:0px; font-size: 11px; COLOR: #666666; width:340px; line-height:1.2; text-align:justify; margin-left:8px; }
#llaveenmano1.forcontent ul { float:left; width:330px; color:#666666; text-align:left; font-size:11px; line-height:1.2; margin: 5px 0px 0px 10px; }
/*Fin de personalizacion de contenido para la pagina llave en mano*/	

/*Inicio de personalizacion de contenido para la pagina Historia y Antecedentes*/
#historia.forcontent { top:280px; left:10px; width:350px; height:170px; z-index:4; }
#historia.forcontent p { margin-bottom:0.8em; font-size: 11px; color:#666666; width:300px; line-height:1.1em; text-align:justify; margin-left:8px; }
#historia1.forcontent1 { position:absolute; float:right; right:0px; top:240px; width:440px; height:339px; z-index:3; }
/*Fin de personalizacion de contenido para la pagina Historia y Antecedentes*/

/*Inicio de personalizacion de contenido para la pagina seguridad*/
#seguridad.forcontent { top:280px; left:10px; width:500px; height:170px; z-index:4; }
#seguridad.forcontent p { margin-bottom:0.8em; font-size: 11px; color: #666666; width:500px; line-height:1.2em; text-align:left; margin-left:8px; }
#seguridad.forcontent ul { margin: 0px 0px 30px 10px; width: 400px; }
#seguridad.forcontent h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float: left; width:450px; text-align:left; padding: 0px 0px 0px 10px; }
#seguridad.forcontent ul.segur { float:left; width:450px; height: 25px; margin:0px; text-align:left; padding: 0px 0px 0px 10px; }
#seguridad.forcontent ul.segur li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0099FF; vertical-align:top; text-decoration: none; }
#seguridad.forcontent ul.segur li a:hover { color:#000000;}
#seguridad1.forcontent1 { position:absolute; right:40px; top:210px; width:240px; height:339px; z-index:3; }

/*Inicio de personalizacion de contenido para la pagina calidad*/
#calidad.forcontent { top:240px; left:10px; width:500px; height:170px; }
#datacontainer.calidad #certificaciones { position:absolute; top:500px; left:25px; width:300px; height:100px; text-align:left;}
#datacontainer.calidad #certificaciones h2 { margin-bottom:8px; }
#datacontainer.calidad #certificaciones ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0099FF; vertical-align:top; text-decoration:none;}
#datacontainer.calidad #certificaciones ul li a:hover { color:#000000;}
#datacontainer.calidad h3 { position:absolute; top: 200px; left:0px; }
#calidad.forcontent p { margin-bottom:0.8em; font-size: 11px; color:#666666; width:500px; line-height:1.2em; text-align:left; margin-left:8px;  }
#datacontainer.calidad .forimageq { top:200px; }
#certificaciones.forcontent { position:relative; top:0px; left:0px; width:100%; height:100%; background:#f8f8f8; text-align:center; display:table-cell; vertical-align:middle; }
#certificaciones.forcontent img { margin-top:30px; margin-bottom:30px; border:1px solid #aaa; }

/*Inicio de personalizacion de contenido para la pagina instalaciones*/
#instalaciones.forcontent { top:240px; left:10px; width:500px; height:170px; }
#datacontainer.instalaciones h3 { position:absolute; top: 200px; left:0px; }


/*Inicio de personalizacion de contenido para la pagina organigrama*/
#organi.forcontent { top:280px; left:20px; width:500px; height:170px; z-index:4; }
#organi1.forcontent { top:220px; left:300px; width:200px; height:130px; line-height:1.2em; z-index:3; }
#organi1.forcontent p { margin-bottom:15px; font-size: 10px; COLOR:#000000; width:500px; line-height:1.2em; text-align:left; margin-left:8px; }
#organi2.forcontent { top:180px; left:20px; width:257px; height:177px; line-height:1.2; z-index:3; }
.forcontent p { padding:0px; margin-bottom:0.8em; font-size: 11px; COLOR: #666666; width:45em; line-height:1.2em; text-align: justify; margin-left:10px; float:left; }
.forcontent p em { font-size:13px; color:#666666; font-weight:600; }
.forcontent ul li { display: block; line-height:1.2em; margin-bottom:0px; margin-top:0px; padding-bottom:3px; padding-top:3px; text-align:justify; }
.forcontent ul { float:left; margin:10px 0px 0px 10px; width:300px; color:#666666; text-align:left; font-size:11px; line-height:1.2em; }
.forcontent ul h2 { margin-bottom:8px; }
infometal1.forcontent { padding:0px; margin-bottom:15px; font-size: 12px; COLOR: #666666; width:45em; line-height:1.2em; text-align:left; margin-left:10px; float:left; }

/*Bordes redondeado*/
.mod { position:absolute; width:350px; top:589px; left: 248px; }
.mod .hd { background:#0060ae url(/imagenes/modb10.gif) no-repeat 100% 0; height:20px; border:none; }
.mod .hd .wrapper { background: #0060ae url(/imagenes/modb10.gif) no-repeat 0 0; margin-right:20px; height:20px; }
.mod .ft { background:#0060ae url(/imagenes/modb10.gif) no-repeat 100% 100%; height:40px; }
.mod .ft .wrapper { background: #0060ae url(/imagenes/modb10.gif) no-repeat 0 100%; margin-right:20px; height:40px; }
/*Fin Bordes Redondeados*/

.caja { position:absolute; width: 172px; height:90px; margin : 0px 0px 0px 0px; left:8px; top:430px; background-image:url(imagenes/clientes.gif); background-repeat:no-repeat; padding-top: 15px; }
.caja1 { position:absolute; width: 150px; height:60px; margin : 0px 0px 0px 0px; left: 590px; top: 606px; }
#mapcontainer { position:absolute; width: 835px; height: 600px; margin : 0px 0px 0px 0px; left: 0px; top: 320px; }
#map { float:left; margin : 0px 0px 0px 0px; border:1px solid; }
#side_bar { float:left; width: 100px; height:102px; margin : 10px 0px 0px 10px; }
#side_bar a { line-height:1.2; color:#000000; text-decoration:none; }
#side_bar a:hover { color:#FF0000; }
#side_bar a:focus { color:#FF0000; }
#side_bar a:visted {
 color:#000000;
}
#banner { width: 837px; height: 103px; margin : 0px 0px 0px 0px; text-align:left; }
#datacontainer.localizacion #banner { height:150px; }
.obanner { width:837px; height:105px; top:0px; left:0px; background:#000000; opacity:0.8; filter:alpha(opacity=70); }

/*Definicion del estilo de las tablas*/
#datacontainer.calidad .incaja table { font: 10px Verdana, Helvetica, sans-serif; border-collapse:collapse; background:#e8eef7; table-layout:auto; width:100%; }
#datacontainer.calidad .incaja th { font-weight:300; text-align:left; font-size:10px; }
thead tr th { color:#0080C0; }
#datacontainer.calidad .incaja tr th, tr td { border-bottom:1px solid #ccc; }
/*.incaja table a:visited { color:#999; }*/
#datacontainer.calidad .incaja table a { color:#f00;}
#datacontainer.calidad .incaja table a:hover { color:#f00; background:#fafafa; display:block; }
#datacontainer.calidad .incaja tbody tr { background:#e8eef7; padding:0px; margin:0px; }
#datacontainer.calidad .incaja tbody tr.odd { background:#FFFFFF; }
#datacontainer.calidad .incaja tbody tr th { vertical-align:middle; text-align:left; padding:1px 0 1px 0; margin:0px; }
#datacontainer.calidad .incaja table tbody tr th a { text-decoration:none; font-weight:normal; color:#FF6633; background:#fafafa; display:block; margin:0px; padding:0px; } /*#EA0000*/
#datacontainer.calidad .incaja table tbody tr td a { text-decoration:none; font-weight:normal; color:#666666; margin:0px; padding:0px; }
#datacontainer.calidad .incaja tbody tr td { height:1.7em; vertical-align:middle; text-align:left; font-size:10px; color:#666666; margin:0px 0px 0px 0px; padding:-1px 0 -1px 0; }
#datacontainer.calidad .incaja thead { background:#fff; }
#datacontainer.calidad .incaja thead th { padding-bottom:2px; }
#datacontainer.calidad .incaja thead th.col1, table tbody tr th.colth1, table tbody tr td.coltd1  { width: auto; }
#datacontainer.calidad .incaja thead th.col2, table tbody tr th.colth2, table tbody tr td.coltd2 { width: 5%; }
#datacontainer.calidad .incaja thead th.col3, table tbody tr th.colth3, table tbody tr td.coltd3 { width: 12%; }
#datacontainer.calidad .incaja thead th.col4, table tbody tr th.colth4, table tbody tr td.coltd4 { width: 20%; }
#datacontainer.calidad .incaja thead th.col5, table tbody tr th.colth5, table tbody tr td.coltd5 { width: 70%; }
#datacontainer.calidad .incaja thead th.col6, table tbody tr th.colth6, table tbody tr td.coltd6 { width: 30%; }
/*Fin definicion del estilo delas tablas*/

/*Definicion estilos tabla info jugadores trayectoria*/
#descargas.calidad #outcontainer8 {position:absolute; top:220px; height:auto; width:700px; margin:0px; padding:0px; left:20px; text-align:left;}
#descargas.calidad #incontainer8 { position:absolute; height:auto; margin: 25px 0 0 0; width:694px; border: 1px solid; border-width:0 1px 1px 1px; border-color:#ECC497; padding: 2px 3px 2px 3px; }
#descargas.calidad #topheader8 { height:25px; top:1px; margin-top:0; bottom:auto; margin-bottom:auto; position:absolute; width:702px; background-color:#666666; }
#descargas.calidad #tfooter8 { height:25px; top:auto; margin-top:25px; bottom:0; margin-bottom:0; position:absolute; width:694px; background-color:#FFFFFF; }
#descargas.calidad #topheader8 h2 { color:#FFFFFF; font-size:1em; float:left; padding: 6px 0 0 7px; font-weight:normal; }
#descargas.calidad #tfooter8 h2 a { float:right; margin:10px 5px auto 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0080C0; text-decoration:none; font-weight:normal;}
#descargas.calidad #tfooter8 h2 img {width:24px; height:20px; margin-left:5px; float:left; margin: 3px auto auto 5px;}
#descargas.calidad #incontainer8 .incaja {height:auto; margin-bottom:25px;}

#datacontainer.calidad h4 { position:absolute; top:200px; left:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:700; color:#FF0000; font-size:14px;}

#subidas.calidad #outcontainer9 {position:absolute; top:390px; height:auto; width:700px; margin:0px; padding:0px; left:20px; text-align:left;}
#subidas.calidad #incontainer9{ position:absolute; height:auto; margin: 25px 0 0 0; width:694px; border: 1px solid; border-width:0 1px 1px 1px; border-color:#ECC497; padding: 2px 3px 2px 3px; }
#subidas.calidad #topheader9 { height:25px; top:1px; margin-top:0; bottom:auto; margin-bottom:auto; position:absolute; width:702px; background-color:#666666; }
#subidas.calidad #tfooter9 { height:25px; top:auto; margin-top:25px; bottom:0; margin-bottom:0; position:absolute; width:694px; background-color:#FFFFFF; }
#subidas.calidad #topheader9 h2 { color:#FFFFFF; font-size:1em; float:left; padding: 6px 0 0 7px; font-weight:normal; }
#subidas.calidad #tfooter9 h2 a { float:right; margin:10px 5px auto 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0080C0; text-decoration:none; font-weight:normal;}
#subidas.calidad #tfooter9 h2 img {width:24px; height:20px; margin-left:5px; float:left; margin: 3px auto auto 5px;}
#subidas.calidad #incontainer9 .incaja {height:auto; margin-bottom:25px;}

#subidas.calidad h3 { position:absolute; top:320px; left:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:700; color:#FF0000; font-size:14px;}


 #outcontainer10 {position:absolute; top:170px; height:auto; width:700px; margin:0px; padding:0px; left:20px; text-align:left;}
#subidas.calidad #incontainer10{ position:absolute; height:auto; margin: 25px 0 0 0; width:694px; border: 1px solid; border-width:0 1px 1px 1px; border-color:#ECC497; padding: 2px 3px 2px 3px; }
#subidas.calidad #topheader10 { height:25px; top:1px; margin-top:0; bottom:auto; margin-bottom:auto; position:absolute; width:702px; background-color:#666666; }
#subidas.calidad #tfooter10 { height:25px; top:auto; margin-top:25px; bottom:0; margin-bottom:0; position:absolute; width:694px; background-color:#FFFFFF; }
#subidas.calidad #topheader10 h2 { color:#FFFFFF; font-size:1em; float:left; padding: 6px 0 0 7px; font-weight:normal; }
#subidas.calidad #tfooter10 h2 a { float:right; margin:10px 5px auto 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0080C0; text-decoration:none; font-weight:normal;}
#subidas.calidad #tfooter10 h2 img {width:24px; height:20px; margin-left:5px; float:left; margin: 3px auto auto 5px;}
#subidas.calidad #incontainer10 .incaja {height:auto; margin-bottom:25px;}
#subidas.calidad #incontainer10 .incaja form {width:100%; height:auto;}
#subidas.calidad #incontainer10 .incaja form input { height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; width:auto;}
#subidas.calidad #incontainer10 .incaja form li p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333333;}
#subidas.calidad #incontainer10 .incaja form li strong {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FF0000;}
#subidas.calidad #incontainer10 .incaja form li {margin:0px; padding: 5px 0px 5px 0px; }
#subidas.calidad #incontainer10 .incaja form fieldset {border-color:#FFFFFF; width:100%;}


/*Menu flyout*/
#flyout { font-size:11px; padding:0; margin:0; list-style:none; width:837px; height:20px; position:relative; background-color:#000000; z-index:700; }
#flyout ul { padding:0; margin:0; list-style:none; }
#flyout li.bintro { display:block; width:190px; height:20px; background:#000000; float:left; margin-bottom:1px; border-right:1px solid #555; }
#flyout li.bactivi { display:block; width:150px; height:20px; background:#000000; float:left; margin-bottom:1px; border-right:1px solid #555; }
#flyout li.bloca { display:block; width:150px; height:20px; background:#000000; float:left; margin-bottom:1px; border-right:1px solid #555; }
#flyout li.brecur { display:block; width:150px; height:20px; background:#000000; float:left; margin-bottom:1px; border-right:1px solid #555; }
#flyout li.zous { display:block; width:150px; height:20px; background:#000000; float:left; margin-bottom:1px; border-right:1px solid #555; }
#flyout li a { display:block; height:20px; text-decoration:none; color:#FFFFFF; }
#flyout li a.intro { background:url(imagenes/nuestrac.gif); background-repeat:no-repeat; width:190px }
#flyout li a.activi { background:url(imagenes/actividadesup1..gif); background-repeat:no-repeat; width:150px; }
#flyout li a.loca { background:url(imagenes/localizacion.gif); background-repeat:no-repeat; width:150px; }
#flyout li a.recur { background:url(imagenes/recursos.gif); background-repeat:no-repeat; width:150px; }
#flyout li a.zous {background:url(imagenes/ZONAUSUARIOS.gif); background-repeat:no-repeat; width:150px; }
#flyout table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:600; font-size:1em; }
#flyout li ul { visibility:hidden; position:absolute; top:0; left:0px; width:150px; padding-top:20px; }
#flyout li ul li { display:inline; width:150px; height:22px; border:0; background:transparent; }
#flyout li ul li a { text-indent:0; background:transparent; display:block; width:141px; height:22px; line-height:21px; color:#FFFFFF; border-bottom:1px solid #555; text-decoration:none; margin-left:9px; }
#flyout li.bintro ul li a { text-indent:0; background:transparent; display:block; width:171px; height:22px; line-height:21px; color:#FFFFFF; border-bottom:1px solid #555; text-decoration:none; margin-left:9px; }
#flyout li.bintro b { visibility:hidden; display:block; width:190px; height:13em; position:absolute; top:0px; left:0px; background:#000000; opacity:0.8; filter:alpha(opacity=70); }
#flyout li.bactivi b { visibility:hidden; display:block; width:150px; height:13em; position:absolute; top:0px; left:0px; background:#000000; opacity:0.8; filter:alpha(opacity=70); }
#flyout li.bloca b { visibility:hidden; display:block; width:150px; height:50px; position:absolute; top:0px; left:0px; background:#000000; opacity:0.8; filter:alpha(opacity=70); }
#flyout li.brecur b { visibility:hidden; display:block; width:150px; height:50px; position:absolute; top:0px; left:0px; background:#000000; opacity:0.8; filter:alpha(opacity=70); }
#flyout li.zous b { visibility:hidden; display:block; width:150px; height:170px; position:absolute; top:0px; left:0px; background:#000000; opacity:0.8; filter:alpha(opacity=70); }
* html #flyout li a:hover { position:relative; white-space:normal; }
* html #flyout li a:hover ul li a:hover { background:#000000; color:#FF0000; }
#flyout li:hover { position:relative; }
#flyout li:hover ul li a:hover { background:#000000; color:#FF0000; }
#flyout li:hover b { visibility:visible; }
#flyout li:visited b { visibility:visible; }
#flyout li:hover ul { visibility:visible; }
#flyout li a:hover b { visibility:visible; }
#flyout li a:hover ul { visibility:visible; }
/* ================================================================ 
Definicion de la pagina de Instalaciones
=================================================================== */
#datacontainer.contenido #hoverpage ul#outer li div p { font-size:1.1em; line-height:16px; margin:5px 0 15px 0; width:350px; }
#datacontainer.contenido #hoverpage ul#outer li div h2 { line-height:1em; color:#66a; font-size:1.2em; font-weight:600; margin-top:0px; margin-bottom:10px; font-family:verdana, sans-serif; }
#datacontainer.contenido #hoverpage ul#outer li div h3 { line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0px; left:180px; top:10px; width:100px; }
#datacontainer.contenido #hoverpage ul#outer li div h3.clear { clear:left; }
#datacontainer.contenido #hoverpage { width:837px; height:448px; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left; float:left; }
#datacontainer.contenido #hoverpage table { border-collapse:collapse; margin:-1px; }
#datacontainer.contenido #hoverpage ul#outer { background:transparent; padding:0; margin:0; list-style:none; }
#datacontainer.contenido #hoverpage ul#outer li.page { display:inline; } /* needed for IE to function correctly */
#datacontainer.contenido #hoverpage ul#outer li.page a.menuitem { text-decoration:none; }
#datacontainer.contenido #hoverpage ul#outer li.page i { position:absolute; display:block; height:25px; right:600px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#66a; font-style:normal; cursor:pointer; font-size:1.1em }
#datacontainer.contenido #hoverpage ul#outer li.p1 i { top:90px; }
#datacontainer.contenido #hoverpage ul#outer li.p2 i { top:115px; }
#datacontainer.contenido #hoverpage ul#outer li.p3 i { top:140px; }
#datacontainer.contenido #hoverpage ul#outer li.p4 i { top:165px; }
#datacontainer.contenido #hoverpage ul#outer li.p5 i { top:190px; }
#datacontainer.contenido #hoverpage ul#outer li.page div { display:block; width:802px; height:400px; padding:25px 10px 25px 25px; font-weight:normal; color:#444; }
#datacontainer.contenido #hoverpage ul#outer li.p1 div { background:#fff url(imagenes/page4_back.jpg); }
#datacontainer.contenido #hoverpage ul#outer li.p2 div { background:#fff url(imagenes/page4_back.jpg); }
#datacontainer.contenido #hoverpage ul#outer li.p3 div { background:#fff url(imagenes/page4_back.jpg); }
#datacontainer.contenido #hoverpage ul#outer li.p4 div { background:#fff url(/imagenes/page4_back.jpg); }
#datacontainer.contenido #hoverpage ul#outer li.p5 div { background:#fff url(imagenes/page4_back.jpg); }
#datacontainer.contenido #hoverpage ul#outer li div img { float:right; margin:0px 0px 0px 0px; }
#datacontainer.contenido #hoverpage ul#outer li div p.big { line-height:1em; color:#004; font-size:1.5em; }
#datacontainer.contenido #hoverpage ul#outer li div a { color:#00c; text-decoration:underline; }
#datacontainer.contenido #hoverpage ul#outer li div em { display:block; width:280px; height:230px; float:left; background:transparent url(/imagenes/current.gif) no-repeat; margin-right:10px; margin-top:60px; }
#datacontainer.contenido #hoverpage ul#outer li.p1 div em { background-position: 114px 0px; }
#datacontainer.contenido #hoverpage ul#outer li.p2 div em { background-position: 114px 25px; }
#datacontainer.contenido #hoverpage ul#outer li.p3 div em { background-position: 114px 50px; }
#datacontainer.contenido #hoverpage ul#outer li.p4 div em { background-position: 114px 75px; }
#datacontainer.contenido #hoverpage ul#outer li.p5 div em { background-position: 114px 100px; }
#datacontainer.contenido #hoverpage ul#outer li.page div a:hover { text-decoration:none; }
#datacontainer.contenido #hoverpage ul#outer li.page a:hover { white-space:normal; } /* for IE6 */
#datacontainer.contenido #hoverpage ul#outer :hover div { position:absolute; left:0px; top:0px; }
#datacontainer.contenido #hoverpage ul#outer a:hover i { color:#66a; font-weight:bold; } /* for IE6 */
#datacontainer.contenido #hoverpage ul#outer :hover a i { color:#66a; font-weight:bold; }
#datacontainer.contenido #hoverpage ul#outer div ul li { line-height:1.8em; font-size:1em; color:#256; list-style-type:disc; }
#datacontainer.contenido #hoverpage ul#outer div ul li a { line-height:20px; font-size:1.1em; color:#c00; }
#datacontainer.contenido #hoverpage ul#outer div dl dd { line-height:20px; font-size:1.1em; color:#448; }
#datacontainer.contenido #hoverpage ul#outer div dl dt { line-height:30px; font-size:1.3em; color:#333; }
/* ================================================================ 
Definicion de la pagina de Calidad y Medioambiente
=================================================================== */

#datacontainer.calidad #hoverpage { width:835px; height:500px; border:1px solid #aaa; background:#eff; position:relative; z-index:500; overflow:hidden; float:left; }
#datacontainer.calidad #hoverpage table { border-collapse:collapse; margin:-1px; }
#datacontainer.calidad #hoverpage ul#outer { background:transparent; padding:0; margin:0; list-style:none; }
#datacontainer.calidad #hoverpage ul#outer li.page { display:inline; } /* needed for IE to function correctly */
#datacontainer.calidad #hoverpage ul#outer li.page a.menuitem { text-decoration:none; }
#datacontainer.calidad #hoverpage ul#outer li.page i { position:absolute; display:block; height:25px; right:700px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#FF0000; font-style:normal; cursor:pointer; }
#datacontainer.calidad #hoverpage ul#outer li.p1 i { top:30px; }
#datacontainer.calidad #hoverpage ul#outer li.p2 i { top:55px; }
#datacontainer.calidad #hoverpage ul#outer li.p3 i { top:80px; }
#datacontainer.calidad #hoverpage ul#outer li.p4 i { top:105px; }
#datacontainer.calidad #hoverpage ul#outer li.p5 i { top:130px; }
#datacontainer.calidad #hoverpage ul#outer li div { display:block; width:784px; height:500px; padding:25px; background:#FFFFFF; font-weight:normal; color:#444; }
#datacontainer.calidad #hoverpage ul#outer li div img { float:right; right:0px; margin-bottom:20px; margin-top:30px; }
#datacontainer.calidad #hoverpage ul#outer li div h2 { font-family:Verdana; font-size:12px; float:right; width:450px; text-align:left; margin-top:20px; color:#000000; }
#datacontainer.calidad #hoverpage ul#outer li div ul { float:right; width:450px; height: 25px; margin:0px; padding-left:10px; padding-top:5px; text-align:left; }
#datacontainer.calidad #hoverpage ul#outer li div ul li { display:inline; padding-right:20px; }
#datacontainer.calidad #hoverpage ul#outer li div li a { font-family:Verdana; font-size:11px; color:#0099FF; vertical-align:top; }
#datacontainer.calidad #hoverpage ul#outer li div p { margin-bottom:5px; font-size: 11px; color:#666666; width:500px; line-height:1.2; text-align:justify; margin-left:8px; float:right; }
#datacontainer.calidad #hoverpage ul#outer li div p.big { line-height:1em; color:#004; font-size:1.5em; }
#datacontainer.calidad #hoverpage ul#outer li div a { color:#00c; text-decoration:underline; }
#datacontainer.calidad #hoverpage ul#outer li div em { display:block; width:150px; height:200px; float:left; background: url(selected.gif) no-repeat 0 0; margin-right:20px; }
#datacontainer.calidad #hoverpage ul#outer li.p1 div em { background-position: 0 0; }
#datacontainer.calidad #hoverpage ul#outer li.p2 div em { background-position: 0 25px; }
#datacontainer.calidad #hoverpage ul#outer li.p3 div em { background-position: 0 50px; }
#datacontainer.calidad #hoverpage ul#outer li.p4 div em { background-position: 0 75px; }
#datacontainer.calidad #hoverpage ul#outer li.p5 div em { background-position: 0 100px; }
#datacontainer.calidad #hoverpage ul#outer li.page div a:hover { text-decoration:none; }
#datacontainer.calidad #hoverpage ul#outer li.page a:hover { white-space:normal; }
#datacontainer.calidad #hoverpage ul#outer :hover div { position:absolute; left:0; top:0; }
#datacontainer.calidad #hoverpage ul#outer li div #calidad1.forcontent { position:absolute; top:250px; left:20px; width:210px; height:130px; line-height:1.2; background-image:url(imagenes/cm.gif); background-repeat:no-repeat; z-index:3; }

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2 { padding: 0; width: 837px; border-top: 5px solid #CC0000;  background: transparent; voice-family: "\"}\""; voice-family: inherit; }
.modernbricksmenu2 ul { margin:0; margin-left: 10px;  padding: 0; list-style: none; }
.modernbricksmenu2 li { display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
.modernbricksmenu2 a { float: left; display: block; font: bold 9px Arial; color: white; text-decoration: none; margin: 0 1px 0 0; padding: 2px 10px; background-color: black;  border-top: 1px solid white; }
.modernbricksmenu2 a:hover { background-color: #CC0000;color: white; }
.modernbricksmenu2 a.selected {  background-color: #CC0000;  color: white; border-color: #CC0000; }
.tabcontent { display:none; }
 @media print {
.tabcontent { display:block !important; }
}

/*Estilo informacion en a pagina de Localizacion */

.tabcontent img { position:absolute; right:40px; top:220px;}
.tabcontent ul { padding-left:10px; padding-top:0px;}
.tabcontent ul li strong { font-family: Verdana; font-size:10px; color:#000000;  font-weight:700;}
.tabcontent h2 { font-family: Verdana; font-size:10px; color:#000000;  font-weight:700; margin: 10px 0px 5px 10px;}
.tabcontent li { font-family:Arial; font-size:11px; color:#000000; }


form {margin:0; padding:0;}
fieldset { float:left; clear:left; width:auto; margin:0px 0px 25px 0px; padding:0; }
fieldset ol { padding:1em 1em 0 1em; list-style:none; }
fieldset li { clear:left; width: auto; padding-bottom:4px; text-align:left; }
label { float:left; width:60px; margin-right:0px; text-align: right; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; padding-top:3px; }
.label150 { width:110px;}
.label185 { width:185px;}
.label160 { width:150px; }
.labelauto { width:auto;}
.label80 { width:75px;}
.label30 { width:40px}
select {  height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; font-size:10px; width:150px; }
input {  height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; font-size:11px; }
.boton { height:20px; width:75px; }
input.fichero { color:#FF0000; height:19px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; font-size:10px; }
fieldset.submit1 { float: none; top:auto; margin-top:auto; bottom:0px; margin-bottom:5px; position:absolute; margin-left:3px; right:10px; }
#rightaligned fieldset.submit1 { margin-bottom:2px; margin-left:2px; right:10px; padding-bottom:12px; }
fieldset.radiocheck { float: left; width: 100%; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
fieldset.radiocheck ol { padding:0px 0px 0px 0px; list-style:none; width:100%; }
fieldset.radiocheck ol li { float: left; width: 100%; margin:0px 0px 0px 0px; padding: 0px; border: 0px; text-align:left; }
fieldset.radiocheck ol li input { display: inline-block; float:left; margin:0 0 0 8px; padding: 1px 2px 1px 0px; height:15px }
fieldset.radiocheck ol li label { display: inline-block; float:left; margin:0px; padding: 0px 0px 0px 2px; text-align: left; width:100px; font-size:9px; }
.labelcaja { width:70px}
/*Estilo general para las formas*/

/*Definicion general cajas de entrada de datos*/
#outcontainer { position:absolute; height:auto;  margin:0px; padding:0px; }
#topheader { height:25px; top:0; margin-top:0; bottom:auto; margin-bottom:auto; position:absolute;}
#tfooter { height:40px; top:auto; margin-top:auto; bottom:0; margin-bottom:0; position:absolute; background-color:#FFFFFF;  border: 1px solid; border-width:1px 0px 0px 0px ; border-color:#ECC497; }
#incontainer { position:absolute; height:auto; margin: 25px 0 0 0;  border: 1px solid; border-width:0 1px 1px 1px; border-color:#ECC497; padding: 2px 3px 2px 3px; }
#topheader h2 { color:#FFFFFF; font-size:10px; float:left; padding: 6px 0 0 7px; font-weight:bold; }
#tfooter h2 a { float:right; margin:10px 5px auto 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0080C0; text-decoration:none; font-weight:normal;}
#tfooter h2 img {width:24px; height:20px; margin-left:5px; float:left; margin: 3px auto auto 5px;}
#incontainer .incaja {height:auto; margin-bottom:25px; position: absolute;}
#incontainer .incaja ul li a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0080C0; text-decoration:none; font-weight:normal;}
#incontainer .incaja ul li a:hover { color:#FF6633; background:#fafafa;}
#incontainer .paginacion span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#006595; line-height:2em;}
#incontainer .paginacion input { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #006595; background-color:#FFFFFF; border:#FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; min-width:5px; max-width:15px;}
.objetivo { font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #FFFFFF; background-color: #666666; border: #000099; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
#datosdetalle a { text-decoration:  none; color:#0080C0;}
#datosdetalle a:hover { color:#000000;}
#incontainer #datosdetalle h2 {width: 200px;}

/*Definicion del estilo de las tablas*/

table.interior { font: 10px Verdana, Helvetica, sans-serif; border-collapse:collapse; background-color:#FFFFFF; table-layout:fixed;; width:100%;  }
table.exterior { font: 10px Verdana, Helvetica, sans-serif; border-collapse:collapse; background-color:#FFFFFF; table-layout:fixed;; width:100%;  }
table.exterior tr td { padding: 0px; margin: 0px; height: 5px; }
table.exterior tfoot tr td {position:absolute;top: 280px; text-align:center; height: 20px; text-align: right; margin-top: 0px; left: auto; margin-left: auto; right: 12px; margin-right: 0px; bottom: 0px; }
th { font-weight:300; text-align:left; font-size:10px; }
thead tr th { color:#0080C0; text-align:left; padding:0px; }
table.exterior thead tr th a, table.interior thead tr th a  { color:#0080C0; text-align:left; padding:0px; }
tr th, tr td { border-bottom:1px solid #ccc; }
/*.incaja table a:visited { color:#999; }*/
table.interior a { color:#f00;}
table.interior a:hover { color:#f00; background:#fafafa; display:block; }
tbody tr { background:#BBBBBB; padding:0px; margin:0px; }
tbody tr.odd { background:#FFFFFF; }
tbody tr th { vertical-align:middle; text-align:left; padding:1px 0 1px 0; margin:0px; }
table.interior tbody tr th a { text-decoration:none; font-weight:normal; color:#FF6633;  margin:0px; padding:0px; } /*#EA0000*/
table.interior tbody tr td a { text-decoration:none; font-weight:normal; color:#666666; margin:0px; padding:0px; }
table.interior tbody tr td { padding:1px 0 1px 2px;}
tbody tr td { height:1.7em; vertical-align:middle; text-align:left; font-size:10px; color:#666666; margin:0px 0px 0px 0px; padding:0; }
thead { background-color:#FFFFFF; text-align:left;}
thead th { padding-bottom:2px; }
thead th.col1, .incaja table.interior  tr th.colth1, .incaja table.interior  tr td.coltd1  { width: 5px; }
thead th.col2, .incaja table.interior  tr th.colth2, .incaja table.interior  tr td.coltd2 { width: 65px; }
thead th.col3, .incaja table.interior  tr th.colth3, .incaja table.interior  tr td.coltd3 { width: 180px; }
thead th.col4, .incaja table.interior  tr th.colth4, .incaja table.interior  tr td.coltd4 { width: 20%; }
thead th.col5, .incaja table.interior  tr th.colth5, .incaja table.interior  tr td.coltd5 { width: 110px; }
thead th.col6, .incaja table.interior  tr th.colth6, .incaja table.interior  tr td.coltd6 { width: 30%; }
thead th.col7, .incaja table.interior  tr th.colth7, .incaja table.interior  tr td.coltd7 { width: 1%; }
thead th.col8, .incaja table.interior  tr th.colth8, .incaja table.interior  tr td.coltd8 { width: 20px; }
thead th.col9, .incaja table.interior  tr th.colth9, .incaja table.interior  tr td.coltd9 { width: 30px; }
thead th.col10, .incaja table.interior  tr th.colth10, .incaja table.interior  tr td.coltd10 { width: 80px; }
thead th.col130, .incaja table.interior  tr th.colth130, .incaja table.interior  tr td.coltd130 { width: 130px; }
thead th.col40, .incaja table.interior  tr th.colth40, .incaja table.interior  tr td.coltd40 { width: 40px; }
thead th.col15, .incaja table.interior  tr th.colth15, .incaja table.interior  tr td.coltd15 { width: 15px; }
td.totaluni { height:1.7em; vertical-align:middle; text-align:left; font-size:10px; color:#000000; margin:0px 0px 0px 0px; padding:0;}
/*Fin definicion del estilo delas tablas*/


/* Definicion estilo cuadro entrada datos Tipo de Trabajo*/
.outcontainer1 {top: 250px; width: 450px; left: 200px;}
.topheader1 { width:452px; background-color: #cb2027; }
.tfooter1 { width:444px;}
.incontainer1 { width:444px;}

/*Definicion Listar Intercambiadores*/
#subidas.calidad .outcontainer8 { position:absolute; top:180px; width:770px; left: 25px; height:400px;}
#subidas.calidad .topheader8 { width:778px;  background-color: #cb2027;}
#incontainer.incontainer8 .tfooter8 { width:770px; position: absolute;  text-align:center; left:0; margin-left:auto; right:0; margin-right:auto; top:auto; margin-top:auto; bottom:0; margin-bottom:0;}
#subidas.calidad .tfooter8 .paginacion { height:20px; width:350px; margin-bottom: 5px; left:0; margin-left:auto; right:0; margin-right:auto;}
#subidas.calidad #incontainer.incontainer8 { width:770px; height:330px;}
#subidas.calidad #incontainer.incontainer8 #datosdetalle { margin: 5px 0 5px 0; background-color: #FFC993; height:100px; text-align:left;}
#subidas.calidad #incontainer.incontainer8 #datosdetalle #datosdetalleizq { position:absolute; text-align:left; top:10px; margin-top:0px; width:400px; left:10px; margin-left:0; right:auto; margin-right:auto; width:450px; height:70px;}
#subidas.calidad #incontainer.incontainer8 #datosdetalle #datosdetalleder { width:450px;  height:90px; position:absolute; text-align: right; top: 15px; margin-top: 0px; left: auto; margin-left: auto; right: 0px; margin-right: 10px;  } 
#subidas.calidad #incontainer.incontainer8 #datosdetalle p { height:15px; width: 100px; float:left; padding-top:3px;}
#subidas.calidad #incontainer.incontainer8 #datosdetalle fieldset { margin-top: 0px; width:400px;}
#subidas.calidad #incontainer.incontainer8 #datosdetalle h2 { width: 200px; font-size: 11px; font-weight: 400; position:absolute; left:0; margin-left:auto; right:0; margin-right:auto; top:10px; color: #cb2027; }
#subidas.calidad #incontainer.incontainer8 #detallesinter { margin: 10px 0 10px 0;  height:30px; text-align:left;}
#subidas.calidad #incontainer .miinput1 {width:50px; }
#subidas.calidad #incontainer.incontainer8 .desborde {height:315px; width:750px; margin : 0px 0px 0px 0px; padding: 0px 0px; position:absolute; top:115px;  }
#subidas.calidad #incontainer.incontainer8 #datosdetalle a { text-decoration:  none; color:#0080C0;}
#subidas.calidad #incontainer.incontainer8 #datosdetalle a:hover {  color:#000000; margin : 0px 0px 0px 0px; padding: 0px 0px; }
#subidas.calidad #incontainer.incontainer8 table { width:758px }
#subidas.calidad #incontainer.incontainer8 .incaja {height:288px; overflow: auto; margin:0px; width:866px;}