@charset "utf-8";
/* CSS Document */



body {
 	background-color:#c1cf43;   /* #c1cf43 verde claro igual que fondo TN*/
	font-family: "Minion Pro";
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	margin-top:0px;
	background-image:url("../img/chinitas-bcas30-fondo1-small.png");
	background-repeat:repeat;
}

#container {
            float:left;
            width: 100%;
            max-width:2500px;/*este es el que está limitando el ancho de la botonera, decía max-width:1250px*/
            margin: 0 auto;
            /*background-image:url('img-extra/chinita-buscando 70mb.png'); este si funciona, pero lo oculta justo cuando lo necesito...*/
           
        }

.clean{
    margin:0px;
    padding:0px;
    /*background-color:#fff;*/
    /*background-image:none;*/
}



/* INICIO CONTENEDORES GRAL -------no los pude leer desde pags-categorias, asi que los repetí allí -----*/

.c-gral{
   /* background-color:green;*/
    margin:0;
    padding:50px 3% 0px 3%;
    
     display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
   
}

.c-interior{
   /* background-color:orange;*/
    margin:0;
    padding:0;
    width:100%;
    
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
}

.c1{
    width:100%;
    
}

.c2{
    width:50%;
    float:left;
}

.c3{
    width:33%;
    float:left;
}

.c4{
    width:23%;
    float:left;
    padding:2px 5px 2px 5px;
   /* padding:0 1% 0 1%;*/
   
   display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
}

.c4 a{
    width:100%;
   /* max-width:200px;*/
    margin:0 auto 0 auto;
    
}

.c4 a:hover{
    
    
}

.c4 a img{
    width:100%;
    max-width:200px;
    margin:0 auto 0 auto;
    transition:0.5s;
}

.c4 a img:hover{
transform:scale(1.1);
    transition:0.5s;
}

#mini-conte-gral-btns{
   width:100%;
    margin:0 7% 0 7%;
    padding:0;
}

#conte-interior1{
    width:100%;
     padding:10px 0 5px 0;
    margin:0;
}

#conte-interior3{
     width:100%;
}

#conte-interior3 h3{
    font-family:Roboto;
    font-weight: bold;
    color:#54841A;
    font-size:1.8em;
    padding:30px 0 5px 0;
    margin:0;
}

.boton-fondo-ideas-mes{
    
    width:100%;
    height:40px;
    padding-top:30px;
    
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
     
    
}

.btn3{
    border:solid;
    border-color:#ED4402; /*rojo claro*/
    border-width:3px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    background-color:#DB8011; /*naranjo claro*/
    text-align:center;
    text-decoration:none;
    font-family:Acme, sans-serif;
    font-size:1.3em;
    font-weight:normal;
    color:#fff;
    padding:6px 80px 6px 80px;
    transition:0.5s;

   
}

.btn3:hover{
    transform:scale(1.1);
    transition:0.5s;
    
    
}
/* FIN CONTENEDORES GRAL ------------*/

#botonera-superior{
    background-color:#7DAD4A;
    padding:8px 0px 0px 10px;
   
}

#botones-face{
    padding:0px;
    margin:0px;
    width:80%;
    float:left;
}

#link-youtube{
    
    padding:0px;
    margin:0px;
    width:20%;
    float:left;
}

#link-youtube a img{
    height:30px;
}

#conte-header{
    background:linear-gradient(#7DAD4A, #BFE83C); /*#7DAD4A verde más oscuro| #BFE83C verde más claro*/
}

#conte-logo{
   width:100%;
   text-align:center;
}

#conte-logo img{
    padding:10px 15px 5px 15px;
    max-width:100%;
   margin-left:auto;
   margin-right:auto;
}

#conte-menu{
    background-color:#238E7E;
   
}

/*   ----- INICIO ESTILOS MENU ANIMADO ------- */

