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

/*Edicion Responsive*/
/*Cambiar si el documento es menor de 1024 píxeles de ancho:*/
@media screen and (max-width: 1920px) {
	#uno, #dos,#tres,#cuatro,#cinco,#seis,#siete, #ocho{
	width:75%;
	max-width:100%;
	height:691px;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	}
}

@media screen and (max-width: 1280px) {
	#uno, #dos,#tres,#cuatro,#cinco,#seis,#siete, #ocho{
	width:75%;
	max-width:100%;
	height:700px;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	.context3{
		padding: 50px 20px 10px 30px;
	}
	.context4{
		line-height:25px;
		padding: 20px 10px 80px 50px;
	}
}

@media screen and (max-width: 1200px) {
	#uno, #dos,#tres,#cuatro,#cinco,#seis,#siete, #ocho{
	width:75%;
	max-width:100%;
	height:667px;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	.context3{
		padding: 35px 20px 10px 30px;
	}
}


@media screen and (max-width: 1080px) {
	.context3{
		padding: 5px 20px 10px 30px;
	}
	.context6{
	padding: 40px 80px 80px 80px;
	}	
}

@media screen and (max-width: 1024px) {
	#izq{
	width:90%;
	}
	.context3{
	font-size:11pt;
	text-align:justify;
	line-height:25px;
	padding: 40px 20px 10px 30px;
	}
}
@media screen and (max-width: 960px) {
	#uno, #dos,#tres,#cuatro,#cinco,#seis,#siete, #ocho{
	width:100%;
	max-width:100%;
	height:595px;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	body {
		padding-top:90px;
	}
	/*barra de navegacion y menu*/
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		z-index:99;
		border-bottom:10px solid rgb(221, 175, 39);
		background:url(../img/texturas/nav.jpg);
		}
	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 30px;
		font-family:Lato;
		font-weight: bold;
		text-decoration: none;
	}
	.menu_bar span {
		float: right;
		font-size: 40px;
	}
	header nav {
		width: 50%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow:scroll;
	}
	header nav img{
		display:none;
	}
	header nav ul li {
		border-bottom:1px solid rgba(255,255,255,.5);
	}
	header nav ul li a {
		display: block;
	}
	.txt2{
		padding-top:12px;
	}
	/*edicion de seccion*/
	#izq{
	width:70%;
	}
}


@media screen and (max-width: 800px) {
	/*edicion de seccion*/
	#izq{
	width:90%;
	}
}
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 720px) {
	#izq{
	width:100%;
	}
	.context3{
		padding: 10px 20px 10px 30px;
	}
}


@media screen and (max-width: 640px) { 
	.context{
	font-size:11pt;
	line-height:25px;
	padding: 15px 50px 90px 20px;
	}
	.context3{
	font-size:10pt;
	line-height:25px;
	padding: 15px 15px 5px 15px;
	}
	.context4{
	font-size:10pt;
	line-height:20px;
	padding: 50px 30px 80px 30px;
	}
	.context6{
	padding: 15px 80px 10px 80px;
	}
} 
	
@media screen and (max-width: 600px) {
	.context{
	font-size:11pt;
	line-height:25px;
	padding: 15px 20px 80px 20px;
	}
	.context3{
	font-size:10pt;
	line-height:20px;
	padding: 20px 10px 5px 10px;
	}
}
			
@media screen and (max-width: 568px) {
	.context{
	line-height:20px;	
	}
	.context3{
	font-size:10pt;
	line-height:20px;
	padding: 40px 5px 5px 5px;
	}
	.context6{
	padding: 5px 50px 10px 50px;
	}
}

@media screen and (max-width: 540px) {
	.context3{
	font-size:9pt;
	line-height:18px;
	padding: 40px 5px 5px 5px;
	}	
	.context4{
	font-size:10pt;
	line-height:18px;
	padding: 20px 15px 80px 15px;
	}
}

@media screen and (max-width: 480px) {
	#izq-full2{
	width:90%;
	float:left;
	}
	#der-full2{
	width:90%;
	float:left;
	}
	.titulo{
		font-size:15pt;
	}
	.nin{
		display:none;
	}
	.context3{
	font-size:10pt;
	line-height:20px;
	padding: 2px 10px 5px 10px;
	}
	.context6{
	font-size:10pt;
	line-height:25px;
	padding: 30px 50px 80px 50px;
	}	
	.context4{
	font-size:10pt;
	line-height:18px;
	padding: 20px 40px 80px 40px;
	}
	
}

@media screen and (max-width: 400px) {
        header nav {
		width: 60%;
	}
	.txt2{
		font-size:11pt;
		padding-top:6px;
	}
	.context{
		font-size:10pt;
		line-height:17px;
		padding: 15px 15px 5px 15px;
	}
	#izq-full2{
		width:100%;
		float:left;
	}
	#der-full2{
		width:100%;
		float:left;
	}
	.context3{
		font-size:9.5pt;
		line-height:16px;
		padding: 0px 20px 0px 20px;
	}
	.context6{
	font-size:10pt;
	line-height:18px;
	padding: 30px 40px 40px 40px;
	}	
	
}

@media screen and (max-width: 320px) {
	header nav {
		width: 70%;
	}
	.txt2{
		font-size:10pt;
		padding-top:6px;
	}
	.context{
		font-size:10pt;
		line-height:18px;
		padding: 15px 15px 10px 15px;
	}
	.context3{
		font-size:9pt;
		line-height:15px;
		padding: 0px 30px 0px 20px;
	}
	.context4{
		font-size:10pt;
		line-height:15px;
		padding: 20px 20px 10px 20px;
	}
	.context6{
		font-size:10pt;
		line-height:17px;
		padding: 30px 40px 40px 40px;
	}	
	
}