/* Document : default Created on : 26-dic-2009, 11:55:38 Author: Emenia Author URI: http://www.emenia.es Email: jbustamante@emenia.es Description: Hoja de estilo general de convasa.com */ /* C O L O R E S Azul oscuro: #002E59; Amarillo: #ECCA7E; Marrón claro: #DDBB73; Azul cabeceras: #4B5476; Gris fondo contenidos: #d6d6d6; */ /* E R I C M E Y E R R E S E T */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* E S T I L O S P R I N C I P A L E S */ html, body { margin: 0; padding: 0; text-align: center; width: 100%; color: #666; font-family: Arial, verdana, sans-serif; font-weight: 300; background-color: #f4f4f4; font-size: 14px; line-height: 1.4em; } p { margin: 1.4em 0; text-align: justify;} .aligncenter { display:block; margin:0 auto } .alignleft { float:left; padding: 10px; } .alignright { float:right; padding: 10px; } .clear { clear: both;} br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } .grupo:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .grupo { zoom: 1; } /* IE6 */ *:first-child+html .grupo { zoom: 1; } /* IE7 */ input:focus, textarea:focus { border: 1px solid #015029 !important; } .buttons { border: 1px solid #333; background: #E5E6E0; padding: 3px 6px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; } .buttons:hover { background: #333; color: #FFF!important; } input[type=text] { padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999;} a:link, a:visited { color: #75695E; text-decoration: underline; } a:hover { color: #002E59; } a:active { padding: 1px 0 0 1px;} h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;} .round { -webkit-border-radius: 15px; /* safari-chrome */ -moz-border-radius: 15px; /* firefox */ border-radius: 9px; /* opera */ } .shadow { box-shadow: 3px 3px 4pc #666; -webkit-box-shadow: 3px 3px 4px #666; -moz-box-shadow: 3px 3px 4px #666;} /* C A B E C E R A */ #header { width: 100%; background: url(../images/fondo_header.png) repeat-x top left; height:119px; } #header_content { width: 1024px; margin: 0 auto; text-align:center;} #logo { float: left; background: url(../images/logo.png) no-repeat top left; width: 281px; height: 85px; margin: 0;} #logo h1 a { display: block; width: 281px; height: 85px; text-indent: -9000px; } #telefonos { float: right; width: 275px; height: 113px; background: url(../images/telefonista.jpg) no-repeat top right; text-align: right; color: #FFF; font-family: Georgia, Times, "Times New Roman", serif; } #telefonos h4 { margin: 10px 90px 0 0px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; font-style: italic; color: #ECCA7E;} #telefonos p { font-size: 24px; margin: 0 90px 5px 0px; text-align: right;} ul.banderas { float: left; width: 50px; height: 29px;} ul.banderas li { float: left; width: 16px; height: 11px; margin: 9px 4px;} /* OJO NECESITA AJUSTE IE6 */ ul.banderas li a { float: left; width: 16px; height: 11px; text-indent: -9000px;} ul.banderas li a.es { background: url(../images/es.png) no-repeat top left;} ul.banderas li a.en { background: url(../images/gb.png) no-repeat top left;} /* Menú superior */ ul.topnav { float: left; width: 680px; font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; position: relative; z-index: 50;} ul.topnav ul.subnav ul { display: none; position: relative; z-index: 50;} ul.topnav li { float: left; padding: 5px 10px; background: url(../images/separador_menu_principal.gif) no-repeat center right; position: relative; } ul.topnav li.primero { padding-left: 0px;} ul.topnav li.ultimo { background: none;} ul.topnav li a { padding: 0; color: #002E59; display: block; text-decoration: none !important; float: left; font-size: 15px; } ul.topnav li.current a { color: #CF8C0B; } ul.topnav li.current li a { color: #002E59;} ul.topnav li.current li.current a { color: #CF8C0B;} ul.topnav li.current a:hover { color: #CF8C0B; } ul.topnav li a:hover { color: #CF8C0B;} ul.topnav li span { width: 17px; height: 20px; float: left; background: url(../images/subnav_btn.gif) no-repeat center top; } ul.topnav li span.subhover { background-position: center bottom; cursor: pointer;} ul.topnav li ul.subnav { list-style: none; position: absolute; left: 0; top: 30px; background: #E5E6E0; margin: 0; padding: 0; display: none; float: left; width: 145px; box-shadow: 3px 3px 4pc #666; -webkit-box-shadow: 3px 3px 4px #666; -moz-box-shadow: 3px 3px 4px #666;} ul.topnav li ul.subnav li { margin: 0; padding: 5px 0; border-top: 1px solid #D1D3CF; border-bottom: 1px solid #EBEEE9; clear: both; width: 145px; background: none;} html ul.topnav li ul.subnav li a { float: left; text-align: left; width: 120px; background: #E5E6E0 url(../images/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { background: url(../images/dropdown_linkbg.gif) no-repeat 10px center; } /* C O N T E N E D O R y C O N T E N I D O */ #contenedor { margin: 0 auto; width: 1024px; position: relative; } .main #contenedor { border: 10px solid #FFF; height: 450px; width: 1004px; margin: 16px auto; box-shadow: 2px 2px 2pc #999; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999;} #contenido { width: 875px; height: 482px; position: relative; float: right; z-index: 40; margin: 16px 0; background: #D6D6D6; box-shadow: 2px 2px 2pc #999; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999; text-align: left;} /* M E N U L A T E R A L */ .navegador { position: absolute; top: 16px; left:0;z-index: 30; background: #002F59; font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; text-align: left; font-size: 17px; box-shadow: 3px 3px 4pc #333; -webkit-box-shadow: 3px 3px 4px #333; -moz-box-shadow: 3px 3px 4px #333; z-index: 30;} .main .navegador { top: -10px; left:-10px; width: 150px;} .navegador a:link, .navegador a:visited { color: #FFF; text-decoration: none;} .navegador a:hover { color: #ECCA7E;} .navegador { width: 170px;} .navegador li { border-bottom: 1px solid #00152A; border-top: 1px solid #004380; padding-bottom: 10px;} .navegador li a { display: block; padding: 10px 25px 0 20px; } .navegador li.primero { border-top: none;} .navegador li.ultimo { border-bottom: none;} .navegador li a.desplegable1 { background: url(../images/flecha_desplegable.gif) no-repeat 44% 50%; } .main .navegador li a.desplegable1 { background: url(../images/flecha_desplegable.gif) no-repeat 50% 50%; } .navegador li a.desplegable2 { background: url(../images/flecha_desplegable.gif) no-repeat 57% 50%; } .main .navegador li a.desplegable2 { background: url(../images/flecha_desplegable.gif) no-repeat 65% 50%; } .navegador li li { font-size: 13px; border: none; padding: 0 0 0 30px; } .navegador li li a { padding: 0;} .navegador li a.desplegable li a { background: url(../images/flecha_subenlace.png) no-repeat 10px center; } .navegador li a.selected { color: #ECCA7E;} /* I N I C I O */ #s3slider { width: 1004px; height: 450px; position: relative; overflow: hidden; text-align: left; } #s3sliderContent { width: 1004px; position: absolute; top: 0; margin-left: 0; } .s3sliderImage { float: left; position: relative; display: none; } .s3sliderImage ul { position: absolute; right: 0; font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; color: #FFF; padding: 5px 0 0; width: 1004px; display: none; bottom: 0; height: 80px; background: rgba(0, 31, 60, .6); } .s3sliderImage ul h2 { font-size: 50px; float: left; margin: 5px 20px 0 10px; line-height: 50px; } .s3sliderImage ul h3 { font-size: 25px; float: left; margin-top: 29px;} .s3sliderImage ul p { font-family: Arial, verdana, sans-serif; float: left; font-size: 23px; margin: 30px 0 0 30px;} .s3sliderImage ul a { background: url(../images/fondo_boton_galeria.png) no-repeat bottom left; color: #FFF; display: block; float: right; width: 200px; height: 52px; text-decoration: none; text-align: left; margin: 10px 10px 0 0; line-height: 52px; padding-left: 8px; font-size: 18px; font-weight: bold; font-family: Arial, verdana, sans-serif;} .s3sliderImage ul a:hover { background: url(../images/fondo_boton_galeria.png) no-repeat top left;} /* B R E A D C R U M B S */ .breadcrumb { position: absolute; top: -3px; left: 150px; font-size: 10px; color: #999;} .breadcrumb a:link, .breadcrumb a:visited { color: #ccc;} .breadcrumb span { color: #999;} .breadcrumb a:hover { color: #002E59;} /* S E L E C C I O N V E N T A, A L Q U I L E R, S U E L O ... */ /* Generales */ #contenido h2 { color: #4B5476; font-size: 25px; margin: 15px 0 5px 35px; } #contenido h2.titulo_galeria { font-size: 35px; margin: 25px 0 5px 25px; float: left; width: 260px;} #contenido p.subtitulo { font-style: italic; margin: 0 0 5px 35px; color: #FFF; width: 479px;} #contenido #destacados { float: right; width: 250px; margin-right: 35px; margin-top: 0px;} #contenido #destacados h3.es { background: url(../images/titulo_destacados.png) no-repeat top left; text-indent: -9000px; margin-bottom: 5px; } #contenido #destacados h3.en { background: url(../images/titulo_destacados_en.png) no-repeat top left; text-indent: -9000px; margin-bottom: 5px; } #contenido #destacados li { border: 8px solid #FFF; width: 245px; position: relative; height: 100px; overflow: hidden; margin-bottom: 10px; box-shadow: 2px 2px 2pc #999; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999;} #contenido #destacados li a { text-decoration: none; color: #FFF;} #contenido #destacados li a:hover { color: #ECCA7E;} #contenido #destacados li a span { display: block; position: absolute; width: 245px; background: rgba(0,0,0,.5); top: 51px; left: 0; font-size: 11px; padding: 5px; overflow: hidden; height: 40px;} p.expl_mapa { font-size: 12px; clear: left; width: 490px; margin-left: 35px; padding-top: 5px;} #sidebar_lista { float: left; width: 215px; margin: 10px 0 0 30px;} #sidebar { float: left; margin: 10px 0 0 30px;} #simplegallery1 { position: relative; visibility: hidden; margin-top: 25px;} ul#promociones { float: right; width: 575px; /*height: 355px;*/ overflow: hidden;} ul#promociones li { width: 560px; float: right; background: #F4F4F4; margin: 0 10px 20px 10px; padding: 6px 0; } ul#promociones li p, ul#promociones li h3 { width: 242px; float: left; } ul#promociones li p { padding-top: 3px; margin-bottom: 3px; margin-top: 5px;} ul#promociones li h3 { margin-top: 5px;} ul#promociones li h3 a { color: #4B5676; font-size: 18px; font-weight: bold; /*padding-right: 30px;*/ /*background: url(../images/flecha_promociones.gif) no-repeat center right;*/} ul#promociones li h3 a:hover { color: #DDBB73;} ul#promociones img.alignright { margin-top: -25px;} #contenido ul.caracteristicas { float: right; width: 255px; background: #efefef; margin: 20px 35px 0 0; font-size: 12px; padding: 5px; display: inline; border: 1px solid #cac9C9; } #contenido ul.caracteristicas li { padding: 1px 10px;} #contenido ul ul { list-style: disc; list-style-position: outside; padding: 0 14px;} /* Barra de scroll */ .holder { margin: 15px 0 0 18px;text-align: left; } .scroll-pane { width: 600px; height: 400px; overflow: auto; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; float: right; margin-right: 30px;} .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; } img.flecha_up { position: absolute; top: 20px; right: 25px;} img.flecha_down { position: absolute; bottom: 5px; right: 25px;} /* Mapa */ #mapa img { border:none; } #mapa { width:479px; height:353px; position:relative; float: left; background:url(../images/mapa/espana.jpg) no-repeat top left; border: 5px solid #FFF; margin-left: 35px; box-shadow: 2px 2px 2pc #999; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999;} #mapa a { text-decoration:none; color:#000000; outline:none; } #mapa a img.provincia { position:absolute; display:block; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; } #mapa a.selected img.provincia { position:absolute; display:block; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } #mapa a.selected:hover img.provincia { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } #murcia { left:231px; top:210px; z-index:1; } #alicante { left:268px; top:201px; } #valencia { left:253px; top:162px; } #castellon { left:268px; top:130px; z-index:4; } #tarragona { left:302px; top:97px; z-index:2; } #barcelona { left:334px; top:61px;} #girona { left:353px; top:59px; z-index:3; } #almeria { left:206px; top:240px; } #granada { left:169px; top:236px; } #albacete { left:214px; top:184px; } #jaen { left:170px; top:217px; } #ciudadreal { left:149px; top:179px; } #cuenca { left:206px; top:139px; } #teruel { left:246px; top:110px; } #malaga { left:130px; top:264px; } #cordoba { left:128px; top:210px; z-index:4; } #zaragoza { left:228px; top:56px; } #huesca { left:268px; top:48px; } #lleida { left:307px; top:48px; } #toledo { left:137px; top:149px; } #madrid { left:164px; top:117px; z-index:4; } #cadiz { left:102px; top:275px; } #huelva { left:71px; top:230px; } #sevilla { left:103px; top:231px; } #guadalajara{ left:195px; top:111px; } #badajoz { left:79px; top:181px; } #caceres { left:74px; top:142px; } #salamanca { left:94px; top:107px; } #avila { left:128px; top:114px; } #segovia { left:159px; top:99px; } #navarra { left:226px; top:30px; } #soria { left:195px; top:78px; } #larioja { left:202px; top:59px; } #alava { left:204px; top:40px; } #vizcaya { left:202px; top:26px; } #burgos { left:172px; top:37px; } #guipuzcoa { left:220px; top:30px; } #zamora { left:94px; top:71px; } #valladolid { left:139px; top:73px; } #palencia { left:151px; top:42px; } #cantabria { left:155px; top:25px; } #leon { left:91px; top:37px; } #orense { left:57px; top:59px; } #asturias { left:92px; top:18px; } #lacoruna { left:30px; top:12px; } #lugo { left:66px; top:12px; } #pontevedra { left:39px; top:45px; } #baleares { left:380px; top:150px; } #ceuta { left:127px; top:321px; } #melilla { left:235px; top:336px; } #tenerife { left:308px; top:302px; } #laspalmas { left:384px; top:286px; } /* D E T A L L E V E N T A, I N D U S T R I A L, O F I C I N A */ .vent #sidebar, .indu #sidebar, .ofic #sidebar, .alqu4 #sidebar { width: 240px;} .vent #sidebar :first-child, .indu #sidebar :first-child, .ofic #sidebar :first-child, .alqu4 #sidebar :first-child { margin-bottom: 10px;} #caracteristicas { float: right; width: 560px; margin-right: 20px; margin-top: 15px;} /* Menu Caracteristicas */ #caracteristicas ul.menu_car { float: right; background: url(../images/fondo_menu_caracteristicas.png) repeat-x top left; height: 35px; font-size: 12px; margin-bottom: 20px; margin-right: 10px;} #caracteristicas ul.menu_car li { float: left; height: 35px; } #caracteristicas ul.menu_car li.primero { background: url(../images/fondo_menu_caracteristicas_primero.png) no-repeat top left; } #caracteristicas ul.menu_car li.ultimo { background: url(../images/fondo_menu_caracteristicas_ultimo.png) no-repeat top right;} #caracteristicas ul.menu_car li a { padding: 7px; height: 35px; display: block; background: url(../images/separador_menu_caracteristicas.png) no-repeat top left;} #caracteristicas ul.menu_car li.primero a { background: none;} #caracteristicas ul.menu_car li a:link, #caracteristicas ul.menu_car li a:visited { color: #FFF; text-decoration: none;} #caracteristicas ul.menu_car li a:hover { color: #ECCA7E; } #caracteristicas ul.menu_car li.selected a { color: #DDBB73 !important; } #caracteristicas p { padding: 0 15px 0 10px; margin: 0;} #caracteristicas h3 { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; padding: 10px 10px 0; font-size: 16px; color: #4B5476; } #caracteristicas img.aerea { position: absolute; bottom: 32px; right: 32px;} /* Caracteristicas: Galeria */ .galeria_fotos { margin: 10px 26px 0;} .galleria { list-style:none; width: 100%; overflow: hidden;} .galleria li { display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0 10px 10px 0;} .galleria li a { display:none; } .galleria li div img { cursor:pointer; } .galleria li.active div img, .galleria li.active div { display:block; } .galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;} .galleria li .caption { display:block; padding-top:.5em; } * html .galleria li div span { width:400px; } /* MSIE bug */ #main_image .galleria_wrapper { margin: 20px auto 0; } .caption { font-style:italic; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 14px; color:#887; display: block; margin: 0 auto; padding: 0; text-align: center; z-index: 50;} .gallery_fotos { width:820px; float: right;} .gallery_fotos li { width:85px; height:55px; border:3px double #111; margin: 2px; background:#000; padding: 3px;} /* Caracteristicas: Scroller Calidades */ .calidades .holder, .servicios .holder { margin-top: 0px; } .calidades .jScrollPaneContainer, .servicios .jScrollPaneContainer { margin-right: 5px; background: #eaeaea;} .calidades #caracteristicas .scroll-pane, .servicios #caracteristicas .scroll-pane { width: 550px; height: 350px; overflow: auto; } .calidades .scroll-pane ul, .servicios .scroll-pane ul { padding: 10px 0px 10px 10px;} .calidades .scroll-pane ul li, .servicios .scroll-pane ul li { padding: 0 15px 10px; } .calidades .scroll-pane ul li.titulo, .servicios .scroll-pane ul li.titulo { font-size: 18px; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #4B5476; padding: 0 0 5px 5px;} .calidades .scroll-pane ul li.nota, .servicios .scroll-pane ul li.nota { font-weight: bold;} /* Caracteristicas: Tabla precios venta viviendas */ table.viviendas { border-collapse:collapse; margin:15px 0 0; font-size: 12px;} .outer { position:relative; padding:3.5em 0 0; width:820px; background:#d6d6d6; margin:0 auto; } .innera { overflow:auto; width:820px; height:220px; } .innera tr.par td { background: #FFF ;} .outer thead tr { position:absolute; top:1.5em; height:1.5em; left:0; } .outer th, .outer td { width:80px; text-align:center; padding: 3px 0; background:#eee;} .alqu4 .outer th, .alqu4 .outer td { width: 120px;} .outer th { background:#333; color:#fff; } .outer .dk { background:#fff; } .outer p { margin: 0px !important; padding: 3px 0 0; font-size: 11px;} /* Caracteristicas: Tabla precios venta aparcamientos (vent2) */ .vent2 .outer, .vent2 .innera { width: 560px;} .vent2 .innera { height: 270px;} .vent2 .outer th, .vent2 .outer td { width:94px; } /* Caracteristicas: Video */ .vent #caracteristicas h4, .alqu4 #caracteristicas h4 { font-size: 26px; text-align: center; font-style:italic; font-family: Georgia, Times, 'Times New Roman', serif; color: #4B5476; margin: 10px 0 0;} .vent a#player, .alqu4 a#player { margin: 15px auto 0; } /* Venta de Suelo (vent3), Industrial (indu), Oficinas (ofic), Prox Promociones (prox), Ofertas (ofer) */ p.texto_suelo { padding: 0 35px;} p.oferta_descripcion { width: 510px; padding: 0 35px;} .ofer .innera { height: 120px;} .ofer #sidebar { float: right; margin: 10px 30px 0 0;} .ofer .outer th, .ofer .outer td { width:82px; } .vent3 .scroll-pane, .indu .scroll-pane, .ofic .scroll-pane, .prox .scroll-pane { width: 815px; height: 310px; overflow: auto; } .ofer .scroll-pane { width: 815px; height: 410px; overflow: auto; } .vent3 ul#promociones, .indu ul#promociones, .ofic ul#promociones, .prox ul#promociones, .ofer ul#promociones { width: 795px;} .vent3 ul#promociones li, .indu ul#promociones li, .ofic ul#promociones li, .prox ul#promociones li { width: 355px; margin: 0 20px 20px 0; padding: 6px 6px 6px 15px; float: left;} .ofer ul#promociones li { width: 735px; margin: 0 0 20px 0; padding: 6px 6px 6px 15px; float: left;} .vent3 ul#promociones li p, .vent3 ul#promociones li h3, .indu ul#promociones li p, .indu ul#promociones li h3, .ofic ul#promociones li p, .ofic ul#promociones li h3, .prox ul#promociones li p, .prox ul#promociones li h3 { width: 210px; float: left; } .ofer ul#promociones li p, .ofer ul#promociones li h3 { width: 585px; float: left; } .vent3 p.suelo_descripcion, .prox p.suelo_descripcion, .ofer p.suelo_descripcion { margin: 20px 35px; width: 480px; float: left; height: 165px; overflow: auto; background: #E3E3E3; border:1px solid #CAC9C9; padding: 10px; display: inline;} .vent3 img.mapasuelo, .prox img.mapasuelo, .ofer img.mapasuelo { padding: 15px 25px 0 35px; float: left; display: inline;} .vent3 #contenido #map_canvas, .prox #contenido #map_canvas { float: right; width: 390px; display: inline; margin: 15px 35px 0 0;} /* D E T A L L E A L Q U I L E R E S */ /* Detalle del inmueble en alquiler */ #sidebar_alquiler { float: left; width: 280px; margin: 10px 30px 0 30px; } #caracteristicas_alquiler { float: right; width: 490px; margin-right: 30px; margin-top: 15px; } #caracteristicas_alquiler h2 { margin-left: 0;} #caracteristicas_alquiler ul.caracteristicas { width: 98%; background: #efefef; margin: 0 auto; font-size: 12px; } /* Galeria de fotos de Alquileres */ #sidebar_alquiler .galeria_fotos { margin: 10px 0;} #sidebar_alquiler .gallery_fotos { width: 305px; float: left; } .alqu .caption { top: 213px;} /* G E N E R A L E S R E S T O D E P A G I N A S */ .general #sidebar { width: 280px; margin: 15px 30px 0; } .general #caracteristicas { width: 500px; background: #efefef; padding: 10px 5px;} /* Oficina de ventas */ .general #caracteristicas ul.oficina { padding: 0 10px 10px; font-size: 12px; float: left; width: 45%;} .general #caracteristicas ul.oficina li.titulo { font-size: 14px; font-family: Georgia, Times, 'Times New Roman', serif; color: #4B5476; font-style:italic; margin-top: 10px;} .general #caracteristicas ul.oficina li.subtitulo { font-variant: small-caps; color: #4B5476; margin-top: 10px;} .general #sidebar img { margin-bottom: 10px;} .general #caracteristicas p { margin-bottom: 1.4em; } .ofic #caracteristicas p { font-size: 12px; margin-bottom: 0 !important;} /* Quienes Somos */ .quie #caracteristicas { width: 810px; height: 355px; background: url(../images/uploads/fondo_convasa.jpg) no-repeat top left; color: #FFF;} .quie #caracteristicas h3 { color: #FFF; font-size: 27px; margin: 5px 0 20px 5px;} .quie #caracteristicas p { width: 520px; float: right; margin-right: 10px; font-size: 12px; line-height: 15px; color: #333;} .quie #contenido a.quie_enlace { float: right; font-size: 12px; margin-right: 35px;} /* Promociones realizadas y Nuestra Calidad */ .prom #contenido a.quie_enlace, .nues #contenido a.quie_enlace { float: right; font-size: 12px; margin: 10px 35px 0 0;} /* Mar de Cristal */ #coda-slider-1, #coda-slider-1 .panel { width: 700px; } .coda-slider-wrapper { padding: 20px 0; } .coda-slider { background: #ebebeb; height: 400px; overflow: hidden;} .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px; } .coda-slider, .coda-slider .panel { width: 600px; } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } .coda-nav ul li a.current { color: #FFF; } .coda-slider .panel-wrapper { padding: 20px; } .coda-slider p.loading { padding: 20px; text-align: center; } .coda-nav ul { clear: both; display: block; margin: 0 0 0 35px; overflow: hidden; width: 100px !important; float: left; } .coda-nav ul li { display: inline; } .coda-nav ul li a { display: block; margin-right: 1px; padding: 3px 6px; border-top: 1px solid #999; font-size: 16px; text-decoration: none } .coda-nav ul li a:hover { color: #FFF;} #coda-slider-1 h2 { margin: 0;} #coda-slider-1 p { width: 350px; float: left; height: 300px; overflow: auto; padding-right: 10px;} #coda-slider-1 img { float: right; margin-bottom: 20px;} .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: none; } .mard #simplegallery1, .mard #simplegallery2, .mard #simplegallery3, .mard #simplegallery4, .mard #simplegallery5 { position: relative; visibility: hidden; float: right; margin-bottom: 20px;} /* Video Corporativo */ .vide h4.video_titulo { font-size: 26px; text-align: center; font-style:italic; font-family: Georgia, Times, 'Times New Roman', serif; color: #4B5476; margin: 10px 0 0;} .vide a#player { margin: 15px auto 0; } div#video_mar { width: 400px; margin-top: 30px;} /* Contacto */ .cont #sidebar { float: right; background: #eaeaea; padding: 10px; margin: 0 35px 0 0;} .trab #sidebar { float: right; background: #eaeaea; padding: 10px; margin: -20px 35px 0 0;} .cont #sidebar form, .trab #sidebar form { padding: 0 10px 10px;} .cont #sidebar label, .trab #sidebar label { display: block; float:none; width:auto; margin-top: 10px; } .cont #sidebar label.error, .trab #sidebar label.error { padding: 0; margin: 0; color: red; } .cont #sidebar input, .trab #sidebar input { width: 245px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; color:#333; } .cont #sidebar input.buttons, .trab #sidebar input.buttons { width: 100px; font-size: 16px;} .trab #sidebar input.buttons { margin-top: 15px;} .cont #sidebar textarea, .trab #sidebar textarea { padding:0.6em 0.5em 0.7em; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; } .cont #caracteristicas, .trab #caracteristicas { float: left; background: none;} .cont #caracteristicas p, .trab #caracteristicas p { margin: 0 0 0 35px; padding: 0;} .cont #caracteristicas ul { width: 210px; margin: 20px auto; background: url(../images/icono_telefono.jpg) no-repeat center left; font-size: 22px; font-family: Georgia, Times, 'Times New Roman', serif; color: #4B5476; } .cont #caracteristicas ul li { padding: 3px 0 0 55px; line-height: 1.1em;} .cont a.trabajo { display: block; width: 182px; height: 37px; background: url(../images/boton_trabajo.png) no-repeat top left; text-indent: -9000px; margin: 101px 0 40px 35px;} .trab #caracteristicas p.proteccion { font-size:10px; line-height:1em; position: absolute; left: 0px; bottom: 20px; width: 470px; } .trab img#ajaxloader { display:none; } /* E R R O R E S */ .erro #contenido p { margin-left: 35px;} /* N O T I C I A S */ .noti #caracteristicas { float: left; margin-right: 0px; margin-top: 15px; margin-left: 35px; background: none; padding: 0; width: 550px;} .noti #caracteristicas img { float: left; display: inline; padding: 0 10px 10px 10px;} .noti #sidebar { float: right; margin: 10px 30px 0 0; width: 215px;} .noti #sidebar img { margin-bottom: 15px;} .noti #caracteristicas .articulo h3 { font-size: 20px; padding: 0 10px;} .noti p.link_pagina { float: right;} .noti p.link_pagina a { padding: 3px !important; } .noti #caracteristicas a:link, .noti #caracteristicas a:visited { color: #134D86;} .noti #caracteristicas a:hover { color: #666;} .noti #caracteristicas a:active { color: #8E0A0E;} .noti .articulo p.fecha { font-size: 12px; color: #999; margin-bottom: 5px !important;} /* F O O T E R */ #footer { width: 100%; background: #002E59 url(../images/fondo_footer.png) repeat-x bottom left; color: #FFF; clear: both;} #footer_contenido { width: 1024px; margin: 0 auto;} #footer #footer_contenido .bloque { margin: 20px 0 25px 10px !important; text-align: left; font-size: 11px; } #footer_contenido .bloque h3 { font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; color: #ECCA7E; font-size: 18px; } #footer_contenido .bloque p { margin: 0;} #footer_contenido .bloque1 { float: left; width: 160px;} #footer_contenido .bloque1 li.footer_telefonos { margin-top: 10px;} #footer_contenido .bloque2, #footer_contenido .bloque3 { float: left; background: url(../images/separador_footer.png) no-repeat top left;} #footer_contenido .bloque2 { width: 360px;} #footer_contenido .bloque3 { width: 250px;} #footer_contenido .bloque2 li, #footer_contenido .bloque3 li { padding: 0 10px 10px 20px;} #footer_contenido .bloque a:link, #footer_contenido .bloque a:visited { color: #FFF;} #footer_contenido .bloque a:hover { color: #DDBB73;} #footer_contenido .bloque4 { width: 150px; float: right; } #footer_contenido .bloque4 a { margin-top: 5px; width: 136px; height: 34px; display: block; overflow: hidden; } /* C O P Y R I G H T */ p#copy { clear: both; margin: 10px auto; font-size: 11px; color: #CCC; width: 760px;} p#copy a:link, p#copy a:visited { color: #999; } p#copy a:hover { color: #ECCA7E;} .priv #contenido p, .prot #contenido p { padding: 20px; height: 350px; overflow: auto; margin: 20px 50px 0; background: #F4f4f4;}