@import "reseter_v2.css";
@import "fuentes/stylesheet.css";

/*

TIPOGRAFIAS

font-family: 'TeXGyreAdventorRegular';
font-family: 'TeXGyreAdventorItalic';
font-family: 'TeXGyreAdventorBold';
font-family: 'TeXGyreAdventorBoldItalic';

COLORES

#059

#06a

inicio	:			#18b
quienes_somos	: 	#687
catalogo:			#648
prensa:				#178
ubicacion:			#35a
contactese:			#09a

*/


body{
	background-color:#059;
	/*font-family: 'Century Gothic','TeXGyreAdventorRegular','Trebuchet MS',arial,helvetica,sans-serif;*/
	font-family: 'TeXGyreAdventorRegular','Trebuchet MS',arial,helvetica,sans-serif;
	font-size:100%;
	line-height:120%;
}

#fondo_contenedor{
	position:absolute;
	width:100%;
	height:566px;
	overflow:hidden;
	background-color:#fff;
}

#fondo_fotos{
	position:absolute;
	width:1600px;height:566px;
	left:-800px;margin-left:50%;/* esto hace que se mantenga centrada la imagen del fondo si cambia el taman'o de la ventana */
	top:20px;
	background:#fff url("../img/fondo_foto_0.jpg") no-repeat center top ; /* para mostrar algo hasta que se cargan las fotos */
}

#fondo_superior{
	position:absolute;
	width:1600px;height:20px;
	left:-800px;margin-left:50%;
	top:0;
	background-color:#059;
}

#fondo_blanco{
	background:transparent url('../img/pixel_blanco.png') repeat center 500px;
}
#contenedor{
	position:relative;
	top:-100%;
	width:1200px;
	margin:0 auto;
	background:#fff url("../img/fondo_contenedor.png") repeat-x 0 -20px;
	border-top:20px solid #06a;
	
	-moz-box-shadow: 	0px 4px 12px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:	0px 4px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 		0px 4px 12px rgba(0, 0, 0, 0.4);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=180, Color='#aaaaaa')";
}

#cabecera{
	position:relative;
	margin-top:1px;
	border-top:2px solid #06a;
	height:150px;
}

#logo{
	position:absolute;
	left:112px;top:8px;
}

#frase{
	position:absolute;
	left:415px;top:28px;
	font-size:.8em;
	letter-spacing:.6em;
}


/* MENU >>> */

#menu{
	position:absolute;
	left:415px;top:80px;
}
#menu div{
	float:left;
	margin-left:10px;
	height:50px;
	background-image:url('../img/menu_colores.png');
}
#menu div:first-child{
	margin-left:0;
}
#menu a{
	text-decoration:none;
	color:#000;
	/*font-family:'TeXGyreAdventorBold';*/
	font-size:.8em;
	letter-spacing:.1em;
	display:block;
	width:100%;
	height:100%;
}
#menu a > span{
	margin-left:5px;
	padding:0 0 0 5px;
	position:relative;
	display:block;
	top:34px;
	border-left:14px solid #fff;
	height:8px;
}
#menu a > span > span {
	position:relative;
	top:-6px;
}
#menu div.actual a > span{
	border-color:#fff;
	color:#fff;
}
#menu div.actual a > span > span{
	color:#fff;
}
#menu div.actual:hover a > span > span{
	color:#000;
}

/* INICIO */
#menu #item1{width:82px;		background-position:0 0;}
#menu #item1.actual{			background-position:0 -100px;}
#menu #item1:hover{			background-position:0 -50px;}
#menu #item1.noactual a > span{border-color:#18b;}

/* QUIÉNES SOMOS */
#menu #item2{width:160px;	background-position:-82px 0;}
#menu #item2.actual{			background-position:-82px -100px;}
#menu #item2:hover{			background-position:-82px -50px;}
#menu #item2.noactual a > span{border-color:#687;}

/* CATÁLOGO */
#menu #item3{width:122px;	background-position:-242px 0;}
#menu #item3.actual{			background-position:-242px -100px;}
#menu #item3:hover{			background-position:-242px -50px;}
#menu #item3.noactual a > span{border-color:#648;}

