/* Styles for: Impacto Construcciones S.A. Style URI: http://impactoconstrucciones.com Description: impacto styles float layers css. Version: 1.0 Author: effective - Web Solutions Author URI: http://www.effective.com.uy Copyright 2007 - Todos los derechos reservados Please, do not remove these lines. */ /*cuerpo de la pagina*/ body { background-color:#edeeef; margin: 0px 0px 0px 0px; } /*Capas compartidas*/ #contenido { left: 50%; width: 752px; top:5px; margin-left: -376px; position: absolute; } #cabezal{ position: absolute; left: 0px; top: 22px; width: 752px; height: 377px; z-index: 1; } #titulos { position: absolute; left: 11px; top: 399px; width: 486px; height: 39px; z-index: 3; background-color:#99999A;} #titulos2 { position: absolute; left: 497px; top: 399px; width: 250px; height: 39px; z-index: 4; background-color:#99999A;} #linea { position: absolute; left: 11px; top: 438px; width: 737px; height: 3px; z-index: 4; background-image:url(../images/linea_08.gif); background-repeat:repeat-x;} /*Pies de pagina*/ #pie {position: absolute; left: 0px; top: 704px; width: 757px; height: 71px; z-index: 11} #pie_med {position: absolute; left: 0px; top: 932px; width: 757px; height: 71px; z-index: 11} #pie_lgo {position: absolute; left: 0px; top: 1182px; width: 757px; height: 71px; z-index: 11} #pie_ser {position: absolute; left: 0px; top: 780px; width: 757px; height: 71px; z-index: 11} #pie_nos {position: absolute; left: 0px; top: 992px; width: 757px; height: 71px; z-index: 11} #pie_cto {position: absolute; left: 0px; top: 882px; width: 757px; height: 71px; z-index: 11} /*Laterales*/ #lateraliz{ position: absolute; left: 0px; top: 399px; width: 11px; height: 305px; z-index: 2; vertical-align: middle; background-image:url(../images/latizq_02.gif); background-repeat:repeat-y;} #lateralde{position: absolute; left: 747px; top: 399px; width: 5px; height: 305px; z-index: 5; vertical-align: middle; background-image:url(../images/latder_05.gif); background-repeat:repeat-y;} #lateraliz_med{ position: absolute; left: 0px; top: 399px; width: 11px; height: 535px; z-index: 2; vertical-align: middle; background-image:url(../images/latizq_02.gif); background-repeat:repeat-y;} #lateralde_med{position: absolute; left: 747px; top: 399px; width: 5px; height: 535px; z-index: 5; vertical-align: middle; background-image:url(../images/latder_05.gif); background-repeat:repeat-y;} #lateraliz_nos{ position: absolute; left: 0px; top: 399px; width: 11px; height: 605px; z-index: 2; vertical-align: middle; background-image:url(../images/latizq_02.gif); background-repeat:repeat-y;} #lateralde_nos{position: absolute; left: 747px; top: 399px; width: 5px; height: 605px; z-index: 5; vertical-align: middle; background-image:url(../images/latder_05.gif); background-repeat:repeat-y;} #lateraliz_lgo{ position: absolute; left: 0px; top: 399px; width: 11px; height: 785px; z-index: 2; vertical-align: middle; background-image:url(../images/latizq_02.gif); background-repeat:repeat-y;} #lateralde_lgo{position: absolute; left: 747px; top: 399px; width: 5px; height: 785px; z-index: 5; vertical-align: middle; background-image:url(../images/latder_05.gif); background-repeat:repeat-y;} #lateraliz_ser{ position: absolute; left: 0px; top: 399px; width: 11px; height: 382px; z-index: 2; vertical-align: middle; background-image:url(../images/latizq_02.gif); background-repeat:repeat-y;} #lateralde_ser{position: absolute; left: 747px; top: 399px; width: 5px; height: 382px; z-index: 5; vertical-align: middle; background-image:url(../images/latder_05.gif); background-repeat:repeat-y;} /*Contenidos centrales*/ #central {position: absolute; left: 11px; top: 441px; width: 736px; height: 263px; background-color:#99999A; z-index: 9} #central_med {position: absolute; left: 11px; top: 441px; width: 736px; height: 493px; background-color:#99999A; z-index: 9} #central_lgo {position: absolute; left: 11px; top: 441px; width: 736px; height: 741px; background-color:#99999A;visibility:visible;} #central_nos {position: absolute; left: 11px; top: 441px; width: 736px; height: 563px; background-color:#99999A; z-index: 9} #central_ser {position: absolute; left: 11px; top: 441px; width: 706px; height: 340px; background-color:#99999A; padding-left:15px; padding-right:15px; text-align:justify;} /*Galeria de imagenes*/ #galeria_img1 { position:absolute; left:21px; top:22px; width:99px; height:65px; z-index:20; visibility:visible;} #galeria_img2 {position:absolute; left:126px; top:22px; width:99px; height:65px;z-index:5; visibility:visible; } #galeria_img3 {position:absolute; left:21px; top:113px;width:99px; height:65px;z-index:8; visibility:visible;} #galeria_img4 {position:absolute; left:126px; top:113px;width:99px; height:65px;z-index:10; visibility:visible;} /*---------------------Contenidos por pagina-------------------------*/ /*Inicio*/ #textos {position: absolute; left: 11px; top: 441px; width: 486px; height: 263px; background-color:#99999A; z-index: 9} #galeria {position: absolute; left: 487px; top: 0px; width: 250px; height: 263px; background-color:#99999A;} #fotoini {position:absolute; left: 28px; top: 22px; width:227px; height:193px; background-image:url(../images/home1.jpg);} #textoini {position:absolute; left:275px; top:22px; width:196px; height:194px; font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size:11px; text-align:justify;} .bienv { background-image:url(../images/bien_03.gif); background-repeat:no-repeat; background-position:left;} .titgal {background-image:url(../images/gale_05.gif); background-repeat:no-repeat; background-position:left;} /*SERVICIOS*/ #fotoser {position:absolute; left: 500px; top: 22px; width:227px; height:193px; background-image:url(../images/servicio1.jpg);} #textoser {position:absolute; left:15px; top:22px; width:457px; height:193px; font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size:11px; text-align:justify;} #textohor {position:absolute; left:15px; top:220px; width:457px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#E60003; font-size:11px; font-weight:bold; text-align:justify; vertical-align:middle;} /*Contacto*/ #contacto {position: absolute; left: 11px; top: 441px; width: 486px; height: 443px; background-color:#99999A; z-index: 9} #galeria_cto {position: absolute; left: 497px; top: 441px; width: 250px; height: 223px; background-color:#99999A; z-index: 10} #galeria_cto_fin {position: absolute; left: 497px; top: 666px; width: 250px; height: 216px; background-color:#99999A; z-index: 11} #lateraliz_cto{ position: absolute; left: 0px; top: 399px; width: 11px; height: 485px; z-index: 2; vertical-align: middle; background-image:url(../images/latizq_02.gif); background-repeat:repeat-y;} #lateralde_cto{position: absolute; left: 747px; top: 399px; width: 5px; height: 485px; z-index: 5; vertical-align: middle; background-image:url(../images/latder_05.gif); background-repeat:repeat-y;} /*IMAGENES DE TITULOS*/ .cont { background-image:url(../images/cont_03.gif);background-repeat:no-repeat; background-position:left;} .portf { background-image:url(../images/port_03.gif);background-repeat:no-repeat; background-position:left;} .nos { background-image:url(../images/nos_03.gif);background-repeat:no-repeat; background-position:left;} .ser { background-image:url(../images/serv_03.gif);background-repeat:no-repeat; background-position:left;} .proy { background-image:url(../images/proy_03.gif);background-repeat:no-repeat; background-position:left;} /*-----------------------------Formatos de contenidos internos --------------------------*/ /*Textos del portfolio*/ .txtport {padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF;} .txtportsp {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF;} .txtportng {padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000;} .txtportngsp {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000;} .clienport {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000;} .clienportgs { padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#666; } .titcliente { background-image:url(../images/tit_04.jpg); background-repeat:no-repeat;background-color:#99999A; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000;} /*TEXTOS DE NOSOTROS*/ .textonos {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding: 15px 20px 20px 15px } .textoser {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding-left:20px; padding-right:20px; padding-top:15px; } /* Formato de los textos */ .textos { padding-top:10px; padding-left:10px; text-align:justify; vertical-align:top;} h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; color:#FFF;} h1 a, h2 a { text-decoration: none; color: #F1F1F1;} h1 a:hover, h2 a:hover { text-decoration: none; color: #F1F1F1;} h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; color:#FFF; } h3 { margin: 0; padding: 0; font: bold 12px Arial, Sans-Serif; letter-spacing: -1px; color:#FFF; } h6 {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;} form { margin: 0; } /*Estilos de textos internos*/ .textocentral {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; } .ntextocentral{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; } .simple_v {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#E60003;} .simple_a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E60003; padding-left:10px; padding-right:10px;} .simple_a a { text-decoration: none; color:#E60003;} .pie {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFF;} .pie a {text-decoration: none; color:#E60003;} .ruc {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#ABABAB;} /*FORMULARIOS*/ .boton { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#E60003; font-weight:bold; background-color:#999; border-bottom-color:#000; border-bottom-width: 2px; border-left-color:#999; border-left-width: 1px; border-top-color:#999; border-top-width: 1px; border-right-color:#000; border-right-width: 2px; } .input { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#E60003; background-color:#999; border-width: 1px; border-style: inset; border-color:#333; } .select { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#E60003; background-color:#999; border-width: 1px; border-style: inset; border-color:#333; }