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,
center, u, b, i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}


body {
    line-height: 1;
	background: url(../images/bg.png) top repeat-x;
	font-size: 12px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}
:focus, a {
    outline: 0
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}
blockquote, q {
    quotes: "" ""
}
input, textarea {
    margin: 0;
    padding: 0
}
hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}

/* END RESET */
.cb {
clear:both !important;
}
.cl {
clear:left !important;
}
.cr {
clear:right !important;
}
.fl {
float:left !important;
}
.fr {
float:right !important;
}
.bold {
font-weight:bold !important;
}
.black {
color:#000;
}


body {
background: url(../images/bgbody.png) #00587d repeat-x;
font-size:13px;
font-family: Arial;
}
p {
margin-bottom:20px;
}
h1 {
font-size:24px;
}
#main {
width:960px;
margin: 0 auto;
position:relative;
z-index:999;
margin-bottom:-25px;
}
#header {
background: url(../images/header.png) no-repeat;
width:960px;
height:138px;
}
#nav {
background: url(../images/navbar.png) no-repeat;
width:366px;
height:42px;
float:right;
margin-top:28px;
padding-top:3px;
clear:both;
}
#logolink {
display: block;
float: left;
height: 95px;
margin-top: 20px;
width: 251px;
}
#nav a {
display:block;
float:left;
margin-left:11px;
}
#botonHome {
background: url(../images/nav/home.png) no-repeat;
height:36px;
width:66px;
}
#botonServicios {
background: url(../images/nav/servicios.png) no-repeat;
height:36px;
width:92px;
}
#botonQuienes {
background: url(../images/nav/quienes.png) no-repeat;
height:36px;
width:132px;
}
#botonClientes {
background: url(../images/nav/clientes.png) no-repeat;
height:36px;
width:87px;
}
#botonObras {
background: url(../images/nav/obras.png) no-repeat;
height:36px;
width:69px;
}
#botonHome.activo {background: url(../images/nav/hhome.png) no-repeat;}
#botonServicios.activo {background: url(../images/nav/hservicios.png) no-repeat;}
#botonQuienes.activo {background: url(../images/nav/hquienes.png) no-repeat;}
#botonClientes.activo {background: url(../images/nav/hclientes.png) no-repeat;}
#botonObras.activo {background: url(../images/nav/hobras.png) no-repeat;}


#content {
width:930px;
background: url(../images/bgmain.png) repeat-x #fff;
padding:15px;
-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
}
#slideshow {
width:926px;
height:251px;
margin-bottom:20px;
color:#fff;
position:relative;
}
#slide {
overflow:hidden;
height:251px;
}
#slideshow h1 {
font-size:36px;
margin-bottom:20px;
}
#slideshow p {
font-size:14px;
}
#slideshow .text {
width:666px;
margin-top:20px;
margin-bottom:20px;
float:left;
}
#slideshow .masservicios {
width:139px;
height:34px;
background: url(../images/masservicios.png) no-repeat;
margin-top:20px;
display:block;
}
.item {
width:886px;
height:251px;
padding-left:40px;
float:left;
}
.bgitem1 {
background: url(../images/slide1.png) repeat-x;
}
.bgitem2 {
background: url(../images/slide2.png) repeat-x;
}
.bgitem3 {
background: url(../images/slide3.png) repeat-x;
}
.item ol {
line-height:15px;
font-size:14px;
}

