@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0;}
body {background:url(img/bg.jpg); color:#444444; font:normal 14px/18px Arial, Helvetica, sans-serifs;}
a, a:visited, a img { color:#2a6781; outline:none; border:none; text-decoration:underline;}
p, h1, h2, h3 {margin:0 0 13px 0;}
#top_wrap {height:665px; background:url(img/bg.png) repeat-x; overflow:hidden;}
#wrap {width:900px; margin:0 auto; overflow:hidden;} 

/*---------- > Header < ----------*/
#header {width:900px; margin:30px auto; overflow:hidden;}
.logo a { float:left; width:282px; height:79px; background:url(img/logo.png) no-repeat;}
.logo h1 { margin:0; }
.logo span { display:none;}

/*---------- > Banner < ----------*/
.banner_container {width:906px; height:475px; margin:0 auto; background:url(img/banner-bg.png) no-repeat; padding:15px 0 0 19px; overflow:hidden;}
.container {width:882px; height:475px; overflow:hidden; position:relative; cursor:pointer; }
.slides {position:absolute; top:-10px; left:0;  }
.slides div {position:absolute;	top:0; 	width:882px; display:none;}

/*---------- > NAV < ----------*/
ul#nav { height:41px; width:444px; list-style:none; overflow:hidden; float:right; margin-top:20px;}
#nav span {display:none;}

#nav li {float:left;}
#nav li a { display:block; height:41px; line-height:41px; margin-right:-8px; }

li a#inicio {width:84px; background: url(img/nav.png) no-repeat 0 0;}
li a#inicio:hover { background: url(img/nav.png) no-repeat 0 0;}
body#inicioSection li a#inicio, li a#inicio:active { background: url(img/nav.png) no-repeat 0 0;}

li a#servicios {width:112px; background: url(img/nav.png) no-repeat -84px -41px;}
li a#servicios:hover { background: url(img/nav.png) no-repeat -84px 0;}
body#serviciosSection li a#servicios, li a#servicios:active { background: url(img/nav.png) no-repeat -84px 0;}

li a#galeria {width:96px; background: url(img/nav.png) no-repeat -196px -41px;}
li a#galeria:hover { background: url(img/nav.png) no-repeat -196px 0;}
body#galeriaSection li a#galeria, li a#galeria:active { background: url(img/nav.png) no-repeat -196px 0;}

li a#blog {width:76px; background: url(img/nav.png) no-repeat -292px -41px;}
li a#blog:hover { background: url(img/nav.png) no-repeat -292px 0;}
body#blogSection li a#blog, li a#blog:active { background: url(img/nav.png) no-repeat -292px 0;}

li a#contacto {width:108px; background: url(img/nav.png) no-repeat -368px -41px; margin-right:0;}
li a#contacto:hover { background: url(img/nav.png) no-repeat -368px 0;}
body#contactoSection li a#contacto, li a#contacto:active { background: url(img/nav.png) no-repeat -368px 0;}

/*---------- > NAV BOTTOM< ----------*/
.nav-bottom-container {width:900px; height:37px; float:left; margin:10px 0; overflow:hidden;}
.nav-bottom-container img {float:right;}
ul#nav-bottom { height:25px; width:444px; margin-top:6px; list-style:none; overflow:hidden; float:left; }
#nav-bottom span {display:none;}

#nav-bottom li {float:left;}
#nav-bottom li a { display:block; height:25px; line-height:25px; margin-right:8px; }

li a#inicio-bottom {width:68px; background: url(img/nav-bottom.png) no-repeat 0 -25px;}
li a#inicio-bottom:hover { background: url(img/nav-bottom.png) no-repeat 0 0;}

li a#servicios-bottom {width:96px; background: url(img/nav-bottom.png) no-repeat -68px -25px;}
li a#servicios-bottom-active {width:96px; background: url(img/nav-bottom.png) no-repeat -68px 0;}
li a#servicios-bottom:hover { background: url(img/nav-bottom.png) no-repeat -68px 0;}

li a#galeria-bottom {width:82px; background: url(img/nav-bottom.png) no-repeat -164px -25px;}
li a#galeria-bottom-active {width:82px; background: url(img/nav-bottom.png) no-repeat -164px 0;}
li a#galeria-bottom:hover { background: url(img/nav-bottom.png) no-repeat -164px 0;}

li a#blog-bottom {width:61px; background: url(img/nav-bottom.png) no-repeat -246px -25px;}
li a#blog-bottom:hover { background: url(img/nav-bottom.png) no-repeat -246px 0;}

li a#contacto-bottom {width:97px; background: url(img/nav-bottom.png) no-repeat -307px -25px; margin-right:0;}
li a#contacto-bottom-active {width:97px; background: url(img/nav-bottom.png) no-repeat -307px 0;}
li a#contacto-bottom:hover { background: url(img/nav-bottom.png) no-repeat -307px 0;}

/*---------- > Content < ----------*/
#content {width:900px; margin:0 auto; overflow:hidden;}

/*---------- > inicio < ----------*/
.inicio_widecol {width:510px; float:left; padding-right:30px; }
.inicio_narrowcol {width:360px; float:left;  overflow:hidden;}
.twitter {width:118px; height:27px; float:left; margin-right:30px;}
.inicio_narrow_line {float:left; margin-bottom:30px;}
.facebook {width:120px; height:34px; float:left; margin-right:30px}

/*---------- > Galeria < ----------*/
.item {width:275px; height:215px; margin-right:30px; margin-bottom:30px; padding:5px 0 0 5px; float:left; background-color:#fff;}

/*---------- > Contacto < ----------*/
.contacto-narrowcol {width:280px;  margin-right:30px; margin-bottom:30px; float:left;}
.contacto-narrowcol p {width:280px;  margin-right:30px; margin-bottom:30px; float:left; font:normal 13px/17px Verdana, Geneva, sans-serif;}
.contacto-widecol {width:580px; margin-bottom:30px; float:left; padding-top:20px;}
.button {border: none; background: url('img/submit.png') no-repeat top left; padding: 2px 8px; width:102px; height:36px;}
.button:hover { cursor:pointer;}




#footer {width:900px; float:left; margin:15px 0;}
#footer p {color:#555555; font:normal 12px Verdana, Geneva, sans-serif; text-align:center;}
span.black {color:#444444; font-weight:bold;}

.picr {float:right;}
.picl {float:left;}
span.display-none  {display:none;}
.img-heading {margin:0 0 13px 0; display:block;}
.line {width:900px; height:2px; border-bottom:1px solid #b0aeaa; float:left;}
.last {margin-right:0;}