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

/*ESTILOS MOBILE*/

@media screen and (min-width: 681px) and (max-width: 899px) { 
.parrafo_central {
	text-align:center;
	width:60%;
	margin-left:20%;
	margin-right:20%;
	margin-top:30px;
	line-height:25px;
	}
	.val1 {
	float:left;
	text-align:center;
	width:23%;
	padding-left:5%;
	padding-right:5%;
		min-height: 210px;
	}
.boton1 a, .boton2 a, .boton3 a {
	font-size:11px;
width: 20%;
	}
.col1{
	width: 75%;
	margin-left: 5%;
	margin-right: 20%;
}
.col2{
	width: 80%;
	margin-left: 1%;
	margin-right: 10%;
}
.pad{
	padding-left: 15%;
}
}
@media screen and (min-width: 481px) and (max-width: 680px) {
.parrafo_central {
	text-align:center;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:30px;
	line-height:25px;
	}
.val1 {
	float:left;
	text-align:center;
	width:30%;
	padding-left:10%;
	padding-right:10%;
	min-height: 190px;
	}
.header {
	height:600px;
	}
.boton1 a, .boton2 a, .boton3 a {
	font-size:10px;
width: 20%;
	}
.boton2 a {
	left:38%;
	}
.col1{
	width: 75%;
	margin-left: 5%;
	margin-right: 20%;
}
.col2{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
.pad{
	padding-left: 10%;
}
}
@media only screen and (max-width: 480px) {
	
.parrafo_central {
	text-align:center;
	width:85%;
	margin-left:4%;
	margin-right:16%;
	margin-top:30px;
	line-height:25px;
	}
.val1 {
	float:left;
	text-align:center;
	width:30%;
	padding-left:5%;
	padding-right:15%;
	min-height: 170px;
	}
.header {
	height:600px;
	}
.header span {
	font-size:24px;
	}
.header p {
	margin-top:300px;
	width:300px;
	font-size:16px;
	}
.boton1, .boton2, .boton3 {
	writing-mode: vertical-rl;
	}
	
.boton1 a, .boton2 a, .boton3 a {
	font-size:14px;
width: 20px;
	}
.boton1 a {
	left:85%;
	bottom: 62%;
	}
.boton2 a {
	left:85%;
	bottom: 38%;
	}
.boton3 a {
	left:85%;
	bottom: 13%;
	}
.col1_foot, .col2_foot, .col3_foot  {
	float:none;
	width:70%;
	padding-left:15%;
	padding-right:15%;
	text-align:center;
	min-height: 60px;
	padding-top:5px;
	}
.col1{
width: 75%;
	margin-left: 5%;
	margin-right: 20%;
}
.col2{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
.pad{
	padding-left: 1%;
}
.column_10, .column_15, .column_30 {
	float: none;
	width: 90%;
	margin-right: 5%;
	margin-top: 5%;
	margin-bottom: 5%;
}
}