/* Add a black background color to the top navigation */
.topnav {
  background-color: #238E7E; /*#333*/
  overflow: hidden;
  font-family:amaranth;
  
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color:#fff ; /*#f2f2f2 color del texto del menu normal */
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #02D3C9; /*#4CAF50*/
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #30B0B2; /*#f9f9f9*/
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #02D3C9; /* #555*/
  color: white;
  -webkit-transition: all 500ms ;
  
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #2BA59B; /*#ddd*/
  color:#fff ; /*black*/
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/*   -------FIN ESTILOS MENU ANIMADO ---------- */

.titulo-pagina{
    background-color:#4AB295;/*calipso-verdoso claro*/
    margin-top:0px;
    font-family:'Fredoka One';
    font-size:2.1em;
    text-align:center;
    color:#751BD6;/*morado*/
    padding:10px;
}

.titulo-lista{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2.5em;
	font-weight: bold;
	color: #1d6864;
	}

.cargando{
    font-family:"Lucida Calligraphy";
    text-transform: capitalize;
    z-index:3;
    margin-right:auto;
    margin-left:auto;
	/*float:right;*/
/*	background-color:#c1cf43;*/
	height:20px;
	font-size:0.8em;
	color:#9c0eca;
	display:none;
	}
	
.cargando-r{
    font-family:"Lucida Calligraphy";
    text-transform: capitalize;
    z-index:3;
    margin-right:auto;
    margin-left:auto;
	/*float:right;*/
/*	background-color:#c1cf43;*/
	height:20px;
	font-size:0.8em;
	color:#9c0eca;
	display:none;
	}
	
.cargando-tt{
    font-family:"Lucida Calligraphy";
    text-transform: capitalize;
    z-index:3;
    margin-right:auto;
    margin-left:auto;
	/*float:right;*/
/*	background-color:#c1cf43;*/
	height:20px;
	font-size:0.8em;
	color:#9c0eca;
	display:none;
	}
	
.list{
    background-color:#fff;
    float:left;
}

#titulo-lista-anuncios{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase; 
	text-align: center;
	padding: 0px; /*top right bottom left*/
	margin:auto;  /*top right bottom left*/
	-webkit-box-shadow: 1px -6px 22px -2px rgba(0,0,0,0.51); 
    box-shadow: 1px -6px 22px -2px rgba(0,0,0,0.51);
    -moz-box-shadow: 1px -6px 22px -2px rgba(0,0,0,0.51);
	}

#titulo-lista-anuncios2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: center;
	margin:auto;  /*top right bottom left*/

    
	}	

/* ----------------------------------------------------*/
/*inicio para AVISOS PREMIUM */

#super-conte-avisos{
   background-color:#74b615; /*verde claro, algo más oscuro que el verde del los listados*/
    width:100%;
    margin:0;
    padding:0;
   /*height:300px;*/
   
   display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
    
}

#contenedor-avisos-premium{
   /*background-color:blue;*/
   /*min-width:960px;*/
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    padding:0px;
    top:0px;
}
#contenedor-avisos{
   /*background-color:blue;*/
   /* min-width:960px;*/
    max-width:2500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    padding:0px;
    top:0px;
    
}
	
.content-premium{
    height:500px;
    width:30.3%;
    background-color:#fff;
    margin:5px 1% 5px 1%;
    transition:1s;
    float:left;
    padding:0.5%;
    
}

.content-premium:hover{
    transform:scale(1.03);
    transition:1s;
}


#img-premium{
    /*background-color:red;*/
    height:180px;
    width:100%;
    
}



.img-premium-imagen{
    width:100%;
    height:auto; 
    min-height:100%; 
    max-height:100%; 
    object-fit:cover;
}

h2.premium{
    /*text-transform:uppercase;*/
    color:#2a2a2a;
    text-align:center;
}



p.premiump{
    color:#4a4a4a;
    text-align:center;
    max-height:170px;
    font-size:1em;
}

#conte-pasos{
    /*color:blue;*/
    width:90%;
    /*background-color:green;*/
    height:auto;
}


.boton-fondo{
    text-align:center;
    width:100%;
    height:120px;
    padding-top:30px;
     
    
}
.boton1{
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    background-color:#2e2e2e; /*gris oscuro*/
    text-align:center;
    width:150px;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#fff;
    padding:10px 20px 10px 20px;
    

   
}


.boton1:hover{
    background-color:#fff; 
    color:#000;
    border-style:solid;
    border-width:3px;
    border-color:#000;
    
}

.boton-fondo-volver{
    text-align:right;
    width:100%;
    height:120px;
    padding-top:30px;
    
    
}

.btn-pestana{
    
    width:100%;
    height:120px;
    padding:30px 10px 5px 10px;
    float:left;
    
    
}

.btn2{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#487C33; /*verde oscuro*/
    text-align:center;
    width:150px;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#fff;
    padding:10px 20px 10px 20px;
    

   
}

.btn2:hover{
    background-color:#6F9B3F; /*verde + claro*/
    
    
}

.btnNuevo{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#febf01; /*amarillo*/
    text-align:center;
    width:120px;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#000;
    padding:10px 20px 10px 20px;
    

   
}

.btnNuevo:hover{
    background-color:#fdec2d; /*amarillo + claro*/
    
    
}

.btnCompletar{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#fe4563; /*rosa fuerte*/
    text-align:center;
    width:120px;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#000;
    padding:10px 20px 10px 20px;
    

   
}

