@media only screen and ( min-width: 1650px ) and ( max-width: 2000px ) {










}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( min-width: 1180px ) and ( max-width: 1380px ) {
#arriba .cont,
header .cont,
.base,
.boxed,
.marco,
.ancho section {
width:1170px;
}

header #cont #logo {
width:200px;
}
header #cont #der {
width:970px;
}

#der .cont .bloque {
padding: 0 12px;
}

nav ul li a {
padding:0 9px;
font: bold 20px/1 "PTSerif", "Arial", Times, serif;
}

article p {
margin-bottom: 7px;
}

.ancho .cont span {
font: bold 22px/1.3 "Ubuntu",Helvetica,Arial,sans-serif;
}

.fotos .img {
height:70px;
}

.toldo	{
width:49%;
height:180px;
margin-top:2%;
margin-right:2%;
float:left;
}
.toldo:nth-child(2n)	{
margin-right:0;
}
.toldos img	{
width:270px;
height:180px;
float:left;
}
.toldo .txt	{
width:300px;
height:180px;
float:left;
font-size:14px;
line-height:1.1;
padding-left: 20px;
box-sizing:border-box;
}
.toldo .txt h3	{
font-size:18px;
line-height:1.1;
margin-bottom:10px;
}
.toldo .txt p	{
font-size:14px;
line-height:1.1;
}

.blq3 .item 	{
width:229px;
}












}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( min-width: 978px ) and ( max-width: 1179px ) {

.marco {
padding-bottom: 40px;
}
.top	{
padding-top:40px!important;
}
#arriba .cont,
header .cont,
.base,
.boxed,
.marco,
.ancho section {
width:1000px;
}

header #cont #logo {
width:170px;
}
header #cont #der {
width:830px;
}

nav ul li a {
padding:0 10px;
font: bold 16px/1 "PTSerif", "Arial", Times, serif;
}

.blq4 .item .txt span {
font-size: 18px;
}

.ancho .cont {
height: 300px;
}
.ancho .cont span b {
font: bold 32px/2 "Fjalla",Helvetica,Arial,sans-serif;
}
.ancho .cont span {
font: bold 18px/2 "Fjalla",Helvetica,Arial,sans-serif;
}

.fotos .img	{
height:60px;
}

.fotos2 .img	{
height:110px;
}

.toldos img	{
width:150px;
}
.toldo .txt,
.toldo .txt p	{
font-size:15px;
line-height:17px;
}

.base .cont .titulo {
margin-top:50px;
}
.base .cont .titulo h4 {
font: bold 30px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 20px/1.1 "Omnes","Helvetica",sans-serif;
}



}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 1050px ) {
header {
background-position: auto 100%;
}
h1 { 
font: bold 15px/1 "Lato", "arial", "Georgia", serif;
}

h2,h3,h4, h5	{
font: normal 20px/1 "Ubuntu", "arial", "Georgia", serif;
}
.marco {
padding-bottom: 30px;
}
.top	{
padding-top:30px!important;
}
#arriba .cont,
header .cont,
.base,
.boxed,
.marco,
.ancho section {
width:800px;
}

header #cont #logo {
width:170px;
}
header #cont #der {
width: 630px;
}
header #cont #der .cont {
padding: 0;
}
#der .cont .bloque {
padding: 0 10px;
}
#der .cont .bloque .d p {
font: normal 14px/1.2 "Raleway", "Imperial", Times, serif;
}

nav,
.flechaabajo,
.i1,
nav ul { display:none; }
#m,
.i2,
.slicknav_menu {
display:block;
}

.blq1 .item	{
width:25%;
padding:20px 10px;
}
.blq1 .item .cont	{
font: bold 14px/1.1 "Lato",Helvetica,Arial,sans-serif;
}

.blq4 .item .txt span {
font-size: 17px;
}

.ancho .cont {
height: 250px;
}
.ancho .cont span b {
font: bold 30px/2 "Fjalla",Helvetica,Arial,sans-serif;
}
.ancho .cont span {
font: bold 16px/2 "Fjalla",Helvetica,Arial,sans-serif;
}