/* PRENSA */
#menu #item4{width:90px;		background-position:-364px 0;}
#menu #item4.actual{			background-position:-364px -100px;}
#menu #item4:hover{			background-position:-364px -50px;}
#menu #item4.noactual a > span{border-color:#178;}

/* UBICACIÓN */
#menu #item5{width:123px;	background-position:-454px 0;}
#menu #item5.actual{			background-position:-454px -100px;}
#menu #item5:hover{			background-position:-454px -50px;}
#menu #item5.noactual a > span{border-color:#35a;}

/* CONTÁCTESE */
#menu #item6{width:135px;	background-position:-577px 0;}
#menu #item6.actual{			background-position:-577px -100px;}
#menu #item6:hover{			background-position:-577px -50px;}
#menu #item6.noactual a > span{border-color:#09a;}

/* <<< MENU */




#contenido{
	position:relative;
	min-height:300px;
	width:100%;
	/*background:transparent url('../img/fondo_contenido_color.png') no-repeat center bottom;*/
}
#margen{
	margin:15px;
}
#margen_logos{
	width:100%;
	height:150px;
	background:transparent url('../img/fondo_contenido_color.png') no-repeat center bottom;
}






#pie{
	position:relative;
	width:100%;
	height:100px;
	
	background-color:#059;
	
	font-size:.7em;
	letter-spacing:2px;
	color:#ddd;
	text-align:center;
}
#pie #copy{
	font-family: 'TeXGyreAdventorBold';
}
#pie #tecnico{
	font-size:.8em;
}
#pie a{
	color:#fff;
	text-decoration:none;
}


.borrar_flujo{
	clear:both;
}

.btn{
	cursor:pointer;
}
.DA{
	color:#06a;
	font-family: 'TeXGyreAdventorBold';
}
#contenido h1{
	font-size:1.1em;
	letter-spacing:.4em;
	padding:0 0 2px 0;
	text-align:right;
	border-bottom:1px solid #ccc;
}
#contenido h2{
	font-size:.9em;
	font-family:'TeXGyreAdventorBold';
	color:#999;
	margin:.9em 0;
}
#contenido h3{
	font-family: 'TeXGyreAdventorBold';	
	font-size:.85em;
	margin:.7em 0;
}
#contenido p{
	color:#333;
	font-size:.8em;
	text-align:justify;
	margin:.6em 0;
	line-height:1.8em;
}

#contenido ul{
	margin:0 2em;
}
#contenido ul li{
	list-style:square outside;
	margin:.5em 1em;
	text-align:justify;
	font-size:.8em;
}


#contenido hr{
	height:0;
	color:transparent;
	border-bottom:1px solid #ccc;
}

.columna{
	float:left;
	margin-left:15px;
}
.columna:first-child{
	margin-left:0;
}
.span1{
	width:380px;
}
.span2{
	width:775px;
}

/* columnas internas dentro de una span2 */
.span2b{
	width:550px;
}
#contenido .span2 .span1b{
	width:212px;
	margin-left:12px;
}

/* 5 columnas para avisos, notas */

#contenido ul.notas
{
	margin: 0;
}

.ficha,
ul.notas > li
{
	position: relative;
	width:202px;
	height:306px;
	float:left;
	margin-left:32px;
	overflow:hidden;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	
	-moz-box-shadow:	2px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:	2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:			2px 2px 2px rgba(0, 0, 0, 0.3);
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#aaaaaa')";

}

.ficha:first-child,
ul.notas > li.pri
{
	margin-left:16px;
}

.ficha h4,
#contenido ul.notas li h3
{
	position: absolute;
	top: 0;
	left: 0;
	font-size:.8em;
	height:24px;
	width: 198px;
	background-color:#eee;
	padding:2px;
	margin: 0;
	font-weight: normal;
	font-family: 'TeXGyreAdventorRegular';
	color: #000;
	text-decoration: none;
}
#contenido ul.notas p
{
	display: none;
}
ul.notas li img
{
	position: absolute;
	bottom: 0;
	left: 0;
}

