/* CSS RESET */
body, img, div, p{margin:0px; padding:0px;font-family:Arial;}
body{font-size:12px; color:black; text-align:left; margin:0 0 0 0;}
h1, h2, h3, h4, ul{padding:0px;margin:0;}
h1{font-size:24px;color:#696969;margin:0;}
h2{font-size:16px;}
h3{font-size:19px;color:black;}
img{border:0px;}
a{color:#000; text-decoration:none; outline-style:none;}
a:hover{text-decoration:underline;cursor:pointer;}
table{margin:0px; padding:0px; border-collapse:collapse;}
td{vertical-align:top; padding:0px; border-collapse:collapse;}
.cl{clear:left; font-size:0px; line-height:0px;}
form{display:inline;}
.cr{clear:right; font-size:0px; line-height:0px;}
.cb{clear:both; font-size:0px; line-height:0px;}
.left{float:left;}
.right{float:right;}
ul li{list-style:none;}
body{background:#3c1b1b url('../img/bg.png');}
.hide{display:none;}
.block{display:block;}
.italic{
	font-style:italic;
}
::selection{
	background:#ff5500;
	color:#fff;
}
p{
	color:#745454;
	padding-top:5px;
	line-height:16px;
}

#wrapper{
	margin: 38px auto 0 auto;
	width:880px;
}
#header{
	padding:0 20px;
	font-family: Audiowide;
	font-size: 60px;
	color: #FFFFFF;
}

#logo{
	float:left;
	background:url('../img/logo.png');
	width:270px;
	height:62px;
	display:block;
	text-indent:-9999px;
}
#menu{
	margin:10px 0 0 0;
	float:right;
}

#menu li:hover, #menu li.active{
	background:rgba(0,0,0, 0.2);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

#menu li{
	display:inline-block;
	color:#fff;
	font-size:15px;
	font-family: 'AllerRegular';
	text-transform:uppercase;
	margin-left:8px;
	padding:10px;
	cursor: pointer;
}

#main{
	margin:42px 0 10px 0;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	background:#ccbfbf;
	padding:15px 0 0 0;
}
#main .content{
	background:#fff;
	padding:15px;
}

#main .section{
	display:none;
}

.slider{
	margin:-15px -15px 0 -15px;
}
.slider p{
	color:#fff;
}
.slider h3{
	color:#fff;
	font-size:30px;
	font-family: 'AllerBold';
	text-transform:uppercase;
}

