body{ background: url(images/fondo2.jpg) no-repeat #3999bf; background-position: center top; margin:0; padding:0; font-family: Tahoma, Arial ;} #contenedor{ width: 1000px; margin: 0 auto 0 auto; } #head{ height: 208px ; width: 1000px; margin: 0; padding: 0;} #head h1 a{ width: 600px; height: 50px; overflow: hidden; text-indent: -9999%; margin: 0; padding: 0; display:block; float: none; } #head h2#tit{ width: 400px; height: 20px; overflow: hidden; text-indent: -9999%; margin: 0; padding: 0; background: url() ; float: none; } #head h3#tit2{ width: 400px; height: 20px; overflow: hidden; text-indent: -9999%; margin: 0; padding: 0;float: none; } #content{ height: 281px ; width: 990px; margin: 0; padding: 0;} #content #left{width: 230px; padding: 0 0px 0 15px; margin: 0 0px 0 0px; float: left; overflow:hidden; } #content #right{width: 734px; float: left; padding: 10px 0 0 11px; color: white; overflow:hidden; margin:0; } /* contenido */ h2{ background: url(images/fnd_titulo.jpg) no-repeat; color: green; margin: 2px 0 0 0; padding: 14px 0 0 0; height: 36px ; width: 302px; float: left; font-size: 16px; letter-spacing:1px; text-align: center;} h2 span{ display:inline-block; vertical-align:middle; margin:auto; height:100%; display:inline-block;} #resultado{ font-size: 0.8em; } #paginacion { float: right; margin: 3px 40px 0 0; padding: 0; font-size: 0.9em;} #paginacion span{ margin: 2px 0 0 0; } #paginacion a{ display: block; height: 16px; padding: 2px 4px 4px 4px; text-align: center; text-decoration: none; color: white; float: left; width: 18px; margin: 0 0 0 5px; background: #275093; border: 1px solid #3560a4; } #paginacion a:hover{ background: #3560a4; border: 1px solid #3560a4; } #paginacion a#actual{ background: #3560a4; border: 1px solid #3560a4; text-decoration: underline; } #content #right div#descripcion{ color: #444; background: url(images/fnd_descripcion.jpg) no-repeat; margin: -9px 0 0 27px; padding: 10px 10px 7px 10px; height: 63px ; width: 383px; float: left; font-size: 15px; } #content #right div#listado{ clear:both; width: 100%; margin: 0px auto 0px auto; padding: 10px 0 10px 0; } #content #right div.sublist{ behavior: url(images/iepngfix.htc); float: left; overflow: hidden; background: url(images/fnd_sublist.png) no-repeat; margin: 7px 7px 0 4px; padding: 10px 3px 3px 3px; height: 153px ; width: 340px; } #content #right div.sublist img{ float: left; border: 1px solid #ddd; margin: 0 7px 0 3px;} #content #right div.sublist h3{ font-size: 15px; margin:0; padding: 3px 0 4px 0; float: right; width: 130px; text-align: left;} #content #right div.sublist div{ height: 124px; float: right; width: 130px; overflow: hidden; padding: 0 3px 0 5px; margin: 0; } #content #right div.sublist p{ font-size: 11px; margin:0 0px 4px 0px; padding: 3px 0px 4px 0px; overflow: hidden; float: right; width: 130px; text-align: left;} #content #right div.sublist a.btn{ background: url(images/btn_ver_alojamientos.jpg) no-repeat; margin: 0 15px 0 0; padding: 0; width: 122px ; height: 23px; display: block; text-indent: -9999%; overflow: hidden; float: right; } #content #right div.sublist a.btn_ind{ background: url(images/btn_ver_alojamiento.jpg) no-repeat; margin: 0 auto; padding: 0; width: 122px ; height: 23px; display: block; text-indent: -9999%; overflow: hidden; } #content #right div#descripciones{ clear:both; width: 730px; margin: 0px auto 0px auto; font-size: 12px; padding: 10px 0px 0px 0px; height: 652px; } #content #right div#descripciones div#fnd_fotos{ float: right;} div#div_precios{ display: none; margin: 10px auto 10px auto; width: 370px; } div#div_precios table th{margin:5px 0 0 0; padding: 0 4px 0 4px; border: 1px solid #003366; background: #96C8E1; color: #00274A; font-size: 14px; } div#div_precios table tr.titulo th{margin:0 0 0 0; padding: 0 4px 0 4px; background: #005CB0; color: white; font-size: 10px; } div#div_precios table{ width: 100%; background: #eee; border-collapse: collapse; color: #666; font-size: 11px; font-weight: bolder;} div#div_precios table td{ text-align: center; border: 1px solid #003366; background: #E6F2F8;} div#div_precios table th strong{ color: #191EFD; } h5#precio a{width: 221px; height:38px; margin: 0px auto 0px auto; overflow: hidden; text-indent:-9999%; background: url(images/boton_precio.jpg) no-repeat; padding: 0; display: block;} #content #right div#descripciones div#fnd_fotos1{ background: url(images/fnd_fotos1.jpg) #73b5e3 no-repeat; width: 274px; padding: 3px 3px 0 3px; margin: 0 10px 0 0; border: 0px solid; } #content #right div#descripciones div#fnd_fotos2{ /*background: url(images/fnd_fotos2.jpg) no-repeat; width: 282px; height: 5px; padding: 0 5px 0 5px; */} #content #right div#descripciones div#fnd_fotos1 img.grande{ border: 1px solid #aaa; margin: 0 auto 8px auto; } #content #right div#descripciones div#fnd_fotos1 img.chica{ float: left; border: 1px solid white; margin: 3px 6px 3px 6px; } #content #right div#descripciones div#fnd_fotos form#for{ font-size: 0.8em; margin: 0px 0 0 0; padding: 5px 0 0 0; clear: both; } #content #right div#descripciones div#fnd_fotos form#for input{ width:270px; height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#44a5d7; font-size:12px; padding-top:5px; border:solid 1px #666666;} #content #right div#descripciones div#fnd_fotos form#for textarea{ width:270px; height:106px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#44a5d7; font-size:12px; border:solid 1px #666666;} #content #right div#descripciones div#fnd_fotos form#for h3{ width: 270px; margin: 0px auto 10px auto; padding: 0; text-align: left; font-size: 17px; } #content #right div#descripciones div#texto{ background: url(images/fnd_texto_sup.jpg) #73b5e3 no-repeat; border:1px solid red; border: 0px solid; min-height: 650px; width: 428px; padding: 0; margin: 0 5px 0 0px;} #content #right div#descripciones div#col{float: left; width: 418px; padding: 0 5px 0 5px; margin: 0 5px 0 0px;} * html #content #right div#descripciones div#texto{height:650px; } #content #right div#descripciones div#texto2{ background: url(images/fnd_texto_inf.jpg) no-repeat; clear: both; width: 428px; padding: 0 0px 0 0px; height: 32px; margin: 0 0 0 0; } #content #right div#descripciones div#texto ul.car{ margin: 0 auto; padding: 10px 10px 10px 22px; list-style: none; font-size: 12px; height: 80px; } #content #right div#descripciones div#texto ul.car li{ float: left; width: 180px; margin: 2px 0px 2px 0px; } #content #right div#descripciones div#texto ul.car li.corta{ clear: left; float: none; width: 360px; } #content #right div#descripciones div#texto #descrip_text{ padding: 14px 0 0 0; } #content #right div#descripciones div#texto p.serv{ width: 350px; float: left; clear: none; font-size: 14px;} #content #right div#descripciones div#texto h3{ display: block; width: 360px; margin: 10px auto 10px auto; padding: 0; text-align: center; font-size:18px;} #content #right div#descripciones div#texto h4{ display: block; width: 360px; margin: 10px auto 10px auto; padding: 0; text-align: center; font-size:14px;} #content #right div#descripciones div#texto h5{ width: 90%; float: none; clear: both; margin: 12px auto 0 auto; font-size: 15px; } #content #right div#descripciones div#texto p{ width: 90%; float: none; clear: both; margin: 6px auto 0 auto; font-size: 12px;} #content #right div#descripciones div#fnd_descrip_sup{ background: url(images/fondo_desc_sup.jpg) no-repeat; margin: 15px auto 0 auto; width: 701px; min-height: 540px; padding: 10px 7px 0 7px; } #content #right div#descripciones div#fnd_descrip_inf{ background: url(images/fondo_desc_inf.jpg) no-repeat; height:33px; margin: 0 auto 10px auto; width: 715px; } * html #content #right div#descripciones div#fnd_descrip_sup{height:300px;} form#formu{float: left; width: 400px;} form#formu input{ width:270px; height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#44a5d7; font-size:12px; padding-top:5px; border:solid 1px #666666;} form#formu textarea{ width:350px; height:180px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#44a5d7; font-size:12px; padding-top:5px; border:solid 1px #666666;} form#formu span{ display: block; width: 150px;} form#formu div{ clear: both; } #info_contacto{ float: left; width: 200px; padding: 0px 10px 10px 10px ; margin: 10px 0 0 0px; border: #35477d 2px solid; background: #3388ff; } /* fin contenido */ /* columna */ #content #left ul{ width: 200px; padding: 0; margin: 0;} #content #left ul li{ list-style: none; padding: 0px 10px 10px 0px; margin:0; color: white; font-size: 14px; font-weight: bolder; text-align: right;} #content #left ul li a{ color: #14366c; text-decoration: none; } #content #left ul li a:hover{ text-decoration: underline; } /* fin columna */ #pie{ height: 155px ; width: 1005px; clear: both;} #content #left form#buscador { background: url(images/fnd_buscador.jpg) no-repeat; width: 227px; height: 123px; padding: 40px 0 0 0; margin: 100px 0 0 0;} #content #left form#buscador div{ width: 80%; height: 24px; padding: 4px 0 0 10px;} #content #left form#buscador div select{ width: 195px; } #content #right div.sublist2{ float: left; behavior: url(images/iepngfix.htc); background: url(images/fnd_sublist_serv.png) no-repeat; margin: 7px 2px 0 2px; padding: 3px 3px 3px 3px; height: 180px ; width: 169px; } #content #right div.sublist2 img{ border: 1px solid #ddd; margin: 0 21px 7px 20px;} #content #right div.sublist2 h3 { font-size: 14px; margin: 5px auto 5px auto; text-align: center; height: 35px; } #content #right div.sublist2 h3 a{ color:white; text-decoration: none; } #content #right div.sublist2 a.btn{ background: url(images/btn_ver_alojamientos.jpg) no-repeat; margin: 0 auto; padding: 0; width: 122px ; height: 23px; display: block; text-indent: 9999%; overflow: hidden; } #content #right div.sublist2 a.btn_informacion{ background: url(images/btn_ver_informacion.jpg) no-repeat; margin: 0 auto; padding: 0; width: 122px ; height: 23px; display: block; text-indent: 9999%; overflow: hidden; } hr{ clear:both; color: white; width: 90%; margin: 20px auto 20px auto;}