.vacia{
	background-color:#ddd;
	border-color:#ccc;
}
.vacia h4{
	color:#aaa;
}
/* EFECTOS NO STANDARS */
.bordes_redondeados_8px{
	-moz-border-radius:		8px;
    -webkit-border-radius:	8px;
    -khtml-border-radius:	8px;
    border-radius:			8px;
}
.sombra_NO_4px{
	-moz-box-shadow:	4px 4px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:	4px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow:			4px 4px 4px rgba(0, 0, 0, 0.3);
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
}

.bordes_redondeados_4px{
	-moz-border-radius:		4px;
    -webkit-border-radius:	4px;
    -khtml-border-radius:	4px;
    border-radius:			4px;
}
.sombra_NO_2px{
	-moz-box-shadow:	2px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:	2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:			2px 2px 2px rgba(0, 0, 0, 0.3);
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#aaaaaa')";
}
/* <<< */


.bloque{
	position:relative;
	float:left;
	width:380px;
	height:310px;
	border-top:1px solid #888;
	margin-left:15px;
	background-color:#777;
}

.bloque:first-child{
	margin-left:0;
}

/* INICIO */

/* Banners */

#contenido .bloque h1
{

	position:absolute;
	bottom:2px;
	left:24px;
	
	color:#fff;
	font-size:1.1em;
	letter-spacing:.1em;
	border-bottom:0 none transparent;
	
	text-align:left;
}
#contenido .bloque .mascara{
	width:100%;
	height:286px;
	overflow:hidden;
	background-color:#888;
}

/* sobre escribe estilos de COIN SLIDER */
#pagina.inicio .coin-slider{
	overflow:visible; /* para poder mostrar los botones de navegacion fuera de la caja */
}
#pagina.inicio .cs-buttons{
	top:15px;
}
#pagina.inicio .cs-buttons a{
	width:16px;
	height:9px;
}
#contenido .bloque .cs-title h3{
	font-family:'TeXGyreAdventorBold';
	font-size:.9em;
	letter-spacing:.1em;
	margin:4px;
}
#contenido .bloque .cs-title p{
	color:#fff;
	font-size:.7em;
	line-height:1.7em;
	margin:0 4px;
}

/* colores de las cajas y los botones de navegación */
#banner_novedades{
	margin-left:0;
	background-color:#18b;
	border-color:#18b;
}
#banner_novedades .cs-buttons a{
	border-color:#18b;
	color:#18b;
}
#banner_novedades .cs-active{
	background-color:#18b;
}

#banner_productos{
	background-color:#687;
	border-color:#687;
}
#banner_productos .cs-buttons a{
	border-color:#687;
	color:#687;
}
#banner_productos .cs-active{
	background-color:#687;
}

#banner_prensa{
	background-color:#35a;
	border-color:#35a;
}
#banner_prensa .cs-buttons a{
	border-color:#35a;
	color:#35a;
}
#banner_prensa .cs-active{
	background-color:#35a;
}


/* define para EASY SLIDER */
#contenido .bloque .mascara > ul {
	margin:0;
	padding:0;
}
#contenido .bloque .mascara > ul > li{
	width:380px;
	height:286px;
	margin:0;
	padding:0;
}

#contenido .bloque .mascara a{ text-decoration: none; outline: none; border: none; }

#contenido .bloque ol {
	margin:0;
	position:absolute;
	bottom:-20px;
	left:16px;
}

#contenido .bloque ol  li { 
	font-size: 0px; 
	display:block;
	float: left; 
	margin-left: 5px; 
	width:16px;
	height:9px; 
	overflow:hidden; 
	border: 1px solid #B8C4CF; 
	color: #B8C4CF; 
}
#contenido .bloque ol  li a { 
	display:block;
	height:100%;
	width:100%;
	color:transparent; 
	text-indent: -1000px; 
}
.current { 
	background-color: #B8C4CF; 
	color: #FFFFFF; 
}

