/*RESPONSIVE*/
@media screen and (max-width: 320px) {

body{background-image: url(../images/bg3.gif);
background-repeat: repeat-x;
} 

footer .wrapper{ height:10px;
}

header{ margin-left:10px;
}

h1{font-size: 40px;
margin-top:25px;
text-align:center;
}

h2{ font-size: 25px;
}

main{ background-image:none;
height: 330px;
}

.comment{ display:none;
}

.dostercios{ width:95%;
}

.imgsexto{ float:right;
margin:0 auto;
display:none;
}

.nav{display:none;
}

.parrafofooter{display:none;
}

.piea{display:none;
}

.pieb{ float:left;
margin:0 35px;
}

.pnoticias{ margin-bottom:20px;
}

.psexto{ margin-top:0;
float:right;
display:none;
}

.sexto{ width:46%;
}


.tercio{ width:95%;
}

.texto_main{ font-size:12px;
width:95%;
text-align:center;
margin:5px 2.5%;
}

.trabajosexto{ width:100%;
}

#cosgayaresponsive{display:block;
margin: 8px auto;
}

#menudesplegable{float:right;
display:block;
margin:13px 15px 10px 10px;
}

#pcosgayaresponsive{ display:block;
}


}


@media screen and (max-width: 768px) and (min-width: 321px) { 

.sexto{ width:29%;
}

.trabajosexto{ float:left;
margin-right: 10px;
}

.psexto{ font-size:14px;
font-weight:700;
margin: 0 0 0 17px;
}

.imgsexto{ margin-right:10px;
margin-top:35px;
}

.brdisplay{ display: table;
}

main{ background-image:none;
height: 330px;
}

h1{margin-top:30px;
text-align:center;
}

.texto_main{ font-size:12px;
width:75%;
text-align:center;
margin:15px auto 10px;
}

.comment{ display:none;
}

header{ margin-left: 10px;
}

#cosgayaresponsive{display:block;
margin: 8px auto;
}

.dostercios{ width:29%;
margin:0 1.3% 1% 1%;
padding:1%;
float:left;
}

.tercio{ width: 62.3%;
margin:0 1.3% 1% 1%;
padding:1%;
float:left;
}

.pnoticias{ margin-bottom:10px;
}

.piea{display:none;
}

.pieb{ float:left;
margin:0 235px;
}

}