/* CSS Document */
/* CSS Document */
html {
height: 100%;
margin:0;
/*padding:0;
color:#060606;
font: normal 100%/1.2em Tahoma,Verdana,Helvetica,Arial,sans-serif;
background:#FFFFFF url(../images/bg_center.gif) repeat-y top center;*/
}
body {
background: url(../images/fndPag_001.jpg) top repeat-x #bde2f4;
margin: 0px;
height: 100%;
font-family: tahoma, verdana, arial, sans-serif;
color: #999999;
}
a , a:link , a:visited {
color : #666666;
text-decoration : underline;
}
a:hover {
color: #333333;
text-decoration : none;
}
a:active , a:focus {
color : #999999;
}
p {
color: #333333;
line-height: 1.25;
font-size: 12px;
}
/*-----------------------------------------------------------------------------*/
h1 {
color:#50B4DA;
font-weight: normal;
margin:0;
padding:10px 5px 5px;
font-size:170%;
}
h2 {
color:#48B1D9;
margin:0;
padding: 0;
font-size:150%;
font-weight: normal;
}
h3 {
color:#48B1D9;
margin:0;
padding:10px 5px 5px;
font-size:110%;
font-weight: normal;
}
h4 {
color:#48B1D9;
margin:0;
padding: 2px 2px 5px 5px;
font-size:90%;
}
h5 {
color:#48B1D9;
margin:0;
padding: 2px 2px 5px 5px;
font-size:90%;
}li {
list-style-type:none;
background: url(../images/bullet.gif) no-repeat 0px 5px;
line-height: 1.25;
font-size: 12px;
padding-left: 13px;
margin-left: 5px;
}
ul {
margin: 10px;
/*-----------------------------------------------------------------------------*/
}#contenedor {
position: relative;
margin: auto;
top: 10px;
width: 900px;
/************************************************************************************************************/
}#top {
position: relative;
margin: auto;
width: 900px;
background: url(../images/fndTop_01.gif) center top no-repeat;
height: 110px;
}#topMenuCont {
position: relative;
top: 30px;
left: 260px;
width: 500px;
height: 40px;
font-size: 14px;
}.topMenu a {
width: 125px;
display: block;
height: 40px;
background-image: url(../images/fnd_menuTop.gif);
vertical-align: middle;
color: #008DCA!important;
text-align: center;
text-decoration: none !important;
font-weight: bold;
padding: 12px 0 0 0 ;
}.topMenu a:hover {
background-image: url(../images/fnd_menuTop_02.gif);
}.topMenu_b a {
width: 165px;
display: block;
height: 40px;
background-image: url(../images/fnd_menuTop_b.gif);
vertical-align: middle;
color: #008DCA!important;
text-align: center;
text-decoration: none !important;
font-weight: bold;
padding: 12px 0 0 0 ;
}.topMenu_b a:hover {
background-image: url(../images/fnd_menuTop_b_02.gif);
}.goHome a{
display: block;
height: 40px;
text-align: center;
padding: 0 5px 9px 0;
}#menuGrandeCont {
width: 900px;
background: url(../images/fnd_01.gif) repeat-y;
}#menuGrandeTable {
position: relative;
left: 5px;
width: 891px;
background: url(../images/fndMenuGrande_01.gif) repeat-x;
height: 60px;
}
/************************************************************************************************************/
.promo{position:relative; width:250px; float:left; margin:25px; padding:10px; background: url(../images/transpBlack25.png);border: #66CCFF solid 1px; -moz-border-radius: 10px; font-size:18px;
border-radius: 10px;}
.promo p{ color:#FFFFFF; font-weight:bold}
.infom{position:relative; width:280px; float:right; margin:15px}
.infom ul { list-style:none }
.infom ul li { width:200px; height:30px; margin-bottom:10px; padding:15px;
border: #66CCFF solid 1px; -moz-border-radius: 10px; font-size:18px;
border-radius: 10px; background: url(../images/transpBlack25.png) }
.infom ul li a{ color: #FF9900; text-decoration:none; font-weight:bold}
.infom ul li a:hover{ color:#FFCC33}
#cuerpo {
margin: auto;
width: 900px;
background: url(../images/fnd_01.gif) repeat-y;
}#cuerpoHome {
margin: auto;
width: 890px;
height:380px;
text-align: center;
}#cuerpoTable {
position: relative;
width: 890px;
left: 5px;
background: url(../images/fndCuerpo.gif) bottom repeat-x ;
}#cuerpoTable h1 {
font-size:170%;
border-bottom: 0px solid #48B1D9;
background: url(../images/topo_003.gif) left no-repeat;
padding: 0 0 0 20px !important;
margin: 0;
}#cuerpoTable .cuerpoTableTop{
height: 20px;
background: url(../images/fnd_cuerTabTop.gif) no-repeat #FFFFFF;
padding: 18px 0 10px 15px;
}#cuerpoTable .cuerpoTableCent{
background: url(../images/fnd_cuerTabCent.gif) repeat-y #FFFFFF;
padding: 0 0 0 22px;
}#cuerpoTable .cuerpoTableBot{
height: 40px;
background: #FFFFFF url(../images/fnd_cuerTabBot.gif) bottom no-repeat;
text-align: right;
padding-right: 20px;
/************************************** PROMOCIONES ***************************************************/
}#cuerpoTablePromo {
position: relative;
width: 850px;
left: 5px;
background: url(../images/fndCuerpo.gif) bottom repeat-x ;
padding: 0 0 0 0px;
text-align: justify;
vertical-align: top;
}#cuerpoTablePromo .imagen{
width: 300px;
height: 390px;
background: url(../images/contenidos/promos.jpg) top no-repeat;
/*------------------------*/
}#prom_destacada {
width: 540px;
padding: 0px 30px 10px 30px;
margin: 20px 0;
}#prom_destacada .titulo{
font-size:160%;
background: url(../images/fnd_destacada.jpg) left no-repeat top;
padding: 10px 0 0 30px !important;
height: 30px;
color: #FF6600;
font-weight: normal;
}#prom_destacada .cuerpo{
font-size: 14px !important;
background: url(../images/fnd_destacada2.jpg) left repeat-y;
}#prom_destacada .pie{
background: url(../images/fnd_destacada.jpg) left no-repeat bottom;
height: 30px;
/*------------------------*/
}#prom_lista {
width: 540px;
padding: 0px 10px 10px 20px;
text-align: justify;
}#prom_lista .titulo{
font-size:120%;
background: url(../images/topo_005.gif) left no-repeat;
padding: 0px 0 0 20px !important;
height: 20px;
color: #FF6600;
font-weight: normal;
}#prom_lista .cuerpo{
font-size: 14px !important;
/*background: url(../images/fnd_destacada2.jpg) left repeat-y;*/
}#prom_lista .pie{
background: url(../images/fnd_destacada.jpg) left no-repeat bottom;
height: 30px;
/************************************** CONSTRUCTORAS ***************************************************/
}#cuerpoTableCons {
position: relative;
width: 850px;
left: 5px;
background: url(../images/fndCuerpo.gif) bottom repeat-x ;
padding: 0 0 0 0px;
text-align: justify;
vertical-align: top;
}#cuerpoTableCons .imagen{
width: 300px;
height: 270px;
text-align: right;
/*background: url(../images/contenidos/constructoras.jpg) top right no-repeat;
/************************************** AGUA ***************************************************/
}#cuerpoTableAgua {
position: relative;
width: 850px;
left: 5px;
background: url(../images/fndCuerpo.gif) bottom repeat-x ;
padding: 0 0 0 0px;
text-align: justify;
vertical-align: top;
}#cuerpoTableAgua .imagen{
width: 300px;
height: 270px;
text-align: right;
/*background: url(../images/contenidos/agua.jpg) top right no-repeat;
/************************************** EMPRESA ***************************************************/
}#cuerpoTableEmp {
position: relative;
width: 850px;
left: 5px;
background: url(../images/fndCuerpo.gif) bottom repeat-x ;
padding: 0 0 0 0px;
text-align: justify;
vertical-align: top;
}#cuerpoTableEmp .imagen{
width: 300px;
height: 270px;
text-align: right;
/*background: url(../images/contenidos/empresa.jpg) top right no-repeat;
/************************************** REHABILI ***************************************************/
}#cuerpoTableRehab {
position: relative;
width: 850px;
left: 5px;
background: url(../images/fndCuerpo.gif) bottom repeat-x ;
padding: 0 0 0 0px;
text-align: justify;
}#cuerpoTableRehab .imagen{
width: 300px;
height: 270px;
/*background: url(../images/contenidos/rehabilitacion.jpg) top right no-repeat;
/************************************************************************************************************/
}#dpInicio{
background: url(../images/fnd_003.jpg) #FFFFFF;
padding: 10px 10px 10px 30px;
vertical-align: top;
width: 100%;
background-color: #DFF8FF;
}#dpInicioTablas {
width: 260px;
margin: 25px 25px 0 0;
float: left;
}#dpInicioTablas .tdImg{
width: 70px;
padding: 4px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}#dpInicioTablas .img{
width: 70px;
height: 70px;
}#dpInicioTablas .tdContenido{
width: 182px;
font: normal 15px/1.2em Tahoma,Verdana,Helvetica,Arial,sans-serif;
color: #009ee0;
padding: 0 0 0 5px;
}#dpInicioTablas h3 a{
text-decoration: none;
color:#48B1D9;
margin:0;
font-size:110%;
font-weight: normal;
}#dpInicioTablas h3 a:hover{
color:#FF6600;
/************************************************************************************************************/
}#dpListado{
position: relative;
width: 890px;
left: 5px;
background: url(../images/fnd_cuerTabTop2.gif) no-repeat #FFFFFF;
}#dpListado .listadoTop{
height: 25px;
padding: 0px;
padding: 0 0 0 15px;
}#dpListado .listadoCent{
background: url(../images/fnd_cuerTabCent2.gif) repeat-y;
padding: 0 0 0 15px;
vertical-align:top;
}#dpListado .listadoBot{
height: 50px;
background: #FFFFFF url(../images/fnd_cuerTabBot2.gif) bottom no-repeat;
text-align: right;
/***********************Contenido LISTADO DISEŅE SU PISCINA************************************/
}#dpListadoTitul{
vertical-align: top;
margin-bottom: 0px;
padding-bottom: 10px;
width: 580px;
padding:5px
}#dpListadoTitul p{
color: #48B1D9;
}#dpListadoTitul h3 {
font-size:150% !important;
border-bottom: 1px solid #48B1D9 !important;
background: url(../images/topo_003.gif) left no-repeat !important;
padding: 0 0 0px 20px !important;
margin: 0 0 0px 0 !important;
}#dpListadoTitul h3 a{
color:#48B1D9;
text-decoration: none;
}#dpListadoTitul h3 a:hover{
color:#288BD5;
/*}#dpListadoTitul h2 {
font-size:170%;
border-bottom: 0px solid #48B1D9;
background: url(../images/topo_001.gif) left no-repeat;
padding-left: 35px;
}#dpListadoTitul h2 a{
color:#48B1D9;
text-decoration: none;
}#dpListadoTitul h2 a:hover{
color:#288BD5;
}#dpListadoTitul h3 {
font-size:110%;
border-top: 1px solid #48B1D9;
background: url(../images/topo_003.gif) left no-repeat top;
padding: 0 0 0 22px;
margin: 10px 0 -5px 0;
}#dpListadoTitul h3 a{
color:#48B1D9;
text-decoration: none;
}#dpListadoTitul h3 a:hover{
color:#288BD5;*/
}#dpListadoTitul h4 {
font-size:120%;
margin: 10px 0 -15px 0 !important;
font-weight: normal;
/*border-bottom: 1px solid #48B1D9;
background: url(../images/topo_003.gif) left no-repeat;*/
padding: 0 0 0 22px;
}#dpListadoTitul h4 a {
text-decoration: none;
}#dpListadoTitul h4 a:hover {
color:#48B1D9;
}blockquote {
width: 570px;
background-color:#DEF0F8;
border: 0px solid #48B1D9;
padding: 5px 5px 15px 5px;
margin: 25px 0px 15px 0px;
border: dotted 1px #48B1D9;
/**************************************/
}#dpListadoCont{
width: 580px;
float: left;
vertical-align: top;
}#dpListadoCont h2 {
font-size:130%;
border-bottom: 0px solid #48B1D9;
background: url(../images/topo_006.gif) left no-repeat top;
padding: 0 0 0 30px;
margin: 0 0 0px 0;
}#dpListadoCont h2 a{
color:#48B1D9;
text-decoration: none;
}#dpListadoCont h2 a:hover{
color:#288BD5;
}#dpListadoCont h1 {
font-size:150%;
/* border-bottom: 1px solid #48B1D9;*/
background: url(../images/topo_003.gif) left no-repeat;
padding: 0 0 0 25px;
margin: 0 0 0px 0;
}#dpListadoCont p{
padding-left: 20px;
padding-right: 5px;
text-align: justify;
}#dpListadoCont .izuierda{
width: 550px;
/***********************LISTADO CKIENTES ************************************/
}#dpListadoClientes{
width: 580px;
float: left;
vertical-align: top;
padding-left: 15px;
padding-right: 5px;
text-align: justify;
color: #333333;
line-height: 1.25;
font-size: 12px;
}#dpListadoClientes h1 {
font-size:150%;
border-bottom: 0px solid #48B1D9;
background: url(../images/topo_001.gif) left no-repeat top;
padding: 0 0 0 30px;
margin: 0 0 0px 0;
}#dpListadoClientes h1 a{
color:#48B1D9;
text-decoration: none;
}#dpListadoClientes h1 a:hover{
color:#288BD5;
/*}#dpListadoCont h2 {
font-size:170%;
border-bottom: 0px solid #48B1D9;
background: url(../images/topo_001.gif) left no-repeat;
padding-left: 35px;
}#dpListadoCont h2 a{
color:#48B1D9;
text-decoration: none;
}#dpListadoCont h2 a:hover{
color:#288BD5;
}#dpListadoCont h4 a {
font-size:120%;
border-bottom: 0px solid #48B1D9;
background: url(../images/topo_002.gif) left no-repeat;
margin: 0;
padding: 0 0 0 18px;
color: #FF6600;
font-weight: normal;
text-decoration: none;
}#dpListadoCont h4 a:hover {
color: #FFC600;*/
/***********************MENU LISTADO DISEŅE SU PISCINA************************************/
}#dpListadoMenu{
padding: 0 0 0 35px;
margin: 0 0 0 0px;
position: relative;
left: 00px;
float: left;
}#dpListadoTablas {
width: 220px;
margin: 5px 25px 0 0;
padding: 2px;
}#dpListadoTablas .tdImg{
width: 40px;
}#dpListadoTablas .img{
width: 40px;
height: 40px;
border: 1px solid #CCCCCC;
}#dpListadoTablas .tdContenido a{
width: 200px;
font: normal 15px/1.2em Tahoma,Verdana,Helvetica,Arial,sans-serif;
color: #009ee0;
padding: 0 0 0 10px;
} .tdContenido h5 {
color:#48B1D9 !important;
margin:0;
font-size:90%;
text-decoration: none;
/*******************************************************************************/
}#dpGaleria{
width: 557px;
text-align: center;
/* width: 244px !important;
background: url(../images/fnd_galeria.gif) top center no-repeat;
padding: 53px 0 0 15px;
*/
}#dpGaleriaCont{
margin: 10px 0 0 18px;
width: 557px;
text-align:center;
}#dpGaleriaCont .contImg{
width: 557px;
background: url(../images/fnd_centro_galeria.gif) top center repeat-y;
vertical-align: middle;
text-align:center !important;
}#dpGaleriaCont .paginacion{
color:#48B1D9;
margin:0;
font-size:90%;
text-decoration: none;
height: 43px;
text-align: center;
background: url(../images/fnd_inf_galeria.gif) top center no-repeat;
}#dpGaleriaCont .topImg{
background: url(../images/fnd_top_galeria.gif) top center no-repeat;
height: 31px;
/*******************************************************************************/
}#dpSeccion {
margin: 15px 5px 0 0;
padding: 0 0 0 5px;
background: url(../images/fnd_dpSeccion.gif) no-repeat #FFFFFF;
}#dpSeccionTablas{
margin-right: 5px;
width: 70px;
margin-bottom: 5px;
}#dpSeccionTablas h6{
margin: 0;
padding: 0;
}#dpSeccionTablas .tdImg{
width: 70px;
height: 70px;
}#dpSeccionTablas.img{
width: 65px;
height: 65px;
background: #FFFFFF;
}#dpSeccionTablas .tdContenido{
width: 150px;
font: normal 15px/1.2em Tahoma,Verdana,Helvetica,Arial,sans-serif;
color: #009ee0;
padding: 0 0 0 10px;
/********************************************************************************/
}#cuerpoTableCont {
position: relative;
width: 850px;
left: 5px;
background: url(../images/fndCuerpo.gif) bottom repeat-x ;
padding: 0 0 0 0px;
text-align: justify;
vertical-align: top;
}#cuerpoTableCont .imagen{
width: 300px;
height: 270px;
text-align: center;
background: url(../images/contacto.jpg) top LEFT no-repeat;
vertical-align: bottom;
}#cuerpoTableCont .der_cont{
width: 300px;
height: 270px;
background: url(../images/fnd_der_cont.gif) top no-repeat;
}
#formulario{
margin-left: 2px;
color:#48B1D9;
font: 9px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding: 0px 4px 5px 5px;
width: 280px;
}
#formulario input{
color:#FF6600;
border : 1px solid #48B1D9;
font-size:10px;
width: 150px;
}
#formulario2{
margin-left: 2px;
color:#48B1D9;
font: 9px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding: 0px 4px 5px 5px;
width: 450px;
}
#formulario2 input{
color:#FF6600;
border : 1px solid #48B1D9;
font-size:10px;
width: 280px;
}
.combo1{
width: 280px;
font-size: 9px;
color: #FF6600;
margin: 0px ;
padding: 0px;
}
.boton{
font-size:10px;
color: #48B1D9 !important;
background-color:#F3F3F3;
border : 1px solid #48B1D9;
}
.textarea{
background: url(../images/fnd_02.gif) #FFFFFF repeat-x;
border : 1px solid #48B1D9;
font: 12px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
color:#FF6600;
width: 280px;
height: 80px;
}
.tdFormulario{
vertical-align: top;
}
.tdDepartamentos{
}
#izq_cont{
font: 12px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
color:#48B1D9;
padding: 0 0 25px 0;
/********************************************************************************/
}
.fila_MouseOut{
}
.fila_MouseOver{
background-color:#D3EBFE;
/********************************************************************************/
/********************************************************************************/
}
#bannersConten {
width: 900px;
height: 180px;
background: url(../images/fnd_01.gif) repeat-y;
text-align: left;
}
#bannersTabla {
position: relative;
width: 890px;
margin-left: 5px;
height: 180px;
background: url(../images/fnd_bannerTable.gif) repeat-x #FFFFFF;
}
#bannersTabla td{
width: 33%;
text-align: center
}
#bannersTabla .img{
width: 80px;
vertical-align: top;
padding: 15px 0px 0px 5px;
}
#bannersTabla h4{
padding: 15px 5px 0 0px;
vertical-align: top;
font-size: 14px;
margin: 0px;
}#bannersTabla h4 a{
color: #008DCA!important;
}
#bannersTabla .contenido{
color:#48B1D9;
margin:0;
font-size:90%;
vertical-align: top;
padding:0px 0px 5px 5px;
text-align: left;
width: 160px;
}
#bannersTabla p{
padding: 0px 0px 0 0px;
margin:0;
color:#48B1D9;
font-size:90%;
}
#banner1{
width: 260px;
height: 125px;
background: url(../images/fnd_banner.gif) no-repeat;
}
#pie {
width: 900px;
background: url(../images/fnd_pie_01.gif) center bottom repeat-y;
height: 35px;
text-align: center;
}
#pie a{
font-size: 11px;
color: #009ee0 !important;
/************************************************************************************************************/
}
#idioma {
width: 870px;
text-align: right;
margin-top: 5px;
padding: 5px 10px 10px 5px;
background: url(../images/fnd_idiomas.gif) right no-repeat;
vertical-align: middle;
}
#idioma a{
font-size: 9px;
color: #009ee0 !important;
/************************************************************************************************************/
}
#presupuesto {
margin: 0 70px 0 0;
/*position: relative;
bottom: 0px;
text-align: center;
right: 0px;
*/
/************************************************************************************************************/
}#dhtmltooltip{
font-size: 10px;
color: #333333;
position: absolute;
width: 150px;
border: 1px solid black;
padding: 5px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
/************************************* SISTEMA CONSTRUCTIVO *****************************************/
}#sis-const{
background: url(../images/infotecnica__18.jpg) no-repeat ;
vertical-align:middle;
text-align: right;
padding: 10px;
}
#suelo{ text-align:justify;
width:860px;
heigh: auto;
overflow: hidden;
background: #87cce7;
margin:20px auto;
padding: 15px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border:solid 1px #44b6e6;}
#suelo p {color:008dca;}