.slider .yellow{background:#ffa710;}
.slider .orange{background:#ff5500;}
.slider .red{background:#df2203;}

.slider .items{
	width:300px;
}
.slider .item{
	padding:25px 0 0 16px;
}
.slider .opened{
	height:165px;
}
.slider .item p{
	padding-right:10px;
}
.slider .closed{
	height:55px;
	cursor:pointer;
}
.slider .closed p{
	display:none;
}
.slider .opened p{
	display:block;
}

.services{
	margin:33px 0 27px 0;
}
.services .service{
	width:283px;
	float:left;
	padding-bottom: 30px;
}

.service .volver{
	text-align: right;
	float: right;
	color: #ff5500;
	cursor: pointer;
	text-transform:uppercase;
}
.service .volver:hover {
	text-decoration: underline;
}

.service h3{
	margin:33px 0 27px 0;
	font-size:18px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	color:black;
	line-height:16px;
}

.service h2{
	font-size:25px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	color:black;
	line-height:26px;
}
.services p{
	margin:0px 0 10px 0;
	display:inline-block;
	padding-right:10px;
	height: 160px;
	overflow: hidden;
}
.condense_control {
	display: none;
}
.more{
	display:inline-block;
	background:url('../img/more-left.png') top left no-repeat;
	height:33px;
	padding-left:8px;
}
.services .more:a{
	text-decoration:none;
}
.services .more{
	display:inline-block;
	background:url('../img/more-right.png') top right no-repeat;
	height:31px;
	font-size:16px;
	font-family: 'AllerBold';
	text-transform:lowercase;
	cursor: pointer;
	color:#fff;
	padding:6px 2px 2px 2px;
}
.separator{
	background:#f8f8f8;
	height:6px;
	line-height:0;
	font-size:0;
	/*margin-bottom: 20px;*/
}
div.small{
	height:2px;
}

.details{
	margin-top:25px;
	width:380px;
	float:left;
}
.details h1{
	color:black;
	font-size:25px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	margin:15px 0 ;
	line-height:26px;
}
.details .image{
	border:1px solid #000;
}
.details .blackitalic{
	font-size:13px;
	color:black;
	font-style:italic;
	padding-bottom:10px;
}
.details .gray{
	font-size:12px;
	color:#888888;
}
.login{
	margin-top:25px;
	margin-bottom:25px;
	float:right;
	width:300px;
	margin-left:33px;
	background: #FFA710;
	padding: 20px;
}
.login h3{
	color:white;
	font-size:30px;
	font-family: 'AllerBold';
	text-transform:uppercase;
	margin-bottom:20px;
}

.login .fields{
	margin-right: 20px;
	float:left;
	font-size:15px;
	color: white;
	width: 120px;
}

.login .input{
	margin-right: 20px;
	float:left;
	width: 120px;
}

.login .input input{
	width: 120px;
	height: 20px;
	border: 0px solid;
}

.login .button{
	font-size: 15px;
	float: right;
	color: white;
	width: 50px;
	background-color: #ff5500;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
	margin-right: 39px;
}

.blog li{
	margin-bottom:19px;
	color:#a2a2a2;
}
.blog li .link{
	font-size:14px;
	color:black;
}
.blog li .date{
	font-size:11px;
	color:#a2a2a2;
}

.fbbox{
	width:350px;
	overflow:hidden;
}
.fbbox iframe{
	margin-left:-10px;
}

.twitter{
	background:#eae5e5;
	padding:0 10px 0 27px;
	height:45px;
}
.bird{
	padding-top:8px;
	float:left;
}
.twitter .text{
	float:left;
	font-size:11px;
	color:#969696;
	width:644px;
	padding:15px 0 0 10px;
	text-shadow:#fff 1px 1px 0;
	overflow:hidden;
}
.twitter .text a{
	text-decoration:underline;
	color:#969696;
}
.twitter .follow{
	padding-top:13px;
}
.footer{
	height:75px;
	padding-right:25px;
}
.footer .copyright{
	padding-top:30px;
	font-size:14px;
}
.footer .intouch span{
	display:inline-block;
	padding:7px 10px 0 0;
	font-size:14px;
	float:left;
}
.footer .intouch{
	padding-top:23px;
}

.footer .logo{
	padding:23px;
	float: left;
	font-family: Audiowide;
	font-size: 30px;
	color: #968D8D;
}

.credit{
	color:#fff;
	font-size:11px;
	text-align:center;
	margin:15px 0 25px 0;
}

.credit a{
	text-decoration:underline;
	color:#fff;
}

.creditl{
	display:inline-block;
	text-indent:-9999px;
}

.login-content {
	position: relative;
}
.coming_soon {
	position: absolute;
	top: 51px;
	left: -11px;
	width: 902px;
	height: 167px;
	background: url('../img/proximamente.png');
}

/* Contacto */
.section-wrapper.contact {
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 30px;
}
.section-wrapper h2 {
	float: left;
	width: 100%;
	font-size: 25px;
	font-family: 'AllerBold';
	text-transform: uppercase;
	color: black;
	line-height: 26px;
	padding-bottom: 20px;
}
.section-wrapper .column {
	float: left;
	width: 50%;
}
.field {
	float: left;
	width: 100%;
}
.field label {
	color: #745454;
	font-family: Arial;
	font-size: 12px;
	float: left;
	width: 80px;
}
.field input {
	float: left;
	width: 220px;
	margin-left: 20px;
}
.field textarea {
	float: left;
	width: 218px;
	margin-left: 20px;
}
.field .incomplete {
	border: 1px solid red;
}
.button.send {
	float: left;
	width: auto;
	background: url('../img/more-right.png') top right no-repeat;
	height: 31px;
	font-size: 16px;
	font-family: 'AllerBold';
	cursor: pointer;
	color: white;
	padding: 6px 5px 2px 4px;
}
.section-wrapper .message {
	float: left;
	width: auto;
	margin-left: 20px;
	color: #745454;
	font-family: Arial;
	font-size: 12px;
	display: none;
}
.section-wrapper .column .message p {
	float: left;
	width: 215px;
	margin-left: 10px;
}
.section-wrapper .message img {
	float: left;
	width: auto;
	margin-top: 7px;
}
.section-wrapper .column p {
	float: left;
	width: 100%;
	padding-bottom: 2px;
}
.section-wrapper .column p img {
	vertical-align: middle;
	margin-right: 6px;
}
.section-wrapper .loading {
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-top: 6px;
	display: none;
	background: url('../img/loading.gif') no-repeat;
}