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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
strong {font-weight:bold;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* CSS RESET - END */
body {font:Arial, Helvetica, sans-serif; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#ebebeb;}
.big {font-family:Arial, Helvetica, sans-serif; color:#676767; font-size:14px; line-height:20px; margin-top:10px; margin-bottom:10px;}
p{font-family:Arial, Helvetica, sans-serif; color:#676767; font-size:12px; line-height:20px; margin-top:5px; margin-bottom:15px;}
p a{color:#676767; text-decoration:none;}
/* WRAPPER */
#wrapper {width:930px; height:auto; margin:auto; position:relative;}
#wrapper_interior {width:930px; height:auto; margin:auto; padding-top:32px; position:relative;}
/* HEADER */
#header {width:930px; height:114px; margin:auto; position:relative;}
.logo {width:176px; height:114px; top:0px; left:0px; position:absolute;}
.nav {width:auto; height:43px; top:53px; right:0px; position:absolute;}
.iconos {width:auto; height:25px; top:0px; right:0px; position:absolute;}
/* SLIDER */
.sliderb {width:930px; height:347px; margin:0px; float:left; position:relative;}
/* HOME BOX */
.home_box {width:283px; height:auto; margin:32px 0 0 8px; float:left; position:relative; padding-bottom:20px;}
.home_box_b {width:283px; height:auto; margin:32px 0 0 32px; float:left; position:relative; padding-bottom:20px;}
.home_box_content p{ font-family:Arial, Helvetica, sans-serif; color:#676767; font-size:12px; line-height:18px; margin-top:10px; margin-bottom:10px;}
.home_box_content {width:283px; height:auto; margin:0px 0 15px 0; float:left; position:relative; padding-bottom:15px; background-image:url(../images/dashed.gif); background-repeat:repeat-x; background-position:bottom;}
/* BOX */
.box {width:283px; height:auto; margin:20px 0 0 8px; float:left; position:relative;}
.box_b {width:283px; height:auto; margin:20px 0 0 32px; float:left; position:relative;}
.box_content p{ font-family:Arial, Helvetica, sans-serif; color:#676767; font-size:12px; line-height:18px; margin-top:10px; margin-bottom:10px;}
.box_content {width:283px; height:auto; margin:0px 0 15px 0; float:left; position:relative; padding-bottom:15px; background-image:url(../images/dashed.gif); background-repeat:repeat-x; background-position:bottom;}
/* HEROE */
.heroe {width:930px; height:175px; margin:0px; float:left; position:relative; margin-bottom:17px;}
.big_content {width:930px; height:auto; margin:0px 0 15px 0; float:left; position:relative; padding-bottom:15px; background-image:url(../images/dashed.gif); background-repeat:repeat-x; background-position:bottom;}
/* INTERIOR */
.servicio {width:680px; height:auto; background-image:url(../images/dashed.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:15px; padding-top:15px; float:left; position:relative; margin:0px;}
.servicio_thumb {width:143px; height:auto; float:left; position:relative; margin:0px;}
.servicio_content {width:537px; height:auto; float:left; position:relative; margin:0px;}
.left_interior {width:643px; height:auto; float:left; position:relative; margin:0px;}
.right_interior {width:257px; height:auto; float:left; position:relative; margin-left:30px; padding-top:45px;}
.item {width:662px; height:auto; float:left; position:relative; margin-top:30px; padding-bottom:15px; background-image:url(../images/dashed.gif); background-repeat:repeat-x; background-position:bottom;}
.thumb_obras {width:249px; height:auto; float:left; position:relative; margin:0px;}
.descripcion_obras {width:413px; height:auto; float:left; position:relative; margin:0px;}
.item p{font-family:Arial, Helvetica, sans-serif; color:#676767; font-size:14px; line-height:20px; margin-top:5px; margin-bottom:15px;}
.item .title{font-family:Arial, Helvetica, sans-serif; color:#ad262c; font-size:14px; font-weight:bold; line-height:20px; margin:0px;}
/* FOOTER */
#footer {width:100%; height:96px; background-image:url(../images/bg_footer.gif); margin:30px 0 0 0; float:left; position:relative;}
.footer_content {width:930px; height:96px; margin:auto; position:relative; background-image:url(../images/footer_logo.gif); background-repeat:no-repeat; background-position:right;}
.footer_content p{font-size:11px; float:right; padding-right:100px; padding-top:30px;}
.footer_content p a{color:#676767; text-decoration:none;}
.footer_content p a:hover{ border-bottom:1px dotted #676767;}
/* NAV */
#institucional_on {position:absolute; left:0px; top:0px; display:none;}
#servicios_on {position:absolute; left:149px; top:0px; display:none;}
#obras_on {position:absolute; left:267px; top:0px; display:none;}
#contacto_on {position:absolute; left:359px; top:0px; display:none;}
/* Easy Slider */
#slider{}
#slider ul, #slider li, #slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:930px;
height:347px;
overflow:hidden;
}
#slider2 li{
background:#f1f1f1;
}
#slider2 li h2{
margin:0 20px;
padding-top:20px;
}
#slider2 li p{
margin:20px;
}
p#controls, p#controls2{
margin:0;
position:relative;
}
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{
display:block;
margin:0;
overflow:hidden;
text-indent:-8000px;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:-160px;
}
#nextBtn, #nextBtn2{
left:696px;
}
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{
display:block;
width:30px;
height:77px;
background:url(images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #nextBtn2 a{
background:url(images/btn_next.gif) no-repeat 0 0;
}
/* // Easy Slider */