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

/***************************************BODY*******************************************/

html,body{
	width:100%;	margin: 0;
}
img:focus
{
	text-decoration: none;
	background-color: red;
	border: none;
	
}
/***************************************BODY*******************************************/
#bloque1{
	width:100%;
	height:335px;
}
#bloqueEstatico{
	width: 50%;
	font-family: 'latoblack' !important;
	font-size: 30px !important;
	margin: 0 0 0 10% !important;
	color: #505050 !important;
	border: none !important;
	text-align: left !important;
}
/*****************************************BLOQUE2*******************************************************/
#bloque2{
	width:100%;
	height:auto;
	background-color: white;
	margin-bottom: 100px;
        padding-top:50px;
}
#bloque2 h1{ width: 70%; margin-left: 15%; margin-right: 15%;font-family: 'latoblack' !important;font-size: 15px !important;color: #505050 !important;border: none !important;text-align: left !important;text-align: center !important;}
#responsivePortada{display: none;}
#bloque2 h2{margin-left: 15%; font-family: 'latoblack' !important;color: #505050 !important; font-size: 18px;}
#bloque2 p{ width: 70%; margin-left: 15%; margin-right: 15%; font-family: 'latoregular' !important;color: #666666 !important;}
#bloque2 img{width: 100%; height: auto;}
#bloque2 a{text-decoration: underline !important;}
.pmd-card {background-color: #F8F8F8 !important;text-align: center;}
.margenes{margin: 10px;}
#bloquedesplegable1 {
    margin: -210px 0 0 2.2% !important;
}
/*****************************************BLOQUE2*******************************************************/
@media only screen and    (max-width:1310px)  and (min-width:1200px){
	#bloque1{height: 300px;}
}
@media only screen and    (max-width:1199px)  and (min-width:1000px){
	#bloque1{height: 250px;}
}
@media only screen and    (max-width:999px)  and (min-width:901px){
	#bloque1{height: 200px;}
}
@media only screen and    (max-width:900px)  and (min-width:481px){
	#bloque1-1 p
	{
		font-size: 25px !important;
		text-align: center;
		margin: 0 !important;
		padding:55px 0 0 30px !important;
	}
	body
	{
		background:url(../../imagenes/fondos/tablet/IMAGEN-INICIO.png) !important;
		background-size: 100% !important;
		background-position: top !important;
		background-repeat: no-repeat !important;
	}
	#bloque1{height: 0 ;}
	#bloque1-1{margin: 0 !important;}	
	#responsivePortada{display: inline;}
}
@media only screen and    (max-width:800px)  and (min-width:600px){
	#bloque1-1 p{padding:0 0 0 30px !important;}	
}
@media only screen and    (max-width:599px)  and (min-width:481px){
	#bloque1-1 p{padding:0 0 0 30px !important;margin:-40px 0 0 0 !important;}
}
@media only screen and    (max-width:481px){
	body
	{
		background:url(../../imagenes/fondos/tablet/IMAGEN-INICIO.png) !important;
		background-size: 100% !important;
		background-repeat: no-repeat !important;
	}
	#bloque1-1 p
	{
		font-size: 20px !important;
		text-align: center;
		margin: 0 !important;
		padding:55px 0 0 0px !important;
		line-height: 0;
	}
	#responsivePortada{display: inline;}
	#bloque1{height:  0;}
	#bloque1-1{margin: 0 !important;}	
	.menu05, .menu06{font-size: 12px;}
}