/* CSS Document */ *{ margin: 0;padding:0;} /* -------------------------- GENERAL ----------------------------*/ html{height:100%; width:100%;padding: 0;margin: 0; } body { height:100%; width:100%; margin: 0; padding: 0; color: #000000; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:69.5%; background-color:#005c99; } .clear{clear:both;} .clearBorder{ height:2px; background-color:#CCCCCC; border-bottom:1px dashed #CCCCCC;} .separador{margin:20px 0 20px 0;border-bottom:1px solid #999999;} .separadorMin{margin:-10px 0 10px 0;border-bottom:1px dotted #999999;} .bold{font-weight:bold;} .cursiva{font-style:oblique;} .btnBorrar{ background-color:#FF0033; color:#FFFFFF;margin-left:30px;} /* -------------------------- CONTENEDORES ----------------------------*/ #container{width:100%; margin:auto;} #container #Arriba{width:100%;height:52px; background-image:url(images/fnd_Superior.jpg); background-position:center bottom; background-repeat:no-repeat;} #container #Arriba #pc{float:right;margin:12px 130px 0 0;} #container #Arriba #pc a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;} #container #Medio{width:100%;background-image:url(images/fnd_Cuerpo.jpg); background-position:center; background-repeat:repeat-y;} #container #Abajo{width:100%; height:45px; background-image:url(images/fnd_Pie.jpg); background-position:center top; background-repeat:no-repeat;} /* -------------------------- PIE ----------------------------*/ #container #Abajo #pie{width:778px; margin:auto; height:30px;} #container #Abajo #pie #pieLegal{ width:300px;height:15px; margin-top:30px; margin-left:20px; margin-right:20px; float:left;} #container #Abajo #pie #pieLegal li{ list-style:none; display:block; float:left; margin-right:19px; color:#FFFFFF;} #container #Abajo #pie #pieLegal li a{ font:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} #container #Abajo #pie #pieRegistro{width:350px;height:15px; margin-top:30px; margin-left:15px; float:left; color:#FFFFFF;} #container #Abajo #pie #pieRegistro li{float:left;list-style:none; display:block; float:left; margin-left:10px;} #container #Abajo #pie #pieRegistro li a{ font:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} #contenedor{width:778px; margin:auto; min-height:550px; height:auto !important; height:550px;} /* -------------------------- CABECERA ----------------------------*/ /* #contenedorCabecera{ width:778px; height:54px;float:left;} #contenedorCabeceraInf{ width:778px; height:54px;float:left; background-image: url(images/fnd_Cabecera.jpg); background-repeat:repeat-x;} #contenedorCabeceraInf #Logo1{ width:153px;height:54px; float:left;} #contenedorCabeceraInf #Logo1 h1{width:153px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;} #contenedorCabeceraInf #Logo1 h1 a { width:153px; height:54px; background:url(images/logoForcusa1.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo1 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #Logo2{ width:149px;height:54px; float:left} #contenedorCabeceraInf #Logo2 h1{width:149px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF } #contenedorCabeceraInf #Logo2 h1 a { width:149px;height:54px; background:url(images/logoForcusa2.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo2 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #Logo3{ width:109px;height:54px; float:left;} #contenedorCabeceraInf #Logo3 h1{width:109px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF } #contenedorCabeceraInf #Logo3 h1 a { width:109px;height:54px; background:url(images/logoForcusa3.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo3 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #submenu{ margin-top:15px; padding-left:8px;width:300px; float:left;} #contenedorCabeceraInf #submenu ul{ width:350px; float:left;} #contenedorCabeceraInf #submenu ul li{ list-style:none;display:inline; margin-left:8px; float:left;} */ #contenedorCabecera{ width:778px; height:54px;float:left;} #contenedorCabeceraInf{ width:778px; height:54px;float:left; background-image: url(images/fnd_Cabecera.jpg); background-repeat:repeat-x;} #contenedorCabeceraInf #Logo1{ width:191px;height:54px; float:left;} #contenedorCabeceraInf #Logo1 h1{width:191px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;} #contenedorCabeceraInf #Logo1 h1 a { width:191px; height:54px; background:url(images/logoForcusa1.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo1 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #Logo2{ width:160px;height:54px; float:left} #contenedorCabeceraInf #Logo2 h1{width:160px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF } #contenedorCabeceraInf #Logo2 h1 a { width:160px;height:54px; background:url(images/logoForcusa2.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo2 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #Logo3{ width:110px;height:54px; float:left;} #contenedorCabeceraInf #Logo3 h1{width:110px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF } #contenedorCabeceraInf #Logo3 h1 a { width:110px;height:54px; background:url(images/logoForcusa3.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo3 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #submenu{ margin-top:15px; padding-left:8px;width:305px; float:left;} #contenedorCabeceraInf #submenu ul{ width:305px; float:left;} #contenedorCabeceraInf #submenu ul li{ list-style:none;display:inline; margin-left:8px; float:left;} /*#contenedorCabecera #flash{ width:778px; height:168px; background:url(images/fnd_Flash.jpg); float:left;} */ /* -------------------------- MENU ----------------------------*/ #contenedor #menu{ height:32px; width:776px; padding-top:18px; border-left:1px solid #3e4751; border-right:1px solid #787679; background-image: url(images/fndMenu.jpg); background-repeat:repeat-x; float:left;} #menu ul{width:600px; float:left; margin-left:18px;} #menu ul li{float:left; display:block; list-style:none; margin-right:10px;} #menu ul .principal{ width:90px; height:32px;} #menu ul .principal h1{width:90px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .principal h1 a{width:90px; height:32px;background:url(../pc/images/principalG.jpg) no-repeat; display: block; color: #FFFFFF;} #Bprincipal #menu ul .principal h1 a{width:90px; height:32px;background:url(../pc/images/principalA.jpg) no-repeat; display: block; color: #FFFFFF;} #menu ul .principal h1 a:hover{width:90px; height:32px;background:url(../pc/images/principalA.jpg) no-repeat; display: block; color: #FFFFFF;} #Bprincipal #menu ul .principal h1 a:hover{} #menu ul .principal h1 a span{ position: absolute; z-index: -1; } #menu ul .promociones{ width:118px; height:32px;} #menu ul .promociones h1{width:118px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .promociones h1 a{width:118px; height:32px;background:url(../pc/images/promocionesG.jpg) no-repeat; display: block; color: #FFFFFF;} #Bpromociones #menu ul .promociones h1 a{width:118px; height:32px;background:url(../pc/images/promocionesA.jpg) no-repeat; display: block; color: #FFFFFF;} #menu ul .promociones h1 a:hover{width:118px; height:32px;background:url(../pc/images/promocionesA.jpg) no-repeat; display: block; color: #FFFFFF;} #Bpromociones #menu ul .empresa h1 a:hover{} #menu ul .promociones h1 a span{position: absolute; z-index: -1; } #menu ul .administracion{ width:118px; height:32px;} #menu ul .administracion h1{width:118px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .administracion h1 a{width:118px; height:32px;background:url(../pc/images/administracionG.jpg) no-repeat; display: block; color: #FFFFFF;} #Badministracion #menu ul .administracion h1 a{width:118px; height:32px;background:url(../pc/images/administracionA.jpg) no-repeat; display: block; color: #FFFFFF;} #menu ul .administracion h1 a:hover{width:118px; height:32px;background:url(../pc/images/administracionA.jpg) no-repeat; display: block; color: #FFFFFF;} #menu ul .administracion h1 a span{position: absolute; z-index: -1; } #menu ul .desconectar{ width:118px; height:32px;} #menu ul .desconectar h1{width:118px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .desconectar h1 a{width:118px; height:32px;background:url(../pc/images/desconectarG.jpg) no-repeat; display: block; color: #FFFFFF;} #Bdesconectar #menu ul .desconectar h1 a{width:118px; height:32px;background: url(../pc/images/desconectarA.jpg) no-repeat; display: block; color: #FFFFFF;} #menu ul .desconectar h1 a:hover{width:118px; height:32px;background:url(../pc/images/desconectarA.jpg) no-repeat; display: block; color: #FFFFFF;} #menu ul .desconectar h1 a span{position: absolute; z-index: -1; } /* -------------------------- CUERPO ----------------------------*/ #contenedor #cuerpo{width:778px; min-height:300px; height:auto !important; height:300px; background-image:url(images/fnd_Cuerpo.jpg); background-position:center; background-repeat:repeat-y; float:left;} #contenedor #cuerpo #contenidoArriba{width:778px; background-image: url(../pc/images/fndCuerpo2.jpg); background-repeat:no-repeat; background-position:top; float:left; min-height:141px; height:auto !important; height:141px;} #contenedor #cuerpo #contenidoMedio{width:776px; float:left; background-color: #FFFFFF; border-left:1px solid #3e4751; border-right:1px solid #949192; min-height:300px; height:auto !important; height:300px; } /* -------------------------- PAGINA DE LOGIN DE USUARIOS ----------------------------*/ #contenidoMedio #form_usuario{width:400px; margin:auto;} /* -------------------------- PAGINA DE ADMINISTRACION ----------------------------*/ #contenidoArriba #imagen{width:153px; height:141px; float:left; margin:0px 0px 0px 1px; background-image:url(../pc/images/herramientas.jpg); background-repeat:no-repeat;} #contenidoArriba #imagen h1{font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#666666; padding:80px 0px 0px 40px; font-weight:100;} #contenidoMedio #tabla{ width:700px; margin:100px auto 0px auto;} #contenidoMedio #tabla a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; text-align:center; text-decoration:underline;} #contenidoMedio #tabla a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#C75741; text-align:center; text-decoration:underline;} /* -------------------------- PAGINA DE PORTADA ----------------------------*/ #contenidoArriba h2{ padding:40px 0px 0px 30px;} #contenidoArriba h2 a,a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:underline;} #contenidoMedio #iz{float:left; width:171px; height:338px; margin:10px 0px 0px 0px; background-image: url(../pc/images/fondoportada.jpg); background-repeat:no-repeat; } #contenidoMedio #formuPortada{margin:10px 0px 0px 70px; float:left; width:450px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666;} #formuPortada div.medidas{margin:10px 0 40px 20px;} #formuPortada div.medidas label{float:left;width:120px;line-height:23px;} #formuPortada div.medidas input{width:200px;height:15px; text-align: justify;margin:0px 0px 0px 0px;padding-left:01m;font-size:11px;} #formuPortada div.medidas .examinar{width:200px;height:25px; text-align: justify;margin:0px 0px 0px 0px;padding-left:01m;font-size:11px} #formuPortada div.medidas2{margin:10px 0px 10px 70px;} #formuPortada div.medidas2 label{float:left;width:15px;line-height:23px;} #formuPortada div.medidas2 input{width:200px;height:14px; text-align: justify;margin:0px 0px 0px 5px;padding-left:01m; font-size:11px;} #formuPortada div.medidas3{margin:10px 0 20px 20px;} /* -------------------------- PAGINA DE PROMOCIONES ----------------------------*/ #contenidoArriba #izq{float:left; width:171px; height:338px; margin:28px 0px 0px 1px; background-image: url(../pc/images/fondopromocion.jpg); background-repeat:no-repeat; } #contenidoArriba #promociones{margin:28px 2px 0px 5px; float:left; width:595px; font-size:10px;} #contenidoArriba #promociones .tabla{height:25px; padding:0px 0px 0px 10px; color:#FFFFFF; background-color:#577182;} #contenidoArriba #promociones .tabla a{color:#FFFFFF; text-decoration:none;} #contenidoArriba #promociones .tabla a:hover{color:#FFFFFF; text-decoration:underline;} #contenidoArriba #promociones .tabla2{height:15px;color:#FFFFFF; background-color:#577182; border:3px double #797979; padding:0px 0px 0px 5px;} #contenidoArriba #promociones .tabla3{width:595px; background-color:#E1E1E1;} #contenidoArriba #promociones .bordeA{border-bottom:1px solid #577182;} #contenidoArriba #promociones .bordeD{border-right:1px solid #E8E8E8; padding:2px 0px 2px 0px;} #contenidoArriba #promociones .textocentro{text-align:center;} #contenidoArriba #promociones #imprimir{width:68px; height:14px; float:right; } #contenidoArriba #promociones #promo{width:475px; height:14px; float:left; } #contenidoArriba #promociones #tabla4{height:24px; float:left; width:45px;} #contenidoArriba #promociones .flechas{width:12px; height:24px; margin:0px 0px 0px 5px; float:left;} #contenidoArriba #promociones #celda1{width:20px; margin:5px 0px 0px 5px; height:24px; float:left; font-size:10px;} #contenidoArriba #promociones #celda2{width:50px; margin:5px 0px 0px 5px; height:24px; float:left; font-size:10px;} #contenidoArriba #promociones #celda3{width:60px; margin:5px 0px 0px 5px; height:24px; float:left; font-size:10px;} #contenidoArriba #promociones #celda5{width:40px; margin:5px 0px 0px 5px; height:24px; float:left; font-size:10px;} #contenidoArriba #promociones .estilo1{ background-color:#FFFFFF;} #contenidoArriba #promociones .estilo2{ background-color:#ECE9D8;} #contenidoArriba #promociones #celda4{width:590px; float:right; background-color:#FFFFFF; border-bottom:solid 1px #577182;border-top:solid 1px #577182; height:24px; font-size:10px;} #contenidoArriba #promociones #registros{width:60px; float:left; color: #c45c45; margin:3px 0px 0px 5px; font-weight:bold;} #contenidoArriba #promociones #buscador{width:460px; float:right; margin:4px 0px 0px 0px; } #contenidoArriba #promociones #buscador #formBuscador{width:360px; float:right; } #contenidoArriba #promociones #buscador #formBuscador input{width:70px; height:12px;text-align: justify; margin-left:5px;padding-left:01m; vertical-align:top; font-size:10px; margin-right:15px;} #contenidoArriba #promociones #buscador #formBuscador .select{padding-left:01m; width:100px; text-align: justify; vertical-align:top; font-size:9px;margin-left:5px; height:16px;} #contenidoArriba #promociones #buscador #formBuscador .buscar{width:18px; height:18px; margin:0px 0px 0px 10px;} #contenidoArriba #promociones #nombrepromo{float:left; width:140px;} #contenidoArriba #promociones #destacado{width:10px; height:10px; float:right; margin:2px 5px 0px 0px;} /* -------------------------- AŅADIR PROMOCIONES ----------------------------*/ #contenidoArriba #promociones #formAdd{margin:0px 20px 20px 40px; float:left; } #contenidoArriba #promociones #formAdd div.medidas4{margin: 10px 0 10px 20px; font-size:14px;} #contenidoArriba #promociones #formAdd div.medidas4 label{float:left;width:120px;line-height:23px;} #contenidoArriba #promociones #formAdd div.medidas4 input{width:250px;height:15px; text-align: justify;margin-left:10px;padding-left:01m;} #contenidoArriba #promociones #formAdd div.medidas4 textarea{width:190px;padding-left:1em;margin-left:25px;} #contenidoArriba #promociones #formAdd div.medidas4 .select{padding-left:01m; width:210px; text-align: justify;margin-top:7px;margin-left:25px;} #contenidoArriba #promociones #formAdd #txpromo{margin:0px 0px 5px 5px; font-size:10px; text-align:justify; float:left; width:465px;} #contenidoArriba #promociones #formAdd div.medidas5{margin:10px 0px 10px 0px; font-size:10px; text-align:right; width:405px;} #contenidoArriba #promociones #formAdd div.medidas5 textarea{width:240px;padding-left:1em;margin-left:10px;} #contenidoArriba #promociones #formAdd div.medidas5 input{width:250px;height:15px; text-align: justify;margin-left:10px;padding-left:01m;} #contenidoArriba #promociones #formAdd div.medidas5 .select2{padding-left:01m; width:254px; text-align: justify;margin-top:7px;margin-left:10px; font-size:10px;} #contenidoArriba #promociones #formAdd div.medidas5 .archivo{width:250px;text-align: justify;margin-left:10px;padding-left:01m; font-size:10px; height:18px;} #contenidoArriba #promociones #formAdd div.medidas5 .boton{width:110px; font-size:11px;height:20px; text-align:center;} #contenidoArriba #promociones #formAdd div.medidas5 .check{width:20px; font-size:11px;height:20px; text-align:center;}