.btnCompletar:hover{
    background-color:#fd6880; /*rosa + claro*/
    
    
    
}

.btnEditar{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#6cd00b; /*verde vivo*/
    text-align:center;
    width:120px;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#000;
    padding:10px 20px 10px 20px;
    

   
}

.btnEditar:hover{
    background-color:#85fb12; /*verde vivo + claro*/
    
    
}


#conte-pasos{

}



#conte-pasos .a{
    
    width:100%;
    height:30px;
    padding:0px 5px 5px 5px;
    float:left;
    
    
}

.btn4{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
   /* background-color:#487C33; /*verde oscuro*/
    /*background-color:#6F9B3F; /*verde + claro
    background-color:#b2bf6b;
    text-align:center;
    width:15%;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#fff;
    padding:10px 20px 10px 20px;
    
    
}



.btn5{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#487C33; /*verde oscuro*/
    text-align:center;
    width:180px;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#fff;
    padding:10px 20px 10px 20px;
    

   
}

.btn5:hover{
    background-color:#6F9B3F; /*verde + claro*/
    
    
}


.btn6{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#9fbf3c; /*verde claro 2*/
    text-align:center;
    width:250px;
    height:40px;
    text-decoration:none;
    font-family:sans-serif;
    font-weight:bold;
    color:#000;
    padding:10px 20px 10px 20px;
    

   
}

.btn6:hover{
    background-color:#c9e478;  /*verde más claro 2*/
    
    
}

.btnLoginM{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#0c8e80; /*verde-azul oscuro-medio*/
    text-align:center;
    width:60px;
    height:15px;
    text-decoration:none;
    font-size:0.9em;
    font-family:sans-serif;
    font-weight:bold;
    color:#000;
    padding:5px 10px 5px 10px;
    margin:10px;
    float:right;
    clear: both;
    

   
}

.btnLoginM:hover{
    background-color:#c9e478;  /*verde más claro 2*/
    
    
}


.btnLogOutM{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#c01ee8; /*morado calido*/
    text-align:center;
    width:60px;
    height:15px;
    text-decoration:none;
    font-size:0.9em;
    font-family:sans-serif;
    font-weight:bold;
    color:#000;
    padding:5px 10px 5px 10px;
    margin:10px;
    float:right;
    clear: both;
    

   
}

.btnLogOutM:hover{
    background-color:#db56fc;  /*morado calido claro*/
    
    
}



/* --------- INICIO BTN SUGERENCIAS -----------*/
/*
#sug{
    color:#027160;
}

.mensaje-sug{
    display:none;
    text-decoration:none;
}
.mensaje-sug:hover{
    color:#fff;
    display:inline;
}
*/
/* --------- FIN BTN SUGERENCIAS -----------*/

/*---------- INICIO PAGINATION --------------*/

.puntitos{
  font-weight:bold;
  color:#fff;
}
.pagenumbers{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items: center;
   
}

.pagenumbers a{
  text-decoration:none; 
  text-align:center;
  /*width:50px;*/
  /*height:30px;*/
  padding:4px 8px 4px 8px;
  appearance:none;
  border:none;
  outline:none;
  cursor:pointer;
  background-color:#44aaee;
  margin:5px;
  transition:0.4s;
  color:#fff;
  font-size:18px;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.2);

}

.pagenumbers a:hover{
  background-color: #44eeaa;

}

.pagenumbers a:active{
  background-color:#44eeaa;
  box-shadow:inset 0px 0px 4px rgba(0, 0, 0, 0.2);
}

.flechitas{
    background-color:blue;
}
/*-----------FIN PAGINATION -----------------*/

/*----------- INICIO FOOTER ---------- */
#conte-gral-footer{
 width:100%;
 clear:both;
}

#conte-footer{
    background-image:url("../img/patron-fondo-footer-chinita2-small.jpg");
    border-style:solid;
    border-width:5px 0px 0px 0px;
    border-color:#1C7668;
    overflow: hidden;
}

#conte-mision{
    width:41.49%;
    float:left;
}

#conte-mision-2{
    width:41.49%;
    float:left;
    display:none;
}

#espacio-intermedio{
   /* background-color:blue;*/
    width:25%;
   /* height:300px;*/
    float:left;
}

#mini-conte-derecha-footer{
    /*background-color:red;*/
    width:28%;
    float:left;
    padding:30px 30px 30px 0;
    
}

#conte-contacto{
    /*background-color:blue;*/
    width:80%;
    padding-left:10%;
    padding-right:10%;
}

