@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}



section .resaltar{color:#621703;font-size: 20px; line-height: 0; margin-left: 0;}
section ul { list-style: none; margin: 0; padding: 0;  line-height: 2.5em; width: 349px; margin-left: 5px;}
section ul label{ color: #444; margin-right: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
section ul input, textarea { float: right; padding: 3px; margin-right: 51px; width: 286px; resize: none;}
section ul textarea { height: 100px;}
section ul input[type='reset']{ width: 70px; float: left; margin-top: 15px; position: relative; margin-left: 110px;}
section ul input[type='button']{ width: 70px; float: right; margin-top: 10px; position: relative;}
section ul li h1 { text-align: center; font-size: 25px; padding-top: 111px; letter-spacing:4px; margin-right: 0px;}
section .mapa {width: 450px; height: 135px;}


.enviando,
.error{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.enviando{color: #00404C;}

.error{color: #DB3232;}

@media screen and (max-width: 1040px){
	nav{
		background: #fff;
		display: flex;


	}

	section-cont section {
  min-height: 330px;
  width: 100%;
  margin: -18px auto;
}
	
}


@media screen and (max-width: 940px){

	footer{
		height: auto;
position: relative;
bottom: inherit;}

		nav .mov-menu>li{
	border-bottom: 1px solid rgba(225, 255 , 255 , .3);
}


	nav ul{

	height:50px; 
	background:#fff;
	display:block;
	
	/*position:absolute;*/
	z-index:5;
	
		
	}
	section{
		margin-top:0px; 
		width:100%; min-height:616px;  }
	#content-page
{
	background-color: #FFF;
	background-size: 100%;
	margin:0 auto; 
	max-width:1024px;
	background: url(../imagenes/fondo.jpg) no-repeat;
}
.section-cont section {
 
  margin: 0px auto;
  min-height: 382px;
  margin: -10px auto;
}
	footer{height: auto;
position: relative;
bottom: inherit;}


}
@media screen and (max-width: 999px){
	footer{height: auto;
position: relative;
bottom: inherit;}


}


@media screen and (max-width: 940px){

	footer{height: auto;
position: relative;
bottom: inherit;}

}



@media screen and (max-width: 700px){

    section .mapa {width: 100%;}

 	header {
			display:none;
		}
		nav .nav-menu{
			display:none;
		}

		nav .mov-menu{
			display:block;
		}
		nav .mov-menu{
	width:90%;
	max-width:1000;
	margin:20px auto;
	background:#037E8C;
}

nav .mov-menu ul{
	overflow:hidden;
	list-style: none;
}



nav .mov-menu>ul>li {
	float:left;
}

nav .mov-menu>ul>li>a {
	color:#ff6600;
	padding:20px;
	display:inline-block;
	text-decoration:none;
	} 

nav .mov-menu>li>span {
	margin-right:10px; 
}
nav  .mov-menu>li>a:hover {
	background:#e67816;
	width: 100%;

}
section ul input, textarea{

margin-right: 7px;
width: 95%;
}


		nav img {
			display: none;
		}
		
		nav .mov-menu{


			width:80%;
			height:100%;
			left:-100%;
			margin:0;
			position:fixed;
			z-index:1000;
			
		}
		nav .mov-menu>ul>li{
			display:block;
			float:none;
			border-bottom: 1px solid rgba(225, 255 , 255 , .3);
			z-index:1000;
		}
		footer nav {
			display: none;
		}


		#logo{
			display:none;
		}

	.menu_bar{
		display:block;
		width:100%;
		color: #fff;
		background:#ccc;
	}

	.menu_bar .bt-menu{
		display:block;
		padding: 20px;
		background:url(../imagenes/menu.png) no-repeat right;
		width: 100%;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;

	}

	.menu_bar span{
		float:right;
		font-size: 40px; 

	}
	footer{height: auto;
position: relative;
bottom: inherit;}
.section-cont section {
  min-height: 390px;
  width: 100%;
  margin: -10px auto;
}


}

@media screen and (max-width: 568px){
.section-cont section {
  min-height: 243px;
  width: 100%;
  margin: -7px auto;
}
.section-cont section article .parrafo-hc{
	font-size:18px
}

section ul input[type='button']{ 
	margin-top: 17px; 
}

section ul { 
	width: 100%;
	margin-right: 19px;
}

footer{height: auto;
position: relative;
bottom: inherit;
}	

@media screen and (max-width: 480px){
.section-cont section article{
float: none;
margin: 7px;
width: 100%;
font-size: 22px;
}




footer {
/*width: 100%;*/
height: auto;
position: relative;
bottom: inherit;

}
section .fig-4-1{
	width: 100%;
}




}




@media screen and (max-width: 320px){
.section-cont section article{
float: none;
margin: 7px;
width: 100%;
font-size: 22px;
}
section .fig-1 {
  width: 100%;
  margin-left: 0px

}


.section-cont section article h1{
	text-align: left;
	display: inline-block;
}

footer {
height: auto;
position: relative;
bottom: inherit;

}
section .fig-4-1{
	width: 100%;
}