html, body 
{
    background-color: #FFFFFF;    
    font-family:Arial, Times New Roman;
    color:#000000;
}



input[type="button"], input[type="submit"], input[type="reset"], button, .button, a.button, a.button:hover
{
    font-family:Arial, Times New Roman;
    font-size:0.9em;
}

input[type="text"], input[type="textarea"] { color:#000000; font-family:Arial, Times New Roman; }


select, label { color:#000000; font-family:Arial, Times New Roman; }


#body-cabecera
{
    width:100%;    
    background:  url('');
    background-size: 100% 150px;
    min-width: 986px;
}



#body-contenido
{
    width: 66%;
    min-width: 986px;
}

.fontFamily { font-family:Arial, Times New Roman; font-size:0.9em; }
    



/*==================================================
 * PIE
 * ===============================================*/
#body-pie 
{ 
    color:#000000; 
    width: 66%; 
    min-width: 986px; 
    background: #00AA55; 
}
#body-pie a 
{ 
    color:#000000; 
}
.body-pie-div { width:100%; float:left; }







.colum-2 
{
    width:20%; 
    overflow:hidden; 
    
    
    /*
    M.Carmen 21/07/2014
    float:left;
    */
    display: inline-block;
    vertical-align: top;
}

.colum-2 .item
{
    /*float: none !important;*/
}


#body-error { min-height: 100%; height: 100% !important; height: 100%; margin: 0 auto -4em; width: 100%; min-width: 986px; min-height: 600px; position:relative; }
.img-error { position:absolute; right:15px; bottom:25%; z-index:100; width:10% }
.logo-error { margin:25px auto; max-height:80% }

.cabecera-error { float:left; width:100%; text-align:center; height:35%; overflow:hidden; }

.cuerpo-error { float:left; width:100%; text-align:center; height:25%; position:relative; }
.cuerpo-error-div { width:100%; float:left; vertical-align:middle; position:absolute; top:10% }
.cuerpo-error-div h1 { margin:25px 0px 0px 0px; width:100%;  }
.cuerpo-error-div h2 { margin:25px auto; width:100%;  }

.pie-error { float:left; width:100%; position:relative; height:40%; }
.pie-error-div { width:33%; float:left; margin-top:50px;  }
.pie-error-caja-iconos { width:75%; margin:75px auto; text-align:center; overflow:auto }
.pie-error-span { position:absolute; width:100%; left:0; float:left; font-size:0.8em; bottom:10px; text-align:center }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
     Estilos Propios
*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.fondoDestacado1Inicio
{
    background:#00AA55;
}

.destacado1
{
    color: #000000;
    
    background: #00AA55; /* Old browsers */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
}


.destacado10
{
    color: #000000;
    
    background: #00AA55; /* Old browsers */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
}

.destacado2
{
    color: #000000;
    
    background: #00AA55; /* Old browsers */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
}



/*==================================================
 * efecto
 * ===============================================*/
.sombreado
{
    -webkit-box-shadow: 0px 3px 2px -2px black;
       -moz-box-shadow: 0px 3px 2px -2px black;
            box-shadow: 0px 3px 2px -2px black;
}

.caja-sombreada
{
    -webkit-box-shadow: 0px 0px 15px black;
       -moz-box-shadow: 0px 0px 15px black;
            box-shadow: 0px 0px 15px black;
}

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1
{
	-webkit-box-shadow: 0 8px 5px -5px #777;
	   -moz-box-shadow: 0 8px 5px -5px #777;
	        box-shadow: 0 8px 5px -5px #777;
}
 
 
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.truncate 
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.titulo-h2
{
    color:#000000; 
    float:left; 
    margin-bottom:0px;
}

.texto-error { color: red; font-size:0.8em; }
.colorBasico1 { color:#000000; }
.colorBasico2 { color:#000000; }
.colorBasico3 { color:#000000; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
     -CABECERA
*-----------------------------------------------*/
.cabecera-logo
{
    width: 66%;
    min-width: 986px;
    height:150px;
    margin:auto;
    background: #6BB844 url('Imagenes/banner.png');
    background-size: 100% 150px;
    /*overflow:hidden;*/
    /*padding-bottom:5px;*/
    position:relative;
}

#logotipo { width:auto; max-width:30%; height: auto; max-height:150px; float:left; }
#cabecera-texto { float:right; margin-right:5px; max-width:65%; max-height:100%; text-align:right }
.separdor-items  
{
    color:#CCC; 
    margin-right:14px;
    
    /*M.Carmen 21/07/2014*/
    /*float:right; */
    margin-left:7px;
    margin-right:14px;
    display: inline;
}


#banner 
{
    width:auto;
    height: auto;
    float:right;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
     -CABECERA CLIIENTE
*-----------------------------------------------*/

/*#cabecera-cliente 
{
    width: 66%;
    min-width: 986px;
    clear:both;
    margin:auto;
    margin-top: 10px;
    padding:0px;
}*/

#cliente
{
    width:100%; 
    float:left; 
    display:table;
    margin:5px;
    text-decoration: none !important;
}

#cliente:hover
{
    cursor:pointer;
}

#instalacion
{
    width:100%; 
    float:left; 
    display:table;
    margin:5px;
}

#instalacion:hover
{
    cursor:pointer;
}

.tituloCabecera
{
    color:#000000;
    margin:0px;
    overflow:hidden;
    width:100%;
    font-size:1.65em;
    
}


.subTituloCabecera
{
    color:#000000;
    margin:0px;
    overflow: hidden;
    width:100%;
    font-size:1.3em;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------
     - CENTRO
*-----------------------------------------------*/

.centro-2
{
    /*overflow-x:hidden;
    margin-top:3px*/
    
    
    /*
    M.Carmen 21/07/2014
    float:left; 
    */
    display:inline-block;
}

/*---------------------------------------
    - ENLACES DE NAVEGACION
*-----------------------------------------------*/

.list-item-category 
{
    list-style:none;
    margin:auto;
}

/*---------------------------------------
    - MENU
*-----------------------------------------------*/

#menu  
{
    float:right; 
    bottom: 0px; 
    right:0px; 
    position:absolute;
    
    /*M.Carmen 21/07/2014*/
    margin-right: 7px;    
    z-index: 2;
}
.menu-a { text-decoration:none; color:#000000; }


.links-menu
{
    float:right;
    height: 23px;
    padding:7px;
    cursor:pointer;
    position:relative;
}

#menu-category 
{
    width: 100%;
    clear:both;
    position:relative;
}

#menu-category-content
{
    width: 66%;
    height: 40px;
    min-width: 986px;
    margin:auto;
    clear:both;
    padding: 0px;
    position:relative;
}

#menu1 { margin: 0px; padding: 0; font-weight: normal; position:relative; float:left; }
#menu1 span { line-height: 40px; padding: 0 10px; }
#menu1 li  { float:left; position:relative; display: inline; list-style-type: none; border-right: 1px inset #00AA55; }
#menu1 li:hover { background: #00AA55; cursor:pointer; }
#menu1 li a { text-decoration:none; line-height: 40px; padding: 0 10px; color:#000000; }
#menu1 li ul { display:inline-block; width:18.9%; font-size:0.9em; padding:5px; vertical-align:top; }
#menu1 li ul li { border:0px; width:100% }
#menu1 li ul li:hover { background: none; }
#menu1 li ul li a { color:#000000; width:100%; line-height:20px; float:left }
#menu1 li ul li a:hover { text-decoration:underline }

.sub-menu { min-width:986px; overflow:hidden; display:none; z-index:5555; position:absolute; width:100%; background:#FBFBFB; color:Black; cursor:default; border:0px }

.nav-principal { margin-bottom:15px; float:left; width:100%; }
.nav-principal hr {  margin:0px auto; }
.nav-principal ul { margin-top:0px; margin-bottom:0px; padding: 0px }
.nav-principal span { margin:auto; color:#000000; }
.nav-principal li { float:left; width:100%; list-style:none; padding: 5px 0px 5px 0px; color:#000000; }
.nav-principal li:hover {  cursor:pointer; }
.nav-principal a { float:left; width:100%; text-decoration:none; color:#000000; font-size:0.9em; }
.nav-principal a:hover { text-decoration:underline; color:#000000; cursor:pointer; }

.nav-principal-sec { float:left; width:100%; }
.nav-principal-sec hr {  margin:0px auto; }
.nav-principal-sec ul { padding: 0px; margin-top:0px; margin-bottom:0px; margin-bottom:15px; }
.nav-principal-sec span { margin:auto; color:#000000; }
.nav-principal-sec li { float:left; width:100%; list-style:none; padding: 5px 0px 5px 0px; color:#000000; }
.nav-principal-sec li:hover { cursor:pointer; }
.nav-principal-sec li a { float:left; width:100%; text-decoration:none; color:#000000; font-size:0.9em; }
.nav-principal-sec li:hover a { text-decoration:underline; color:#000000; cursor:pointer; }

.path-indicator { margin-bottom:8px; margin-top:1px; float:left; width:100%; font-size:0.9em }
.nav-principal ul li ul { padding-left:25px }

/*---------------------------------------
    - PRECIO
*-----------------------------------------------*/

#precio 
{
    margin-bottom: 25px;
    float:left;
    width:100%;
}

#precio p 
{
    margin:auto;
    color:#000000;
}

#precio span 
{
    color:#000000;
    font-size:0.9em;
}

#amount
{
    border:0; 
    font-weight:bold;
    background:#FFF; /*#FFFFFF;*/
}

/*---------------------------------------
    - DISPONIBILIDAD
*-----------------------------------------------*/

#filtroActivos 
{
    margin-bottom: 15px;
    float:left;
    width:100%;
    background:#FBFBFB; 
    padding:2px;
}

#filtroActivos p 
{
    margin:auto;
    color:#000000;
}

#filtroActivos span 
{
    color:#000000;
    font-size:0.8em;
    margin-top:3px;
}

/*---------------------------------------
    - DISPONIBILIDAD
*-----------------------------------------------*/

#disponibilidad 
{
    margin-bottom: 15px;
    float:left;
    width:100%;
}

#disponibilidad p 
{
    margin:auto;
    color:#000000;
}

#disponibilidad span 
{
    color:#000000;
    font-size:0.9em;
    margin-top:3px;
}


/*---------------------------------------
    - LINEAS
*-----------------------------------------------*/
.line-solid 
{ 
    border:0; 
    border-bottom: 1px solid #DDD; 
    height:0;
}

.line-dashed 
{
    border:0; 
    border-bottom: 1px dashed #DDD; 
    height:0;
}


/*---------------------------------------
    - OTROS ELEMENTOS
*-----------------------------------------------*/
.search-menu 
{
    background:White;
    margin-right:5px;
    margin-top:7px;
    width:190px;
    border:1px solid #CCC;
    position:absolute; 
    left:100%; 
    margin-left:-200px;
}

.search-box 
{ 
    width:155px; 
    height:20px; 
    border:0px;
    padding-left:5px; 
    padding-right:5px;
    
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
}

.search-box:focus
{ 
    border:0px;
    outline:none;
}

.btn-search-box 
{ 
    border: 0px; 
    color:White; 
    cursor:pointer;
    height:20px; 
    margin:1px auto; 
    width:20px;
    /*float:right;*/
}



.btn, .btn-add-carrito 
{
    color:#000000;
    width: 85px;
    text-decoration:none;
    margin:auto;
    cursor:pointer;
    border: 0px none;
    padding:5px;   
    
    background: #00AA55; /* Old browsers */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
}

.btn-capa-flotante
{
    text-align:center; 
    float:right; 
    font-size:0.9em;
}


.btn-registro
{
    border: none;
    width: 98%;
    height:35px;
    padding:10px;
    text-decoration:none;
    font-size:1em;
    margin:auto;
    cursor:pointer;
}

/*---------------------------------------
    - ELEMENTOS DE LA PAGINA
*-----------------------------------------------*/

.pagina 
{
    width: 95%;
    float:left;
}

#navPath 
{
    float:left;
    overflow:auto;
}

#navPath a
{
    text-decoration:none;
}

.catalogo-filtro { float:right; width: auto; overflow:auto; }
.catalogo-filtro div { float:right; margin-left:5px; line-height:25px; vertical-align:middle }

.capa-oculta 
{
    display:none; 
    border:1px solid #CCC; 
    position:absolute;
    background:#FFF; /*#FFFFFF;*/
}

.titulo-filtros 
{
    font-size:0.9em;
}

/*---------------------------------------
    - Artículo
*-----------------------------------------------*/

.articulo-tabla
{
    float:left; 
    width:25%;
    padding: 5px;
    margin-bottom:15px;
    
    border:1px solid #FFF; /*#FFFFFF;*/
    text-align:center;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
 
    transition : box-shadow 0.5s ease-out; 
    -webkit-transition : box-shadow 0.5s ease-out; 
    -moz-transition : box-shadow 0.5s ease-out;
    -o-transition : box-shadow 0.5s ease-out; 
}

.articulo-tabla-1
{
    float:left; 
    width:25%;
    min-height:225px;
    padding: 5px;
    
    position:relative;
    border:1px solid #CCC;
    text-align:center;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
 
    transition : box-shadow 0.5s ease-out; 
    -webkit-transition : box-shadow 0.5s ease-out; 
    -moz-transition : box-shadow 0.5s ease-out;
    -o-transition : box-shadow 0.5s ease-out; 
}

.articulo-tabla:hover
{
    cursor:pointer;
        
    -webkit-box-shadow: inset 0px 2px 8px 2px #EEE;
    -moz-box-shadow: inset 0px 2px 8px 2px #EEE;
	box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2)
}

.articulo-tabla-1:hover
{
    cursor:pointer;
        
    -webkit-box-shadow: inset 0px 2px 8px 2px #EEE;
    -moz-box-shadow: inset 0px 2px 8px 2px #EEE;
	box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2)
}

.articulo-tabla-1-a
{
    text-align:center;
    cursor:pointer;
    text-decoration: none;
    float:left; 
    clear:both;
    color:#000000;
    height:40px; 
    overflow:hidden; 
    margin:3px;
    width:100%;
}


.capa-articulo-precio 
{
    clear:both;
    float:left;
    height:28px;
    width:100%; 
    text-align:center;
}

.articulo-precio { color:#000000; margin-top:0px; font-weight:bolder; font-size:1.1em; margin-bottom:0px; }
.articulo-precio span { font-weight:normal; font-size:0.7em; }

.stock-catalogo-articulos
{
    float:right;
    font-size:0.8em;
    color:#555;
    text-align:left;
    line-height: 1em;
}

#articuloCondicion
{
    margin:auto; 
    clear:both; 
    position:relative;
    /*float:left;
    width:100%;*/ 
}

#articuloCondiciones 
{
    width:200px; 
    position:absolute; 
    margin:auto; 
    display:none;
    z-index:3;
    background:#FFF; /*#FFFFFF;*/
    
    left:100%; 
    bottom:-5px;
    padding:5px;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

#articuloCondicion:hover #articuloCondiciones 
{
    display:block;
}

.articulo-condiciones
{
    margin:auto; 
    font-size:0.8em;
}

.articulo-cantidad-elegida 
{
    background:#EEE;
    border:1px solid #CCC;
    
    padding: 3px;
    color:#000000;
    z-index:1;
    position:absolute;
    margin:auto;
    opacity:0.5;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.articulo-tabla:hover div.articulo-boton-img 
{
    visibility:visible;
}

.articulo-tabla-1:hover div.articulo-boton-img 
{
    visibility:visible;
}

#img:hover .articulo-boton-img 
{
    visibility:visible;
}

.articulo-boton-img
{
    float:left; 
    margin:5px; 
    cursor:pointer; 
    position:absolute; 
    height:25px; 
    width:25px;
    top:30%;
    visibility:hidden;
}

.articulo-descripcion 
{
    float:left; 
    clear:both; 
    margin-top:2px;
    margin-bottom:2px;
}

.articulo-lista { cursor:default; }
.articulo-lista-a { cursor:pointer; text-decoration: none; float:left; margin:auto; color:#000000; }
.articulo-lista-a:hover { color:#000000; text-decoration:underline; }
.articulo-lista-a-titulo { cursor:pointer; text-decoration: none; float:left; margin:auto; font-weight:bold; color:#000000; line-height:1.2em }
.articulo-lista-a-titulo:hover { text-decoration:underline; }
.articulo-lista-img { float:left; width:15%;float:left; width:15%; }
.articulo-lista-img-div { width:100%; height:130px; line-height:130px; cursor:pointer; position:relative; text-align:center }
.articulo-lista-img-div img { max-width: 100%; max-height: 130px; vertical-align:middle }
.articulo-lista-cuerpo { float:left; width:63%; margin-left:10px; height:130px; position:relative; }
.articulo-lista-stock { width:100%; float:right; bottom:0; font-size:0.9em; right:0; position:absolute; color:#000000; }
.articulo-info { float:left; width:90%; margin-top:1px; height:58px; font-size:0.9em; overflow:hidden; line-height:1.2em }
.articulo-info p { float:left; width:50%; margin:1px auto; }
.articulo-info-span { float:left; width:100%; margin-top:1px; }
.articulo-mas-info { width:9%; float:right; font-size:0.8em; color:#000000; text-align:right; margin-top:2px; cursor:pointer; }
.articulo-mas-info:hover { color:#000000; }





.regalo
{
    position:absolute;
    left:60px;
}

.lista-regalos
{
    width: 250px;
    display:none; 
    position:absolute;
    margin:auto;
    z-index:3;
    background:#FFF; /*#FFFFFF;*/
    
    left:30px; 
    top:30px; 
    padding:5px;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}


.regalo-1
{
    margin:auto; 
    clear:both; 
    position:relative;
    /*float:left;
    width:100%;*/ 
}

.lista-regalos-1
{
    width:200px; 
    position:absolute; 
    margin:auto; 
    display:none;
    z-index:3;
    background:#FFF; /*#FFFFFF;*/
    text-align:left;
    
    left:100%; 
    bottom:-5px; 
    padding:5px;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.regalo:hover .lista-regalos { display:block; }
.regalo-1:hover .lista-regalos-1 { display:block; }









.precio-container 
{
    clear:both;
    float:left;
    height:28px;
    width:100%; 
    text-align:center;
}
.precio-container.desglosado
{
    height: auto !important;
}
.precio-container .precio-info
{
    display:inline;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 1.1em;
    font-weight:bolder;
    color: #000000;
}
.precio-container .precio-info:has(+ .ofertas-info)
{
    /* Los elementos .precio-info que tengan a un elemento .oferta-info justo a continuacion de ellos */
    margin-right: 5px;
}
.precio-container .precio-info:has(+ .regalos-info)
{
    /* Los elementos .precio-info que tengan a un elemento .regalo-info justo a continuacion de ellos */
    margin-right: 5px;
}
.precio-container .precio-info p
{
    display: inline;
    margin-top:0px; 
    margin-bottom:0px; 
}
.precio-container .precio-info p.span
{
    font-weight: normal;
    font-size: 0.7em;
}
.precio-container .precio-info p.precio
{
}
.precio-container .adicional-info
{
    margin: auto;
    font-size: 0.8em;
}
.precio-container .oferta-regalo-icon-seccion
{
    display: inline;
}
 .precio-container .regalos-info, 
 .precio-container .ofertas-info
{
    margin:auto; 
    clear:both; 
    position:relative;
    display: inline;
}
 .precio-container .regalos-info:hover div, 
 .precio-container .ofertas-info:hover div
{
    display: block;
}
 .precio-container .regalos-info img, 
 .precio-container .ofertas-info img
{
    height: 15px;
    width: 15px;
    display: inline;
}
 .precio-container .regalos-info .regalos-collection-list,
 .precio-container .ofertas-info .ofertas-collection-list
{
    width:200px; 
    position:absolute; 
    margin:auto; 
    display:none;
    z-index:3;
    background:#FFF; /*#FFFFFF;*/
    text-align:left;
    
    left:100%; 
    bottom:-5px; 
    padding:5px;
    color: #000000;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

 .precio-container .regalos-info div p
{
    margin:auto; 
    font-size:0.8em;
}

.precio-container .ofertas-collection-list
{
    font-size: 0.8em;
}
.precio-container .ofertas-collection-list div
{
    width: 95%;
    margin: auto;
    clear: both;
}
 .precio-container .ofertas-collection-list-item p
{
    margin: auto;
}
 .precio-container .ofertas-collection-list-item p.texto
{
    float: left;
}
 .precio-container .ofertas-collection-list-item p.precio
{
    float: right;
}


.precio-container.desglosado .oferta-regalo-seccion .ofertas-collection-list,
.precio-container.desglosado .oferta-regalo-seccion .regalos-collection-list
{
    clear: both;
    width: 100%;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
}





/* 
FORMATOS DIFERENTES PARA EL PRECIO
*/

.similares-detalle .precio-container
{
    overflow: auto;
    height: 100% !important;
}
/*.similares-detalle:hover .precio-container*/
.similares-detalle-over .precio-container
{
    height: 60px !important;
}
.similares-detalle .precio-container .precio-info
{
    font-size: 0.8em;
    margin-right: 0;
    width: 95%;
}
/*similares-detalle:hover .precio-container .precio-info*/
.similares-detalle-over .precio-container .precio-info
{
    font-size: 1.1em;
}
.similares-detalle .precio-info .no-precio
{
    /* Este conjunto de sentencias hace que se muestre el bloque con puntos supensivos si no cabe*/
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}
.similares-detalle .precio-container .precio-info .span
{
    font-size: 0.7em;
}
.similares-detalle .precio-container .precio-info .precio
{
}
.similares-detalle:hover .precio-container .precio-info .precio
{
}
.similares-detalle .precio-container .adicional-info
{
    font-size: 0.7em;
}
.similares-detalle .precio-container .regalos-info img, 
.similares-detalle .precio-container .ofertas-info img
{
    width: 10px;
    height: 10px;
}

/* 
Cuando nos ponemos encima de un elemento .similares-detalle, las propiedades del precio
toman los mismos valores que los de por defecto */

/*.similares-detalle:hover .precio-container .adicional-info*/
.similares-detalle-over .precio-container .adicional-info
{
    font-size: 0.8em;
}


/*.similares-detalle:hover .precio-container .regalos-info img, 
.similares-detalle:hover .precio-container .ofertas-info img */
.similares-detalle-over .precio-container .regalos-info img, 
.similares-detalle-over .precio-container .ofertas-info img
{
    width: 15px;
    height: 15px;
}


.articulo-lista .precio-container
{
    float: right;
    text-align: right;
    max-width: 100%;
    width: auto;
}


.articulo-lista .precio-container .adicional-info
{
    /*float: right;*/
}


.articulo-lista .precio-container .regalos-info img, 
.articulo-lista .precio-container .ofertas-info img,
.detalle-container .regalos-info img,
.detalle-container .ofertas-info img
{
    width: 20px; 
    height: 20px;
}


.precio-container-expandido .precio-container
{
    text-align: left;
    float: none;
}
.precio-container-expandido .precio-container.con-of-o-reg .precio-info,
.precio-container-expandido .precio-container.con-of-o-reg.desglosado .oferta-regalo-seccion .ofertas-collection-list div,
.precio-container-expandido .precio-container.con-of-o-reg.desglosado .oferta-regalo-seccion .regalos-collection-list p
{
    width: 92%;
    margin-left: 0;
}
.precio-container-expandido .precio-container.con-of-y-reg .precio-info,
.precio-container-expandido .precio-container.con-of-y-reg.desglosado .oferta-regalo-seccion .ofertas-collection-list div,
.precio-container-expandido .precio-container.con-of-y-reg.desglosado .oferta-regalo-seccion .regalos-collection-list p
{
    width: 85%;
    margin-left: 0;
}
.precio-container-expandido .precio-info
{
    font-size: 1.5em;
    display: inline-block; /* para que tenga en cuenta la propiedad width */
}
#compra-avanzada-resultado .precio-container-expandido .precio-info
{
    font-size: 1.3em;
}
.precio-container-expandido .precio-info p.span
{
    font-weight: bold;
    font-size: inherit;
}
.precio-container-expandido .precio-info p.span + p.precio
{
    /* Los elementos p.precio que van justo a continuacion de un elemento p.span */
    float: right;
}


.precio-container-expandido .precio-container.desglosado .oferta-regalo-seccion
{
    width: 100%;
}

.precio-container.desglosado .oferta-regalo-seccion .regalos-collection-list p
{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

td .precio-container
{
    height: auto !important;
    width: auto !important;
}



.formato  
{
  /*  position:absolute; bottom:4px; */
}

.formatos-de-venta
{
    width: 200px;
    display:none; 
    position:absolute;
    margin:auto;
    z-index:3;
    background:#FFF; /*#FFFFFF;*/
    
    left:30px; 
    top:30px; 
    padding:5px;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.formato:hover .formatos-de-venta
{
    display:block; 
}



.compra-off .comparacion-boton
{
    clear: both;
}



/* 
    ARTICULO (VISTA: LISTA)
*/

.info-adicional-iconos
{
  
}
.info-adicional-iconos.ficha-tecnica
{
    position: absolute;
    left: 30px;
}
.info-adicional-iconos.regalo
{
    position: absolute;
    left: 60px;
}
.info-adicional-iconos.compuesto
{
    position: absolute;
    left: 90px;
}
.info-adicional-iconos img
{
    cursor: pointer;
}



/*
 *  STYLE 2
 */
 
.style-2 {
    scrollbar-arrow-color:#AAA;
    scrollbar-base-color:#FBFBFB;
    scrollbar-darkshadow-color:#FBFBFB;
}

.style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

/**
 * Capas flotantes
 */

.enlaces-cabecera
{    
    padding-bottom: 7px;
}
.item-menu-cabecera
{
    height: 23px;
    min-width:100px; 
    
    cursor:pointer;
    position:relative;
    padding-bottom:7px;
    
    /* M.Carmen 21/07/2014 */
    /*
    float:right; 
    margin-left:7px;
    margin-right:7px;
    */ 
    display: inline;
}

.icon-item-menu-cabecera
{
    height:15px;
    margin-top:4px;
    
    /*M.Carmen 21/07/2014*/
    /*float:left; */
}

.item-menu-cabecera a
{
    margin-top:2px; 
    margin-left:7px; 
    margin-right:7px;
    
    /*M.Carmen 21/07/2014*/
    /*float:left; */
}

.item-menu-cabecera div
{
    display: inherit;
}

.item-menu-cabecera div.details-item-menu-cabecera,
.item-menu-cabecera div .details-item-menu-cabecera
{
    border:1px solid #CCC; 
    position:absolute;
    background:#FFF; /*#FFFFFF;*/
    top:20px;
    cursor: auto;
    
    /*display: block;*/
    /*opacity: 0;*/ 
    /*height: 0;
    width: 0*/;
    right:0;
    overflow: hidden;
    display: none;
    
    transition : opacity 1s ease-out;
    -webkit-transition : opacity 1s ease-out;
    -moz-transition : opacity 1s ease-out;
    -o-transition : opacity 1s ease-out;
}

.item-menu-cabecera:hover  div.details-item-menu-cabecera,
.item-menu-cabecera:hover  div .details-item-menu-cabecera{
    display: block;
}

.line-details-item-menu-cabecera
{
    width:420px; 
    float:left; 
    margin-top:5px;
    line-height: 25px;
}

.line-details-item-menu-cabecera a { color:#000000; text-decoration:none; max-width:330px }
.line-details-item-menu-cabecera a:hover { text-decoration:underline; }

.line-details-item-menu-cabecera div
{    
    text-align:center; 
    float:left; 
    margin:5px; 
    margin-bottom: 0px;
    line-height:25px;
    position:relative;
    
    /*
    M.Carmen 21/07/2014
    height:25px; 
    width:25px; 
    */
}

.line-details-item-menu-cabecera hr
{
    float:left; 
    width:100%; 
    margin-top:5px; 
    margin-bottom:0px;
}

.line-details-item-menu-cabecera p
{
    float:left; 
    margin-top:5px; 
    text-align:right; 
    margin-bottom:0px; 
    vertical-align:middle;
}

.line-details-item-menu-cabecera div.seccion
{
    width: inherit;
}
.line-details-item-menu-cabecera div.seccion a
{
    margin-left: 25px;
    padding-left: 15px;
    float: left;
}
.line-details-item-menu-cabecera div.seccion img
{
}
.line-details-item-menu-cabecera div.info-instalacion
{
    clear: both;
    margin-top: 0;
    width: 80%;
    margin-left: 43px; 
    text-align: left;
}

.img-line-details-item-menu-cabecera
{
   max-height:25px; 
   max-width:25px;  
   vertical-align:middle;
   float:left;
   position:absolute;
   top:50%;
   margin-top:-12px;
   left:0;
}

.a-line-details-item-menu-cabecera
{
    float: left;
}

.footer-details-item-menu-cabecera
{
    width:400px; 
    padding: 10px; 
    text-align:right; 
    background-color:#FBFBFB; 
    float:right;
}

#itemsComparativa:hover #capaComparativa 
{
    /*opacity: 1;
    height: auto;
    width: auto;
    cursor:auto;*/
}

#cabecera-area-carrito #capaCarrito {
    /*display: none;*/
}

#cabecera-area-carrito:hover #capaCarrito 
{
    /*opacity: 1;*/
    /*height: auto;
    cursor:auto;
    width: auto;
    display: block;*/
}

#cabecera-area-carrito:after{
    clear: both;
} 

#divClientes:hover #cabecera-cliente
{
    opacity: 1;
    height: auto;
    width: auto;
    cursor:auto;
}

#sesion:hover #miSesion
{
    opacity: 1;
    height: auto;
    cursor:auto;
    width: auto;
}


#IrArriba {
    position: fixed;
    bottom: 5em; /* Distancia desde abajo */
    right: 30px; /* Distancia desde la derecha */
    display:none;
}

/**
 * Detalle del articulo
 **/
#cabeceraDetalle
{
    width:100%; 
    float:left; 
    clear:both;
}

#cabeceraDetalle a
{
    float:left;
    color:#000000;
    margin: 0 15px 0 0;
    text-decoration:none;
}

#cabeceraDetalle p
{
    float:left;
    color:#000000;
    margin: 0 15px 0 0;
}

.tab-label 
{
    background-color: #FFF;
    border: 1px solid #CCC;
    border-bottom: none;
    padding: 10px;
    position: relative;
}

.similares-detalle
{
    float:left;
    width:33%;
    min-height:85px;
    text-align:center;
    cursor:pointer;
    padding:5px;
    position:relative;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.similares-detalle a { text-decoration:none; color:#000000; }
.similares-detalle-div-img { float:left; width:100%; height:75px; }
.similares-detalle-div-img img { max-width:100%; max-height:100%; margin:auto }
.similares-detalle-div-precios { float:left; clear:both; width:100%; text-align:center; overflow:auto }


.similares-detalle-over
{
    display:none;
    position:absolute;
    top:-1px;
    right:25%;
    margin-right:-50%;
    overflow:hidden;
    width:150px;
    z-index:30;
    background:#FFF;
}

.similares-detalle:hover .similares-detalle-over 
{ 
    display:block; 
    border:1px solid #CCC; 
}

/**
* Tabla comparacion
*/
#cabeceraComparacion
{
    width:100%; 
    clear:both;
    
    /*
    M.Carmen 28/07/2014    
    float:left; 
    */
    
}

#cabeceraComparacion a
{
    color:#000000;
    margin: 0px 15px 0px 0px;
    text-decoration:none;
    
    /*
    M.Carmen 28/07/2014    
    float:left; 
    */
    display:inline-block;
}

#cabeceraComparacion p
{    
    color:#000000;
    margin: 0px 15px 0px 0px;    
    
    /*
    M.Carmen 28/07/2014    
    float:left; 
    */
    display: inline-block;
}

.border-empty
{
    border-top:1px solid #FFF; /*#FFFFFF;*/
    border-right:1px solid #FFF; /*#FFFFFF;*/
    border-left:1px solid #FFF; /*#FFFFFF;*/
    border-bottom:1px solid #FFF; /*#FFFFFF;*/
    text-align:center;
}

.border-empty a
{
    text-decoration:none;
}

.border-empty a:hover
{
    text-decoration:underline;
}

.border-empty-trl
{
    border-top:1px solid #FFF; /*#FFFFFF;*/
    border-right:1px solid #FFF; /*#FFFFFF;*/
    border-left:1px solid #FFF; /*#FFFFFF;*/
    text-align:center;
}

.border-empty-tb
{
    border-top:1px solid #FFF; /*#FFFFFF;*/
    border-bottom:1px solid #FFF; /*#FFFFFF;*/
    text-align:center;
}

.border-empty-trb
{
    border-top:1px solid #FFF; /*#FFFFFF;*/
    border-right:1px solid #FFF; /*#FFFFFF;*/
    border-bottom:1px solid #FFF; /*#FFFFFF;*/
    text-align:center;
}

/**
 * Paginación
 **/ 
#catalogo-paginacion a 
{
    text-decoration:none;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
}

#catalogo-paginacion a:hover
{
    color:#000000;
    text-decoration:underline;
}

.cps
{
    background:#000000;
}

/**
 * Acceso Registro
 **/
 
 .acceso-registro-1
 {
     width:350px; 
     height:400px; 
     margin:auto;
     text-align:left;
     overflow:hidden;
 }
 
 .acceso-registro-1 h1
 {
     margin:auto;
     margin-bottom: 20px;
     color:#000000;
 }
 
 .acceso-registro-1 label
 {
     width:100%;
 }
 
 .acceso-registro-1 a
 {
     text-decoration:none;
     color:#000000;
 }

 .acceso-registro-1 a.label,
 .acceso-registro-1 a.label:hover,
 .acceso-registro-1 a.label:active,
 .acceso-registro-1 a.label:visited{
     width: 100%;
     color:#000000; 
     font-family:Arial, Times New Roman;
 }
 
 .acceso-registro-1 a:hover
 {
     text-decoration:underline;
     color:#000000;
 }
 
 .acceso-registro-input 
 {
    border: 1px solid #000000; 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin-bottom:15px;
    width:100%;
 }
 
 .acceso-registro-box 
 {
     border: 5px solid white; 
    /*-webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
*/    
	-webkit-box-shadow: 0 8px 6px -6px gray, 0 -8px 6px -6px gray;
	   -moz-box-shadow: 0 8px 6px -6px gray, 0 -8px 6px -6px gray;
	        box-shadow: 0 8px 6px -6px gray, 0 -8px 6px -6px gray;
    padding: 15px;
    margin: 50px auto 50px auto;
 }
 
/**
 * Otros
 */
 .secciones-h2
{
    width:20%;
    float:left;
    margin-top:0px;
    margin-bottom:15px;
    padding: 5px;
    color:#000000;
    float:left;
    /*background:#000000;*/
    text-decoration:none;
    
    background: #00AA55; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
    
    box-shadow: 0px 3px 2px -2px black;
    -moz-box-shadow: 0px 3px 2px -2px black;
    -webkit-box-shadow: 0px 3px 2px -2px black;
}

.effect
{
    margin: 5px;
    -webkit-box-shadow: 0px 0px 5px 2px gray;
       -moz-box-shadow: 0px 0px 5px 2px gray;
	        box-shadow: 0px 0px 5px 2px gray;
}







/**
 * Detalle compra
 **/ 

.cabecera-tabla-detallecompra
{
    background:#FBFBFB; 
    border:1px solid #CCC;
    padding:10px;
}

.cabecera-tabla-detallecompra1
{
    background:#FBFBFB; 
    border:1px solid #CCC;
    text-align:center;
}

.cabecera-tabla-detallecompra2
{
    border-left:1px solid #CCC;
    border-top:1px solid #CCC;
    border-right:1px solid #FFF; /*#FFFFFF;*/
    border-bottom:1px solid #CCC;
    text-align:left;
}

.cabecera-tabla-detallecompra3
{
    border-left:1px solid #CCC;
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    text-align:right;
}

.cabecera-tabla-detallecompra4
{
    border-left:1px solid #FFF; /*#FFFFFF;*/
    border-top:1px solid #CCC;
    border-right:1px solid #FFF; /*#FFFFFF;*/
    border-bottom:1px solid #CCC;
    text-align:center;
}

.cabecera-tabla-detallecompra21
{
    border-left:1px solid #CCC;
    border-top:1px solid #CCC;
    border-right:1px solid #f6f6f6;
    border-bottom:1px solid #CCC;
    text-align:left;
}

.cabecera-tabla-detallecompra41
{
    border-left:1px solid #f6f6f6;
    border-top:1px solid #CCC;
    border-right:1px solid #f6f6f6;
    border-bottom:1px solid #CCC;
    text-align:center;
}

.cabecera-tablas 
{
    background:#FBFBFB; 
    border: 1px solid #CCC; 
    padding:15px 0px 15px 0px; 
    text-align:center
}

.cabecera-tablas h3
{
    margin:auto;
    color:#000000;
}

.cuerpo-tablas 
{
    overflow:hidden;
    border: 1px solid #CCC;
    padding:10px;
    margin-bottom:25px
}

.filas-pares { background:#f6f6f6; }
.filas-impares { background:#FFF; }

.detalle-pie-detalle-compra { float:left; width:100%; margin:10px; }
.hr-detalle-pie-detalle-compra { float:left; width:100%; margin:0px }
.titulo-detalle-pie-detalle-compra { float:right; margin-right:45px; min-width:150px; text-align:right }
.resultado-detalle-pie-detalle-compra { float:right; margin-right:20px }
.titulo1-detalle-pie-detalle-compra { float:right; margin-right:45px; min-width:150px; text-align:right; font-size:1.2em; font-weight:bold }
.resultado1-detalle-pie-detalle-compra { float:right; margin-right:20px; font-size:1.2em; font-weight:bold }

.fixed 
{
    position : fixed; 
    top: 0;
    width: 65.2%;
    min-width: 986px;
    margin-left:0px;
}

.a-detalle-tabla { color:#000000; display:inline; padding: 10; text-decoration:none; }
.a-detalle-tabla:hover { text-decoration:underline; }
.a-detalle-carrito { float:left; width:100%; color:#000000; display:inline; text-decoration:none; }
.a-detalle-carrito:hover .a-detalle-carrito-titulo { text-decoration:underline; }

.btnCarritoDetalle input[type=submit] 
{
    /*padding:5px 15px; background:#ccc; border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    float:right;
    margin-top:10px;
    /*font-size: 0.8em;*/
    width:98px;
}

#compraAvanzada
{
    width:100%; 
    float:left; 
    display:none;
    
    margin-bottom: 25px; 
    padding-bottom:5px;
    
    transition: display 1s ease-out;
    -webkit-transition: display 1s ease-out;
    -moz-transition: display 1s ease-out;
    -o-transition: display 1s ease-out;
}

#compra-avanzada-opciones { float:left; width:20%; padding:3px }
#compra-avanzada-resultado { float:right; width:79%; border-left: 1px dashed #CCC; font-size:0.9em }
.compra-avanzada-resultado-div-img { float:left; width:130px; height:130px; line-height:130px; }
.compra-avanzada-resultado-div-img img { max-width: 100%; max-height: 100%; vertical-align:middle }



/***************************************
 ***************************************
    INCIDENCIAS DETALLE CARRITO
 ***************************************
****************************************/
.incidencias-collection
{
    clear:both;
    background-color: rgb(250,190,207);
    padding: 5px, 0;
}
.incidencias-collection .incidencia-item, .incidencia-item
{
    color: Red;
    font-size: small;
    padding-left: 15px;
}
.incidencias-collection .incidencia-item span
{
}




.editor-label
{
    width:35%;
    margin:15px auto;
}

.search-box-registro
{ 
    width:100%;
    height:25px; 
    border:1px solid #CCC;
    padding-left:5px; 
    padding-right:5px;
}

.direcciones-up
{
    float:right; 
    margin-top:27px; 
    font-size:0.9em; 
    cursor:pointer; 
    color:#000000;
    position:relative;
}

.direcciones-up-container 
{
    float:right; 
    position:absolute; 
    border:1px solid #ccc; 
    z-index:100; 
    background:#FFF; 
    margin-top:43px;
    display:none;
    text-align:left;
    left:0;
    /*
    M.Carmen 22/07/2014
    width:99%; 
*/
}

.direcciones 
{
    float:right;
}

.direcciones:hover .direcciones-up-container
{
    display:block;
}

.cuerpo-aviso-legal { float:left; width:100%; }
.cuerpo-aviso-legal li strong { padding: 0px 4px; }
.cuerpo-aviso-legal-span { width:150px; display:inline-block }

/**
 * Arrow box
 */
.arrow_box {
	position: relative;
	background: #FBFBFB;
	
	width:25%;
	
	height:40px;
	color:#000000;
}

.arrow_box:after {
	left: 100%;
	margin-left: -40px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:before {
	left: 0%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	background: #FFF; /*#FFFFFF;*/
	border-left-color: #FBFBFB;
	border-width: 20px;
	margin-top: -20px;
}

.arrow_box:before {
	border-left-color: #FFF; /*#FFFFFF;*/
	border-width: 20px;
	margin-top: -20px;
}


.arrow_box1 {
	position: relative;
	background: #FBFBFB;
	
	width:25%;
	
	height:40px;
	color:#000000;
}

.arrow_box1:after {
	left: 100%;
	margin-left: -40px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box1:after {
	background:#FFF; /*#FFFFFF;*/
	border-left-color: #FBFBFB;
	border-width: 20px;
	margin-top: -20px;
}

.arrow_box1.selected, .arrow_box1.selected:before
{
    background-color: #00AA55;
	color:White;
}


.arrow_box2 {
	position: relative;
	background: #FBFBFB;
	
	width:25%;
	
	height:40px;
	color:#000000;
}

.arrow_box2:before {
	left: 0%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:before {
	border-left-color: #FFF; /*#FFFFFF;*/
	border-width: 20px;
	margin-top: -20px;
}

.arrow_box2.selected, .arrow_box2.selected:before
{
    background-color: #00AA55;
	color:White;
}

.arrow_box.selected, .arrow_box1.selected, .arrow_box2.selected
{
    background-color: #00AA55;
	color:White;
}
.arrow_box.selected:before, .arrow_box1.selected:before, .arrow_box2.selected:before
{
    border-left-color: #FFF; /*#FFFFFF;*/
	color:White;
}
.arrow_box.selected:after, .arrow_box1.selected:after, .arrow_box2.selected:after
{
    border-left-color: #00AA55;
	color:White;
}

/**
 * Tabla sin border
 */
.table-without-border 
{
    border:0px; 
    border-collapse:collapse;
}

.table-without-border td
{
    border:none;
}

/**
 * Otros
*/

.circle {
    width:12px;
    height:12px;
    
    border:1px solid #dadada;
    
    border-radius: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    
    background: #ecebeb; /* Old browsers */
    background: -moz-linear-gradient(top, #ecebeb 0%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecebeb), color-stop(100%, #dadada )); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* IE10+ */
    background: linear-gradient(to bottom, #ecebeb 0%, #dadada  100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebeb', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */
}

.circle:hover {
    background: #dadada;
}

.circle-selected {
    width:12px;
    height:12px;
    
    border:1px solid #00AA55;
    
    border-radius: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    
    background: #00AA55; /* Old browsers */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
}

.circle-selected:hover {
    background: #00AA55;
}


.circle-text:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    cursor:pointer;
    
    border:1px solid #00AA55;
    
    border-radius: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    
    background: #00AA55; /* Old browsers */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
}

.circle-text:hover:after {
    background: #00AA55;
}

.circle-text span {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
    cursor:pointer;
}



.btn-miniatura {
    content: "";
    
    display: block;
    width: 25px;
    height: 50px;
    
    border:1px solid #dadada;
    z-index:3;
    
    border-radius: 5%;
    -moz-border-radius: 5%; 
    -webkit-border-radius: 5%; 
    
    background: #ecebeb; /* Old browsers */
    background: -moz-linear-gradient(top, #ecebeb 0%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecebeb), color-stop(100%, #dadada )); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* IE10+ */
    background: linear-gradient(to bottom, #ecebeb 0%, #dadada  100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebeb', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */
}

.btn-miniatura:hover {
    background: #dadada;
}

.btn-miniatura span {
    float:left;
    width:100%;
    padding-top:100%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}



.btn-miniatura-disabled {
    content: "";
    
    display: block;
    width: 25px;
    height: 50px;
    
    border:1px solid #dadada;
    z-index:3;
    
    border-radius: 5%;
    -moz-border-radius: 5%; 
    -webkit-border-radius: 5%; 
    
    background: #ecebeb; /* Old browsers */
    background: -moz-linear-gradient(top, #ecebeb 0%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecebeb), color-stop(100%, #dadada )); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ecebeb 0%, #dadada  100%); /* IE10+ */
    background: linear-gradient(to bottom, #ecebeb 0%, #dadada  100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebeb', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */
}

.btn-miniatura-disabled span {
    float:left;
    width:100%;
    padding-top:100%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}

#divFormularioContacto { width:50%; margin:25px auto; overflow:auto; display:block }
#divFormularioContacto div { width:100%; margin:auto; margin-top:10px; overflow:auto }
#divResultadoContacto { width:100%; margin:25px auto; overflow:auto; display:none; height:450px; text-align:center }
#resultadoContacto { float:left; width:100%; height:330px }
.input-contacto { margin:15px auto; width:150px }






/*
Slider
*/

.ui-slider-horizontal
{
    background: #00AA55; /* Old browsers */
    background: -moz-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA55), color-stop(100%, #00AA55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00AA55 0%, #00AA55 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00AA55 0%, #00AA55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AA55', endColorstr='#00AA55',GradientType=0 ); /* IE6-8 */
}



.img-loading-tmp
{
    background: white url(http://www.caricatos.net/dibujos/indicator.gif) no-repeat center center; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}

/*==================================================
 * Aviso política cookies
 * ===============================================*/