#banner_novedades{
	margin-left:0;
	background-color:#18b;
	border-color:#18b;
}
#banner_novedades ol a{
	border-color:#18b;
	color:#18b;
}
#banner_novedades .current{
	background-color:#18b;
}

#banner_productos{
	background-color:#687;
	border-color:#687;
}
#banner_productos ol a{
	border-color:#687;
	color:#687;
}
#banner_productos .current{
	background-color:#687;
}

#banner_prensa{
	background-color:#35a;
	border-color:#35a;
}
#banner_prensa ol a{
	border-color:#35a;
	color:#35a;
}
#banner_prensa .current {
	background-color:#35a;
}
#contenido .bloque .mascara > ul > li > a > span {
	display:block;
	position:relative;
	top:-50px;
	width:100%;
	height:50px;
	background:transparent url('../img/1px_negro_opacidad_80.png') repeat;
}
#contenido .bloque .mascara > ul > li > a > span > h3{
	font-family:'TeXGyreAdventorBold';
	font-size:.9em;
	letter-spacing:.1em;
	margin:4px;
	color:#fff;
	z-index:20;
}
#contenido .bloque .mascara > ul > li > a > span > p{
	color:#fff;
	font-size:.8em;
	line-height:1.7em;
	margin:0 4px;
	color:#fff;
	z-index:30;
}







/* QUIENES SOMOS */

#pagina.quienes_somos #contenido h1{
	color:#687;
	border-bottom:1px solid #687;
	margin-left:395px;
}
#pagina.quienes_somos #contenido hr{
	border-bottom:24px solid #687;
}
#pagina.quienes_somos #fotos{
	width:380px;
	height:200px;
}

/* CATALOGO */

#pagina.catalogo #contenido h1{
	color:#648;
	border-bottom:1px solid #648;
	margin-left:395px;
}
#pagina.catalogo #contenido hr{
	border-bottom:24px solid #648;
}

#pagina.catalogo #fotos{
	width:380px;
	height:200px;
}



#pagina.listado_lineas .span1b{
	margin-top:-40px;
}
#pagina.catalogo .span1b h3{
	background-color:#648;
	color:#fff;
	text-align:center;
	letter-spacing:.15em;
	padding:4px 0;
}
#pagina.catalogo .nivel0 p{
	color:#648;
	font-family: 'TeXGyreAdventorBold';
	margin:1.5em 0 0 0;
}
#pagina.catalogo .nivel1 a{
	display:block;
	border-bottom:1px dashed #ccc;
	font-size:.7em;
	text-decoration:none;
	color:#33a;
	padding:.2em;
	padding-left:1em;
	letter-spacing:.1em;
}
#pagina.catalogo .nivel1 a:hover{
	background-color:#06a;
	color:#fff;
}
#pagina.catalogo .nota{
	font-size:.7em;
	line-height:1.7em;
}
#pagina.catalogo .nota h4{
	font-size:1em;
	font-family: 'TeXGyreAdventorBold';
	letter-spacing:.2em;
	color:#648;
}
#pagina.catalogo .nota ul{
	margin:0 1em;
}
#pagina.catalogo .nota ul li{
	list-style:square outside;
	margin:.5em 1em;
	text-align:justify;
	font-size:1em;
}

#pagina.catalogo #columna1{
	position:relative;
}
#carro{
	margin-top:20px;
}
#carro h3{
	color:#648;
	font-size:1em;
	letter-spacing:.2em;
}
#carro_precios{
	margin:10px 0;
	padding:10px;
	color:#fff;
	background-color:#648;
}
#carro_precios p{
	font-family: 'TeXGyreAdventorBold';
	font-size:.9em;
	line-height:1.2em;
	color:#fff;
	border-bottom:1px dashed #fff;
	padding-bottom:4px;
	margin-bottom:8px;
}
#carro #borrar, #carro #enviar{
	float:left;
	width:150px;
	height:32px;
	text-align:center;
	font-family: 'TeXGyreAdventorBold';
	background-color:#ccc;
}
#carro #borrar span, #carro #enviar span{
	display:block;
	margin-top:5px;
}
#carro #borrar{
	color:#900;
	margin-left:30px;
}
#carro #borrar:hover{
	color:#fff;
	background-color:#900;
}
#carro #enviar{
	color:#009;
	margin-left:10px;
}
#carro #enviar:hover{
	color:#fff;
	background-color:#06a;
}

