/* Designed and developed by Guillermo Amengual. www.gamengual.com.ar Last update: 12/2009 */ /* 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;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: inherit;} /* define focus styles */ :focus {outline: 0;} /* highlight inserts */ ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* END RESET */ .hidden {visibility:hidden;} .fleft {float:left;} .fright {float:right;} .welcome{ float:left; margin: 170px 0 40px 30px; } body,td,th {font-family: "Georgia", "Times New Roman", Times, serif;} body { background-color: #2C2B23; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; height: 100%; margin: 0px; text-align: left; width: 100%; background-image: url(img/fondoback.jpg); background-repeat: repeat-y; } cite{color:#41ACCC; display:block; margin:5px 0 0 0;} #wrapper{ /*background-image: url(img/fondoback.jpg); background-repeat: repeat-y;*/width:100%; margin: 0 0 -360px 0; min-height:100%; height:auto !important; height:100%; min-width: 1000px; } #push {height:360px;} * {margin:0;padding:0;} html, body {height: 100%;} #wrapper {min-height: 100%;} .main { overflow:auto; padding-bottom: 450px;} /* must be same height as the footer */ #footer { position: relative; margin-top: -450px; /* negative value of footer height */ height: 450px; clear:both;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ #wp{background:transparent; clear:both; display:block; margin:0 auto; width:500px;min-height:100%; height:auto !important; height:100%; padding:0 10px;} /*#post-1{background:#fff; clear:both; display:block; margin:0 auto; width:522px;}*/ #wp div{border-bottom: #444138 1px solid; margin:0 0 10px 0; padding:0 0 10px 0; float:left;} div#wp ol{border-bottom: #444138 1px solid; margin:0 0 10px 0; padding:0 0 10px 0;} p { font-size:12px; color: #999999; display: block; padding:0; line-height: normal; font-style: normal; } #wp p img{margin:0 0 10px 0;} #wp div p{font-family:"Helvetica", Arial, sans-serif; font-size:9px; color:#666253;} #wp div p img{border:0; margin:10px 0;} #wp div h3{margin:10px 0 2px 0;} #wp div a img{border: #ceceb5 solid 1px; margin:5px 5px 5px 0;} #wp div a img:hover{border: #1b1a15 solid 1px;} .cajas p{ font-size:13px; color: #999999; display: block; margin:10px 0 0 0; padding:0; line-height: normal; font-style: italic; } /* .cajas ul{} */ .cajas ul li{border-bottom:1px solid #202020; border-top:1px solid #2c2b23;padding:5px 0;margin:0;} .cajas ul li:first-child{border-top:none;} .cajas ul li:last-child{border-bottom:none;} .cajas ul li h3{color:#ACA799;font-size:13px;font-style:italic;text-align:left;} #soon{ text-align:right; width: 98px; padding: 5px; background-color: #25251D; position: absolute; left: 20px; } .EstiloSoon { font-family:"Georgia", "Times New Roman", Times, serif; font-size:10px; display:block; color:#41ACCC; line-height: 10px; } .EstiloSoon a:link hover { color:#8B8472; background-color:#41ACCC; display: block; padding: 5px; } hr{clear:both;} h1 {background:url(img/logo.jpg) no-repeat; height:430px; width:275px; text-indent:-9999px; margin:0 0 0 1px;} h1 a, h1 a:hover, h1 a:active, h1 a:visited{display:block; height:430px; width:275px; text-indent:-9999px; font-size:0;} h2 { color:#41ACCC; display:block; font-size:17px; font-weight:normal; letter-spacing:-1px; text-shadow: 0 1px 0 #1B1A15; } h2 a{display:inline;} h3{clear:both; color:#666253; font-size:12px; font-weight: normal; padding:0; margin:2px 0 10px 0;} h3#respond{color:#666253; display:block; font-size:18px; font-weight: normal; font-style:italic; padding:10px 0 0 0; margin:10px 0;} .clear { clear: both; background: none; } .alinabajo {vertical-align: bottom; } h5{ color:#ACA799; display:block; font-size:32px; font-weight:normal; letter-spacing:-1px; text-shadow: 0 1px 0 #1C1C16; } h5 a{color:#ACA799;font-size:32px;} h5 a:hover{color:#41ACCC;font-size:32px;} a:link { text-decoration: none; color: #f9f3e3; } a:visited { text-decoration: none; color: #f9f3e3; } a:hover { text-decoration: none; color: #41ACCC; } a:active { text-decoration: none; color: #41ACCC; direction: rtl; } .Estilo1 { font-size: 22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #41accc; display: block; /*font-stretch: condensed;*/ letter-spacing: -1px; margin:5px 0 10px 0; text-shadow: 0 1px 0 #1C1C16; } #columnaizq { background-color: transparent; background-repeat: repeat-y; color: inherit; float: left; font-family: Arial; width: 275px; } #derecha { float: left; height: auto; text-align: left; overflow: hidden; width: 730px; } #logo { height: 430px; margin: 0 0 0 1px; } #clients-list { float: left; } #clients-list ul { margin: 0 0 0 7px; overflow: hidden; list-style: none !important; } #clients-list ul li { border: 1px solid #13130F; float: left; background:#25251D url(img/sucio.png) repeat;; margin: 3px; } #clients-list ul li:hover { background-color: #494336;} #clients-list ul li a { display: block; width:100%; } #clients-list ul li a:hover { color:#ACA799;/*#13130F*/ display: block; width:100%; } #clients-list ul li a p{ color:#6e695f; font-size:11px; font-style: normal; margin: 3px; margin:3px; text-align: left; } #clients-list ul li a img{border:1px solid #2C2B23;margin:3px;} #clients-list ul li a span{ color: #41ACCC; display: block; margin: 5px; font-size:12px; font-weight:bold; letter-spacing:-1px; text-shadow: 0 1px 0 #1C1C16; } /*#clients-list ul li a:hover span{color: #2C2B23;}*/ #clients-list ul li a span small{color: #ACA799; font-weight:normal; font-size:11px; float:right; padding:0 0 0 5px; text-shadow: none; } /* PIE */ #footer { width: 100%; min-width:1000px; text-align: left; float: left; clear: both; background:url(img/fondopie.jpg) repeat-x; background-color: #2C2B23; border-top:1px solid #13130F; margin: 40px 0 0 0; } .footer_int { width: 215px; text-align: left; /*height: 300px;*/ margin: 40px 17px 20px 10px; float: left; background:#25251D url(img/sucio2.png) repeat; border-top:1px solid #444138; border-bottom:1px solid #1C1C16; padding: 20px; } .footer_int2 { width: 308px; text-align: left; /*height: 300px;*/ margin: 40px 3px; float: left; background:#25251D url(img/sucio2.png) repeat; border-top:1px solid #444138; border-bottom:1px solid #1C1C16; padding: 20px; } #footer .footer_int2 ul{margin:40px 0 0 0;} .footer_p{margin:0 0 10px 10px;} .footer_p p{font-size:9px;} .EstiloPie { color: #A09B8B; font-size: 12px; font-style:normal; line-height:16px; margin:0 0 20px 0; } .EstiloPie2 { color: #A09B8B; font-size: 12px; font-style:normal; line-height:16px; margin-top: 185px; } .EstiloPieLink { color:#41ACCC; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } .EstiloPieLink a:link { text-decoration: none; color: #41ACCC; } .EstiloPieLink a:visited { text-decoration: none; color: #41ACCC; } .EstiloPieLink a:hover { text-decoration: none; color: #ACA799; } .EstiloPieLink a:active { text-decoration: none; color: #41accc; } span.mail, span.skype, span.linkedin, span.url, span.tel, span.locality, span.country-name{ color:#666253; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height:16px; } .mail a:link, .mail a:visited, .mail a:active {text-decoration: none;color: #f9f3e3;} .mail a:hover {text-decoration: none;color: #41ACCC;} .skype a:link, .skype a:visited, .skype a:active{text-decoration: none;color: #f9f3e3;} .skype a:hover {text-decoration: none;color: #41ACCC;} .linkedin a:link, .linkedin a:visited, a:active {text-decoration: none;color: #f9f3e3;} .linkedin a:hover {text-decoration: none;color: #41ACCC;} .url a:link, .url a:visited, .url a:active{text-decoration: none;color: #f9f3e3;} .url a:hover {text-decoration: none;color: #41ACCC;} .telclarito {color: #f9f3e3;} /*/////////////////////////////////////////////////////CONTACTO///////////////////////////////*/