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

h1{
	font-family: 'Abadi';
}
h2{ font-size: 15px;}
h3{
	font-family:  fantasy;
	font-size: 14px;
	color: #e66500;
	padding: 10px;
}
.img{
	width: 100%;
	border-radius: 20px;
	text-align: center;
}
input{
	width: 90%;
	border-radius: 10px;
	line-height: 15px;
	border: solid 1px #999;
	padding: 15px;
	margin-bottom: 10px;
}
textarea{
	width: 90%;
	border-radius: 10px;
	line-height: 35px;
	border: solid 1px #999;
	padding: 15px;
	margin-bottom: 10px;

}


html,body {
			height: 100%;
			width: 100%;
			margin: 0;
			padding: 0;
			font-family: "Arial";
			background:  url(../images/back.jpg) repeat;
		}

		.botonera {
			background: rgba(0,0,0,.8);
			clear: both;
			display: block;
			padding-top: 5px;
			padding-bottom: 5px;
			position: fixed;
			z-index: 1;
			width: 100%;
		}
		.fluid_container {

			height: 100%;
			width: 100%;

		}
		#camera_wrap_4 {

			height: 100%;
			width: 100%;
	
	
		}
		.camera_bar {
			z-index: 2;
		}
		.camera_thumbs {
			margin-top: -100px;
			position: relative;
			z-index: 1;
			width: 100%;
			height: 100%;
		}
		.camera_thumbs_cont {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.camera_overlayer {
			opacity: .1;
		}
		.main{
			max-width: 1100px;
			margin: 0 auto;
			padding: 10px;
		}
		
		.main-content{
			max-width: 1100px;
			margin: 0 auto;
			padding: 20px;
		}
		
		
		
		.titulo-index{
			padding-top: 100px;
		}
		
		.h1{
			color: white;
			font-size: 80px;
			text-transform: uppercase;
			text-align: center;
			text-shadow: 2px 2px 2px #333;
			font-family: 'Abadi';
		
		}
		.h2{
			color: #e66500;
			font-size: 50px;
			text-transform: uppercase;
			text-align: center;
			text-shadow: 2px 2px 2px #333;
			font-family: 'Abadi';
			margin-top: -55px;
		}
		.letra{
			font-family: "Arial Narrow";
			color: white;
			max-width: 700px;
			margin: 0 auto;
			background: rgba(0, 0, 0, 0.5);
			border-radius: 25px;
			padding: 30px;
			text-align: center;
			margin-top: -20px;
		}
		.left{
			width: 24%;
			display: inline-block;
			vertical-align: top;
			margin-bottom: 10px;
		}
		.left:hover{
			background: rgba(0, 0, 0, 0.1);
			height: auto;
			border-radius: 10px;
		}
		.left-a{
			width: 24%;
			display: inline-block;
			vertical-align: top;
			margin-bottom: 10px;
		}
		.left-a:hover{
			opacity: 0.5;
		}
		.full{
			width: 90%;
			margin: 0 auto;
		}
	
		.titulo-servicios{
			font-family: 'Abadi';
			color: #e66500;
			text-align: center; 
		}
		.letra-servicios{
			color: #666;
			padding: 10px;
			text-align:  justify;
			margin-top: -20px;
			
		}
		.bg-enter{
			width: 100%;
			background: url(../images/bg-enter.jpg) no-repeat;
			background-size: cover;
			height: 50%;
			background-position: 70% 80%;
			 
		}
		.bg-somos{
			
			width: 100%;
			background: url(../images/bg-somos.jpg) no-repeat;
			background-size: cover;
			height: 350px;
			background-position: 100% 100%;
			 
		}
		.bg-contacto{
			
			width: 100%;
			background: url(../images/bg-contacto.jpg) no-repeat;
			background-size: cover;
			height: 350px;
			background-position: 100% 100%;
			 
		}
		.bg-servicios{
			
			width: 100%;
			background: url(../images/bg-servicios.jpg) no-repeat;
			background-size: cover;
			height: 350px;
			background-position: 100% 100%;
			 
		}
		.bg-proyectos{
			
			width: 100%;
			background: url(../images/bg-proyectos.jpg) no-repeat;
			background-size: cover;
			height: 350px;
			background-position: 100% 100%;
			 
		}
		.info{
			color: white;
			font-size: 60px;
			text-transform: uppercase;
			text-align: center;
			text-shadow: 2px 2px 2px #333;
			font-family: 'Abadi';
			padding-top: 30px;
		
		}
		.letra-info{
			max-width: 700px;
			color: white;
			text-align: center;
			margin: 0 auto;
		}
		
		.btn{
			padding: 10px;
			border-radius: 10px;
			color: white;
			font-family: 'Abadi';
			background: #e66500;
			margin: 0 auto;
			text-align: center;
		}
		.btn:hover{
			background: #666;
		}
		.last{
			width: 33%;
			vertical-align: top;
			display: inline-block;
		}
		.letra-proyectos{
			font-size: 14px;
			color: #666;
			text-align: justify;
			padding: 10px;
			margin-top: -20px;
		}
		.footer{
			background: #482103;
			margin-top: 30px;
			border-top: solid 2px #666;
		}
		
		.footer h2{
			color: white;
			font-size: 16px;
			background: rgba(0, 0, 0, 0.5);
			padding: 10px;
			border-radius: 5px; 
			font-family: 'Abadi';
		}
		.footer .text{
			color: white;
			text-align: left;
			font-size: 14px;
		}
		.jc{
			width: 100%;
		}
		.negro{
			color: #e66500;
		}
		.linea{
			line-height: 35px; color: white;
		}
		.host{
			background: #000;
			padding: 20px;
		}
		.primer{
			
			color: white;
			font-size: 80px;
			text-transform: uppercase;
			text-align: center;
			text-shadow: 2px 2px 2px #333;
			font-family: 'Abadi';
			padding-top: 175px;
			
		}
		.equipo{
			width: 33%;
			display: inline-block;
			vertical-align: top;
		}
		
		.veatix{
			width: 50%;
		}
		.veatix:hover{
			opacity: 0.5;
		}
		.p{
			text-align: justify;
		}
		.ct{
			width: 49%;
			display: inline-block;
			vertical-align: top;
		}		
		
		
		
@media (min-width:320px) and (max-width:640px){
		.h1{
			color: white;
			font-size: 30px;
		
		}
		.h2{
			font-size: 20px;
			margin-top: -20px;
		}
		.letra{
			font-size: 14px;
			padding: 10px;
			margin-top: 10px;
		}
		
		.main-content{
			margin-top: -500px;
		}
		.left{
			min-width: 100%;
		}
		.left-a{
			min-width: 100%;
		}
		.full{
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		.info{
			margin-top: -15px;
			font-size: 30px;
		}
		.letra-info{
			font-size: 14px;
			padding: 10px;
		}
		.last{
			min-width: 100%;
		}
		.primer{
			padding-top: 130px;
			font-size: 40px;
		}
		.bg-somos{
			height: 25%;
		}
		.equipo{
			width: 100%;
		}
		.primer{
			margin-bottom: 15px;
		}
	
}
@media (min-width:641px) and (max-width:940px){
	
	.titulo-servicios{
		font-size: 18px;
	}
	.letra-info{
			padding: 10px;
		}
		.last{
			width: 32%;
		}
		.equipo{
			max-width: 32%;
		}

}