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

body{
	font-family: 'Cabin Condensed', sans-serif;
	margin:0 0 0 0;
}

img{
	border:none;
}

a:focus{
	outline:none;
}

@font-face {
	font-family: 'WebSymbolsRegular';
	src:url('websymbols/websymbols-regular-webfont.eot');
	src:url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('websymbols/websymbols-regular-webfont.woff') format('woff'),
		url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
		url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* background */

.back_main{
	width:100%;
	height:100%;
	left:390px;
	position:fixed;
	z-index:10;
	background-position:bottom left;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
}

.tramita{
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(../images/trama.png);
	background-repeat:repeat;
}

.back_1{
	background-image:url(../images/bg_1.jpg);
}

.back_2{
	background-image:url(../images/bg_2.jpg);
}

.back_3{
	background-image:url(../images/bg_3.jpg);
}

.back_4{
	background-image:url(../images/bg_4.jpg);
}

.back_5{
	background-image:url(../images/bg_5.jpg);
}
/**/

.logo{
	padding:15px;
	/*background-color:#000;*/
	position:fixed;
	z-index:100;
	right:0;
	bottom:30px;	
}

.main{
	width:482px;
	min-height:735px;
	background-color:#b4b63b;
	/*border-right:8px solid #272727;*/
	position:relative;
	z-index:50;
	padding:30px 0 15px 18px;
}

/* menu */

.menu{
	width:145px;
	overflow:hidden;
	position:fixed;
	top:30px;
	left:500px;
	z-index:200;
}

.menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

.menu li{
	width:100%;
	overflow:hidden;
	margin-bottom:4px;
}

.menu_icon{
	width:65px;
	height:52px;
	float:left;
	background-color:#000000;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	line-height:150%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.menu_icon:hover{
	background-color:#025b9a;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.menu_btn{
	width:130px;
	height:42px;
	padding:0 15px 0 0;
	float:left;
	font-size:17px;
	color:#FFFFFF;
	text-align:right;
	text-decoration:none;
	font-weight:400;
	line-height:250%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/*background-image:url(../images/btn_arrow.png);
	background-repeat:no-repeat;
	background-position:94% top;*/
}

.menu_btn:hover{
	color:#B4B63B;
	background-color: rgba(0, 0, 0, 0.6);
	/*background-color:#025b9a;*/
	background-position:94% bottom;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}



.b1, .b2, .b3, .b4, .b5, .b6{
	background-color: rgba(0, 0, 0, 0.2);
	/*background-color:#000000;*/
}



.activo{
	background-color: rgba(0, 0, 0, 0.6);
	color:#B4B63B;
	/*background-position:94% bottom;
	background-color:#025b9a;*/
}

.activo2{
	color:#B4B63B;
	background-color: rgba(0, 0, 0, 0.6);
	
}

/**/

/*.container{
	width:100%;
	overflow:hidden;
	position:relative;
}*/

.title{
	width:462px;
	/*height:44px;*/
	/*background-image:url(../images/bg_black.png);
	background-repeat:repeat;*/
	margin:0 0 10px 0;
	padding:8px 10px 0 10px;
}

.title h1{	
	font-size:18px;
	color:#333;
	/*color:#025b9a;*/
	font-weight:700;
	/*float:left;*/
	margin:0;
	padding:0 0 4px 0;
	border-bottom:1px dotted #FFFFFF;
}

.title span{
	font-family: 'WebSymbolsRegular';
	font-size:18px;
	color:#000;
	font-weight:normal;
	line-height:100%;
	float:left;
	padding:10px 0 0 8px;
}

p{
	font-size:16px;
	font-weight:400;
	margin:0;
	padding:5px 25px 20px 10px;
	text-align:justify;
	color:#FFF;
	line-height:140%;
}

h2{
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:5px 25px 20px 25px;
	text-align:left;
	color:#333333;
	line-height:120%;
	text-transform:uppercase;
}


h3{
	font-size:16px;
	font-weight:700;
	margin:0 10px;
	padding:5px 0 20px 0;
	text-align:center;
	color:#000000;
	line-height:120%;
	text-transform:uppercase;
	border-top: 1px dotted #FFFFFF;
}

.img_big{
	width:447px;
	height:248px;
	/*padding:5px;*/
	background-color:#FFF;
	/*border:2px solid #FFF;*/
	margin-bottom:35px;
	margin-left:10px;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	text-align:center;
	margin:30px 0 0 0;
	font-weight:normal;
}

.galeria{
	width:72%;
	overflow:hidden;
	padding-bottom:35px;
	margin:0 auto;
}

.galeria a{
	width:95px;
	height:95px;
	margin:0 auto;
	/*padding:2px;*/
	background-color:#FFF;
	/*border:1px solid #E6E6E6;*/
	margin:5px;
	float:left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.galeria a:hover{
	-moz-opacity:opacity:0.8;
	-webkit-opacity:0.8;
	opacity:0.8;
	background-color:#000000;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/* contacto */
/********** contact form **********/
.form {
	width:100%;
	/*height:400px;*/
	margin-bottom:20px;
}
/********** contact form **********/
#contactform { margin:0 auto; padding:5px 0px; width:96%;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none; overflow:hidden;}
#contactform li { margin:0 0 3px 0; padding:0; background:none; border:none; display:block; width:100%;}
#contactform li.buttons { margin:-44px 0 0 0; width:100%; overflow:hidden; float:right;}
#contactform label { float:left; margin:0; width:99%; padding:0 0 0 1%; color:#333333; text-transform:capitalize; font-size:14px; font-weight:400;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:271px; border:1px solid #e6e6e6; margin:0 0 0 0; padding:2px 2px; height:20px; background-color:#f9f9f9;}
#contactform textarea { width:336px; border:1px solid #e6e6e6; margin:0 0 0 0; padding:10px 2px; background-color:#f9f9f9; height:130px;}
#contactform li.buttons input { padding:0; margin:0 0 0 0; float:right; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}