@charset "ISO-8859-1";
/* ---------------------------------------------------------------- */
/*  Estilos viejos que no limpio x si se vuelven a usar o por que me valen*/
/* ---------------------------------------------------------------- */
a, a:hover, a:visited, a:active, img{ 
outline:none; text-decoration:none; color:#707070; 
}
#cupon
{
    border:1px solid black;
    border-bottom:0px;
    
}
#cupon .form-control
{
    border-left:0px;
    border-right:0px;
}

#concupon 
{
    border:1px solid black;
display:none;
}
/*-------------------------------------------
correcciones estilos del bootstrap
--------------------------------------------*/
.busqueda-avanzada .form-control::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.busqueda-avanzada .form-control:-ms-input-placeholder {
  color: #b2b2b2;
}
.busqueda-avanzada .form-control::-webkit-input-placeholder {
  color: #b2b2b2;
}
.vbottom {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
/*al hacer foco en el form de busqueda*/
.form-control:focus{
  border-color: #707070;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(, 0, 26, .0);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(230, 0, 26, .0);
}
.btn-primary{
border: 1px solid #ccc;
border-radius: 0px;
color:#707070;
}
.btn-primary:hover, .btn-primary:focus{
border: 1px solid #707070;
background-color:#ccc;
}

.btn-cesta{
border: 1px solid #ccc;
border-radius: 0px;
color:#707070;
width:100%;
}
.btn-cesta:hover, .btn-cesta:focus{
border: 1px solid #707070;
background-color:#ccc;
}
.cart_anchor{}

.btn a{
color:#707070;
}
.btn a:hover{
color:#fff;
}
/*correcciones en los estilos viejos
no los modifico arriba, los rehago aqui abajo*/
/* LOGO
--------------------------------------- */
ul{ 
list-style:none; 
}
.menu-responsive{
padding-top:15px;
}
.logo
{
    max-width:282px;
    max-height:40px;
    width: auto;
    height: auto;
	align-self:center
}
div.logo{
width:100%;
display:inline-block;
font-size:2.4em;
text-indent:-99999em;
padding-top:20px;
}

div.logo a{
    width:100%;
    display:block;
    background:url("../img/atodatinta-logo.png") 0 0 no-repeat;
}
#header .nav ul li a{
font-family: 'Slabo 27px', serif;
font-weight:300;
}
#header .nav{
margin-top:0px;
}
#header .nav ul li{
padding-left:35px;
}
.form-control{
opacity:1;
}
/* ---------------------------------------------------------------- */
/*  Estilos nuevos inpulso v1.0                                     */
/* ---------------------------------------------------------------- */
/*estilos para separar entre bloques*/
.nada{
height:0px;	
}
.grande{
height:60px;
}
.mediano{
height:30px;
}
.pequeno{
height:15px;
    top: 0px;
    left: 0px;
}
.ninguno{
height:0px;
}
.minimo{
height:10px;
}
/*paddings genericos - para cuando se quieren espacios dentro de las cajas
estos los hago para cuando no se puedan utilizar los separadores*/
.padding-nada{
padding:0px;	
}
.padding-grande{
/*border:1px solid red;*/
padding:0px 0px 75px 0px;
}
.padding-mediano{
/*border:1px solid blue;*/
padding:0px 0px 50px 0px;
}
.padding-pequeno{
/*border:1px solid green;*/
padding:0px 0px 25px 0px;
}
/*margenes genericos - para cuando se quera por fuera de las cajas
estos los hago para cuando no se puedan utilizar los separadores*/

