@charset "UTF-8";
/* CSS Document */
html {
	background:#005581;
}
body {
	background:#151716 url(../img/bg/01.jpg) no-repeat top center;
	color:#fff;
	min-width:1156px;
    -webkit-transition:background 1s;
    -moz-transition:background 1s;
    -o-transition:background 1s;
    -ms-transition:background 1s;
	transition:background 1s;
}
body.novedades {
	background:#fff url(../img/bg/novedades.jpg) no-repeat top center;
}
body.nosotros {
	background:#fff url(../img/bg/nosotros.jpg) no-repeat top center;
}
body.proyectos {
	background:#beb278 url(../img/bg/proyectos.jpg) no-repeat top center;
}
body.contacto {
	background:#0a0e17 url(../img/bg/contacto.jpg) no-repeat top center;
}

#web {
    width: 1156px;
	height:558px;
    overflow: hidden;
	margin:0 auto 12px;
	position:relative;
}
#container,#second_container {
    width: 1156px;
	overflow:hidden;
	position:absolute;
}
#second_container {
	margin:0 0 0 1156px;
}
a {
	color:#fff;
}
img {
	border:none;
}
.nolist {
	margin:0;
	padding:0;
	list-style:none;
}
h1#logo {
	height:0;
    width: 160px;
    padding: 160px 0 0 ;
	margin:0 0 10px 71px;
	overflow:hidden;
	text-indent:-99999px;
	background:url(../img/logo.png) #FFF no-repeat center;
	position:absolute;
	z-index:1;
}
#arrows {
    position: absolute;
    margin: 316px 0 0;
}
#arrows a {
    width: 28px;
    height: 51px;
    background: url(../img/arrows.png);
    display: block;
    float: left;
	position:absolute;
}
#arrows a.right {
	margin:0 0 0 1128px;
    background-position: right;
	position:absolute;
}
/* Header */
#header {
    width: 304px;
    height: 443px;
    background: url(../img/bg.png);
    float: left;
	margin:120px 10px 0 40px;
}
#header ul {
	padding:115px 0 0 30px;
}
#header ul li a {
	display:block;
	width:248px;
	height:0;
	padding:43px 0 0;
	background:url(../img/navbar.png) no-repeat right top;
	text-indent:-9999px;
	overflow:hidden;
}
#header ul li a#nosotros {
	background-position:-248px -43px;
}
#header ul li a#proyectos {
	background-position:-248px -86px;
}
#header ul li a#novedades {
	background-position:-248px -129px;
}
#header ul li a#contacto {
	background-position:-248px -172px;
}
#header ul li a.active {
	background-position:0 0;
}
#header ul li a#nosotros.active {
	background-position:0 -43px;
}
#header ul li a#proyectos.active {
	background-position:0 -86px;
}
#header ul li a#novedades.active {
	background-position:0 -129px;
}
#header ul li a#contacto.active {
	background-position:0 -172px;
}
#header ul li a.active {
	color:#fff;
	background-position-x:0;
}
/* Section */
#section {
    width: 760px;
    height: 443px;
    background: url(../img/bg.png);
    float: left;
	margin:120px 0 0;
}
/* Nosotros */
.texto_nosotros {
    width:524px;
    margin:115px 0 0 48px;
    font-size:14px;
	position:absolute;
}
#b,#c{
	display:none;
}
#c {
	line-height:24px;
	padding-top:40px;
}
.texto_nosotros ul li {
	background:url(../img/bullet.png) no-repeat 0 7px;
	padding:5px 0 10px 25px;
}
.texto_nosotros h2 {
    font-size:19px;
    font-weight:normal;
}
a.button {
    position: absolute;
    width: 146px;
    text-align: Center;
    text-decoration: none;
    color: #fff;
    background: #005581;
    font-size: 12px;
    padding: 6px;
	margin:185px 0 0 602px;
}
a.donde {
	margin:222px 0 0 602px;
}
a.active {
	color:#005581;
	background:#fff;
}
/* Proyectos */
#proyects {
	margin:20px 0 0 22px;
}
#proyects li {
    width:171px;
    height:140px;
    font-size:10px;
    float:left;
    margin:0 10px 0 0;
}
#proyects li a {
    color:#fff;
    text-decoration:none;
}
#proyects li a strong {
    text-align:center;
    display:block;
    margin:3px 0 0;
}
#proyects li div {
	display:none;
}
/* Contacto */
#contact {
	margin:110px 0 0 50px;
}
div.form_container {
    margin:0 0 16px;
    font-size:13px;
}
div.form_container label {
    width: 68px;
    float: left;
    display: block;
}
div.form_container input.text,div.form_container textarea.textarea,div.form_container input.submit {
    display: block;
    background: url(../img/t.png);
    border: solid 1px #fff;
    width: 230px;
    height: 15px;
    padding: 3px 10px;
    color:#fff;
}
div.form_container textarea.textarea {
    width: 294px;
    height: 74px;
    resize:none;
}
div.form_container input.submit {
    width: auto;
	border:none;
	padding:0;
}
input.submit {
    margin: 0 0 0 70px;
}
div.mails {
    margin:35px 0 0 70px;
}
div.mails a{
    text-decoration:none;
    font-size:11px;
    padding:0 20px 0 0;
}
/* Novedades */
#news {
    width: 614px;
    font-size: 13px;
	margin:0 0 0 105px;
}
#newsletter {
    border: solid 1px #fff;
    overflow:hidden;
    padding:10px 10px 10px 23px;
    width:487px;
    margin:18px 0 5px;
}
#nesletter .titular {
    float: left;
}
#newsletter form {
    overflow: hidden;
    float: right;
}
#newsletter .titular strong {
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin:15px 0 0;
}
#newsletter label {
    display: block;
    float: left;
    clear: both;
    width: 48px;
    font-size: 11px;
    margin: 5px 0 0;
}
#newsletter .text {
    width: 193px;
    height: 12px;
    padding: 5px;
    display: block;
    float: left;
    margin: 0 0 10px;
}
#newsletter input.submit {
    background: url(../img/submit.png) no-repeat left;
    border: none;
    border-radius: 0;
    width:62px;
    height:20px;
    text-align:left;
    font-size:11px;
    color:#9F9F9F;
    padding:0 0 0 10px;
    float:right;
}
#news_archive {
    width: 512px;
    color: #005581;
    overflow: hidden;
    padding: 27px 0 0;
    background: rgba(255,255,255,.6);
}
.article {
    overflow: hidden;
}
#news_archive a {
    color: #005581;
    text-decoration: none;
}
#news_archive h3 {
    font-size: 15px;
    margin: 0;
}
#news_archive h4 {
    margin-top: 0;
}
#news_archive .article {
    width: 474px;
    margin:0 auto 27px;
    border-bottom: solid 2px #005581;
    padding: 0 0 10px;
}
#news_archive .article_image {
    float: left;
}
#news_archive .article_text {
    float: right;
    width: 323px;
}
/* Footer */
#footer {
	background:#005581;
	font-size:13px;
	padding:15px 0;
}
#footer p{
	width:1076px;
	margin:0 auto;
	padding:0;
}
#footer strong {
	font-size:15px;
}
#footer .facebook,#footer .twitter {
	width:16px;
	height:16px;
	background:url(../img/social_t.png) no-repeat center;
	display:block;
	float: right;
	margin:15px 0 0 10px;
	display:none;
}
#footer .facebook {
	background:url(../img/social_f.png) no-repeat center;
}

/*
+ Scroll
*/

#scrollable {
    width: 522px;
	height:231px;
	overflow:scroll;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}
.vscrollerbase {
	width: 10px;
	background-color: rgba(255,255,255,.6);
}
.vscrollerbar {
	width: 6px;
	margin:0 0 0 2px;
	background-color: black;
	cursor:pointer;
	background-color: rgba(255,255,255,.9);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.hscrollerbase {
	height: 10px;
	background-color: white;
	display:none;
}
.hscrollerbar {
	height: 10px;
	background-color: black;
}
.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}