#pagina.catalogo .volver{
	font-size:.55em;
	text-decoration:none;
	letter-spacing:.3em;
}
#pagina.catalogo .volver:hover{
	color:#fff;
	background:#648;
	padding:.5em;
}

#pagina.listado_productos #columna2 h2{
	font-family: 'TeXGyreAdventorRegular';
	font-size:1.3em;
	letter-spacing:.2em;
	margin:.6em 0;
	color:#000;
}
#pagina.listado_productos #columna2 h2 .nombre_linea{
	font-family: 'TeXGyreAdventorBold';
	color:#648;
}
#pagina.listado_productos #columna2 h2 .nombre_linea{
	
}
.version_imprimible,.numeracion {
	font-size:.55em;
	letter-spacing:.2em;
	float:left;
}
.numeracion{
	float:right;
}
.numeracion > div{
	float:left;
}
.numeracion a{
	float:left;
	display:block;
	height:15px;
	padding: 0 .3em;
	text-decoration:none;
	margin:0 .3em;
}
.numeracion a.oscuro{
	background-color:#648;
	color:#fff;
}
.numeracion a:hover{
	background-color:#000;
	color:#fff;
}
#listado_productos{
	clear:both;
	padding-top:1em;
}
#listado_productos .ID{
	border:1px solid #ccc;
	border-width:1px 0;
	margin-bottom:2px;
	padding:1em 0;
}
#listado_productos .nombre{
	font-family: 'TeXGyreAdventorBold';
	margin-bottom:.5em;
}
#listado_productos .descripcion{
	font-size:.8em;
	float:left;
	width:370px;
	margin-right:10px;
}
#listado_productos .btn{
	width:50%;
	text-align:center;
	font-family: 'TeXGyreAdventorBold';
	font-size:.8em;
	letter-spacing:.3em;
	color:#fff;
	background-color:#648;
	padding:.3em;
	margin-top:1em;
}


/* PRENSA */

#pagina.prensa #margen > h1{
	color:#178;
	border-color:#178;
	margin-bottom:10px;
}
#pagina.prensa .bloque img{
	display:block;
	width:380px;
	height:286px;
	background-color:#fff;
}
#banner_avisos{
	margin-left:0;
	background-color:#17a;
	border-color:#17a;
}
#banner_notas{
	background-color:#178;
	border-color:#178;
}
#banner_galeria{
	background-color:#169;
	border-color:#169;
}


#pagina.galeria .bloque{	
	background-color:#000;
	border-top:1px solid #000;
}
#pagina.galeria .bloque a{
	color:#fff;
	text-decoration:none;
}
#pagina.galeria .bloque span{
	color:#fff;
	display:block;
	margin-left:1em;
	font-size:.8em;
}
#tira_fotos_mascara{
	position:relative;
	width:100%;
	overflow:hidden;
	height:250px;
	border-bottom:1px solid #ccc;
	background-color:#000;
	
	-moz-border-radius:		8px;
    -webkit-border-radius:	8px;
    -khtml-border-radius:	8px;
    border-radius:			8px;
}
#tira_fotos {
	/*margin-left:425px;*/
	margin:10px auto 0 auto;
}
#tira_fotos ul{
	margin:0;
	padding:0;
}
#tira_fotos ul li{
	margin:0;padding:0;
	list-style: none;
	width:320px;
	height:213px;
	overflow:hidden;
	background:#000;
}

