@import url("responsive.css");
@font-face {
  font-family: 'MyriadBold';
  src: url('fonts/MyriadPro-Bold.eot');
  src: url('fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg'),
       url('fonts/MyriadPro-Bold.ttf') format('truetype'),
       url('fonts/MyriadPro-Bold.woff') format('woff'),
       url('fonts/MyriadPro-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

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


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


body { margin:0px; background-color: #DEDDDA;}

header {
	width: 100%;
	height: 110px;
	margin:0 auto;
	background: #6F6E68;
	position:fixed;
	z-index:1000;
	top:0;
	box-shadow:0 5px 10px rgba(0,0,0, 0.3);
	
}
#top{
	width:1200px;
	margin:0 auto;
	height:110px;
	
}

#logo{
	display:block;
	margin: 0px auto;
	margin-bottom: 14px;
	padding-top: 5px;
}

h1 { 
	font-family:"Walkway", Times;
	font-weight:normal;
	color:#fff;
	font-size:35pt;
	line-height:35pt;
}


h2{
	font-family:"Walkway", Times;
	color:#6f6e68;
	font-size:25pt;
	line-height:30pt;
}

h3{
	font-family:"Walkway", Times;
	color:#c1b07c;
	font-size:20pt;
	line-height:25pt;
	margin-bottom:15px;
}


p{ 
	font-family:"Myriad", Arial, Helvetica, sans-serif;
	line-height:18pt;
	font-size:12pt;
	color: #6F6E68;
	margin:20px 0 20px 0;
	text-align: justify;
}

#wrapper{width:100%;margin-top:110px;}

section{
	width:100%;
	margin:0 auto;
	height:auto;
}

.content{
	width: 1200px;
	margin:  0 auto;
	
}

.texto50izq{
	width: 45%;
	padding: 80px 0 0 0;
	display: block;
	float: left;
}

.texto50der{
	width: 45%;
	padding: 80px 0 0 0;
	display: block;
	float: right;
}

.texto50izq img, .texto50der img { display:block; margin:0 auto; width:100%; height:auto;}


section#inicio{
	height: 400px;;
	width: 100%;
	background-image: url("../img/sectioninicio_bg.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	background-color: #babab4;
	
}

section img#hacemosimg{
	width: 100%;
	height: auto;
	
}

.iniciotext{
	margin:0 auto;
	width:950px;
	padding:40px 0 0 0;
	text-align:center;
	
}


.iniciotext p{
	color:#FFF;
	font-family:"Myriad", Arial, Helvetica, sans-serif;
	font-size:14pt;
	line-height:20pt;
	text-align:center;
	
}

.introtext{
	width: 920px;
	margin: 0 auto;
	display: block;
	background-color: #efe9d8;
	padding: 10px;
}

.introtext p{
	text-align: center;
	font-size: 15pt;
	line-height: 22pt;
}

section#icons{
	width: 100%;
	margin: 0 auto; text-align:center;
	background-color: #deddda;
}


.icons{width:29%;height:auto; display:block; float: left; padding:25px; margin-top:25px;transition:all 0.5s ease;}
.icons p{color:#999;font-family:"Myriad";font-size:12pt;text-align:center;}
.icons h3{color:#c1b07c;font-family:"Walkway", Arial; text-align: center; font-size:18pt; line-height: 15pt;}	
.icons img{ width: 100%; height: auto; margin:0 auto;display:block;opacity:1;transition:all 0.5s ease;margin-bottom:20px;transform:scale(1);}
.icons:hover > a img{ opacity:1;transform:scale(1.05);}
.icons:hover{ }

section#quienessomos {
	width: 100%;
	height: 700px;
	background-color: #DEDDDA;
	
}


section#quienessomos #somosimg{
	width:50%;
	height:700px;
	background-image: url("../img/quienessomos.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	display: block;}

section#quienessomos h2 {
	color: #c1b07c;
	margin: 200px 0 0 200px;;
	width: 400px;
}
section#quienessomos p{
	margin: 20px 0 0 200px;
	width: 400px;
	color: #6f6e68;
}

section#quienessomos a{margin: 20px 0 0 200px;}

section#quienessomos #somostext{ 
	width: 50%;
	height: 700px;
	padding: 0;
	display: block;
	float: left;
	background-image: url("../img/quienessomos-text.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	
}

section#portfolio{
	width:100%;
	height: auto;
	background-color: #DEDDDA;
}


img#formtop{width:100%;
height: auto;
display: block;
margin: 0 auto;}

section#contacto{
	width:100%;
	height:700px;
	background-color: #6f6e68;	
}


