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


@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: -28px 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: 900px){

section .fig-1-2 {
  width: 390px;
}

section .fig-1 {
  width: 390px;

}



@media screen and (max-width: 840px){
	section .fig-1 {
  width: 400px;}
}

@media screen and (max-width: 820px){
	section .fig-1 {
  width: 370px;}
}



@media screen and (max-width: 700px){
	section .fig-1 {
  width: 420px;
}

	
 	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%;

}


		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: 340px;
  width: 100%;
  margin: -19px auto;
}

}

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

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: 16px;
}
.section-cont section {
  min-height: 304px;}

section .fig-1 {
  width: 100%;
  margin-left: 0px;

}


.div-incremet {
  background: rgba(255,255,255,.6);
  position: relative;
  padding-bottom: 15px;
  float: left;
  min-height: 400px;
  width: 110%;
  margin-left: -15px;
}
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: 16px;
}
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%;
}