#conte-contacto a{
    width:80px;
    height:22px;
    color:#fff;
    font-size:0.9em;
    font-family:"arial", "Roboto";
    font-weight:bold;
    background-color:#1C7668;
    text-decoration:none;
    float:right;
    padding:7px 50px 0px 50px;
    border-radius:12px;
    border:solid;
    border-width:2px;
    border-color:#fff;
    /*margin:20px 30px 20px 20px;*/
    margin:20px auto 20px auto;
   transition:0.4s;
}

#conte-contacto a:hover{
    background-color:#30B0B2;
    transition:0.4s;
   
}

#conte-preguntas-frecuentes{
    
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#conte-preguntas-frecuentes a{
    
    height:22px;
    color:#fff;
    font-size:0.8em;
    font-family:"arial", "Roboto";
    font-weight:bold;
    text-decoration:none;
    float:right;
    transition:0.4s;
    text-align:center;
   
    width:170px;
    margin:0 13% 0 13%;
    
    
}

#conte-preguntas-frecuentes a:hover{
    transform:scale(1.2);
    transition:0.4s;
   
}

#conte-legales-arriba{
    width:100%;
    
    text-align:center;
    display:none;
}

#conte-legales-arriba a{
   height:20px;
    color:#26441C;
    font-size:0.8em;
    font-family:"arial", "Roboto";
    font-weight:bold;
    text-decoration:none;
    float:right;
    margin:0 30px 20px 20px;
   transition:0.4s;
}

#conte-legales-arriba a:hover{
    color:#ABDD35;
    transition:0.4s;
}

#conte-amigo-del-mes{
    /*background-color:yellow;*/
    width:100%;
    text-align:center;
}

#conte-amigo-del-mes img{
    
    /*background-color:green;*/
    margin-top:30px;
    max-width:120px;
    margin-left:35%;
    margin-right:35%;
    border-style:double;
    border-color:#005675;
    border-width:12px;
    text-align:center;
}

.nombre-amigo{
   text-align:center; 
   color:#54595F;
   font-family:'nunito', 'arial';
   line-height:10px;
   padding-top:12px;
}

.titulo-amigo{
    text-align:center;
    color:#0E6D64;
    font-family:'Concert One', 'arial';
    font-size:1.7em;
    line-height:20px;
    
}

.titulo-tn-amigo{
    text-align:center;
    color:#474CD1;
    font-family:'Cookie';
    font-size:1.9em;
    line-height:15px;
    /*text-shadow: 1px 1px 4px rgba(16,9,33,0.61);*/
}

#conte-copyright{
    background-color:#113D25;
    padding:8px 0px 15px 25px;
    min-height:20px;
    overflow: auto;
}
#conte-rights{
    color:#6DA13F;
    font-family:"Average", "Times New Roman";
    font-size:1em;
    width:21.65%;
    float:left;
}

#conte-produced{
    color:#6DA13F;
    font-family:"arial", "Roboto";
    font-size:0.7em;
    width:28.35%;
    float:left;
}

#conte-produced a{
    color:#6DA13F;
    text-decoration:none;
}

#conte-produced a:hover{
    color:#ABDD35;
}

#conte-legales-abajo{
    color:#6DA13F;
    font-family:"arial","Roboto";
    font-size:0.8em;
    width:37.86%;
    float:left;
}




#conte-legales-abajo a{
    color:#6DA13F;
    text-decoration:none;
}
#conte-legales-abajo a:hover{
    color:#ABDD35;
}

#conte-up{
    width:12.13%;
    float:left;
}

.fa-angle-up{
    color:#fff;
    
   
}

.fa-angle-up:hover{
    color:#00CE1B;
   
}

#conte-mje{
    background-color:#6FB728;
    -moz-border-radius:23px;
    -webkit-border-radius:23px;
    border-radius:23px;
   width:80%;
   margin:20px auto 20px auto;
}
#conte-mje h1{
    text-align:center;
    color:#fff;
    padding:25px 0px 5px 0px;
    font-family:"Roboto", "arial";
}

#conte-mje p{
    color:#fff;
    padding:0px 12% 25px 12%;
    font-family:"Roboto", "arial";
    line-height :2em;
    
}

#conte-equipo{
    width:70%;
    margin-left:auto;
    margin-right:auto;
    height:70px;
}

#conte-equipo img{
    height:60px;
    padding:0px 0px 20px 20%;
    float:left;
    
}

#conte-equipo h4{
    color:#fff;
    font-family:"Roboto", "arial";
    padding-left:15px;
    float:left;
   
}

/*------------ FIN FOOTER -------------*/

/* -----------inicio  CAROUSEL ----------*/