.margin-grande{
/*border:1px solid red;*/
margin:0px 0px 50px 0px;
}
.margin-mediano{
/*border:1px solid blue;*/
margin:0px 0px 10px 0px;
}
.margin-pequeno{
/*border:1px solid green;*/
margin:0px 0px 10px 0px;
}
.margin-nada{
/*border:1px solid orange;*/
margin:0px;	
}
/*para corregir el margen del row*/
.margin-15{
margin-left:0px;
}
/*---------------------------------
colores principales de la web
-----------------------------------*/
.negrita{
font-weight:bold;
}
.blanco{
color:#fff;
}
.negro{
color:#333;
}
.gris {
color:#ECECEB;
}
.gris-medio {
color:#ccc;
}
.gris-oscuro {
color:#707070;
}
.azul {
color: #009de0;
text-align: center;
}
.amarillo {
color:#ffed00;
}
.magenta{
color: #e6007e;
font-weight: 500;
}
.borde-negro{
border-color:#333333;
}
.borde-blanco{
border-color:#ffffff;
}
.borde-azul {
border-color:#009de0;
}
.borde-amarillo {
border-color:#ffed00;
}
.borde-magenta{
border-color:#e6007e;
}
.borde-gris-oscuro{
border-color:#ccc;
}
.borde-blanco{
border-color:#fff;
border: 3px;
}
.fondo-negro{
background-color:#333;
}
.fondo-blanco{
background-color:#fff;
}
.fondo-grid-productos{
background-color:#e6e6e8;
}
.fondo-azul-claro{
background-color:#d0e7f7;
}
.fondo-azul-suave{
background-color:#d0e7f7;
}
.fondo-amarillo-claro{
background-color:#fff5b8;
}
.fondo-gris{
background-color:#ECECEB;
}
.fondo-gris-medio{
background-color:#ccc;
}
.fondo-gris-oscuro{
background-color:#707070;
}
.fondo-azul {
background-color:#009de0;
}
.fondo-amarillo {
background-color:#f8dc15;
}
.fondo-magenta{
background-color:#e6007e;
}
.fondo-000{
background-color:#333333;
}
/*estilos de texto - fuentes, h1, h2... p y colores base del diseño*/
body{
/*color:#707070;*/
color:#e6007e;
}
.menu-principal ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 10px;
margin: 6px 0px 0px 0px;
}
.menu-principal ul li{
font-size: 19px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 300;
list-style-type: none;
display: inline;
padding-left:5px;
}
.menu-principal ul li a{
font-size: 19px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 300;
font-color:#fff;
}
h1{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size: 65px; /* antes 22px */
font-weight: 300;
color: #707070;
margin-top: 0px;
margin-bottom: 0px;
}
h2{
font-family: 'Fira Sans Extra Condensed', sans-serif;
margin-top: 0px;
font-size: 20px;
color: #707070;
font-weight: 300;
line-height: 125%
}
h2 a{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size:20px;
font-weight: 300;
color: #707070;
}
h2 a:hover{
/*font-size: 20px; el boton de validar cesta se hacía muy grande*/ 
font-weight: 300;
text-align: center;
}
h3{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size: 22px;
text-align: center;
font-weight: 200;
color: #707070;
/*color:#e6007e;*/
margin-top: 0px;
}
h4{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top:10px;
font-size: 12px;
color: #707070;
font-weight: normal;
line-height: 100%;
}
h4bis{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top: 8px;
font-size: 12px;
color: #707070;
font-weight: 300;
line-height: 200%
}
h5{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top:11px;
font-size: 10px;
color: #707070;
font-weight: 100;
}
h6{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size: 16px;
text-align: center;
font-weight: 200;
color: #707070;
margin-top: 0px;
font-weight: 100;
line-height: 100%
}
h6bis{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size: 16px;
text-align: center;
font-weight: 200;
color: #707070;
margin-top: 0px;
font-weight: 100;
line-height: 150%
}
h7{
font-family: 'Sedgwick Ave', cursive;
font-size: 80px;
text-align: center;
font-weight: 300;
color: #707070;
margin-top: 5px;
}
h8{
font-family: 'Fira Sans Extra Condensed', sans-serif;
margin-top:0px;
font-size: 14px;
color: #707070;
font-weight: 100;
line-height: 100%
}
.grid-blog-archivos{
padding-left:0px;
padding-right:0px;
}
.blog-fecha{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size:12px;
}
p{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size:13px;
font-weight: 100;
color: #707070;
padding-top: 0px;
}
.texto-boton{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size:13px;
}
.banner{
margin-bottom:0px;
}
/*.banner{margin-top:155px;}*/
.margintop{margin-top:155px;}
.centro{
text-align:center;
}
.izquierda{
text-align:left;	
}
.derecha{
text-align:right;
}
.flota-derecha{
float:right;
}
.flota-izq{
float:left;
}
.cabecera-blog{
margin-bottom:18px;
}
.cuerpo-blog p{
margin-bottom:20px;
line-height:18px;
}
.paginacion,.pagination > li > a,.pagination > li > span{
color:#333;
margin:0;
}
#wrapper, .grid1{
margin-bottom:0px;
}
body{
background:none;
background-color:#fff;
}
.bloque{
display:block;
}

