﻿@charset "utf-8";

.titulo-productos
{
	 margin-top:10px;
	 font-family:Calibri;
     font-weight:bold;
	 font-size:2.0em;
	 color:white !important;
}

.fondo-detalle
{
   padding: 30px;
}

.fondo-titulo-chocolates
{
background: #baa067; /* Old browsers */
background: -moz-linear-gradient(top, #baa067 0%, #594500 9%, #594500 9%, #594500 36%, #594500 89%, #baa067 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #baa067 0%,#594500 9%,#594500 9%,#594500 36%,#594500 89%,#baa067 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #baa067 0%,#594500 9%,#594500 9%,#594500 36%,#594500 89%,#baa067 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baa067', endColorstr='#baa067',GradientType=0 ); /* IE6-9 */
}

.fondo-titulo-1-3-tintas
{
	background: rgb(242,242,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,242,237,1) 0%, rgba(156,170,13,1) 18%, rgba(156,170,13,1) 77%, rgba(71,84,6,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,242,237,1) 0%,rgba(156,170,13,1) 18%,rgba(156,170,13,1) 77%,rgba(71,84,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,242,237,1) 0%,rgba(156,170,13,1) 18%,rgba(156,170,13,1) 77%,rgba(71,84,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2ed', endColorstr='#475406',GradientType=0 ); /* IE6-9 */
}
.fondo-titulo-digital
{
	background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(1,0,102,1) 12%, rgba(1,0,102,1) 93%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(1,0,102,1) 12%,rgba(1,0,102,1) 93%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(1,0,102,1) 12%,rgba(1,0,102,1) 93%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.fondo-titulo-pastilleros
{
	background: rgb(183,183,183); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(61,53,50,1) 18%, rgba(99,99,99,1) 91%, rgba(61,53,50,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(61,53,50,1) 18%,rgba(99,99,99,1) 91%,rgba(61,53,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(61,53,50,1) 18%,rgba(99,99,99,1) 91%,rgba(61,53,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#3d3532',GradientType=0 ); /* IE6-9 */
}


.fondo-detalle-chocolate
{
	/*width: 100%;
	height:500px;
	margin: 0 auto;
	background-image:url("../imagenes/FondoCafe.jpg");
	background-repeat:repeat-y !important;
    */
	background: #b6965d; /* Old browsers */
	background: -moz-linear-gradient(left, #b6965d 0%, #ffffff 49%, #ffffff 49%, #ffffff 49%, #b6965d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b6965d 0%,#ffffff 49%,#ffffff 49%,#ffffff 49%,#b6965d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b6965d 0%,#ffffff 49%,#ffffff 49%,#ffffff 49%,#b6965d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6965d', endColorstr='#b6965d',GradientType=1 ); /* IE6-9 */
}

.fondo-detalle-1-3-tintas
{
	background: rgb(156,170,13); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(156,170,13,1) 0%, rgba(242,242,237,1) 48%, rgba(156,170,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(156,170,13,1) 0%,rgba(242,242,237,1) 48%,rgba(156,170,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(156,170,13,1) 0%,rgba(242,242,237,1) 48%,rgba(156,170,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9caa0d', endColorstr='#9caa0d',GradientType=1 ); /* IE6-9 */
}

.fondo-detalle-digital
{
	background: rgb(31,98,179); /* Old browsers */
background: -moz-linear-gradient(left, rgba(31,98,179,1) 0%, rgba(239,243,247,1) 49%, rgba(31,98,179,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(31,98,179,1) 0%,rgba(239,243,247,1) 49%,rgba(31,98,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(31,98,179,1) 0%,rgba(239,243,247,1) 49%,rgba(31,98,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f62b3', endColorstr='#1f62b3',GradientType=1 ); /* IE6-9 */
}
.fondo-detalle-pastilleros
{
	background: rgb(61,53,50); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(61,53,50,1) 0%, rgba(239,243,247,1) 49%, rgba(61,53,50,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(61,53,50,1) 0%,rgba(239,243,247,1) 49%,rgba(61,53,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(61,53,50,1) 0%,rgba(239,243,247,1) 49%,rgba(61,53,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3532', endColorstr='#3d3532',GradientType=1 ); /* IE6-9 */
}


.imagen-producto
{
    
   /* float:left;
    width:266px;
    height:auto;
    margin: 15px 0 0 35px;*/

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.imagen-producto a
{
    
   /* float:left;
    width:266px;
    height:auto;
    margin: 15px 0 0 35px;*/

   color:#424242;
}

.imagen-producto:hover
{
    cursor: pointer;
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
    transform:scale(1.15);
    margin-left: 0px;

    -moz-box-shadow: 0 0 10px #ccc; 
    -webkit-box-shadow: 0 0 10px #ccc; 
    box-shadow: 0 0 10px #ccc;
}


#ContainerVerde3
{
width: 940px;
height:1000px;
margin: 0 auto;
background-image:url("../imagenes/FondoVerde2.jpg");
background-repeat:repeat-y !important;
}
#ContainerAzul
{
width: 940px;
height:3400px;
margin: 0 auto;
background-image:url("../imagenes/FondoAzul.jpg");
background-repeat:repeat-y !important;
}
#ContainerAzul2
{
width: 940px;
height:1000px;
margin: 0 auto;
background-image:url("../imagenes/FondoAzul.jpg");
background-repeat:repeat-y !important;
}
#ContainerGris
{
width: 940px;
height:604px;
margin: 0 auto;
background-image:url("../imagenes/FondoGris.jpg");
background-repeat:repeat-y !important;
}
#ContainerCafe2
{
width: 940px;
height:500px;
margin: 0 auto;
background-image:url("../imagenes/FondoCafe.jpg");
background-repeat:repeat-y !important;
}
.ImagenNormal
{
    width:auto;
    height:auto;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ImagenNormal2
{
    width:266px;
    height:116px;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ImagenIzquierda
{
    
    float:left;
    width:auto;
    height:auto;
    margin: 15px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ImagenDerecha
{
    float:right;
    width: auto;
    height: auto;
    margin: 15px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ImagenNormal:hover
{
    cursor: pointer;
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
    transform:scale(1.15);
    margin-left: 0px;

    -moz-box-shadow: 0 0 10px #ccc; 
    -webkit-box-shadow: 0 0 10px #ccc; 
    box-shadow: 0 0 10px #ccc;
}


.ImagenIzquierda:hover
{
    cursor: pointer;
    -webkit-transform:scale(1.15); 
    -moz-transform:scale(1.15); 
    -ms-transform:scale(1.15); 
    -o-transform:scale(1.15);
    transform:scale(1.15);
    margin-left: 15px;

    -moz-box-shadow: 0 0 10px #ccc; 
    -webkit-box-shadow: 0 0 10px #ccc; 
    box-shadow: 0 0 10px #ccc;

}
.ImagenIzquierda2:hover
{
    cursor: pointer;
    -webkit-transform:scale(1.15); 
    -moz-transform:scale(1.15); 
    -ms-transform:scale(1.15); 
    -o-transform:scale(1.15);
    transform:scale(1.15);
    margin-left: 35px;

    -moz-box-shadow: 0 0 10px #ccc; 
    -webkit-box-shadow: 0 0 10px #ccc; 
    box-shadow: 0 0 10px #ccc;

}

.ImagenDerecha:hover
{
    cursor: pointer;
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
    transform:scale(1.15);
    margin-left: 0px;

    -moz-box-shadow: 0 0 10px #ccc; 
    -webkit-box-shadow: 0 0 10px #ccc; 
    box-shadow: 0 0 10px #ccc;
}


#divGrageas1_3Tintas 
{
width: 940px;
height:550px;
margin: 0 auto;
background-image:url("../imagenes/FondoVerde.jpg");
background-repeat:repeat-y !important;
}

#divPastillas1_3Tintas 
{
width: 940px;
height:400px;
margin: 0 auto;
background-image:url("../imagenes/FondoVerde.jpg");
background-repeat:repeat-y !important;
}

#divPaletas1_3Tintas 
{
width: 940px;
height:700px;
margin: 0 auto;
background-image:url("../imagenes/FondoVerde.jpg");
background-repeat:repeat-y !important;
}

#divCajitas1_3Tintas 
{
width: 940px;
height:400px;
margin: 0 auto;
background-image:url("../imagenes/FondoVerde.jpg");
background-repeat:repeat-y !important;
}

#divGrageasDigital
{
width: 940px;
height:400px;
margin: 0 auto;
background-image:url("../imagenes/FondoAzul.jpg");
background-repeat:repeat-y !important;
}
#divSobresDigital
{
width: 940px;
height:400px;
margin: 0 auto;
background-image:url("../imagenes/FondoAzul.jpg");
background-repeat:repeat-y !important;
}
#divPaletasDigital
{
width: 940px;
height:400px;
margin: 0 auto;
background-image:url("../imagenes/FondoAzul.jpg");
background-repeat:repeat-y !important;
}
#divCajitasDigital
{
width: 940px;
height:250px;
margin: 0 auto;
background-image:url("../imagenes/FondoAzul.jpg");
background-repeat:repeat-y !important;
}
#divTubosDigital
{
width: 940px;
height:500px;
margin: 0 auto;
background-image:url("../imagenes/FondoAzul.jpg");
background-repeat:repeat-y !important;
}
#divPastillerosRectangular
{
width: 940px;
height:350px;
margin: 0 auto;
background-image:url("../imagenes/FondoGris.jpg");
background-repeat:repeat-y !important;
}
#divPastillerosRedondo
{
width: 940px;
height:350px;
margin: 0 auto;
background-image:url("../imagenes/FondoGris.jpg");
background-repeat:repeat-y !important;
}
#divPastillerosDeslizables
{
width: 940px;
height:300px;
margin: 0 auto;
background-image:url("../imagenes/FondoGris.jpg");
background-repeat:repeat-y !important;
}
.filaTabla {
    width:313px;
    height:auto;
    vertical-align:bottom;
}
.TextoProductos { 
   margin: 0 auto;
   text-align:center;
   font-family:Calibri;
   font-size: 20px; 
   font-weight: bold; 
   color: #333333; 
    vertical-align:text-bottom;
   
}
.TextoProductos2 { 
   margin: 0 auto;
   text-align:center;
   font-family:Calibri;
   font-size: 20px; 
   font-weight: bold; 
   color: white;
    vertical-align:text-bottom;
}

/*Tooltip*/

.nombre-producto-pastillero
{
  color:white;
  text-shadow: 2px 0px 0px rgba(0, 0, 0, 1);
	
}
.compra-minima-pastilleros
{
  color:white;
  
	
}
.piezas
{
  color:#A52B2B;
}

            
