*{ margin:0; padding:0; } body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#B1D6FA url(../img/bginterno.gif) repeat-x ; _margin-left:150px; } a { color:#686860; padding:0; clear:both; text-align:right; text-decoration:underline; } a:hover{ color:#686860; padding:0; clear:both; text-align:right; text-decoration:none; } /*h2{width:100%; font-size:16px; font-weight:bold; line-height:30px; text-indent:5px; */ h2{width:100%; font-size:20px; font-weight:bold; line-height:30px; text-indent:5px;color:#013096;border-bottom:1px solid #B1D6FA;} h2 a{text-decoration:none; } h3{color:#FFCC32; font-weight:bold; font-size:13; } a img{border:0} #cabeza{width:720px; height:173px; margin:0 auto; background-color:white; _border:0px solid red; } #cabeza #ca-cont{float:left; width:100%; height:100%; /*border:1px solid black;*/} #cabeza #ca-cont .top{float:left; width:720px; height:146px; /*border:1px solid black;*/} #cabeza #ca-cont .top .logo-d{float:right; width:367px; height:146px; } #cabeza #ca-cont .top .logo-d .d-top{float:right; width:367px; height:62px; } #cabeza #ca-cont .top .logo-d .d-top img{top:0; position:absolute; } #cabeza #ca-cont .top .logo-d .d-top h1{font-size:1px; } #cabeza #ca-cont .top .logo-d .d-base{float:right; width:367px; height:82px; } #cabeza #ca-cont .top .imagen-izq{float:left; width:353px; height:146px; /*border:1px solid red; */} #cabeza #ca-cont .base{float:left; width:100%; height:27px; border:0px solid red; } /*menu*/ .menu{padding:0px 0 0 0px; height:25px; /*_height:20px; */ width:350px; float:right; background-color:#fff; font-size:14px; _border:0px solid red; } .nav{font:bold 0.9em/25px Arial,sans-serif; } .nav a, .nav strong{float:left; margin:0; color:blue; height:25px; display:block; padding:0px 6px 0 6px; text-decoration:none; } .nav a:hover, .nav strong {color:#ccc; } /*.nav ul{}*/ .nav li{float:left; list-style:none; } .separador{background: url(../img/azul.gif); margin:2px 0 0 0; width:11px; height:10px; /*border:1px solid white; */} #cuerpo{margin:0 auto; width:720px; background-color:red; _border:0px solid red; } #cuerpo #cu-cont{position:relative; float:left; width:100%; height:100%; border:0px solid white; background-color:#fff; } #cuerpo #cu-cont .left{position:relative; float:right; width:568px; _width:550px; background-color:#fff; }/*inf- proy-cat-reco*//*sev-not*/ #cuerpo #cu-cont .left .recuadro{position:relative; float:right; width:550px; _width:500px; margin:0 3px 0 6px; padding:3px; _padding:2px; border:2px solid #69AFC1; list-style:inside; }/*inf- proy-cat-reco*//*sev-not*/ /*#cuerpo #cu-cont .left .recuadro .linkse{position:relative;width:95%; }/*inf- proy-cat-reco*//*sev-not*/ */ #cuerpo #cu-cont .left .recuadro h2 {color:#013096/* red*/; font-size:20px; border-bottom:1px solid #B1D6FA; } #cuerpo #cu-cont .left .recuadro h2 a {color:#013096; font-size:16px; line-height:15px; } #cuerpo #cu-cont .left .recuadro a {color:#ccc; font-size:13px; color:#00006E} /* #cuerpo #cu-cont .left .recuadro a:hover img {border:1px solid #ccc} */ .wfoto{width:450px; margin:0 20px 0 5px; float:left; /*border:1px solid red;*/ clear:both; } /*efecto som*/ .capfoto2{width:125px; border:1px solid white; float:left; margin:3px; border:0px solid red; } .capfoto2 img{display:block;margin:0 auto;} #cuerpo #cu-cont .left .recuadro .c-cuadro{position:relative; float:left; margin:5px 0 5px 0; border:0px solid red; width:100%;} #cuerpo #cu-cont .left .recuadro .c-cuadro .categoria{background-color:#C3D1E5/*#A8CEE7*/; text-indent:10px; font-size:14px; line-height:20px; border-top:1px solid #ccc; border-left:1px solid #ccc; } #cuerpo #cu-cont .left .recuadro .c-cuadro .categoria a {text-decoration:none; font-weight:bold; } #cuerpo #cu-cont .left .recuadro .c-cuadro .info{width:70%; float:right; } #cuerpo #cu-cont .left .recuadro .c-cuadro .info a{width:100%; float:right; } #cuerpo #cu-cont .left .recuadro .c-cuadro .foto{width:29%; float:left; padding:2px 0 2px 0; border:1px solid #ccc; } #cuerpo #cu-cont .left .recuadro .c-cuadro .foto img{display:block; margin:0 auto; } #cuerpo #cu-cont .left .recuadro .c-cuadro .foto a:hover img{padding:0px; background-color:#C5D5EE; } #cuerpo #cu-cont .left .recuadro .c-cuadro .foto a:hover{background-color:#C5D5EE; } /*para el catalogo*/ #cuerpo #cu-cont .left .recuadro .cont-cuadro{position:relative; float:left; width:520px; margin:3px 0px 0 1px; border:0px solid #9DABC5; color:#FFFFB7; text-align:center; line-height:30px; padding:4px 0 0 0} #cuerpo #cu-cont .left .recuadro .cont-cuadro .cuadro-ca{position:relative; float:left; width:170px; height:198px; margin:3px 0px 0 1px; background-color:#F2FFFF; border:1px solid #9DABC5; color:#FFFFB7; text-align:center; line-height:30px; padding:1px 0 0 0} #cuerpo #cu-cont .left .recuadro .cont-cuadro .cuadro-ca .c-foto{float:left; width:170px; height:145px; background-color:#F2FFFF; margin:1px 0 0 0} #cuerpo #cu-cont .left .recuadro .cont-cuadro .cuadro-ca .c-foto img{display:block; margin:10px auto; } .cuadro-ca a {color:#FEFEBE; text-decoration:none; font-size:13px; } #cuerpo #cu-cont .left .recuadro .cont-cuadro .cuadro-ca .c-foto a:hover img{border:1px solid #ccc} .servicio{float:left; width:90%; padding:1px; margin:0px 0 5px 0; } .servicio .loc{font-weight:bold; font-size:16px; font-color:#4D4D4D; padding:6px 0 0 0; clear:both; border-top:2px dashed ; } .servicio .loc a{font-weight:bold; font-size:15px; font-color:#4D4D4D; text-decoration:none; } .servicio .loc a:hover{font-weight:bold; font-size:15px; font-color:#4D4D4D; text-decoration:none; } .servicio p{width:90%} #cuerpo #cu-cont .left .recuadro .cuadro2{position:relative; float:left; margin:3px 0px 0 1px; /*background-color:#993400; */border:0px solid #9DABC5; color:#000000; text-align:left; line-height:30px; padding:4px 2px 0 0;} #cuerpo #cu-cont .left .recuadro .cuadro2 .c-foto{float:left; width:170px; height:145px; background-color:#FFF; margin:1px 0 0 0} #cuerpo #cu-cont .left .recuadro .cuadro2 .c-foto img{display:block; margin:10px auto; } #cuerpo #cu-cont .left .recuadro .forms form{margin:0 auto; padding:5px; width:70%; /*text-align:center; */} #cuerpo #cu-cont .left .recuadro .forms fieldset{margin:0px; padding:10px; border:0; /*border-top:1px solid #993400*/}/*cuadro del formulario legend*/ #cuerpo #cu-cont .left .recuadro .forms legend{margin-left:0px; padding-left:0px; } #cuerpo #cu-cont .left .recuadro .cp-foto{float:left; width:135px; margin:4px; } #cont-fotos{float:left; width:520px; border:0px solid red; } #cont-fotos .cont-fi{float:left; width:170px; text-align:center; } #cont-fotos .cont-fi .cont-fc{width:170px; border:0px solid blue; } #cont-fotos .cont-fi .cont-fc img{display:block; margin:5px auto; } /*fin para el catalogo*/ #cuerpo #cu-cont .left .recuadro .cc-cuadro{position:relative; float:left; margin:5px 0 5px 0; border:0px solid red; } #cuerpo #cu-cont .left .recuadro .cc-cuadro .categoria{background-color:#FFE2E2; text-indent:10px; font-size:14px; line-height:20px; border-top:1px solid #ccc; border-left:1px solid #ccc; } #cuerpo #cu-cont .left .recuadro .cc-cuadro .cont-categorias{float:left; width:100%; border:0px solid blue; } #cuerpo #cu-cont .left .recuadro .cc-cuadro .cont-categorias .cont-tipos{float:left; width:170px; border:1px solid #ccc; margin:2px; text-align:center; } #cuerpo #cu-cont .left .recuadro .cc-cuadro .cont-categorias .cont-tipos h2 a{border:none; font-size:12px; width:100%; text-align:center; } #cuerpo #cu-cont .left .recuadro .cc-cuadro .info{width:70%; float:right; } #cuerpo #cu-cont .left .recuadro .cc-cuadro .info a{width:100%; float:right; } #cuerpo #cu-cont .left .recuadro .cc-cuadro .foto{width:100%; float:left; padding:2px 0 2px} #cuerpo #cu-cont .left .recuadro .cc-cuadro .foto img{display:block; margin:0 auto; } .c-enlace{width:100%; line-height:30px; text-align:right; } #cuerpo #cu-cont .left .recuadro .rec-secciones{position:relative; width:150px;_width:180px; border:1px solid #ccc; float:right; padding:5px; margin:3px; } #cuerpo #cu-cont .left .recuadro .rec-secciones .re-cont{padding:2px 2px 2px 15px; } a.txtEnlace2{padding:0px;font-weight:normal;font-size:11px;color:#666;text-decoration:none;} .txtEnlace2:hover{color:#f68121;text-decoration:underline;} #cuerpo #cu-cont .left .recuadro .rec-secciones .re-cont li {display:inside; padding-top:5px} #cuerpo #cu-cont .left .recuadro .rec-secciones .re-cont li a{font-size:13px; line-height:8px; text-decoration:none; font-weight:bold; } #cuerpo #cu-cont .left .recuadro .cont-form-login{position:relative; width:300px; margin:30px 0px 30px 100px; border:0px solid red; } #cuerpo #cu-cont .left .recuadro .bienvenido {font-size:18px; color:blue; width:100%; text-align:center; } #cuerpo #cu-cont .left .recuadro .panel{width:300px; margin:0 auto; border:1px solid #ccc; } #cuerpo #cu-cont .left .recuadro .nom-cliente {font-size:18px; color:#E86C6C; width:100%; margin:10px 0 10px 0} #cuerpo #cu-cont .left .recuadro .nom-proyecto {font-size:15px; color:white; width:100%; margin:10px 0 10px 0; background-color:#ccc; } #cuerpo #cu-cont .left .recuadro .nom-proyecto em {font-weight:bold; } #cuerpo #cu-cont .left .recuadro .nom-cliente p{font-size:12px; color:black; width:100%; margin:10px 0 10px 0} #cuerpo #cu-cont .left .recuadro .nom-proyecto {font-size:15px; color:black; width:100%; margin:10px 0 10px 0} /*#cuerpo #cu-cont .left .recuadro .nom-cliente{}*/ #cuerpo #cu-cont .left .recuadro .nom-pro {font-size:18px; color:black; width:100%; } .movimientos {font-size:12px; } .movimientos-det {font-size:12px; width:90%; margin-left:20px; } #comentario{border:1px solid #ccc; background-color:#F8F8F8; padding:2px 0 2px 2px} .regresar{float:left; margin:10px 0 0 0; padding:2px 0 2px 2px; width:540px; border:0px solid red; } .opina{} /*estilos rolo*/ div.textoseci{float:left; width:90.1%; } .list_thumap{width:auto /*108px*/; float:left; margin-right:5px; text-align:center; } .list_thumap a{display:block; padding:3px; border:1px solid #b6b5ba; text-decoration:none; font-size:9px; color:#ca6702; } .list_thumap a:hover{background-color:#C4D4EA; } .list_cont{float:left; width:525px/*548-18*/; border-bottom:2px solid #cc6635; padding:10px 10px 5px 8px; text-align:justify; } .list_cont h3,.fila h3{color:#670001; font-size:18px; margin-bottom:5px; } .list_cont h3 a{color:#ff6600; text-decoration:none; font-weight:normal; } .list_cont h3 a:hover,.contenedorfoto h3 a:hover{text-decoration:underline; } .list_cont h3 span{font-size:14px; } .list_cont h4,.fila h4{font-size:14px; margin-bottom:5px; } .list_cont p,.paninf3 p,div.fila p,#det-pro p{margin-bottom:5px; } .list_cont .list_thumap{margin-top:7px; } .list_cont{float:left; width:525px/*548-18*/; border-bottom:0px solid #cc6635; padding:10px 10px 5px 8px; text-align:justify; } .list_cont h3,.fila h3{color:#A7BCD8/*#670001*/; font-size:16px; margin-bottom:5px; } .list_cont h3 span{font-size:14px; } .list_cont h4,.fila h4{font-size:14px; margin-bottom:5px; } .list_cont p,.paninf3 p,div.fila p,#det-pro p{margin-bottom:5px; } .list_cont ul{margin-bottom:10px; list-style:inside; } #cu-cont .left .recuadro .list_cont h3 a{font-size:18px; } #headnav{width:100%; float:left; font-size:20px; padding:5px 0px 5px 0px; } #headnav li{float:left; list-style:none; font-size:20px; } #headnav li a{color:#999966; text-decoration:underline; padding:0 3px 0 3px;font-size:30px;border:0px solid red } #headnav li a:hover{text-decoration:none; color:#D68940; } #headnav li strong{color:#FF6666/*#D68940*/; padding:0 0 0 3px; font-size:16px; } #fot-sec{width:135px; padding:5px 3px; float:right; text-align:center; } #fot-sec a{display:block; padding:3px; border:1px solid #CCCCCC; font-size:10px; color:#000000; text-decoration:none; text-align:center; } #fot-sec a:hover {background-color:/*#ECB830; */#C5D5EE; } #fot-sec em{display:block; font-style:italic; font-size:11px; margin:5px 0 0 5px; color:#706C61; } .pie-not{clear:both; margin:10px auto 5px auto; background:white/*#FAF4ED*/; height:20px; padding:7px 0 5px 0; text-align:center; } #CC6635 .list_cont ul{margin-bottom:10px; list-style:inside; } .fil ul li,.fil1 ul li{list-style-image:url(../img/fmas.gif); margin-left:15px; } .fil,.fil1{float:left; width:99%; margin:5px 0 5px 0; border-bottom:1px dashed #ccc; } .fil{background:#FAF4ED; } .fil1{background:#F8F8F8; } .fil em,.fil1 em,.fech{color:#999966; font-weight:bold; font-size:11px; } .fil p,.fil1 p{margin:5px 0; } #otros ul li a,.txtEnlace2{padding:0px; font-weight:bold; font-size:11px; color:#666; } #otros ul li a:hover,.txtEnlace2:hover{color:#f68121; } .fecha-1{font-size:10px; font-weight:bold; } #headnav .texto-1{font-size:20px; } #headnav a .texto-1{font-size:20px; } #headnavli .texto-1 a{font-size:20px; } div.textoseci p {text-align:justify; line-height:18px; margin:5px 5px; } /*.txtvermas{font-size:10px; color:#ca6702; text-decoration:underline; background:url(../img/fmas.gif) no-repeat right; display:block; width:65px; margin-bottom:10px; } .txtvermas:hover{text-decoration:none; }*/ /*fin rolo*/ /*********************************** ESTILO PARA LOS FORMULARIOS ******************************/ .formOp{float:left; list-style:none; } .formOp li {display:block; width:95px; float:left; margin:5px 0; } form label, #det-pro label{font:bold 12px color:#000000; margin-left:5px; } .formulario {width:100%; } .formulario .contenido {padding:8px 5px 16px 5px; } .formulario .trform{width:100%; text-align:center; vertical-align:top; margin-top:5px; } .formulario .tdlabels{width:30%; float:left; margin-bottom:8px; text-align:left; } .formulario .tdimputs{width:65%; float:left; margin-bottom:8px; text-align:left; } .formulario .trindic{text-align:left; vertical-align:top; } .formulario strong{color:#FF0000} .formulario img{ vertical-align:middle} .formulario .boton{background: url(../img/formenvio/bg-btn2.gif); font:bold 70% Verdana, sans-serif; color:#CCCCCC; border:1px solid #65562B; margin:10px 2px; } .formulario .boton1{background: url(../img/formenvio/bg-btn2.gif); font:bold 70% Verdana, sans-serif; color:#FCF4E1; margin:10px 2px; border:1px solid #65562B; } legend{font:bold 16px sans-serif; color:#000000; margin-left:5px; } select{ width:80px; font:12px ; border:#ccc 1px solid; background:#fff url(../img/shadow_top.gif) repeat-x top; } .textcant{ font:12px ; border:#ccc 1px solid; background:#fff url(../img/shadow_top.gif) repeat-x top; text-align: right; padding-right:2px; } .textarea{ font:12px; padding:5px; border: 1px solid #ccc; background:#fff url(../img/shadow_top.gif) repeat-x top; } .textbox{ border:#ccc 1px solid; background:#fff url(../img/shadow_top.gif) repeat-x top; font:12px; padding:2px; } .textboxError{ font:12px; background:#ffffec; border:1px solid #F37D60; padding:2px; } .textbox:focus, .textarea:focus, .textboxError:focus,.textcant:focus,select:focus{background:#fff url(../img/shadow_top.gif) repeat-x top; border:#999 1px solid; } .LengthText { font:10px normal ; color: #000000; text-align:center; border:0; background-color: transparent; margin:0; } #error,#exitoso{width:366px; background:url(../img/formenvio/bg-err.gif) repeat-y; margin:10px 0; } /*===== Estilos de error========*/ #error h4{font:bold 15px Verdana, Arial, Helvetica, sans-serif; background:url("../img/formenvio/top-err.gif") no-repeat; padding:10px 20px 0px 15px; color:#CC0000; } #error .msj{background:url("../img/formenvio/bot-err.gif") no-repeat left bottom; text-align:left; _padding-bottom:25px; } #error .msj ul{padding:0px 20px 25px 20px; list-style-image:url(../img/formenvio/flecha.gif); color: #666666; } #error .msj ul li{font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0 20px; } /*===== Estilos de exitoso ========*/ #exitoso h4{font:bold 15px; background:url("../img/formenvio/top-err.gif") no-repeat; padding:10px 20px 0px 15px; color:#336600; } #exitoso .msj{background:url("../img/formenvio/exitoso-pie.gif") no-repeat left bottom; text-align:center; } #exitoso .msj ul{padding:0px 20px 25px 20px; list-style-position:inside; list-style:none; color: #666666; } #exitoso .msj ul li{margin:5px 0} /*.list-c{width:200px; float:left; } .list-c .l-der{float:left; width; 95}; .list-c .l-izq{}*/ /************* **********/ /* para pruebas /* ------------------------------------------------------ Buttons ------------------------------------------------------ */ div.button{margin:auto} div.button .btnleft, div.button .btnright{ height:20px; width:5px; background-image: url(../img/button_left.gif); float:left; } div.button .btnright{background-image: url(../img/button_right.gif)} div.button .btncenter{ float:left; height:20px; background-image: url(../img/button_center.gif); overflow:hidden; } div.button .btncenter a{ text-decoration: none; line-height: 22px; padding: 0px 6px; } div.button .btncenter a:hover{color:#000} /* styling an input button */ div.button .btncenter input{ text-decoration: none; border:0px solid #000; background: transparent; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000; cursor: pointer; margin-top:2px; height:19px; } */ .cuadro{position:relative; width:100%; background:url(../img/bgcuadro.gif) repeat-x; padding:0px; float:left; } #cuerpo #cu-cont .right{position:relative; float:left; width:151px; _border:0px solid red; /*background-color:url(../img/bgpanelder.gif)repeat-y; */background-color:#fff; }/*pa der gr*/ #cuerpo #cu-cont .right h2{background:url(../img/bgh2.gif) repeat-y; }/*pa der gr*/ #cuerpo #cu-cont .right p{text-align:justify; padding:0 1px 0 1px ; }/*pa der gr*/ cuerpo #cu-cont .right p a{float:right; margin:4px 0 2px 0; }/*pa der gr*/ .pregunta{margin:8px 0 5px 3px; }/*pa der gr*/ #cuerpo #cu-cont .right .entrar{margin:15px 0 10px 0; left:30px; }/*pa der gr*/ #cuerpo #cu-cont .right .cuadro{background-color:#fff; } #cuerpo #cu-cont .right .menu2{position:relative; padding:0px 0 0 0px; height:220px; _height:220px; width:150px; background-color:#fff; font-size:14px; border:0px solid red; } #cuerpo #cu-cont .right .nav2{font:bold 0.9em/15px Arial,sans-serif; } #cuerpo #cu-cont .right .nav2 a,.nav2 strong{margin:0 0 0 2px; color:blue; height:25px; display:block; padding:0px 0px 0 0px; text-decoration:none; text-align:left; text-indent:20px} #cuerpo #cu-cont .right .nav2 a:hover,.nav2 strong{color:#ccc; } #cuerpo #cu-cont .right .nav2 li{list-style:none; } #cuerpo #cu-cont .right .separador{position:relative; background:url(../img/separador3.gif); margin-top:0px; _margin-top:1px; /*border:1px solid white; */} #cuerpo #cu-cont .right .c-pane{position:relative; background:url(../img/bgpanel.gif); border:0px solid red; margin:0 0 0px 2px; padding:1px 1px 4px 1px; } #cuerpo #cu-cont .right .c-pane .titulo{position:relative; font-size:14; line-height:25px; } #cuerpo #cu-cont .right .c-pane .foto{position:relative; width:150px; } #cuerpo #cu-cont .right .c-pane p{font-size:10px; } #cuerpo #cu-cont .right .c-pane .foto img{display:block; margin:0 auto} .flecha{float:right; width:18px; height:19px; background:url(../img/flecha.jpg); } table{font-size:12px; } th{color:red; font-weight:bold; } .entrar{position:relative; width:101px; height:12px; background:url(../img/bentrar.gif); } #pie{width:720px; margin:0 auto; /*background-color:green; */ _border:0px solid red;clear:both;} #pie .stop{position:relative; width:720px; height:53px; background-color:#fff; clear:both; } #pie .stop .der{position:relative; width:210px; height:53px; clear:both; float:right; background:url(../img/logobase.gif); } #pie .top{position:relative; width:720px; height:18px; background-color:#fff; clear:both; } #pie .creditos{position:relative; text-align:right; width:720px; height:30px; background-color:#fff; padding:0 2px 0 0; clear:both; /*border:1px solid red; */} /*========================ESTILOS PARA LA POP PUP DE IMAGENES===================================*/ #lightbox{ background-color:#C5D6EE; border-bottom: 2px solid #666; border-right: 2px solid #666; -moz-border-radius:1px; padding: 10px; position:absolute; z-index:1; } #lightboxDetails{ font-size:12px; 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(overlay.png); } * html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); } /*==================== FIN STYLOS POP DE LA IMAGEN ==============*/ #barrat{width:100%;font-size:20px; padding:5px 0px 5px 0px; } #barrat strong{color:#FF6666 } #barrat #textot{font-size:100px; color:red;} #barrat #textot:hover{font-size:100px; color:red;} #barrat a.textot:hover {font-size:100px;} .textot {font-size:20px; } a.textot {font-size:20px;color:red; } /*#cuerpo #cu-cont .left .recuadro .linkse{position:relative;width:95%; }/*inf- proy-cat-reco*//*sev-not*/ */