a{
-webkit-transition: color .35s ease-out;  
-moz-transition: color .35s ease-out;  
-o-transition: color .35s ease-out;
transition: color .35s ease-out;
}
/*secciones y clases sin usar para poder modificar por pagina mas adelante
descomentar para usar:
.blog-archivo{
	cuerpo completo del blog banner incluido
}
.grid-blog-archivos{
	grid del blog, solo grilla de post
}
.bloque-blog-archivo{
	caja que contiene todos los elementos del bloque del grid de archivo blog
}
.img-blog-archivo{
	img encima de la caja del texto del elemento en archivo de blog
}
.bloque-lateral
.cabecera-lateral
.entradas-lateral
*/
/*---------------------------------------
estilos del grid carrusel----------------
---------------------------------------*/
.carousel.slide img {
    width:100%;
    height:auto;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  height:auto;
  font-size: 30px;
  color: #333;
  text-shadow: none;
  opacity: .5;
  margin-top: -25px;
}
.carousel-control.left {
background-image: none;
text-align: left;
left:-5px;
}
.carousel-control:hover{
opacity: 1;
}
.carousel-control.right {
right: -5px;
left: auto;
background-image: none;
text-align: right;
}
.item-carrusel{
padding:0 5px 0 5px;
}
.carousel-indicators{
position:relative;
bottom: -10px;
}
.carousel-indicators .active{
background-color:#333;
}
.carousel-indicators li{
border: 1px solid #333;
}
/*---------------------------------------
estilos del header-----------------------
---------------------------------------*/
#banda-login, #banda-login a{
font-size: 12px;
min-height:30px; 
background-color:#ECECEB;
font-color:#707070;
font-weight: 200;
}
#banda-login-arriba{
font-size: 14px;
height:22px;
background-color:#009de0;
color:#fff;
}
#banda-login-abajo{
font-size: 12px;
height:22px;
background-color: #fff;
border-top: 0px solid #707070;
}
#banda-login-abajo-1{
height:10px;
background-color:#009de0;
color:#333;
}
#banda-login-abajo-2{
height:5px;
background-color:#e6007e;
color:#fff;
}
#banda-login-abajo-3{
height:5px;
background-color:#f8dc15;
color:#fff;
}
#banda-login-abajo-4{
height:2px;
background-color:#333;
color:#fff;
}
#banda-menu, #banda-menu a{
min-height:60px;
background-color:#ECECEB;
border-top: 0px solid #707070;
}
#banda-login a:hover{
color:#000;
}
#banda-login .row{
padding-top: 3px;
}
#banda-login-arriba .row{
padding-top: 0px;
}
#banda-login .flota.borde{
padding-left:0px;
padding-right:5px;
margin-left:0px;
border-left:0px solid #333;
}
#banda-login .flota.borde.primero{
padding-right:5px;
padding-left:0px;
}
#banda-login .flota.borde.segundo{
padding-right:3px;
border-right:0px solid #009de0;
}
#banda-cabecera{
min-height:90px; 
background: #fff;
border-bottom: 0px solid #707070;
}
.boton-registro ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 17px 0px 0px 0px;
}
.boton-registro ul li{
font-size: 14px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 400;
list-style-type: none;
display: inline;
padding-right: 8px;
}
.boton-registro ul li a{
font-size: 14px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 400;
}
.sociales-top ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 10px 0px 0px 0px;
}
.sociales-top ul li{
font-size: 14px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 400;
list-style-type: none;
display: inline;
padding-left: 10px;
}
.sociales-top ul li a{
font-size: 14px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 400;
}
.sociales-top ul li a img:hover{
filter: alpha(opacity=85);
/* IE */
-moz-opacity: 0.85;
/* Mozilla */
opacity: 0.85;
/* CSS3 */
}
.sociales-landing ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 8px 0px 12px 0px;
}
.sociales-landing ul li{
font-size: 14px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 400;
list-style-type: none;
display: inline;
margin: 0px 4px 0px 4px;
}
.sociales-landing ul li a{
font-size: 14px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 400;
}
.sociales-landing ul li a img:hover{
filter: alpha(opacity=85);
/* IE */
-moz-opacity: 0.85;
/* Mozilla */
opacity: 0.85;
/* CSS3 */
}
.sociales-footer ul li a img:hover{
filter: alpha(opacity=70);
/* IE */
-moz-opacity: 0.70;
/* Mozilla */
opacity: 0.70;
/* CSS3 */
}
.navbar-default{
border:none;
}
.main-menu{
height:35px;
margin-top:70px;
}
.cabecera-blog-individual{
margin-bottom:18px;	
}
.bloque-lateral{
margin-bottom:45px;	
	}