#tira_fotos_mascara .tapita{
	background:transparent url('../img/1px_negro_opacidad_80.png') repeat;
	width:425px;
	height:213px;
	position:absolute;
	top:10px;
}
#tira_fotos_mascara  #mascara_izq{
	left:0;
	/*	
	-moz-border-radius:		8px 0px 0px 8px;
    -webkit-border-radius:	8px 0px 0px 8px;
    -khtml-border-radius:	8px 0px 0px 8px;
    border-radius:			8px 0px 0px 8px;
	*/
}
#tira_fotos_mascara  #mascara_der{
	right:0;
	/*
	-moz-border-radius:		0px 8px 8px 0px;
    -webkit-border-radius:	0px 8px 8px 0px;
    -khtml-border-radius:	0px 8px 8px 0px;
    border-radius:			0px 8px 8px 0px;
	*/
}

#pagina.album #control {
	float:right;
	margin-top:8px;
	margin-left:10px;
	margin-right:10px;
}

#pagina.album #control li{
	font-size: 0px; 
	display:block;
	float: left; 
	margin-left: 5px; 
	width:16px;
	height:9px; 
	overflow:hidden; 
	border: 1px solid #fff; 
	color: #000;
	
}
#pagina.album #control li a{
	text-decoration:none;
}
#pagina.album #control li:hover{
	color:#178;
	background-color:#178;
	border-color:#178;
}
#pagina.album .current{
	background-color:#fff;
}
#pagina.album #prevBtn,
#pagina.album #nextBtn{
	height:9px;
	width:16px;
	border: 1px solid #fff; 
	overflow:hidden;
	display:block;
	float:left;
	margin-left: 15px; 
	margin-top:8px;
}
#pagina.album #prevBtn{
	margin-right:0;
}
#pagina.album #prevBtn a,
#pagina.album #nextBtn a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	line-height:11px;
	display:block;
	text-align:center;
	top:-3px;
	position:relative;
}

#pagina.album #prevBtn:hover,
#pagina.album #nextBtn:hover,
#pagina.album #prevBtn a:hover,
#pagina.album #nextBtn a:hover{
	background:#fff;
	color:#000;
}


#pagina.album .volver{
	color:#178;
	font-size:.7em;
	text-decoration:none;
	letter-spacing:.3em;
}
#pagina.album .volver:hover{
	color:#fff;
	background:#178;
	padding:.5em;
}



#pagina.ubicacion #contenido h1{
	margin-left:395px;
	color:#35a;
	border-color:#35a;
}
#pagina.ubicacion #contenido hr{
	border-bottom:24px solid #35a;
	position:relative;
	left:-397px;
	width:947px;
}
#pagina.ubicacion #contenido h2 a{
	color:#35a;
	display:block;
	text-decoration:none;
	padding:5px;
	text-align:center;
	background:#eee;
}
#pagina.ubicacion #columna1{
	margin-top:132px;
}
#mapa{
	height:286px;
	/*background-color:#35a;*/
}




#pagina.contactese #contenido h1{
	margin-left:395px;
	color:#09a;
	border-color:#09a;
}
#pagina.contactese #contenido h2{
	letter-spacing:3px;
	font-size:1.1em;
	color:#09a;
}
#pagina.contactese #contenido hr{
	border-bottom:24px solid #09a;
}
#pagina.contactese .email{
	font-size:1em;
	padding:10px;
	width:200px;
	background-color:#09a;
	text-align:center;
}
#pagina.contactese .email a{
	color:#fff;
}
form{
	border:1px solid #09a;
	padding:15px;
}

#pagina.contactese .span1b {
	padding-top:10px;
}
#pagina.contactese .span1b p{
	text-align:left;
	font-size:.75em;
}

#pagina.contactese input,
#pagina.contactese textarea{
	border:1px solid #09a;
	display:block;
	width:516px;
}
#pagina.contactese textarea{
	height:200px;
	resize: none;
	outline: none;
}
#pagina.contactese .btn{
	width:216px;
	margin-left:150px;
	background-color:#09a;
	color:#fff;
}
#contenido input#cancelar{
	background-color:#666;
	color:#fff;
	margin-top:5px;
}