/* View < 1200px iPad landscape Kindle landscape */
@media (max-width: 1100px)
{
header {  text-align:center;} /*  Magenta ----------- */
.logo { width:30%;}
.logo img { height:auto; width:70%;}
nav a {margin-left:0.4em;padding-left:0.7em; padding-right:0.7em;font-size:1.1em;}
#centro { width:53%}
#mi-cotizacion { width:15%;margin-right:0.2em;}
#mi-cotizacion h2 {font-size:1em;line-height:2em;}
#mi-cotizacion h3 {font-size:1.3em; margin-top:1.3em;}
#mi-cotizacion a { font-size:0.9em;}
#txt-epunto { text-align:center;}
#productos { margin-right:0.2em; margin-left:0.2em;}
.precio-rrss2 p { width:100%; text-align:center;font-size:1.2em; }
.precio-rrss2 img { margin-left:0.5em;}
.cantidad-pdcto { width:12%}
.cada-producto-cot img { display:none;}
p.prod { width:40%;}
.nombre-pdcto p { width:43%;}
.cantidad-pdcto { width:70px;}
.delete { margin-top:1.9em !important;margin-right:5px; clear:both; margin-top:-5px !important;}
.refresh {  margin-top:1.9em !important; margin-right:5px; margin-bottom:-20px; }
.btn-enviar { background:#dadada;}
.btn-enviar:hover { background:#bcbcbc}
.btn-agregar { text-align:right; font-size:0.9em; padding-right:10px;}
}



/* Android (Nexus 4) landscape - Kindle portrait */ 
@media only screen and (min-width: 491px) and (max-width: 768px)
{
header { } /*  Celeste ----------- */
.logo { width:30%;}
.logo img { height:auto; width:60%;}
nav a {margin-left:0.4em;padding-left:0.4em; padding-right:0.2em;font-size:0.95em;}
.dato-categoria img { width:15%; height:15%;}
.dato-categoria a { font-size:0.8em;}
#centro { /*width:50%;*/ width:68%; overflow:hidden; min-height:100px;  float:left;}
.destacado { width:48.5%;  height:auto;}
#mi-cotizacion {  /*width:18.5%; overflow:hidden; min-height:100px; float:right;*/display:none;}
.precio-rrss img { margin-left:0.1em;}
.precio-rrss p { width:55%;}
#txt-epunto { text-align:center;}
#productos { width:45%;margin-right:0.5em; margin-left:0.5em;}
.img-detalle-producto img { min-width:100%; overflow:hidden; float:left; min-height:100px; height:auto; }
#detalle-pdcto { width:100%;}
.precio-detalle h4 { width:50%; float:left;}
.detalle-rrss { width:50%; float:left;border-top:#CCC solid 1px; padding-top:15px;margin-top:0.75em; }
.btn-agregar { text-align:center; }
.caja-izq { display:none; }
.caja-der { display:none; }
#catalogos { height:130px;}
.titulo { width:80%; max-width:1090px; height:66px; margin:0 auto; margin-bottom:30px; margin-top:30px; border-bottom:solid 1px #666;}
.titulo h2 { font-family: 'aw_conqueror_sanslight';font-size:1em;color:#000; text-align:center; line-height:30px;}
}

/* iPhone 3  4 landscape */
@media (max-width: 579px) 
{
header { } /*  Amarillo ----------- */
.logo { width:40%;}
.logo img { height:50%; width:70%;}
nav{ width:100%;}	
nav a {margin-left:0.2em;padding-left:0.1em; padding-right:0.1em;font-size:1.2em; width:48%;height:40px; line-height:40px; border-bottom:none;}	
nav a:hover,.activo { background:#dcdcdc; border-bottom:none; }
#categorias { width:93%; overflow:hidden;  float:left; margin-left:1em;}
#categorias ul { width:50%;}
#categorias ul li a  { font-size:1.2em;}
.dato-categoria { width:40%; float:right;}
.dato-categoria a { font-size:0.9em;line-height:1.8em;}
.dato-categoria img { width:15%; height:15%;}

#pdctos-destacados { width:93%; font-size:1em;}
#categorias h1,#centro h1,#pdctos-destacados h1 {font-family: 'aw_conqueror_sanslight';font-size:1.8em; color:#6c6c6c; text-align:left; float:left; border-bottom:#dcdcdc solid 3px; line-height:2.5em; width:100%; margin-left:0; }
#pdctos-destacados h1 a { font-size:0.5em; margin-right:0.5em; line-height:5em;}
#centro { width:93%; overflow:hidden; min-height:100px;  float:left;margin-left:1em;}
.destacado { width:48.5%;  height:auto;}
#mi-cotizacion { /*width:30%; overflow:hidden; min-height:100px; float:left;*/ display:none;}
.titulo { width:80%; max-width:1090px; height:66px; margin:0 auto; margin-bottom:30px; margin-top:30px; border-bottom:solid 1px #666;}
.titulo h2 { font-family: 'aw_conqueror_sanslight';font-size:1.7em;color:#000; text-align:center; line-height:35px;}
#catalogos { height:100px;}
}


@media (max-width: 490px) 
{
header { text-align:center; height:15%;} /*  Naranja ----------- */
.logo { width:40%;}
.logo img { height:50%; width:70%;}
nav a { font-size:1.1em;}
#categorias { width:93%; overflow:hidden;  float:left; margin-left:1em;}
#categorias ul { width:100%;}
.dato-categoria { width:100%;}
.dato-categoria img { width:11%; height:11%;}
.dato-categoria a { font-size:1.2em;line-height:1.5em;width:100%;}
#centro { width:93%; overflow:hidden; min-height:100px;  float:left;margin-left:1em;}
#mi-cotizacion { width:30%; overflow:hidden; min-height:100px; float:left;}
.destacado { width:48.5%;}
#pdctos-destacados h1 a { background:url(../img/icon-vermas.png) no-repeat; width:35px; height:35px; font-size:0; margin-top:20px;}
.precio-rrss img { margin-left:1.5em; margin-top:0.5em;}
.precio-rrss p { width:100%; text-align:center; margin-bottom:0.2em;}
.agregar-detalle a { font-size:0.7em;}

footer { width:100%; height:244px; float:left;}
footer p { width:100%;}
.datos-pie { width:100%;margin:0 auto; margin-bottom:20px; margin-top:20px;}
.datos-pie img { display:none;}
.datos-pie h1 { font-family:'Oswald-Regular';font-size:1.3em; color:#fff; text-align:center; float:left; width:90%; margin-bottom:20px;}
footer p { float:left; text-align:center; font-family: 'aw_conqueror_sanslight';font-size:1em;color:#fff; line-height:20px; width:100%; }

.rrss-footer { width:auto; float:left; height:66px; margin-left: 90px;}
.rrss-footer a img { float:left; cursor:pointer; width:38px; height:38px; margin-right:0.5em; margin-top:1em;}
.rrss-footer h1 { font-family:'Oswald-Regular';font-size:1.3em; color:#fff; text-align: center; float:left; width:100%; margin-bottom:20px; margin-top:10px;}
.suscribe { display:none;}

#txt-epunto { text-align:center;}
#img-qs { width:100%;float:left; overflow:hidden; min-height:100px; margin-top:2em;}
#img-qs img { width:100%; overflow:hidden; height:auto; float:left; margin-bottom:0.8em;}
#txt-qs img { width:90%; margin-top:2px; height:auto;}
#txt-qs p { width:95%; overflow:hidden; float:left; margin-top:2em;font-family: 'latoregular';font-size:0.9em;color:#959595; text-align:left; line-height:20px; margin-bottom:5px;}
#productos { width:47%;min-height:310px !important;}
.nombre-pdcto p { width:23%;}
p.prod { width:30%;}
.list_carousel { min-height:300px;}
.img-detalle-producto img { min-width:100%; overflow:hidden; float:left; min-height:100px; height:auto; }
#detalle-pdcto { width:100%;}
.precio-detalle h4 { width:50%; float:left;}
.detalle-rrss { width:50%; float:left;border-top:#CCC solid 1px; padding-top:15px;margin-top:0.75em; }
.btn-agregar { text-align:center; }
#agregar { width:300px;}
#agregar p {  width:250px; height:70px;font-size:1em; line-height:30px; margin:20px 0 0 20px;}
.btn-seguir-ver {width:120px; height:45px; font-size:0.8em; margin-left:10px; }
.caja-izq { display:none; }
.caja-der { display:none; }
}

/* android portrait */
@media (max-width: 384px) 
{
header { width:100%; height:12% !important;float:left; min-height:0px;} /*  Verde ----------- */
.logo {}
.logo img {}
nav{ width:100%; margin:0px auto;}
nav a {border-bottom:none; font-size:1.2em; width:100%;line-height:40px; height:40px;}	
nav a:hover,.activo { background:#dcdcdc; border-bottom:none; }
#categorias { width:90%; overflow:hidden; min-height:100px; float:left; margin-left:1em;}
#categorias h1 {font-family: 'aw_conqueror_sanslight';font-size:1.8em; color:#6c6c6c; text-align:left; float:left; border-bottom:#dcdcdc solid 3px; line-height:2.5em; width:100%; margin-left:0;}
#pdctos-destacados h1 {font-size:1.5em;}#pdctos-destacados h1 a { margin-top:9px}
#categorias ul { width:100%;}
#categorias ul li a  { font-size:1.2em;}
#centro { width:90%; overflow:hidden; min-height:100px;  float:left;margin-left:1em;}
.destacado { width:100%;  height:auto;}
#mi-cotizacion { width:30%; overflow:hidden; min-height:100px; float:left;}
.rrss-footer { width:90%; margin:0px auto !important;}
.rrss-footer a img { width:11.6%; padding-left: 37%; margin-right: -100px;}
#txt-epunto { text-align:center;}
#productos { width:45%; margin-left:0.4em;margin-right:0.4em;}
.precio-rrss2 p { font-size:1.2em;}
.cantidad-pdcto { width:30px;}
p.prod { width:24%;}
}


/* iPhone 3 y 4 portrait  */ 
@media (max-width: 320px) 
{

header {} /* Negro ----------- */
.logo { }
.logo img { }
nav{ width:100%;}	
nav a {border-bottom:none; font-size:1.2em; width:100%;line-height:40px; height:40px;padding-left:0; margin-left:0;}	
nav a:hover,.activo { background:#dcdcdc; border-bottom:none;padding-left:0; margin-left:0; }
.dato-categoria a { font-size:0.9em;}
#categorias { width:90%; overflow:hidden; min-height:100px; float:left; margin-left:1em;}
#categorias h1 {font-family: 'aw_conqueror_sanslight';font-size:1.5em; color:#6c6c6c; text-align:left; float:left; border-bottom:#dcdcdc solid 3px; line-height:2em; width:100%; margin-left:0;}
#centro h1 {font-size:1.5em;}
#categorias ul { width:100%;}
#categorias ul li a  { font-size:1em;}
#centro { width:90%; overflow:hidden; min-height:100px;  float:left;}
#mi-cotizacion { width:30%; overflow:hidden; min-height:100px; float:left;}
#pdctos-destacados h1 {font-size:1.3em;}#pdctos-destacados h1 a { margin-top:9px}

#txt-epunto { text-align:center;}
#productos { width:100%; min-height:310px !important;}
.precio-rrss2 p { font-size:1.5em;}
.delete {float:left; margin-top:0; }
.refresh { margin-right:35px; float:left; margin-top:10px !important; }
.list_carousel { min-height:280px !important;}
}

/* CSS Document */