.base .cont .titulo {
margin-top:50px;
}
.base .cont .titulo h4 {
font: bold 30px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 20px/1.1 "Omnes","Helvetica",sans-serif;
}

.fotos .img	{
width:23.5%;
height:105px;

}
.fotos .img:nth-child(4n)	{
margin-right:0;
}
.fotos .img:nth-child(8n)	{
margin-right:0;
}

.fotos2 .img {
height: 90px;
}


.toldos	{
margin-top:-15px;
}
.toldo	{
height:auto;
margin-top:15px;
}
.toldo img	{
width:100%;
height:260px;
margin-bottom:15px;
}



}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 850px ) {
header {
background-position: 50% 50%;
background-size: auto 100%;
}
h1 { 
font: bold 15px/1 "Lato", "arial", "Georgia", serif;
}

h2,h3,h4, h5	{
font: normal 20px/1 "Ubuntu", "arial", "Georgia", serif;
}
.marco {
padding-bottom: 20px;
}
.top	{
padding-top:20px!important;
}
#arriba .cont,
header .cont,
.base,
.boxed,
.marco,
.ancho section {
width:550px;
}

header #cont #logo {
width:100%;
text-align:center;
float:none;
}

header #cont #der {
width:100%;
height:120px;
float:none;
}

#der .cont .bloque i {
margin-right:10px;
font-size:20px;
}
#der .cont .bloque .d p {
font: normal 12px/1.2 "Raleway", "Imperial", Times, serif;
}


.blq4 .item .txt {
font-size: 15px;
line-height:1.1;
}
.blq4 .item .txt span {
font-size: 15px;
}

.ancho .cont {
height: 250px;
}
.ancho .cont span b {
font: bold 25px/2 "Fjalla",Helvetica,Arial,sans-serif;
}
.ancho .cont span {
font: bold 16px/2 "Fjalla",Helvetica,Arial,sans-serif;
}

.fotos .img	{
height:72px;
}
.fotos2 .img	{
height:60px;
}

.toldo .txt {
width: 100%;
height: 300px;
}

div.left{
width:100%; float:left; heigth:auto; padding:10px;
}

.contacto .campo,
.contacto .select {
width: 100%;
}

footer #cont .bloque .txt .redes	{
width:40px;
height:40px;
margin-right:10px;
}
footer #cont .bloque .txt .redes a i	{
font-size:30px;
line-height:40px;
}

footer #copy #l {
width:40%;
}
footer #copy #r {
width:60%;
}

}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 579px ) {

#arriba .cont,
header .cont,
.base,
.boxed,
.marco,
.ancho section {
width:340px;
}

#der .cont .bloque:last-child {
display:none;
}
#der .cont .bloque i {
}
#der .cont .bloque .d {
padding-right:5px;
}
#der .cont .bloque .d p {
font: normal 12px/1.2 "Raleway", "Imperial", Times, serif;
}

#animacion {
display:none;
}

.blq1 .item	{
width:50%;
}

.blq4 .item	{
width:100%;
min-height:200px;
float:left;
margin-right:0;
margin-bottom:20px;
}

.ancho .cont span b {
font: bold 18px/2 "Fjalla",Helvetica,Arial,sans-serif;
}
.ancho .cont span {
font: bold 14px/2 "Fjalla",Helvetica,Arial,sans-serif;
}

.fotos .img,
.fotos2 .img	{
width:49%;
height:95px;
margin-bottom:5px;
}
.fotos .img:nth-child(2n),
.fotos2 .img:nth-child(2n)	{
margin-right:0;
}

.toldo {
width: 100%;
height: auto;
margin-right: 0;
}
.toldo img {
height: auto;
}
.toldo .txt {
height: auto;
padding-left: 0px;
}

footer #cont .bloque {
width: 100%;
margin-right:0;
}

footer #copy #l	{
display:none;
}
footer #copy #r {
width:100%;
}

}