/*------------FIN  CAROUSEL -------------*/



@media (max-width: 768px) {
 .content-premium{
    width:46%;
    margin:5px 1% 5px 1%;
    padding:0.7%;

    }
    
#container {
                width: 100%;
                margin: 0 auto;
            }
    
/* INICIO CONTENEDORES GRAL ------------*/
.c-gral{
    margin:0 1% 0 1%;
    padding:1%;
}



.c4{
    width:100%;
   /* padding-top:5px;
    padding-bottom:5px;*/
    padding:5px 0 5px 0;
    margin:0 10%;
}

.c4 a{
    width:95%;
    margin:0 auto 0 auto;
    
}
.c4 a img{
    width:100%;
    max-width:200px;
    margin:0 auto 0 auto;
    
}

.btn3{
    padding:6px 15% 6px 15%;
    font-size:1.1em;
}

#conte-interior3 h3{
    font-size:1.4em;
    padding:20px 0 5px 0;
    
}

#mini-conte-gral-btns{
    margin:0 15% 0 15%;
}


/* FIN CONTENEDORES GRAL ------------*/

 .boton-fondo{
    padding-top:40px;
     
}
 
 #conte-logo{
   width:90%;
}
 
 /* ---- inicio menu animado toggle----*/
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
 /* ---- fin menu animado ----*/
 
 /*---- inicio paginacion -------*/
 .pagenumbers a{
    /* transform:scale(0.8);*/
 }
 
 /*-----fin paginacion -----------*/
 
 
 /*------inicio media para tablet- footer-----*/
 
#conte-mision{
    width:100%;
     display:none;
}

#conte-mision-2{
    width:100%;
     display:inline;
   
}

#espacio-intermedio{
    display:none;
}

#mini-conte-derecha-footer{
    width:100%;
}


#conte-contacto{
    width:100%;
    float:none;
    margin-left:auto;
    margin-right:auto;
}

#conte-contacto a{
   
   width:80px;
    padding:7px 50px 0 50px;
    margin:20px 35% 20px 32%;

}


#conte-preguntas-frecuentes{
    width:100%;
    
}

#conte-preguntas-frecuentes a{
   /* width:220px;
    margin:0 25% 0 25%;
    font-size:0.8em;
    text-align:center;*/
    
    font-size:0.8em;
    width:100%;
   margin-left:auto;
   margin-right:auto;
   
    
}


#conte-legales-arriba{
    width:100%;
    display:inline;
    
}

#conte-legales-arriba a{
   width:100%;
   margin-left:auto;
   margin-right:auto;
    
}
#conte-amigo-del-mes{
    width:100%;
}
 
 #conte-copyright{
    height:60px;
}
 
 #conte-rights{
     font-size:0.8em;
    width:100%;
    text-align:center;
}

#conte-produced{
    font-size:0.5em;
    width:100%;
    text-align:center;
}



#conte-legales-abajo{
    display:none;
    
}


#conte-up{
    width:100%;
    text-align:center;
}
 /*-------fin media para tablet footer -------*/
 }
 
 

 

 
@media (max-width: 360px) {
 .content-premium{
    width:90%;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    padding:6px;
    float:none;
   
    }
    
/* INICIO CONTENEDORES GRAL ------------*/
.c-gral{
    padding:0.5%;
    margin:0;
}

.c-interior{
    margin:0;
    padding:0;
}


.c2{
    width:100%;
}

.c3{
    width:100%;
}

.c4{
    width:100%;
    margin:0 10%;
}

.c4 a{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    
}
.c4 a img{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    
    
}

.btn3{
    padding:6px 10% 6px 10%;
    font-size:1em;
}
  
/* FIN CONTENEDORES GRAL ------------*/  

    .boton-fondo{
    padding-top:60px;

}
 
 }
 
/* fin para AVISOS PREMIUM */

/*---inicio footer en celular ----*/
#conte-legales-arriba a{
   
}

/*----- fin footer en celular -----*/



@media (max-width:280){
    
 
    
/* INICIO CONTENEDORES GRAL ------------*/
.c-gral{
    padding:0;
    margin:0;
}

.c-interior{
    margin:0;
    padding:1px;
}


.c2{
    
}

.c3{
    
}

.c4{
    
    margin:0 3%;
}

.c4 a{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    
}
.c4 a img{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    
    
}

#conte-interior3 h3{
    font-size:0.7em;
    padding:10px 0 5px 0;
    
}

#mini-conte-gral-btns{
   width:100%;
    margin:0 0.5% 0 0.5%;
    padding:0;
}

  
/* FIN CONTENEDORES GRAL ------------*/  
}