#prev {
width:60px;
height:59px;
background: url(../images/slideleft.png) no-repeat;
float:left;
position:absolute;
margin-left: -30px;
margin-top: 90px;
z-index:999;
cursor:pointer;
}
#next {
width:60px;
height:59px;
background: url(../images/slideright.png) no-repeat;
position:absolute;
float:right;
margin-right: -30px;
margin-top: 90px;
left:900px;
z-index:999;
cursor:pointer;
}
#objslide {
background: url(../images/objslide.png);
width:139px;
height:298px;
float:right;
margin-top:-40px;
position:relative;
z-index:999;
}
#footer {
/*background: url(../images/footerbg.png) repeat-x;*/
height: 86px;
position: relative;
width: 100%;
padding-top:46px;
}
#footer a {
color: #fff;
text-decoration:none;
}
#footercontent {
margin:0 auto;
width:960px;
font-size:13px;
color:#fff;
}
#footercontent .sep{
color:#0099d9;
}
#footercontent small {
color: #87b0c2;
font-size:11px;
}
#bothmedia {
display:block;
width:35px;
height:35px;
float:right;
background: url(../images/bothmedia.png) no-repeat;
margin-right:5px;
}
#flinks {
float:left;
width:370px;
}
#fcontacto {
width:330px;
float:left;
color:#aae6ff;
font-size:12px;
}
#indexcontainer {
width:930px;
clear:both;
}
#bienvenido {
width:453px;
border: solid 1px #d8d8d8;
float:left;
background: url('../images/home_bg.jpg') bottom right no-repeat;
margin-right:15px;
font-size:14px;
color:#6f6f6f;
padding:20px;
height:267px;
}
#indexcontainer h2 {
font-size:24px;
margin-bottom:20px;
}
#obras {
padding:20px;
width:376px;
height:267px;
background: url(../images/boxobras.png) no-repeat;
float:right;
color:#fff;
margin-right:3px;
}
#obras img {
border: solid 1px #000;
float:left;
margin-right:15px;
}
#obras h3 {
font-weight:bold;
}
#obras #masobras {
width:139px;
height:33px;
background: url(../images/masobras.png) no-repeat;
float:right;
clear:both;
display:block;
}
#linkcontacto {
width:160px;
height:40px;
float:right;
}
#hrightwrap {
float:right;
width:600px;
}
#headercategoria {
color: #FFFFFF;
font-size: 14px;
height: 161px;
padding-left: 25px;
padding-top: 20px;
width: 901px;
}
#headercategoria p {
width:540px;
line-height:16px;
}
#headercategoria.servicios {
background: url(../images/headerservicios.png) no-repeat;
}
#headercategoria.obras {
background: url(../images/headerobras.png) no-repeat;
}
#headercategoria.clientes {
background: url(../images/headerclientes.png) no-repeat;
}
#headercategoria.quienes {
background: url(../images/headerquienes.png) no-repeat;
}
.bggradient {
background: url(../images/bgcontent.png) #fff repeat-x;
}
#contentcategoria {
width:924px;
margin-top:10px;
border:solid 1px #d8d8d8;
padding-bottom:20px;
}
#contentcategoria h1 {
color:#878787;
font-size:24px;
margin-top:25px;
margin-left:20px;
}
#contentcategoria ul {
font-size: 14px;
color:#005477;
list-style: disc;
margin-left:45px;
width:525px;
}
#contentcategoria ul li a {
color:#005477;
text-decoration:none;
}
#contentcategoria li {
padding-top:5px;
width:170px;
float:left;
}
#contentcategoria #servicioswrapper {
border:solid 1px #e3e3e3;
float:right;
margin-top:45px;
margin-right:25px;
}
#contentcategoria #servicios img {
display:block;
margin:0 auto;
z-index:999;
}
#listadoservicios {
font-size:14px;
}
#listadoservicios li{
color: #6f6f6f;
width:650px;
}
#contentcategoria #servicios {
width:140px !important;
}
.obrafoto {
width:204px;
height:293px;
float:left;
margin-right:20px;
border: solid 1px #3e3e3e;
margin-left:26px;
margin-top:30px;
}
.obrafoto .descripcion {
height:69px;
background: url(../images/t70.png);
}
.obrafoto h1 {
margin-left:10px !important;
padding-top:10px;
margin-bottom:10px;
margin-top:0px !important;
display:block;
font-size:14px;
color:#969696;
}
.obrafoto p {
margin-left:10px !important;
color:#969696;
font-size:12px;
display:block;
margin-bottom:0px !important;
}
.linkobra {
display:block;
width:204px;
height:224px;
position:relative;
}
h1.hcat {
font-size:36px;
margin-bottom:20px;
}
.bgservicios {
background: url(../images/bgservicios.png) no-repeat right;
width:237px;
height:366px;
float:right;
}
.bgquienes {
background: url(../images/bgquienes.png) no-repeat right;
width:237px;
height:366px;
float:right;
}