﻿



/*== Más de 1200px =====================================================
========================================================================*/
/* Gran escritorio */
@media (max-width: 1200px) {


}





/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.contentj {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content2cc {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content51 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content2dss{width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content20{width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content2 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content3 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content4 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content5 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content6 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content7 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content9 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}



*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content1 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.content31 {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

*== Más de 980px ======================================================
========================================================================*/
/* Escritorio normal */
@media (max-width: 980px) {
.contenth {width:90%;}
.titbanner {margin:20px 2%; width:62%;}

}

/*== Entre 980px y 768px ======================================
========================================================================*/
/* Para tablet y pequeños escritorios*/
@media (min-width: 900px) and (max-width: 980px) {

.titbanner h1j {font-size:25px;}
.titbanner h3  {font-size:21px;}
.auspi ul {padding-left:6px;}
.nav {width:25%}
.lateraldcha {width:25%; background:url(../img/arbol_gr.png) -3px 98px no-repeat;}
.btnenviar {margin:0 0 0 50px;}

.contenido {width:40%; margin:20px 10px 0 20px;}

.piepagina {text-align:center; width:100%;}
.copy {padding:33px 0 0 0;}
.patrocinado {margin:0; padding:20px 0 0 40px;}
.secre {margin:0; padding:20px 0 0 40px;}



}

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

.titbanner h1j  {font-size:21px;}
.titbanner h3  {font-size:16px;}
.arbolpq img { width:74px; height:98px;}
.auspi ul {padding-left:6px;}
.auspi {margin:0;}
.banner {height:165px;}
.banner1 {height:auto;}
.bannerh {height:60px;}
.banner2 {height:30px;}
.banner3 {height:auto;}
.banner4 {height:auto;}
.banner5 {height:auto;}
.banner6 {height:auto;}
.banner7 {height:30px;}
.banner8 {height:auto;}
.banner9 {height:auto;}
.banner10 {height:auto;}
.banner11 {height:auto;}
.banner12 {height:auto;}
.banner13 {height:auto;}

.nav {width:20%}
.lateraldcha {width:23%; background:url(../img/arbol_gr.png) -3px 98px no-repeat;}
.btnenviar {margin:0 0 0 50px;}

.contenido {width:46.8%; margin:20px 0 0 20px;}


.piepagina {text-align:center; width:100%;}
.copy {padding:10px 0 0 0; float:none;}
.patrocinado {margin:0; padding:20px 0 0 0; float:left; width:50%;}
.secre {margin:0; padding:20px 0 0 0; float:left; width:45%;}


}






/*== Up to 767px ======================================================
========================================================================*/
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.titbanner h1j {font-size:23px; line-height:1em; margin:0;}
.titbanner h3  {font-size:18px; line-height:1em; margin:0;}
.titbanner {margin:15px 13% 0 5%; width:42%;}
.arbolpq img { width:74px; height:98px;}
.auspi ul {padding-left:6px;}
.auspi {margin:0;}
.banner {height:165px;}
.banner2 {height:30px;}
.banner3 {height:auto;}
.banner4 {height:auto;}
.banner5 {height:auto;}
.banner6 {height:auto;}
.banner7 {height:30px;}
.banner8 {height:auto;}
.banner9 {height:auto;}
.banner10 {height:auto;}
.banner1 {height:auto;}
.bannerh {height:60px;}
.banner11 {height:auto;}
.banner12 {height:auto;}
.banner13 {height:auto;}

.contenido {width:64%; margin:20px 0 0 10px; height:auto; overflow:hidden;}

.nav {width:20%; background:url(../img/arbol_seco.png) no-repeat 0px 0; margin:20px 0 0 0; padding:10px 0 0 65px;}
.lateraldcha {width:23%; background:url(../img/arbol_gr.png) -3px 98px no-repeat;}
.lateraldcha {display:none;}
li.btnenviarmov {display:block;}
.nav ul li.navmedio {float:left;}


.piepagina {text-align:center; width:100%;}
.copy {padding:10px 0 0 0; float:none;}
.patrocinado {margin:0; padding:20px 0 0 0; float:left; width:50%;}
.secre {margin:0; padding:20px 0 0 0; float:left; width:45%;}


}







/*== Up to 640px ==================================================
====================================================================*/
@media (max-width: 640px) {


.titbanner {display:none;}
.titbannermov {float:left; display:block; clear:both; margin:20px 0 0 0; padding:0; text-align:center;}
.titbannermov h1 {font-size:30px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height:1.2em; font-weight:300;}
.titbannermov h3 {font-size:30px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height:1.2em; font-weight:300;}
.auspi {margin:0 30px;}
.auspi li {margin:0 20px;}





.nav {display:none;}
.navmov {display: inline-block; width:100%; height:auto; margin:20px 0 20px 0; padding:0; background:none; text-align:center;}

.navmov ul {display:inline-block; position:relative; list-style:none; margin:0; padding:0;}
.navmov ul li {margin:0; padding:0 1%; float:left; width:23%;}


.navmov ul li.navmedio {float:left; margin:0;}




.contenido {width:100%; height:auto; margin:0 0 20px 0; overflow:hidden;}



.lateraldcha {display:none;}
li.btnenviarmov {display:block;}



.piepagina {text-align:center; width:100%;}
.copy {padding:10px 0 0 0; float:none;}
.patrocinado {margin:0; padding:20px 0 0 0; float:left; width:55%;}
.secre {margin:0; padding:20px 0 0 0; float:left; width:40%;}
.patrocinado img {width:85%; height:85%;}
.secre img {width:85%; height:85%;}



}








/*== Up to 480px ==================================================
====================================================================*/
/* Landscape phones and down */
@media (max-width: 480px) {




}