#m2{
	color:#B80218;
}



#info #infotexto, aside{
	display: block;
	vertical-align: rgb(255,255,255, .1);
	height: auto;



}

#infotexto{
	/*background:#E08E79 #003153-#00548c-#106c7c-#0c8784;*/
	background: #E3E3E3;	
	width: 100%;
	display: inline-block;
	height: auto;
	text-align: center;
	margin-top:0;
color:#000;


}
#title{
	padding: 20px 0px 5px 0px;
}
#subtitle{
	padding: 0px 0px 30px 0px;
}
#publicacion{
	/*background: rgba(60,100,76,.1);
	padding: 15px;
	box-shadow: 2px 2px 1px 1px rgba(100,20,5, .1);
	moz-box-shadow: 2px 2px 1px 1px rgba(100,20,5, .1);
	web-kid-box-shadow: 2px 2px 1px 1px rgba(100,20,5, .1);
	*/
	
	
	width: 45%;	
	min-height: 450px;
	height: 100% auto;
	box-sizing: border-box;
	display:inline-block;
	margin: 2px;
	 overflow: hidden;
	


}
#txtp{
	padding: 0 15% 0 15%;
}
#publicacion #pimg{
	
	width: 97%;
	max-height: 250px;
	max-width: 400px;
	box-sizing: border-box;
	
	 background-repeat: no-repeat;
   
    border-radius: 2%;
    background-size: 100% auto;
    box-shadow: 2px 2px 1px 1px rgba(100,20,5, .5);
	moz-box-shadow: 2px 2px 1px 1px rgba(100,20,5, .5);
	web-kid-box-shadow: 2px 2px 1px 1px rgba(100,20,5, .5);
}
#publicacion p{
	box-sizing: border-box;
	max-height: 150px;
	

}


aside{
	background: #3B9BCE;
	max-width: 100%;
	width: 100%;
	min-height: 350px;
	text-align: center;
	margin-top: 1%;
}

@media(max-width: 1100px){
#txtp{
	padding: 0 5% 0 5%;
}
}

@media(max-width: 800px){

.infotexto{
	width: 100%;
	text-align: center;
	margin:0;
}

#publicacion{
	padding: 0;
	display: block;
	width: auto;
	margin-top: 1px;
	box-sizing: 0;
	display: inline-block;
	height: 100% auto;
	box-shadow: 0;
	moz-box-shadow: 0;
	web-kid-box-shadow: 0;
	



}
#txtp{
	padding: 0 1% 0 1%;
}
#publicacion #pimg{
	
	width: 96%;
	max-height: 80%;
	max-width: 80%;
	box-sizing: border-box;
	
	 background-repeat: no-repeat;
   
    border-radius: 2%;
    background-size: 100% auto;
    
}
#publicacion p{
	box-sizing: border-box;

}



@media(max-width: 600px){

#info #infotexto, aside{
	display: block;
	vertical-align: top;
}

#infotexto{
	
	width: 100%;
	min-height: 100px;
	height: 100% auto;
	
}
aside{

	width: 100%;
	
}
	
}



@media(max-width: 400px){



#info #infotexto, aside{
	display: block;
	vertical-align: top;


}
#publicacion{
	width: 93%;
	
}
#publicacion #pimg{
	
	width: 96%;
	max-height: 90%;
	max-width: 90%;
	}
#txtp{
	padding: 0;
}

	
}