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

/***************************************BODY*******************************************/
body
{
	background:url(../imagenes/fondos/web/Blog-principal---web---2017-imagen.png);
	background-repeat:no-repeat;
	background-attachment:inherit;
	background-size:100%;
	background-position: top;
}
html,body{
	width:100%;	margin: 0;
}
img:focus
{
	text-decoration: none;
	background-color: red;
	border: none;
	
}
/***************************************BODY*******************************************/
#bloque1{
	width:100%;
	height:200px;
}
/*****************************************BLOQUE2*******************************************************/
#bloque2{
	width:100%;
	height:auto;
	background-color: white;
	margin-bottom: 100px;
}
.pmd-card h2{ font-family: 'latoblack' !important;color: #505050 !important;}
.pmd-card span{ font-family: 'latoregular' !important;color: #666666 !important;}
.pmd-card button{ font-family: 'latobold' !important;color: #535353 !important; text-decoration: underline !important;}
.pmd-card {background-color: #F8F8F8 !important;text-align: center;}
.margenes{margin: 10px 0;}
	
/*****************************************BLOQUE2*******************************************************/
@media only screen and    (max-width:1310px)  and (min-width:1200px){
	#bloque1{height: 200px;}
}
@media only screen and    (max-width:1199px)  and (min-width:1000px){
	#bloque1{height: 200px;}
}
@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);
		background-size: 100%;
		background-position: top;
		background-repeat: no-repeat;
	}
	#bloque1{height: 0 ;}
	#bloque1-1{margin: 0 !important;}	
}
@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);
		background-size: 100%;
		background-repeat: no-repeat;
	}
	#bloque1-1 p
	{
		font-size: 20px !important;
		text-align: center;
		margin: 0 !important;
		padding:55px 0 0 0px !important;
		line-height: 0;
	}
	#bloque1{height:  0;}
	#bloque1-1{margin: 0 !important;}	
	.menu05, .menu06{font-size: 12px;}
}