/* General CSS ------------------------------------------------------*/ body { font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../img-temp/bg-big2.jpg) fixed center top; color:#666; } * html { margin:0; padding:0; } em { font:italic bold 14px Georgia, "Times New Roman", Times, serif; } { } .imgborder { background:#FFFFFF; padding:3px; border:1px solid #ccc; } a { text-decoration:none; color:#666666; } a:hover { color:#000; text-decoration:none; } .alignleft { float:left; margin:-56px 15px 15px 15px; } .alignright { float:right; margin:-57px 15px 15px 15px; } .aligncenter { clear:both; display:block; margin:10px auto; padding:10px 0; } .clear { clear:both; } img { border:0; } /* Headings ------------------------------------------------------*/ h1 { font: bold 26px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:0; margin:0 0 5px 0; } h2 { font: bold 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#5f5f5f; padding:0; margin:0 0 5px 0; } h3 { font: bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0; margin:0 0 5px 0; } h4 { font: normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px; margin:0 0 5px 0; color:#5d5d5d; } h5 { font: bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px; margin:0; } h6 { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px; margin:0; } p { margin:0px 0px 15px 0; } /* Page Structure ------------------------------------------------------*/ #Wrapper { width:100%; margin-top:-30px; } /* header ------------------------------------------------------*/ #header { overflow:hidden; height:145px ; width:980px; margin:auto; z-index:1;} .logo{ position:relative; left:6px; top:3px; float:left; overflow:hidden; } .logo2{ position:relative; left:190px; top:70px; float:right; overflow:hidden; } .logo3{ position:relative; left:10px; top:33px; float:left; overflow:hidden; } .logo a { background:url(../images/logo-falso.png) no-repeat; margin:30px 0px 0 30px; text-indent:-9999px; display:block; border:0; width:255px; height:145px; margin-left:1px; } .slogan a { text-decoration:none; color:#F60; font-size:12px; margin-left:15px;} .slogan { margin:0px; padding:0px; width:200px; float:right; position:relative; top:13px; right:390px; overflow:hidden; } .slogan h3 { font:normal bold 16px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:normal; padding-top:12px; text-align:right; margin:10px 10px 0 0px; } .slogan p { color:#fff; font:normal 12px/19px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin:0px 10px 0 0px; text-align:right; } /* menu ------------------------------------------------------*/ #menu { background:#dedede; height:40px; width:530px; padding-top:13px; margin-top:17px; border-bottom:1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float:left; z-index:1 !important; margin-left:25px; } /* slider ------------------------------------------------------*/ #slider_bg { background:url(../images/sliderbg.png) no-repeat; width:960px; height:285px !important; position:relative; margin-top:30px; margin-top:30px; margin-left:auto; margin-right:auto; } /* mainpage ------------------------------------------------------*/ #mainpage { width:940px; padding:10px; overflow:hidden; margin:10px auto 10px -0px; background:#fefefe; position:relative; -webkit-box-shadow: 0px 0px 6px #333;-moz-box-shadow: 0px 0px 6px #333;box-shadow: 0px 0px 6px #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index:600; } #mainpage2 { width:628px; padding:10px; overflow:hidden; margin:20px auto ; background:#fefefe; position:relative; -webkit-box-shadow: 0px 0px 6px #333;-moz-box-shadow: 0px 0px 6px #333;box-shadow: 0px 0px 6px #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index:600; } #mainpage-index { width:960px; padding:10px; overflow:hidden; margin:10px auto ; background:#fefefe; position:relative; -webkit-box-shadow: 0px 0px 6px #333;-moz-box-shadow: 0px 0px 6px #333;box-shadow: 0px 0px 6px #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #mainpage-x2 {width:940px; padding:10px; overflow:hidden; margin:10px auto 10px -0px; background:#fefefe; position:relative; -webkit-box-shadow: 0px 0px 6px #333;-moz-box-shadow: 0px 0px 6px #333;box-shadow: 0px 0px 6px #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index:600; } #mainpage-x3{width:945px; padding:11px; overflow:hidden; margin:10px auto; background:#fefefe; position:relative; -webkit-box-shadow: 0px 0px 6px #333;-moz-box-shadow: 0px 0px 6px #333;box-shadow: 0px 0px 6px #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #mainpage h2 { font: normal 20px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0; color:#3F3F3F; margin-left:10px; /*margin-top:30px;*/ } */#mainpage p { margin:10px; } #mainpage a:hover { } a.button { background:url(../images/button.png) no-repeat; line-height:3.5em; text-align:center; width:129px; height:45px; display:block; } /* sub header ------------------------------------------------------*/ #subheader { background:url(../images/subheader.jpg) top center no-repeat; height:101px; margin-left:auto; margin-right:auto; } #subheader h2 { color:#fff; padding-top:35px; margin:0; font: bold 22px/24px "AllerLightRegular", Arial, Helvetica, sans-serif; padding-left:20px; } #subheader p { color:#fff; padding-top:35px; margin:2px 30px 0 0; text-align:right; } /* Mid Content ------------------------------------------------------*/ .midcontent { width:960px; background:#fff; overflow:hidden; margin-left:auto; margin-right:auto; margin-bottom:20px; } .content { margin:30px 20px; background: #fff; height:100%; overflow:hidden; padding:0 0 20px 0; } /* Sidebar --------------------------------------------------------*/ #sidebar { margin:30px 0 30px 20px; } /* Sidebar Menu --------------------------------------------------------*/ ul.submenu { margin:0 0px 20px 0px; text-align:left; } ul.submenu { margin:0; list-style:none; padding:0 0px; } ul.submenu li a { voice-family:inherit; margin:0 0 0px 0; height:100%; border-bottom:1px solid #ddd; text-decoration:none; } ul.submenu li a:link, ul.submenu li a:visited { display:block; padding:6px 10px; } ul.submenu li li a { margin:0 0 0 0; text-decoration:none; } ul.submenu li li a:link, ul.submenu li li a:visited { display:block; padding:3px 0px; padding-left:25px; font-style:italic; } ul.submenu li.current a { text-decoration:none; color:#8c8c8c; border-bottom:1px solid #dbdbdb; } ul.submenu li a:hover { color:#8c8c8c; text-decoration:none; border-bottom:1px solid #dbdbdb; } .imgborder { padding:3px; border:1px solid #dadada; } .img { background:#dee0e1; padding:5px; float:left; margin-right:15px; } .l1 { list-style:circle; } ul.newslist { margin:0 0 20px 0; padding:0; list-style:none; } ul.newslist li { padding:10px 0; font-size:11px; line-height:normal; border-bottom:1px solid #ddd; } ul.newslist li h5 { font-weight:bold; margin-top:8px; } ul.newslist li span { font-size:10px; font:normal 10px Tahoma, "Trebuchet MS", sans-serif; color:#5c5c5c; padding:2px 0; display:block; text-align:left; } /* footer ------------------------------------------------------*/ #footer { height:40px; width:960px; padding-top:5px; border-top:solid 1px #ccc; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:20px; color:#777; } #footer p { margin-left:10px; margin-right:10px; margin-top:10px; color:#777; } #footer a:hover { color:#000; } /* Nuevos -------------------------------------------------------*/ #main-center { width:910px; background:url(../images/bg-index-ventanillas.png); overflow:hidden; margin: auto; } #main-left { float:left; width:455px; margin-top:20px;overflow:hidden; } #main-left-logo { height:112px; width:100px; float:left; margin-top:0px;} #main-left-btn { background:url(../images/btn-left.png) no-repeat; float:right; width:257px; height:81px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:24px; letter-spacing:1px; overflow:hidden; text-align:center; margin-top:10px; } #main-left-btn a { color:#777; padding-left:30px; } #main-left-btn a:hover { color:#000 } #main-left-parrafo { float:right; overflow:hidden; padding:0px; } #parrafo-contenido { width:425px; ; margin-top:10px; padding:20px; line-height:21px; background:#fff; -moz-border-radius: 9px; border-radius: 9px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; border:#fff 1px solid; } #parrafo-contenido:hover { background:#dedede; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; border:#dedede 1px solid;} #main-right { float:right; width:455px; margin-top:20px;overflow:hidden; margin-left: } #main-right-logo { height:103px; width:198px; float:right; } #main-right-btn { background:url(../images/btn-right.png) no-repeat; float:left; width:257px; height:81px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:24px; letter-spacing:1px; overflow:hidden; text-align:center; margin-top:10px; margin-left:-1px; } #main-right-btn a { color:#777; padding-right:30px; } #main-right-btn a:hover { color:#000 } #main-right-parrafo { margin-top:9px; float:left; overflow:hidden; padding:0px; } /* edificio -------------------------------------------------------*/ .nombre-edificio { background:url(../images/edificio/bg-nombre.jpg) repeat-x; height:62px; overflow:hidden; } .nombre-edificio p { color:#FFF; font-family:"Times New Roman", Times, serif; font-size:30px; padding:10px;margin-top:10px; } .financiado { float:right; background:url(../images/edificio/bg-financiado.jpg) repeat-x; height:50px; margin-top:-60px; margin-right:6px; -webkit-box-shadow: 0px 2px 6px #4d4d4d; -moz-box-shadow: 0px 2px 6px #4d4d4d; box-shadow: 0px 2px 6px #4d4d4d; } .financiado p { font-size:13px; text-align:center; padding:0px 20px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:10px; } .edificio-top { background:#e9e9e9; } .edificio-top-info{ height:45px; padding:10px 20px 10px 90px; font-size:12px; background:url(../images/info.png) no-repeat left; line-height:50px; background-color:#dedede;} .metros { font-size:13px; color:#333; background:#FFF; width:270px; padding:10px; border:#dedede 1px solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .metros strong { color:#999; padding-left:10px; padding:2px 8px; /*background:#C63;*/ float:right; font-size:12px; letter-spacing:0px; font-family:"Courier New", Courier, monospace;} .metros p { border-bottom:#dedede 1px dotted; padding-bottom:3px; } .metros-total { color:#666;/* background:#FFF*/ ; width:290px; padding:2px; /*border:#ccc 1px dotted;*/ } .metros-total strong { color:#000; padding-left:0px; padding:0px 8px; background:#ccc; float:right; } .metros-total p { margin:10px auto; border-bottom:#ccc 1px dotted; line-height:22px; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } .metros-total p.precio { color:#F30; font-size:14px; } .metros-total p.precio strong { color:#fff; padding-left:0px; padding:0px 8px; background:#C60; float:right; overflow:hidden; } .plano { font-size:13px; background:url(../images/edificio/bg-nombre.jpg); width:270px; padding:10px; border:#ccc 1px dotted; text-align:center; margin-top:20px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;overflow:hidden; } .plano:hover { background:url(../images/edificio/bg-nombre-revers.jpg); -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .plano a { color:#FFF; } .plano a:hover { color:#000; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .edificio-left { overflow:hidden;} /*------------------------*/ .donde-esta{ background:url(../images/edificio/bg-donde-esta.png) #fff ; padding:22px; width:270px; overflow:hidden; margin-left:-10px; ;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;} .donde-esta p{ color:#fff; font-weight:bold; background:url(../images/edificio/grid.png) #06F; text-align:center; padding:10px 20px; width:100px; position:relative; left:65px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:} .mapa { width:150px; height:80px; background:url(../images/edificio/mapa-bg.png) no-repeat; margin-top:15px; margin-left:50px;/* float:right; overflow:hidden;*/ } .mapa-link { color:#FFF; padding-left: 65px; line-height:70px; font-size:14px; } .pdf { width:190px; height:80px; background:url(../images/edificio/bg-pdef.png) no-repeat; float:left; overflow:hidden; position:relative; top:-60px; left:550px; } .pdf-link { color:#FFF; padding-left: 95px; line-height:70px; font-size:14px; } .memoria-calidades{ float:right; background:url(../images/edificio/grid.png); padding:8px; border:#ccc 1px solid; width:600px; -webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;} .memoria-calidades p{background:#e9e9e9; margin:1px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:10px; position:relative; top:-6px;} .memoria-calidades p.memoria2{width:580px;background:#fff; margin:1px; padding:10px; font-size:11px;} ul.describ-obra { color:#333; text-decoration:none; list-style: none; width:598px; margin:10px; margin-left:-30px; font-family:"Courier New", Courier, monospace; } ul.describ-obra li { float:left; padding:2px 8px; background:#e9e9e9; margin:1px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } ul.describ-obra2 { color:#333; text-decoration:none; list-style: none; width:600px; margin:10px; margin-left:-30px; font-family:"Courier New", Courier, monospace; } ul.describ-obra2 li { float:left; padding:2px 8px; background:#e9e9e9; margin:1px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;white-space:pre !important; } .edif-img { margin:5px; width:170px; } .slider-edificio-contenedor { float:right; overflow:hidden; } /* Showcase -------------*/ .showcase { position: relative; margin: auto; } /* This class is removed after the showcase is loaded */ /* Assign the correct showcase height to prevent loading jumps in IE */ .showcase-load { height: 470px; /* Same as showcase javascript option */ overflow: hidden; } /* Navigation arrows */ .showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url('../images/arrows.png'); width: 33px; height: 33px; top: 190px; cursor: pointer; z-index:1; } .showcase-arrow-previous { left: 5px; } .showcase-arrow-previous:hover { background-position: 0px -34px; } .showcase-arrow-next { right: 5px; background-position: -34px 0; } .showcase-arrow-next:hover { background-position: -34px -34px; } /* Content */ .showcase-content { text-align: center; background-color: #000; } .showcase-plus-anchor { background-image: url('../images/plus.png'); background-repeat: no-repeat; } .showcase-plus-anchor:hover { background-position: -32px 0; } .showcase-tool-tip { background-color: #fff; color: #000; text-align: left; padding: 5px 8px; background-image: url(../images/white-opacity-80.png); } .showcase-caption { color: #000; padding: 8px 15px; text-align: left; position: absolute; bottom: 10px; left: 10px; right: 10px; display: none; background-image: url(../images/white-opacity-80.png); } /* Button Wrapper */ .showcase-button-wrapper { clear: both; margin-top: 10px; text-align: center; } .showcase-button-wrapper span { margin-right: 3px; padding: 2px 5px 0px 5px; cursor: pointer; font-size: 12px; color: #444444; } .showcase-button-wrapper span.active { color: #fff; } /* Thumbnails */ .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ {/* background-color: #000;*/ width:610px; margin-left:-30px; } .showcase-thumbnail-wrapper { overflow: hidden; } .showcase-thumbnail { width: 120px; height: 78px; cursor: pointer; border: solid 1px #333; position: relative; } .showcase-thumbnail-caption { position: absolute; bottom: 0px; padding: 10px; padding-bottom: 5px; color:#fff; font-weight:bold; background:#C60;} .showcase-thumbnail-content { padding: 2px; text-align: center; padding-top: 25px; } .showcase-thumbnail-cover { background-image: url(../images/black-opacity-40.png); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .showcase-thumbnail:hover { border: solid 1px #999; } .showcase-thumbnail:hover .showcase-thumbnail-cover { display: none; } .showcase-thumbnail.active { border: solid 1px #999; } .showcase-thumbnail.active .showcase-thumbnail-cover { display: none; } .showcase-thumbnail-wrapper-horizontal { padding: 6px; } .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail { margin-right: 10px; width: 116px; } /*.showcase-thumbnail-wrapper-vertical { padding: 10px; }*/ /*.showcase-thumbnail-wrapper-vertical .showcase-thumbnail { margin-bottom: 10px; } .showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward { padding: 7px; cursor: pointer; } .showcase-thumbnail-button-backward { padding-bottom: 0px; padding-right: 0px; } .showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-image: url(../images/arrows-small.png); background-repeat: no-repeat; display: block; width: 17px; height: 17px; } .showcase-thumbnail-button-backward .showcase-thumbnail-vertical { background-position: 0 -51px; margin-left: 55px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical { background-position: -17px -51px; } .showcase-thumbnail-button-forward .showcase-thumbnail-vertical { background-position: 0 -34px; margin-left: 55px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical { background-position: -17px -34px; } .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-position: 0 -17px; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal { background-position: -17px -17px; } .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal { background-position: 0 0; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal { background-position: -17px 0; }*/ /* Hide button text */ .showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span { display: none; } /* Clear (used for horizontal thumbnails) -------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; } /* Promociones -------------------------------------------*/ .promos, .promos-links { margin:auto; padding:0px; overflow:hidden; } .promos{ margin:auto; width:650px; padding:0px; overflow:hidden; } .promos p{ color:#000; padding:10px 0px;} .promos-encurso, .promos-finalizadas, .promos-futuras { background:#e0dfdd; margin:3px; width:285px; min-height:640px; float:left; border:#FFF 1px solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:10px;-webkit-box-shadow: 0px 0px 6px #616161;-moz-box-shadow: 0px 0px 6px #616161;box-shadow: 0px 0px 6px #616161; } .promos-nombre { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:1px; padding:10px 0 10px 0; } .promos-nombre p.rojo { color:#F00; text-align:center; } .promos-nombre p.verde { color:#060; text-align:center; } .promos-nombre p.naranga { color:#AF741B; text-align:center; } p.promos-parrafo { padding:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:21px; } .border-gris-blanco { background:url(../images/border-gris-blanco.jpg); height:2px; margin-top:-5px; overflow:hidden; } .promos-links-encurso, .promos-links-finalizadas, .promos-links-futuras { margin:0px; width:288px; float:left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:0px;/* background:#e0dfdd;; border:#FFF 1px solid-webkit-box-shadow: 0px 0px 6px #616161;-moz-box-shadow: 0px 0px 6px #616161;box-shadow: 0px 0px 6px #616161;*/ } .promos-links-encurso:hover, .promos-links-finalizadas:hover, .promos-links-futuras:hover { } .promos-links-nombre { padding:10px; font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:1px; padding:10px 0 10px 0; text-align:center; margin-bottom:10px; background:url(../images/edificio/bg-nombre.jpg); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .promos-links-nombre:hover { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; background:url(../images/edificio/bg-nombre-revers.jpg) } .promos-links-nombre a { color:#fff; cursor:pointer; font-weight:bold;-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .promos-links-nombre a:hover { color:#000; cursor:pointer; font-weight:bold; } .ver-link { padding:10px; background:#F00; border:#ccc 1px solid; width:100px; float:right; text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top:6px; overflow:hidden; } .ver-link a { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; font-size:11px !important; color:#FFF; } .ver-link a:hover { color:#000; } .raro{ text-align:center; font-size:12px; line-height:20px;; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#dedede; padding:9px; } .raro a{ background:url(../images/edificio/bg-nombre-revers.jpg); color:#FFF; padding:2px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .raro a:hover{ color:#000;} /* The Nivo Slider styles ---------------------------------------------------------------------*/ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ #slider-wrapper { background:url(images/slider.png) no-repeat;/* width:998px; height:392px;margin:0 auto; padding-top:74px; margin-top:50px;*/ } #slider-nivo { position:relative; width:300px; height:200px; background:url(../images/nivo-slider/loading.gif) no-repeat 50% 50%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left:0px; } #slider-nivo1 { position:relative; width:450px; height:300px; background:url(../images/nivo-slider/loading.gif) no-repeat 50% 50%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;; margin-left:5px; } #slider-nivo2 { position:relative; width:450px; height:300px; background:url(../images/nivo-slider/loading.gif) no-repeat 50% 50%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;; margin-left:5px; } #slider-nivo img { position:absolute; top:0px; left:0px; display:none; } #slider-nivo a { border:0; display:block; } #slider-nivo-inicio{ position:relative; width:940px; height:420px; background:url(../images/nivo-slider/loading.gif) no-repeat 50% 50%; } #slider-nivo-inicio img { position:absolute; top:0px; left:0px; display:none; } #slider-nivo-inicio a { border:0; display:block; } .nivo-controlNav { position:absolute; left:1px; bottom:-40px; } .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/nivo-slider/bullets.png)no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/nivo-slider/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:35px; } a.nivo-prevNav { left:12px; } .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } /*====================*/ /*=== Other Styles ===*/ /*====================*/ .clear { clear:both; } /* ID TABS ---------------------------------------------------------------------*/ a { outline:none; } .fade { margin: auto; height:450px; overflow:hidden; } .fade .tabs {overflow:hidden; width:auto; } .fade .tabs li { float:left; list-style:none;/* border:1px solid #444;*/ margin:1px; -moz-border-radius:2px; padding:0px; } .fade .tabs li a { display:block; text-align:center; color:#000; text-decoration:none; background:#CCC;/* border:1px solid #FFF;*/ white-space:nowrap; padding:8px 25px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:url(../images/edificio/bg-nombre.jpg)} .fade .tabs li a:hover { color:#fff;} .fade .tabs li:hover { margin:0; /*border-width:2px;*/} .fade .tabs li a.selected { border-color:#0F0;background:url(../images/edificio/bg-nombre-revers.jpg); color:#fff; } .fade .items { clear:both; padding:6px 0; position:relative; top:0; left:0;} .fade .items2 { clear:both; padding:6px 0; position:relative; top:0; left:0;} .fade .items div { display:none; position:absolute; top:0; left:0; padding-top:6px; height:auto; } .fade .items2 div { display:none; position:absolute; top:0; left:0; padding-top:6px; height:auto; } #item1, #item2, #item3, #item4, #item5, #item6{font-size:13px; color:#333; background:#FFF; width:270px; padding:10px; border:#dedede 1px solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow:hidden; } #item1 strong, #item2 strong, #item3 strong , #item4 strong, #item5 strong, #item6 strong{ color:#999; padding-left:10px; padding:2px 8px; /*background:#C63;*/ float:right; font-size:12px; letter-spacing:0px; font-family:"Courier New", Courier, monospace;} p.item-p { border-bottom:#ccc 1px dotted; padding-bottom:8px;} #item1 p, #item2 p, #item3 p, #item4 p{ border-bottom:#dedede 1px dotted; padding:3px 0px 5px 0px; line-height:12px;} .p-atico{ width:585px; padding:10px; background:#dedede; margin-top:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow:hidden; } .p-atico p{ margin:10px 4px; background:#fefefe; border-bottom:#ccc 1px dotted; max-width:240px; line-height:16px; font-size:13px; padding:10px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .p-atico p strong{ padding-left:10px; line-height:16px; font-size:12px; padding:4px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif } /* Edificaciones ---------------------------------------------------------------------*/ #mainpage-edificaciones { width:940px; padding:10px; overflow:hidden; margin:10px auto ; background:#fefefe; position:relative; background:url(../images/edificaciones/bg-frame.jpg) center ; padding:0px; border:#CCC 10px solid; -webkit-box-shadow: 0px 0px 6px #333;-moz-box-shadow: 0px 0px 6px #333;box-shadow: 0px 0px 6px #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .logo-sam{ width:200px; margin-top:30px; float:left;} .edificiones-titulo{ float:right; padding:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; color:#000; line-height:30px; position:relative; top:32px;} .edificiones-titulo strong{ font-size:80%; float:right; margin-right:10px;} .fila{ height:266px; background:url(../images/edificaciones/bg-fila.png); border-bottom:#333 1px solid;} .fila > :first-child{ margin-left:15px;} .fila-celda{ width:280px; float:left; margin-left:30px; margin-top:20px; height:230px; } .fila-celda-contenido{ width:280px; background:#ccc; padding:4px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s ;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .fila-celda-contenido:hover{ background:#f27a21; padding:4px; } .fila-celda-contenido img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .fila-celda p{ background:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:13px; text-align:center; margin-top:10px;text-shadow: 1px 0px 1px #000000;filter: dropshadow(color=#000000, offx=1, offy=0);} .fila-celda p strong{ font-weight:bold; } .overlay { background:url(../images/edificio/grid.png); display:block; position:relative;top:-240px;left:0; width:285px;height:190px;/*z-index:1;*/} .hover { display:block; position:relative;/* z-index:3;*/ left:60px; top:-175px;} .hover p { color:.fff; font-weight:normal;} .btn-celda-leer-mas{ background:url(../images/edificaciones/bg-btn-leer-mas.png); height:53px; width: 164px;background-position : -0px -0px;text-align:center;} .btn-celda-leer-mas:hover{height:53px;background-position : -0px -54px;} .btn-celda-leer-mas:active{height:53px;background-position : -0px -106px;} .btn-celda-leer-mas a{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:13px; text-align:center; margin-top:10px; text-shadow:#333;text-shadow: 1px 0px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=0); line-height:55px; } .btn-celda-leer-mas2{ background:url(../images/edificaciones/bg-btn-leer-mas2.png); height:53px; width: 164px;background-position : -0px -0px;text-align:center;} .btn-celda-leer-mas2:hover{height:53px;background-position : -0px -54px;} .btn-celda-leer-mas2:active{height:53px;background-position : -0px -106px;} .btn-celda-leer-mas2 a{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:13px; text-align:center; margin-top:10px; text-shadow:#333;text-shadow: 1px 0px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=0); line-height:55px; } .btn-celda-leer-mas a:hover{ color:#000;text-shadow: 1px 0px 1px #fff;filter: dropshadow(color=#fff, offx=1, offy=0);} .edificaciones-individuales-fotos{ margin:auto; width: 640px;} .ver-otros{ background:url(../images/edificaciones/ver-otros.png);height: 56px; width : 292px;background-position : -0px -0px;;text-align:center; margin:15px;} .ver-otros:hover{ background:url(../images/edificaciones/ver-otros.png);height: 56px; width : 292px;background-position : -0px -58px;} .ver-otros:active{ background:url(../images/edificaciones/ver-otros.png);height: 56px; width : 292px;background-position : -0px -114px;} .ver-otros a{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:13px; text-align:center; margin-top:10px; text-shadow:#333;text-shadow: 1px 0px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=0); line-height:55px; } .ver-otros a:hover{color:#000;text-shadow: 1px 0px 1px #fff;filter: dropshadow(color=#fff, offx=1, offy=0);} .quienes-somos{color:#000; padding:20px;} .quienes-somos-text{ width:550px; float:right; font-size:13px; line-height:20px;} .datos-contacto{color:#F00;} .datos-contacto p{ margin:0px; padding:3px 2px; color:#000; font-size:14px;} .datos-contacto span{ color:#666;font-size:12px;} a.google-map{color:#fff;text-align:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; padding:7px 10px; background:#C60; font-weight:500;/* float:right; overflow:hidden; margin-right:20px;text-shadow: 1px 0px 1px #000000;filter: dropshadow(color=#000000, offx=1, offy=0);*/} a.google-map:hover #grupo-img{ text-align:center; width:750px; margin:auto;} .abajo-index{ width:965px; margin:auto; padding-top:10px;} .abajo-index h3{ padding:20px;} .promo-index{ padding:10px; width:460px; height:350px; background:#FFF; float:left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow:hidden;} .promo-index2{ padding:10px; width:460px; height:350px; background:#FFF; float:left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow:hidden; float:right;} .abajo-link{ float:right; overflow:hidden; margin-top:17px; margin-right:15px;} .abajo-link a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#C60;} .abajo-link a:hover{ color:#000;} #map-precio{ text-align:center; background:#d1d1d1; width:200px; height:150px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left:50px; margin-top:70px; margin-bottom:30px;} #map-precio p{ padding-top:50px;} #map-precio h1{ color:#999; margin-top:-20px; color:#000;}