/** * Tema de constructora hispánica * http://www.constructorahispanica.com * * Estructura de la web */ /* Clear ************************************/ *{ margin: 0; padding: 0;} /* Estructura general ************************************/ body{ font-family: arial; font-size: 11px} #BgContainer{ width:988px; margin:0 auto} #Header{ } #Page{ } #Footer{ } /* Header ************************************/ #Header{ min-height: 141px} #Header #Logo{ float: left; height: 140px; background: #FFFFFF} #Header #Navegacion{ float: left; width:743px} #Header #Navegacion #Idiomas{ background-color: #000; padding: 12px} #Header #Navegacion #Idiomas li{ display: inline; color: #fff; font-size:8px;} #Header #Navegacion #Idiomas a{ color: #fff; font-size:10px; padding:0 7px 0 7px; text-transform:uppercase} #Header #Navegacion #Menu{ height: 90px; background-color: #f1f1f1; border-left:1px solid white} #Header #Navegacion #Menu li{ float: left; height: 90px; width: 104px} #Header #Navegacion #Menu li a{ float: left; margin:35px 0 0 19px; width: 95px; font-weight: bold; color:#000; font-size:12px; text-transform:uppercase} #Header #Navegacion #Menu li a:hover, #Header #Navegacion #Menu li a.section, #Header #Navegacion #Menu li a.current{ text-decoration: none; color: #E32F2E} /* Index ************************************/ div.essentium{ text-align: left; padding-left: 0.9em} div.logos{ } div.logos ul{ } div.logos ul li{ float: left; } div.logos ul li.correr{ margin-right: 19px} div#Slide{ float: left; width: 400px; border:1px solid #CCC } div#Slide div{ position: absolute} div#Slide div span{ position: absolute; background: #000; color: #FFF; bottom: 0; padding: 1em; font-weight: bold; opacity: 0.7; width:384px} div#Contenido-Derecha{ float: right; width: 300px} div#Contenido-Derecha h3{ border-bottom: 3px solid #EBEBEB; text-transform: uppercase; font-size:1.4em; font-weight:bold} div#Contenido-Derecha .noticias{ } div#Contenido-Derecha .noticias h4{ font-weight: bold; font-size: 1em; margin-top: 0.3em; text-transform: capitalize; } div#Contenido-Derecha .noticias h4 em{ font-size: 0.7em} div#Contenido-Derecha .noticias p{ } div#Contenido-Derecha .presencia{ margin-top: 2em} div#Contenido-Derecha .presencia img{ margin-bottom: 1.2em} /* Page ************************************/ #Page{ margin: 0.5em 0 2em 0} #Page #Left{ float: left; width: 243px; min-height:100px} #Page #Left ul{ padding: 8px} #Page #Left ul li{ border-bottom:1px solid #e6e6e6; padding: 2px} #Page #Left ul li a{ color:#929292; font-weight: 500} #Page #Left ul li a:hover, #Page #Left ul li a.current, #Page #Left ul li a.section{ text-decoration: none; color: #E32F2E} #Page #Right{ float: left; width: 730px; margin-top:0.5em} #Page #Right p{ text-align: justify; margin-bottom:1.2em} #Page #Right .frases{ border-bottom:7px solid #e5e5e5; padding: 10px; min-height: 30px; margin-bottom: 20px} #Page #Right .frases .comilla_cierra{ display: block; float: right; padding-left: 10px; .padding: 0 0 0 3px} #Page #Right blockquote span.contenido-frase{ display: block; float: left; font-weight: bold; font-size: 25px; color:#E32F2E; text-align: left; } /* Breadcrump ************************************/ #Breadcrumbs{ margin-bottom: 0.5em} #Breadcrumbs p{ font-weight: bold} #Breadcrumbs p a{ color:#929292; font-weight: normal} /* Links de accesibilidad ************************************/ #Accesibilidad{ float: right; margin-top: -12px} #Accesibilidad ul{ } #Accesibilidad ul li{ display: inline; float: left; width: 22px} #Accesibilidad ul li a{ color:#000} /* Lista con imágenes ************************************/ .elemento-lista-imagen-left, .elemento-lista-imagen-right{ margin-bottom:20px; float: left} .elemento-lista-imagen-left .imagen{ float: left; margin-right: 10px} .elemento-lista-imagen-right .imagen{ float: right; margin-left: 10px} .elemento-lista-imagen-left .texto{ text-align: left} .elemento-lista-imagen-right .texto{ text-align: right} .imagen img{ padding:5px; background-color:#e5e5e5;} .texto h3{ font-weight: normal} .texto h3 a{ font-size:17px; color:#929292} /* Footer ************************************/ #Footer{ background-color:#000; padding:10px; text-align: right} #Footer ul{ margin-right:40px} #Footer ul li{ color: #fff; font-size:10px; display:inline} #Footer ul a{ color:#fff; font-size:10px; padding:0 7px 0 7px} /* Mapa de Contacto ************************************/ #Mapa{ border: 1px solid; float: left; width: 320px; margin-left:20px; height: 242px; background-color:#e5e5e5} div.globo-ubicacion p{ margin:0 !important} /* Proyectos destacados ************************************/ #Carrousel-Proyectos{ text-align: center} /* Listas ajax ************************************/ dl.listado-ajax{ } dl.listado-ajax dt{ } dl.listado-ajax dt a{ border: 1px solid; display: block; padding: 5px; margin-bottom: 5px; background:#e2e2e2; color: #000; font-weight: bold; width: 55%} /* Nuestra Presencia ************************************/ #MapaGeneral{ border: 1px solid; width: 100%; height: 300px} /* Dirección en contacto ************************************/ address{ clear: both} address p{ margin:0 !important} /* Noticias ****************************************/ .post { padding:1em 1em 0; } .post .titulo h2, div#blog_content div.post div.titulo h2 {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding background:#F9F9F9 none repeat scroll 0 0;border-left:4px solid #E32F2E;font-size:1.6em;padding:0.5em 0 0.5em 0.6em } .post .titulo h2 a, div#blog_content div.post div.titulo h2 a {color:#E32F2E !important;text-decoration:none !important} .post .info-post {margin:0.5em 0 0 1em;width:100%;float:left} .post .info-post p {float:left;font-weight:bold;margin-right:5% !important;padding-left:1.2em !important} .post .info-post p.autor {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/user.gif) no-repeat scroll 0 40%} .post .info-post p.fecha {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/date.gif) no-repeat scroll 0 40%} .post .info-post p.seccion {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/folder.gif) no-repeat scroll 0 40%} .post .info-post p.seccion span {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#7E000D none repeat scroll 0 0;color:#FFFFFF;padding:0 5px} .post .contenido_post {width:100%} .post .contenido_post .video {text-align:center} .post .contenido_post .imagen {text-align:center} .post .compartir_post {margin-top:1.5em;text-align:right} .post .tags {-moz-background-clip:border !important;-moz-background-inline-policy:continuous !important;-moz-background-origin:padding !important;background:transparent none repeat scroll 0 0 !important;text-align:right} #Contacto{ width:100%;float:left;margin-top:10px} #Contacto #Datos #Izquierda {border-right:1px solid #AAAAAA;float:left;text-align:center;width:10%;font-size:12px} #Contacto #Datos #Izquierda img{float:left} #Contacto #Datos #Derecha {float:left;margin-left:2em;width:45%} #Contacto #Datos #Derecha address {font-style:normal;padding-bottom:5px;text-align:left;font-size:12px;} /* Contactos ****************************************/ p, address {color:#333333} .img-left {float:left;margin-right:1em;} fieldset, img {border:0 none;} .margen1{margin-left:5px} .margen2{margin-left:120px} .espacio{ float:left; height:20px; width:100%} .ver_mas{ font-weight:bold}