@charset "iso-8859-1";

/* Global Content Formatting and Styles */

body {
	color: #1d3a83;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 14px;
	background: #CCCCCC url(../imagenes/background_gradient.jpg) repeat-x 0px 0px;
	background-position: top;
    background-attachment: fixed;
}

.page {
	max-width: 980px;
	margin:	0px auto 0px auto;
	position: relative;
	background-color: #FFFFFF;
}

h1 { font-size: 1.3em; color: #5B5B5B; margin: 0 0 .5em 0; }
h2 { font-size: 1.1em; color: #5B5B5B; margin: 0 0 .2em 0; }
h3 { font-size: 1em; margin: 0 0 0.5em 0; }
p { margin: 0px 0px 0px 0px; }
p.extra {font-size:0.9em; line-height:normal;}
a { color: #1D3A83; }
a:hover { color: #5B5B5B; }
article {vertical-align:top;}

img
	{
	opacity:1;
	filter:alpha(opacity=100);
	}

footer { font-size: .85em; color: #1D3A83; background-color: #CCCCCC; padding: 10px 10px 10px 0px; }

a.tit_prods { 
	display: block;
	color:#1D3A83;
	font-family:"Arial Narrow", Arial ;
	font-weight: bold;
	text-decoration: none;
	background-color:#CECECE;
	margin: .2em 0 0 0;
	padding: 0px 12px 0px 12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

a.tit_prods:hover { color: #5B5B5B; background-color:#D1E2F0; text-decoration:none;}

.producto h3 { font-size: 1.1em; /*margin: 0;*/}
.producto p { line-height: 1.2em; font-size: .9em; margin-bottom: 0.5em; }
.producto { background-repeat: no-repeat; background-size: 60px 60px; margin-bottom: 3em; }
.producto.one { background-image: url(../imagenes/producto_1.jpg); }
.producto.two { background-image: url(../imagenes/producto_2.jpg); }
.producto.three { background-image: url(../imagenes/producto_3.jpg); }
.producto.four { background-image: url(../imagenes/producto_4.jpg); }
.producto.five { background-image: url(../imagenes/producto_5.jpg); }
.producto.six { background-image: url(../imagenes/producto_6.jpg); }
.producto.seven { background-image: url(../imagenes/producto_7.jpg); }
.producto.eight { background-image: url(../imagenes/producto_8.jpg); }
.producto.nine { background-image: url(../imagenes/producto_9.jpg); }

nav a {
	color: #1d3a83;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
}

img.facebook_button, img.instagram_button {width: 20px; margin-left:5px;}
.stButton.sharethis {width: 20px;}
.stButton.chicklets {line-height:20px;}
button.lupa_button{display: inline-block; width: 14px; height: 16px; background: url(../imagenes/lupa.png)0px 0;border: none;}
button.lupa_button:hover{background: url(../imagenes/lupa.png)14px 0; border: none;}
#buscador {display:none; overflow: auto;}

.clear-fix {clear: both; line-height: 1px;}

.tabla_inicio {
	width:100%;
	margin: 0px 0px 0px 0px;
	}
td {vertical-align:top;}

.lista {
	display:block;
	width: 165px;
	height:600px;
	margin-right: 0px;
	margin-top: 30px;
	/*margin-top:-20px;*/
	}

.menu_lista_sin {
	display:block;
	position:absolute;
	background-color:#D1E2F0;
	padding: 0px 10px 10px 40px;
	/*border: 1px solid #A6ABC5;*/
	/*-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;*/
	list-style-type:none;
	font-family:"Arial Narrow",Arial;
	}
	
.menu_lista_prod {list-style-type:none; width: 75%; margin-left:-30px;}

.texto_lista_prod {	
	display:block;
	font-family:"Arial Narrow",Arial;	
	font-weight:bold;	
	padding: 0px 0px 0px 15px;
	background-color:#A6ABC5;
	margin: 6px 0px 6px 0px;
	border: 1px solid #CECECE;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}

.texto_lista_tit, .texto_lista_tit_on {
	display:block;
	margin-left:-30px;
	margin-top: 5px;
	border: 1px solid #D1E2F0;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}

.texto_lista_tit_on {
	color: #5B5B5B; 
	background-color:#CECECE;}

.texto_lista_tit.one {
	padding: 5px 0px 5px 0px;
}

a.texto_lista_tit {
	display:block;
	color:#1D3A83;	
	text-decoration: none;
	background-color:#A6ABC5;
	padding: 0px 0px 0px 5px;
	margin-left:-30px;
	/*margin-right: 5px;*/
	}

a.texto_lista {
	display:block;
	color:#1D3A83;
	text-decoration: none;
	margin-left:-25px;
	/*padding-left:5px;*/
	}

a.texto_lista_prod {	
	text-decoration: none;
	}

a.texto_lista:hover, a.texto_lista_tit:hover, a.texto_lista_prod:hover {text-decoration:none; background-color:#CECECE; }

.inicio_seccion {margin:20px 0px 20px 0px; height:20px;}

.bloque { 
	background-color:#CECECE; 
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px; }
	
.bloque.dos {background-color:#e1eef8;}

.foto {background-repeat:no-repeat;}
.foto.index.one { background-image: url(../imagenes/productos01.png); height:165px; background-size:211px 165px; background-position: center bottom; }

address {font-style:normal;}

.subir {font-size:0.85em; width: 100%; display:block; text-align: center; padding: 20px 0px 20px 0px;}

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{
.producto.one { background-image: url(../imagenes/producto_1_2x.jpg); }
.producto.two { background-image: url(../imagenes/producto_2_2x.jpg); }
.producto.three { background-image: url(../imagenes/producto_3_2x.jpg); }
.producto.four { background-image: url(../imagenes/producto_4_2x.jpg); }
.producto.five { background-image: url(../imagenes/producto_5_2x.jpg); }
.producto.six { background-image: url(../imagenes/producto_6_2x.jpg); }
.producto.seven { background-image: url(../imagenes/producto_7_2x.jpg); }
.producto.eight { background-image: url(../imagenes/producto_8_2x.jpg); }
.producto.nine { background-image: url(../imagenes/producto_9_2x.jpg); }
.foto.index.one { background-image: url(../imagenes/productos01_2x.png); }
button.lupa_button{background: url(../imagenes/lupa_2x.png)0px 0;}
button.lupa_button:hover {background: url(../imagenes/lupa_2x.png)28px 0;}
}

/*--- Hoverbox ---*/

.hoverbox_contenedor {
	width: auto; 
	position:relative; 
	top:0px; }

.hoverbox
{	cursor: default;
	list-style: none;
	overflow: auto;}

.hoverbox a
{	cursor: default;}

.hoverbox a .preview, .hoverbox a .preview_cuadro, .hoverbox a .preview_horiz
{	display: none;}

.hoverbox img
{	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 60px;
	height: 60px;}

.hoverbox li
{	color: inherit;
	display: inline;
	float: left;
	padding: 0px;
} 
	
.hoverbox a:hover .preview, .hoverbox a:hover .preview_cuadro, .hoverbox a:hover .preview_horiz 
{	display: block;
	z-index: 1;}