/***************************************************************************************************************** * RESET *****************************************************************************************************************/ 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;} /*****************************************************************************************************************/ body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #BF1E2E url("/images/bg_main.gif") repeat-x;} body.mini { background: #BF1E2E url("/images/bg_main.gif") 0 -87px repeat-x;} body.trabajo {background: white;} .no-visible { display: none; } #contenedor { width: 975px; border-top: 2px solid #BF1E2E; margin: auto; padding-bottom: 2em;} #contenedor #cabecera { height: 350px; background: url("/images/sombra_arriba.png") 50% 100% no-repeat; } #contenedor #cabecera.mini { height: 265px; } #contenedor #cabecera #logo { padding: 5em 2em; float: left; } #contenedor #cabecera #eslogan { font-size: 2.16em; color: white; font-family: Georgia, 'Times New Roman', Times, serif; padding: 0.6em 1.2em 0.6em 0.6em; background: #BF1E2E; float: right; width: 15em; font-weight: normal; line-height: 1.1em; float: right; margin: 3em 0.6em 0 0; clear: right; } #contenedor #cabecera.mini #eslogan { margin-top: 2em; position: absolute; margin-left: 525px; margin-top: 135px; } #contenedor #contenido { min-height: 400px; background: #D8DADF; overflow: hidden; border-top: 2px solid #BF1E2E; background: #E3E4E6 url("/images/degradado.gif") repeat-x; } #contenedor #contenido-sombra-left { background: url("/images/sombra_izq.png") no-repeat; padding-left: 14px; overflow: hidden; } #contenedor #contenido-sombra-right { background: url("/images/sombra_dch.png") 100% 0 no-repeat; padding-right: 14px; overflow: hidden; } #contenedor #contenido #pie { background: #393B40; margin-top: 4em; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 0.83em; padding: 1.5em 6em; clear: both; } #contenedor #contenido #pie strong { color: #ccc;} #menu { float: right; margin: 4em 1em 0 0; clear: right; } #menu li { display: inline; font-family: Arial, Helvetica, sans-serif; } #menu li a { color: #ccc; text-transform: uppercase; padding: 0.5em 1em; font-weight: bold; text-decoration: none; } #menu li a:hover { color: white; } #menu li.selected a {border: 4px solid #BF1E2E; color: white; } #menu-top { float: right; padding: 0.8em; text-transform: uppercase; } #menu-top li { display : inline; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 0.91em; } #menu-top li a { color: #999; text-decoration: none; padding: 0 0.5em; } #menu-top li.telefono { color: white; font-weight: normal; } ul.css { text-align: right; padding: 0.5em 0em 0em 0em; margin-right: 0em; float: right; } ul.css li { display: inline; margin: 0; padding: 0px; } a.facebook { float: right; margin-right: 7em; margin-top: 3em; } #sitemap { margin-left: 70px; width: 580px; float: left; overflow: hidden; margin-bottom: 4em; font-size: 0.91em; clear: both; margin-top: 3em; } #sitemap li.secciones { display: block; overflow: hidden; } #sitemap li.secciones a.seccion { float: left; width: 125px; border-top: 1px solid #D8D9DC; display: block; padding: 0.6em; color: #BF1E2E; font-weight: bold; text-decoration: none; margin-right: 1em; } #sitemap .subsecciones { float: left; border-top: 1px solid #D8D9DC; padding: 0.6em; width: 403px; } #sitemap .subsecciones li, #sitemap .subsecciones li a { display: inline; color: #333; text-decoration: none; } #sitemap .subsecciones li { border-left: 1px solid #D8D9DC; padding: 0 0.5em; line-height: 1.3em; } #sitemap .subsecciones li.first { border-left: 0; padding-left: 0; } #content-list > li { overflow: hidden; margin-bottom: 2em; width: 640px; float: left; } #content-list > li.modulo-right { float: right; width: 285px; padding: 0; margin-right: 1.5em; clear: right; } /***************************************************************************************************************** * TRABAJOS *****************************************************************************************************************/ #trabajos { overflow: hidden; clear: both; padding: 0; } #trabajos div { float: left; width: 165px; background: #393B40; margin: 5px 8px 0em 0em; border: 1px solid #393B40; } #trabajos div img { border-bottom: 2px solid #BF1E2E; } #trabajos div h4 { font-weight: normal; font-size: 0.83em; padding: 0.6em; line-height: 1.5em; height: 3.2em; } #trabajos div h4 a { color: white; text-decoration: none; text-transform: uppercase; } #trabajos div h4 span { color: #999; display: block; } #slider-code { height: 380px; overflow:hidden; width: 870px; margin-left: 66px; } #slider-code .head { background: #BF1E2E; overflow: hidden; } #slider-code .viewport { float: left; width: 880px; height: 345px; overflow: hidden; position: relative; border: 0; } #slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; } #slider-code .next { margin: 30px 0 0 10px; } #slider-code .disable { visibility: hidden; } #slider-code .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; } #slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 380px; width: 880px;} #slider-code .pager { overflow:hidden; list-style: none; float: right; padding: 0.5em; margin-right: 2em; } #slider-code .pager li { float: left; font-size: 0.83em;} #slider-code .pagenum { background-color: #393B40; text-decoration: none; text-align: center; padding: 2px 5px 3px 5px ; color: #999; display: block; margin-right: 0.5em; } #slider-code .active { background-color: white; color: black; } #slider-code #secciones { float: left; padding: 0.7em 0 0.5em 1em; overflow: hidden; } #slider-code #secciones li { display: inline; text-transform: uppercase; margin-right: 0.2em; color: #ccc; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.08em; } #slider-code #secciones li a { color: white; text-decoration: none; color: #ccc; } #slider-code #secciones li a.selected { color: white; font-weight: bold; } /***************************************************************************************************************** * CONTENIDO *****************************************************************************************************************/ #content-list { overflow: hidden; } #content-list span.numero { color: #BF1E2E; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 3.33em; font-weight: bold; float: left; width: 66px; padding-top: 8px; text-align: center; } #content-list h2 strong { display: block; color: #BF1E2E; font-size: 0.71em; } #content-list h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.16em; color: #333; padding-top: 1.3em; } #content-list div.texto { margin-left: 66px; padding-top: 2em; line-height: 1.2em; color: #666; font-family: Geneva, Arial, Helvetica, sans-serif; } #content-list div.texto img.izquierda { float: left; margin-right: 1em;} #content-list div.texto img.derecha { float: right; margin-left: 1em;} #content-list div.texto p { margin-bottom: 1em; } /***************************************************************************************************************** * MODULOS *****************************************************************************************************************/ .modulo-right .precio { font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 2.16em; color: white; float: right; margin-right: 35px; margin-top: 35px; } .modulo-right .precio span { font-size: 0.55em; font-weight: normal; } .modulo-right .detalles { font-size: 0.83em; font-family: Arial, Helvetica, sans-serif; color: black; margin-left: 10em; width: 12em; line-height: 1.3em; clear: both; position: absolute; margin-top: 70px;} .modulo-right .detalles span { color: #BF1E2E; } .modulo-right div.texto { border-bottom: 1px solid #C4C6CB; line-height: 1.2em; } h3.portafolio a { font-size: 0.91em; font-weight: normal; color: #BF1E2E; margin-right: 60px; position: relative; } h3.portafolio strong { display: block; color: black; text-transform: capitalize; font-weight: normal; } /***************************************************************************************************************** * CONTACTO *****************************************************************************************************************/ div.modulo { float: right; width: 290px; margin-right: 3em; padding: 0; margin-right: 1.5em; clear: right; color: #666; font-family: Geneva, Arial, Helvetica, sans-serif; } div.modulo div.texto { margin-left: 66px; } ul.direccion { border-top: 1px solid #D1D2D5; border-bottom: 1px solid #E2E2E8; } ul.direccion li { padding: 0.6em 0; border-bottom: 1px solid #D1D2D5; border-top: 1px solid #E2E2E8; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 0.91em; } .contenedor-google-maps { text-align: center; margin-top: 2em; } img.mapa { margin-top: 2em; } a.google-maps { color: white; margin-top: 1em; background: #999; padding: 0.5em 1em; font-family: Arial, Helvetica, sans-serif; font-size: 0.91em; font-weight: bold; text-decoration: none; } #formulario { margin-left: 40px; width: 590px; } #formulario div { clear: left; } #formulario ul.tabs { clear: both; padding-top: 2em; } #formulario ul.tabs li a { text-decoration: none; color: #999; } #formulario ul.tabs li { display: block; float: left; padding: 0.5em 3em; background: #393B40; border-top: 3px solid #D9DADE; border-bottom: 1px solid black; border-left: 1px solid #D9DADE;} #formulario ul.tabs li.selected { color: white; font-weight: bold; background: #BF1E2E; border-bottom: 1px solid #BF1E2E; border-top: 3px solid #BF1E2E; border-left: 0; } #formulario ul.tabs li.selected a { color: white; } div.form { margin: 2em 0; padding: 0 1em; background: #BF1E2E; overflow: hidden; clear: left; } div.form fieldset { overflow: hidden; margin-top: 1em; border-top: 1px solid #A21926;} div.form div.campos { border-bottom: 1px solid #A21926; border-top: 1px solid #DD393E; clear: left; padding: 1em 0; color: #ccc; margin: 0; overflow: hidden; } div.form div.campos span { display: block; padding: 0.2em 0.5em; } div.form label.mini { width: 50%; float: left; clear: none; } div.form .nombre { width: 98%; } div.form .telefono, div.form .empresa { width: 18em; } div.form .email, div.form .cargo { width: 20em; } div.form textarea { clear: left; height: 6em; width: 41em; margin: 0.2em auto; display: block; font-family: Geneva, Arial, Helvetica, sans-serif; } div.campos .boton-enviar { margin: auto; display: block; background: #393B40; border: 0; color: white; font-weight: bold; padding: 0.1em 2em; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.91em; } label.error { color: white; font-weight: bold; display: block; } textarea.error, input.error { border: 2px solid orange;} /***************************************************************************************************************** * TABS-CONTENT *****************************************************************************************************************/ #tabs-content { width: 577px; margin: 2em 0 0 60px; } #tabs-contents { background: url("/images/bg_labels.gif") 0 100% no-repeat; width: 537px; padding: 0em 20px 2em 20px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #666; line-height: 1.3em; } #tabs-contents h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.67em; color: #B5B5B5; font-weight: normal; padding: 1em 0; } ul.tabs-content { overflow: hidden; padding: 0 6px; margin-top: 2em; } ul.tabs-content li { float: left; overflow: hidden; background: #C62326 url("/images/right_tab.png") 100% 0 no-repeat; margin-right: 2px; padding-right: 2px; } ul.tabs-content li a { padding: 0.65em 1em; overflow: hidden; display: block; text-decoration: none; color: white; background: #C62326 url("/images/left_tab.png") 0 0 no-repeat; } ul.tabs-content li.selected { background: white url("/images/esq_white.png") top right no-repeat; padding-right: 1px; } ul.tabs-content li.selected a { background: white url("/images/esq_white.png") top left no-repeat; color: #C62326; font-weight: bold;} div.tabs-content-div { overflow: hidden; } #tabs-contents .texto-tab { padding-bottom: 3em; overflow: hidden; } #tabs-contents ul.tabs-pie { overflow: hidden; border-top: 1px solid #EBE9EC; padding: 1em 0; } #tabs-contents li h4 strong { display: block; color: #999; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.1em; } #tabs-contents li h4 { color: #BF1E2E; line-height: 1.1em; font-size: 1.2em; margin-bottom: 1em; } #tabs-contents ul.tabs-pie li { float: left; width: 48%; font-family: Arial, Helvetica, sans-serif; font-size: 0.91em; color: black; } #tabs-contents ul.tabs-pie li.first {margin-right: 15px; } /***************************************************************************************************************** * LIST-CONTENTS *****************************************************************************************************************/ ul#list-contents { margin-left: 66px; margin-top: 4em; } ul#list-contents li { width: 50%; float: left; color: #666; line-height: 1.3em; } ul#list-contents h3 strong { display: block; color: #BF1E2E; font-size: 0.71em; } ul#list-contents h3 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.16em; color: #333; padding-top: 1.3em; margin-bottom: 1em; } ul#list-contents img { margin: 1em 0; } ul#list-contents p.subtexto { color: #BF1E2E; font-size: 0.8em; font-family: Geneva, Arial, Helvetica, sans-serif; } /***************************************************************************************************************** * TRABAJO-VIEW *****************************************************************************************************************/ #trabajo-view { margin: auto; width: 800px; } #trabajo-view #logo { padding: 1em;} #trabajo-view h1 { color: #BF1E2E; float: right; font-size: 2.08em; margin-top: 0.5em; text-transform: uppercase; font-weight: normal; } #trabajo-view h1 strong { color: #CCC; font-weight: normal; } #trabajo-view img.foto { margin: auto; display: block; } #trabajo-view h2 { background: #BF1E2E; padding: 0.5em; font-size: 1.5em; color: white; margin-top: 0.5em; } #trabajo-view h2 span { display: block; float: right; background: white; color: #333; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.72em; padding: 0.6em 1em; margin-right: 1.5em; } #trabajo-view ul { width: 100%; } #trabajo-view li { padding: 1em 0; border-bottom: 1px solid #EFEFEF; } #trabajo-view li strong { color: #BF1E2E; font-weight: normal; } #trabajo-view li a { color: #999; font-weight: normal; } #trabajo-view li { color: #999; width: 50%; float: left; } #trabajo-view p { clear: both; color: #333; padding: 1em 0; } p.datos { text-align: center; display: block; color: #ccc; padding-bottom: 1em; font-size: 0.83em; }