.bloque-lateral h2{
margin:0px 0px 15px 0px;	
}
.bloque-lateral h3{
margin:0px 0px 10px 0px;	
}
.vertical-align {
display: flex;
align-items: center;
}
#header .nav ul li a:hover, .entradas-lateral a:hover{
color:#e6007e;
}
.bloque-info-1{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
margin-right:16px;
margin-left:16px;
margin-top:16px;
margin-bottom:16px;
border-radius:0px;
}
.bloque-info-2{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:9px;
padding-left:9px;
padding-top:9px;
padding-bottom:9px;
margin-right:16px;
margin-left:16px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-3{
background:#ffffff;
border-right:0px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:0px solid #ccc;
min-height:50px;
padding-right:0px;
padding-left:0px;
padding-top:10px;
padding-bottom:10px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-4{
background:#ffffff;
border-right:0px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:0px;
padding-left:0px;
padding-top:10px;
padding-bottom:10px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-5{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:20px;
padding-left:20px;
padding-top:20px;
padding-bottom:20px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-6{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:25px;
padding-left:25px;
padding-top:25px;
padding-bottom:25px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-7{
height:97px; 
weight:155px; 
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:20px;
padding-right:5px;
padding-left:5px;
padding-top:15px;
padding-bottom:5px;
margin-right:0px;
margin-left:0px;
margin-top:23px;
margin-bottom:16px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
text-align:center;
}

.bloque-info-8{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:0px;
padding-left:0px;
padding-top:10px;
padding-bottom:10px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-9{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:9px;
padding-left:9px;
padding-top:9px;
padding-bottom:9px;
margin-right:16px;
margin-left:16px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-9bis{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:0px solid #ccc;
min-height:50px;
padding-right:20px;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-10{
background:#fff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:20px;
padding-right:15px;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-11{
background:#ECECEB;
border-right:2px solid #fff;
border-left:0px solid #ECECEB;
border-top:0px solid #ECECEB;
border-bottom:0px solid #ccc;
min-height:20px;
padding-right:0px;
padding-left:0px;
padding-top:9px;
padding-bottom:0px;
border-radius:0px;
}
.bloque-info-12{
background:#ECECEB;
border-right:2px solid #fff;
border-left:2px solid #fff;
border-top:0px solid #ECECEB;
border-bottom:0px solid #ccc;
min-height:20px;
padding-right:0px;
padding-left:0px;
padding-top:9px;
padding-bottom:0px;
border-radius:0px;
}
.bloque-info-13{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:9px;
padding-left:9px;
padding-top:9px;
padding-bottom:9px;
margin-right:16px;
margin-left:16px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-14{
background:#fff;
border-right:1px solid #ECECEB;
border-left:1px solid #ECECEB;
border-top:1px solid #ECECEB;
border-bottom:1px solid #ECECEB;
min-height:50px;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-botton:10px;
border-radius:0px;
box-shadow: 0px 0px 0px 0 #ECECEB;
}
.bloque-info .banda{
height:1px;
}
.bloque-info h2{
margin-top: 0px;
}
/*---------------------------------------
estilos del cuerpo-------------------
---------------------------------------*/
.banner{
background:url("../img/banners/slide-descuentos-tintas-baratas-atodatinta.jpg");
max-width:960px;
min-height:175px;
}
.texto-banner{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size:26px;
color:#333;
font-weight:200;
padding-top: 15px;
padding-left:0px;
}
.seccion-ahorra{
min-height:300px;
width:100%;
background:url("../img/index/ahorra-en-tinta-todoconsumibles.jpg") #000 15px 0 no-repeat;
margin-right: 0px;
margin-left: 0px;
}
.seccion-envios{
min-height:300px;
width:100%;
background:url("../img/index/envios-a-domicilio-atodatinta.jpg") 0 0 no-repeat;
margin-right: 0px;
margin-left: 0px;
}
.seccion-ahorra div, .seccion-envios div{
padding-right:0px;
padding-top:0px;
}
.seccion h2{
font-size:24px;
font-weight:300;
margin-bottom:10px;
}
.seccion p{
font-size:13px;
font-weight:100;
}
.boton-buscar:hover{
background:#ECECEB;
border-color:#333;
border-radius:0px;
}
/*---------------------------------------
estilos grid productos-------------------
---------------------------------------*/
.compatibilidades{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top: 8px;
font-size: 12px;
color: #707070;
font-weight: 100;
line-height: 200%
}
.img-producto-grid{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:14px;
margin-top:14px;
max-height:150px;
max-width:150px;
}
.referencia{
text-transform:uppercase;
padding:0px 0 0px 0;
font-weight:700;
}
a.leer-mas:hover{
color:#000;
}
.banda-productos{
border-radius:0px;
}
.precio-bloque{
font-family: 'Fira Sans Extra Condensed', sans-serif;
color: #707070;
font-size: 18px;
padding-top: 7px;
padding-bottom: 5px;
}
.boton-comprar:hover, .boton-comprar a:hover, .boton-loquiero:hover{
background:#e6007e;
border-color:#;
border-radius:0px;
}
.iva-inc{
font-size: 10px;
line-height: 0,5;
}
.cabecera-productos-lateral h2{
margin-bottom:10px;
}
.cabecera-productos-lateral{
min-height:66px;
margin-bottom:10px;
/*margin-top:10px;*/
}
.cabecera-productos-lateral .btn{
margin-top: 0px;
}
.cuerpo-productos-lateral{
margin-top: 1px;
}
.fondo-gris{
background-color:#ECECEB;
}
.fondo-gris-oscuro{
background-color:#707070;
}
.fondo-amarillo-claro{
background-color:#f4eecb;
}
/*.fondo-azul{
color:#009de0;
}*/
.cabecera-productos-lateral .col-md-6{
padding-left: 0px;
padding-right: 0px;
}
.cabecera-productos-lateral button{
width:100%;
}
.cuerpo-productos-lateral  .fondo-azul a{
color:#009de0;
}
.banda-volver{
margin-top:15px;
text-align:center;
}
.cuerpo-producto-individual p{
margin-bottom:20px;
}
.lista-compatibilidades ul{
padding-left:0px;
padding-top:15px;
}
/*---------------------------------------
estilos de los formularios-------------------
---------------------------------------*/
.bloque-registro .fondo-azul{
border-right:1px solid #fff;
}
.bloque-registro input{
margin-bottom:15px;
}
.registrado-formu{
padding-top:25px;
padding-bottom:15px;
padding-right:0px;

}
.registrate-formu{
padding-top:25px;
padding-bottom:15px;
border-right:1px solid #f5f5f5;
padding-left:0px;
}
/*---------------------------------------
estilos del footer-------------------
---------------------------------------*/
#banda-footer{
background:#fff;
min-height:170px;
border-top:30px solid #ECECEB;
border-bottom:5px solid #ECECEB;
}
.nube-footer{
padding-top:0px;
margin-top:0px;
border-top:0px solid #ECECEB;
}
.nube-footer h2{
color:#707070;
margin-bottom:4px;
font-size:15px;
}
.sociales-footer ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 10px;
margin: 0px;
}
.sociales-footer ul li{
font-size: 5px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 100;
list-style-type: none;
display: inline;
padding-right: 10px;
}
.sociales-footer ul li a{
font-size: 5px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 100;
}

.nube-footer .cuerpo-blog-archivo a:hover{
color:#707070;
}
.sociales-footer{
padding-top:0px;
}
.form-footer{
padding-top:10px;
}
.nube-footer p{
border-top:1px solid #ccc;
line-height:0.9.em;
margin-top:0px;
margin-bottom:8px;
}
/*----------------------------------------------------
estilos del subfooter---------------------------------
----------------------------------------------------*/
.sub-footer ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}
.sub-footer ul li{
font-size: 7px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 200;
list-style-type: none;
display: inline;
padding-right: 14px;
}
.sub-footer ul li a{
font-size: 16px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-weight: 300;
}
.sub-footer ul li a:hover{
color:#333333;
}
.menu-sub-footer ul{
margin-top: 5px;
}
.calidad-sub-footer{
text-align:center;
}
.calidad-sub-footer ul li{
padding-left: 0px;
float:left;
}
.cabecera-blog-archivo h2{
margin-top:15px;
margin-bottom:7px;
}
.borde-abajo{
border-bottom: 1px solid #ccc;
}
.borde-abajo-puntos{
border-bottom: 1px dotted #ccc;
}
.borde-izquierda{
border-left: 1px solid #ccc;
}
.borde-izquierda-puntos{
border-left: 1px dotted #ccc;
}
.borde-arriba{
border-top: 1px solid #ccc;
}
.borde-arriba-puntos{
border-top: 1px dotted #ccc;
}
.borde-derecha{
border-right: 1px solid #ccc;
}
.borde-derecha-puntos{
border-right: 1px dotted #ccc;
}
.borde-inferior{
border-bottom: 1px solid #ccc;
}
.borde-abajo.col-md-12{
margin: 0 0 0 8px;
max-width: 930px;
}
.select1bis{
padding-top:32px;
width:341px;
display:inline-block;
}




/*************personalizaciones emm ************/
.bloque-familias
{
height:90px;
      -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloqueinicio
{
    height:220px;
    clear:both;
}


.vacia
{
    clear: both;
}

/*-------------------------------------------
NUEVOS CSS
--------------------------------------------*/

body {
   overflow-x: hidden;
}

.select1bis{
	padding-top:32px;
	width:341px;
	display:inline-block;
}

.margen-superior{
margin-top:250px;
}

.bloque-info-finalizar{
background:#ECECEB;
border-right:4px solid #FFF;
border-left:0px solid #ccc;
border-top:0px solid #ccc;
border-bottom:4px solid #fff;
min-height:155px;
padding-right:5px;
padding-left:5px;
padding-top:15px;
padding-bottom:5px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 0px 0px 0px 0 #ECECEB;
color:Black;
}

.bloque-info-grid{
background:#ECECEB;
border-right:0px solid #FFF;
border-left:0px solid #ccc;
border-top:0px solid #ccc;
border-bottom:1px solid #fff;
min-height:155px;
padding-right:5px;
padding-left:5px;
padding-top:15px;
padding-bottom:5px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 0px 0px 0px 0 #ECECEB;
color:Black;
text-align:center;
}

.bloque-info-resultado{
background:#fff;
border-right:1px solid #ECECEB;
border-left:1px solid #ECECEB;
border-top:1px solid #ECECEB;
border-bottom:1px solid #ECECEB;
min-height:50px;
padding-right:5px;
padding-left:5px;
padding-top:15px;
padding-bottom:5px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}

h44{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top: 0px;
font-size: 16px;
color: #000;
font-weight: normal;
line-height: 150%
}
.bloque-info-marcas{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:0px;
padding-left:0px;
padding-top:30px;
padding-bottom:20px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:30px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-info-lateral{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
width: 232px;
padding-right:15px;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border-radius:0px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
h11{
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-size: 20px;
font-weight: 300;
color: #707070;
padding-top: 25px;
padding-bottom: 25px;
}
.bloque-info-precio{ 
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-right:15px;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
}

.ficha-individual{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top: 8px;
font-size: 14px;
color: #000;
font-weight: 300;
line-height: 200%
}
.precio-bloque-sin-padding{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
padding-top:3px;
font-size: 16px;
color: #000;
font-weight: normal;
line-height: 100%;
}
.bloque-info-blog{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-right:0px;
padding-left:0px;
padding-top:10px;
padding-bottom:10px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:15px;
box-shadow: 2px 2px 2px 0 #ECECEB;
}
.bloque-blog-individual{
text-align: left;
}

.bloque-info-marca{
background:#ffffff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:50px;
padding-right:10px;
padding-left:10px;
padding-top:10px;
/*padding-bottom:10px;*/
margin-right:16px;
margin-left:0px;
margin-top:0px;
margin-bottom:16px;
border-radius:0px;
}

.enlaceprivacidad a:link
{
    color:#e6007e;
}
.enlaceprivacidad a
{
    color:Black;
}

.boton-validar
{
    border-right:0px;
}
.psintop
{
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size:13px;
font-weight: 100;
color: #707070;
padding-top: 0px;
    border-top:0px;
line-height:0.9em;
margin-top:0px;
margin-bottom:8px;
    
}


 .attmodal
{
    left:0px;
    position: fixed;
    z-index: 1999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.attcenter
{
    z-index: 2000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1; 
}

.bloque-blog-individual
{
    color:#707070;
}

/*----------------------------------------------------
estilos responsive---------------------------------
----------------------------------------------------*/
.formu-busqueda  .col-md-12{
padding-left:0px;
padding-right:0px;
}
.menu-responsive button{
background-color:#e6007e ;
color:#fff;
}
.logo-menu{
min-height:35px;
}
.mapa-movil{
	display:none;
	}
/* tablet landscape o mayor > estilos normales modo desktop */
@media (min-width: 1024px) {
	.menu-responsive{
	display:none;
	}
}
/* Tabletas grandes portrait */
@media (max-width: 1023px) {
	.main-menu{
	display:none;
	}
	div.logo{
	float:center;
	padding-right:0px;
	}
	div.logo a{
	background-position: right 0px
	}
	#content{
	padding-top: 110px;
	}
	.sociales-top{
	display:none;
	}
	.formu-busqueda .col-md-3{
	margin-bottom:50px;
	}
	.texto-banner{
	padding-top:25px;
	}
	.grid-logos .col-md-1{
	float:left;
	}
	.bloque-info .col-md-3{
	border-right:none;
	}
	.bloque-info .bloque-info-4 h2{	
	margin-bottom:0px;
	}
	.grid-home img{
	display:block;
	margin:0 auto 0 auto;
	}
	.tres-columnas .col-md-4{
	float:left;
	width:50%;
	}
	.nube-marcas .col-md-5{
	float:left;
	width:50%;
	}
	.nube-marcas .col-md-offset-1{
	margin-left:0px;
	}
	.nube-marcas button, .seccion-confianza button{
	margin-top:25px;
	}
	.borde-abajo.col-md-12{
	margin: 0 15px 0 15px;
	}
	
	 body .ocultar-en-movil {
            display:none!important;
}									   
}
@media (max-width: 991px) {
	.seccion-ahorra, .seccion-envios{
	min-height:1px;
	background:#fff;
	padding-bottom:10px;
	}
	.seccion-ahorra div, .seccion-envios div{
	padding-top:0px
	}
	.seccion-ahorra .pequeno,.seccion-envios .pequeno{
	display:none;
	}
	.flota-derecha, .flota-izq{
	float:none;
	}
	#banda-footer .col-md-3.tablet-tres, #banda-footer .col-md-3.contacto{
	width:33%;
	float:left;
	}
	#banda-footer .col-md-3.suscripcion{
	float:left;
	width:33%;
	padding-top:50px;
	padding-bottom:50px;
	}
	.menu-sub-footer, .calidad-sub-footer{   
	text-align: center;
	}
	.calidad-sub-footer ul li{
	float:none;
	}
	.grid-productos .relacionados, .lista-compatibilidades, .grid-productos-inner .col-md-4{
	width:50%;
	float:left;
	}
	.suscripcion-lateral{
	display:none;
	}
	.blog-lateral.col-md-4{
	text-align:center;
	padding-top:50px;
	}
}
@media (min-width: 992px) and (max-width: 1023px) {
	#banda-cabecera .col-md-6.logo-menu{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	}
}
@media (max-width: 1023px){
#content.blog-individual{
	padding-top:0px;
	}
}
/*ên esta resolucion da un bug asique quito margenes para que no descuajeringue*/
@media (max-width: 779px){
	.row{
	margin:0;
	}
}
@media (max-width: 767px) {
	#content.blog-individual{
	padding-top:0px;
	}
	#content{
	padding-top:100px;
	}
	.banda-login-inner .row{
	margin:0;
	}
	.tres-columnas .col-md-4{
	float:left;
	width:49%;
	}
}
/*
aqui parte el footer y se descentra la suscripcion
no es que importe mucho pero para acordarme
*/
@media (max-width: 711px){

}
@media (max-width: 659px) {
	.tres-columnas .col-md-4{ 
	float:none;
    width: 100%;
    text-align: center;
	}
	.nube-marcas .col-md-5{
	float:none;
    width: 80%;
    padding-left: 10%;
    text-align: center;
	}
	.nube-marcas .col-md-offset-1{
	margin-left:0px;
	}
	.nube-marcas .dos{
	padding-top:18px;
	}
	.grid-productos .relacionados{
	width:50%;
	float:left;
	}
	#banda-footer .col-md-3.tablet-tres{
	width:50%;
	float:left;
	}
	#banda-footer .col-md-3.contacto{
	float:left;
	width:50%;
	}
	#banda-footer .col-md-3.suscripcion{
	float:left;
	width:50%;
	padding-top:50px;
	padding-bottom:50px;
	margin-left:25%;
	}
	#banda-footer .col-md-3.footer-dos h2{
	display:none;
	}
	.grid-logos, .pre-grid-logos{
	display:none;
		 body .ocultar-en-movil {
            display:none!important;
}
}
/*aqui rompe el baner, asique cambio padding titular*/
@media (max-width: 568px) {
	.banner .mediano{
	height:25px;
	}
	.texto-banner{
	padding-top:0px;
	}
	.mapa-desktop{
	display:none;
	}
	.mapa-movil{
	display:block;
	}
	 body .ocultar-en-movil {
            display:none!important;
}
@media (max-width: 520px) {
	.grid-productos .relacionados, .lista-compatibilidades, .grid-productos-inner .col-md-4{
	width:100%;
	float:left;
	}
	#banda-footer .col-md-3.tablet-tres{
	width:100%;
	float:left;
	text-align: center;
	}
	#banda-footer .col-md-3.contacto{
	float:left;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
    text-align: center;
	}
	#banda-footer .col-md-3.suscripcion{
	float:left;
	padding-top:50px;
	padding-bottom:50px;
    text-align: center;
	width:80%;
	margin-left:10%;
	}
	.banner{
	background:#fff;
	}
	div.logo{
	width:240px;
	}
	div.logo a{
    background:url("../img/atodatinta-logo-responsive.png") no-repeat;
	background-position: right 0px;
	}
	 body .ocultar-en-movil {
            display:none!important;
}
/*para partir el texto del banner*/
@media (max-width: 421px) {
	.banner .mediano{
	height:10px;
	}
	.texto-banner{
	font-size:28px;
	}
		 body .ocultar-en-movil {
            display:none!important;
}
}
/*el iphone 4 en vertical es 320px, por debajo de esa no voy a adaptarlo*/
@media (max-width: 380px) {
	
	#banda-footer .col-md-3.suscripcion{
	float:center;
	padding-top:50px;
	padding-bottom:50px;
    text-align: center;
	width:94%;
	margin-left:3%;
	}
	div.logo{
	width:260px;
	}
	div.logo a{
	float:center;
    /*background:url("../img/todoconsumibles-signo-responsive.png") no-repeat;*/
	background-position: center 0px;
	}
		 body .ocultar-en-movil {
            display:none!important;
}
}