#contactoimg{
	width:50%;
	height:700px;
	float:right;
	background-image: url("../img/formback1.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

#contactoform{width:50%;height:700px; float: right; margin:0;;
	background-image: url("../img/formback-form.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
}

#form-box{
	width: 400px;
	height: auto;
	float: right;
	margin: 0 200px 0 0;
}

#contactoform h2{color:#FFF;font-family:"Walkway";font-size:22pt;line-height:18pt; margin-top:10px;}
#contactoform p{color:#FFF;font-family:"Myriad"; font-size:15pt;line-height:18pt;text-align: center;}



input[type=text], textarea, select#servicios {
	width:95%;
	padding:8px;
	margin-bottom:12px;
	border-radius:5px;
	border:none;
	font-size:11pt;
	background-color: #deddda;
}
	
input.mediocampo { width:45%;}


select#servicios{
	
}



a.botonlink {
	font-family: "Walkway";
	text-align: center;
	text-decoration:none;
	color:#fff;
	background-color: #6f6e68;
	font-size:11pt;
	transition:all 0.5s ease;
	width: 205px;
	height: 15px;
	padding: 15px 0;
	display: block;
	border-radius: 5px;
}

a.botonlink2 {
	font-family: "Walkway";
	text-align: center;
	text-decoration:none;
	color:#fff;
	background-color: #6f6e68;
	font-size:11pt;
	transition:all 0.5s ease;
	width: 235px;
	height: 15px;
	margin: 0 auto;
	padding: 15px 0;
	display: block;
	border-radius: 5px;
}

input[type=submit] {
	font-family: "Walkway";
	text-align: center;
	text-decoration:none;
	background-color:#c1b07c;
	color:#fff;
	font-size:11pt;
	transition:all 0.5s ease;
	width: 205px;
	height: 45px;
	display: block;
	border: none;
	border-radius: 5px;
	margin: 0 auto;
}

a.botonlink:hover, a.botonlink2:hover, input[type=submit]:hover {
	transform: scale(1.1);
	cursor: pointer;
}

.blank {width:100%;height:40px;clear:both;}

#footer-gradiente-inicio{ background: linear-gradient(0deg, rgba(220,208,175,1) 0%, rgba(111,110,104,1) 100%);
width: 100%;
height: 200px;}

#footer-gradiente-inicio2{ background: linear-gradient(0deg, rgba(220,208,175,1) 0%, rgba(221,220,217,1) 100%);
width: 100%;
height: 200px;}


footer{width:100%;height:300px;background-color:#dcd0af;}
#footerlinks{width:100%;margin:0 auto;font-family:"Myriad";color:#6f6e68;font-size:12pt;}
.footercontent {width:100%;float:left;margin:0 auto; font-family: "Walkway"; font-size: 10pt; text-align:center; display:block;}
.footercontent#links{ padding-top: 10px; width:100%; margin:20px auto 0; display:block;}
.footercontentfonomail {color:#6f6e68;  margin-bottom: 9px;width:100%; float:left;margin-top:20px; }
.footercontentfonomail p#fono{ font-family: "Walkway";color:#6f6e68;font-size: 15pt; }
.footercontentfonomail p{color:#6f6e68; margin-top:5px; }
.footercontentfonomail img{ margin:0 5px -6px 0;}

.footercontent p{color:#6f6e68; line-height: 5pt;}
.footercontent strong{ font-family:"MyriadBold"}
.footercontent ul{list-style:none;padding-left:0;line-height:17pt;}
.footercontent ul li{ float: none; margin-right: 12px;display:inline-block;}
.footercontent ul li a{text-decoration:none;color:#6f6e68;}	
#sociallinks{ width: 100%; text-align:center; float: left;margin: 30px 0 20px 0;}
#sociallinks img{ padding:0px 5px;}
#footerlinks #logofooter{ margin-bottom:-20px; margin-right:10px; padding: 10px; float: left;} #footerlinks #direcc {float:right;}

.footercontentfonomail p, .footercontentfonomail{ text-align: center; margin:10px 0 0 0;}

	


/*animacion de banner principal*/

.banner {
			height: 720px; background-color: #babbb4;
		}
.banner img {
			width: 100%;
	height: auto; 
		}

.banner .slide-text {
			position: absolute;
			right: 0;
	 		left: 0;
			padding: 400px 0 0 0;
			text-shadow: 2px 2px 20px rgba(0,0,0,1);
	text-align: center;
		}

.banner .slide-text2 {
	
			position: absolute;
	 		left: 0;
			padding: 200px 0 0 70px;
			text-shadow: 2px 2px 20px rgba(0,0,0,1);
	text-align: left;
		}
.banner .slide-text3 {
	
			position: absolute;
	 		right: 0;
			padding: 200px 70px 0 0;
			text-shadow: 2px 2px 20px rgba(0,0,0,1);
	text-align: right;
		}

/*final animacion de banner principal*/