body{background-color:#ECE9ED;}

#htop{width:100%;
	background-color: #fff;
	height:100px;}
	
#main_logo{float:left;
	background-color:transparent;
	width:50%;
	margin-left:25px;}
.ilog{border:none;}
.soci{padding-left:15px;
	border: none;}

#lgh{float:right;
	background-color:transparent;
	margin-right:25px;
	margin-top:15px;}
	
.linea {background-color:#fff;
		color:#e9e8ed;
		height:3px;
	box-shadow: inset 0px 103px 110px -94px rgba(26,17,26,0.67);		
}
.wrap{
	width:60%;
	margin:0 auto 0 auto;
	background-color: #fff;
	height:480px;}

#titol{
	width:100%;
	text-align: center;
	height: 80px;
	font-size:25px;
	font-family: arial;
	padding-top:5px;}

#primero{
	text-align:center;
	width:100%;
	margin:0 auto;}
.filar{width:99%;
	height:170px;
	margin-bottom: 15px;}

.cuadro{
	float:left;
	width:33.33%;}
	
.dimg{width: 220px;
	 height: 112px;
	 border:none;}

.ctex{
	font-size:12px;
	font-family: arial;
	font-weight:bold;
	font-style:italic;
	margin:10px;}


@media only screen and (max-width:480px){
	.wrap{width:90%;}
	#lgh{display:none}
	.ilog{width:300px;
		margin-top:15px;}
	.dimg{width: 90%;
		height: 50%}
}

@media only screen and ( min-width: 600px ) and ( max-width: 767px ){
	.wrap{width:80%;
		margin-top:30px;}
	.ilog{padding-top:15px;
		width:280px;}
	.dimg{width: 80%;
		height: 64%}
}