/*
 *	##### ESTILOS GENERALES #####
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    vertical-align: baseline
}

html {
 
}

body {
    font-family: Verdana, Geneva, Helvetica, sans-serif;
    font-size: 62.5%;
    background: #000000 url(/baltus/img/fondo.jpg) repeat-x fixed center 60%;
    color: #ffffff;
    width: 100%;
	height: 100%;
}

input {
    font-family: Arial, Helvetica, sans-serif;

}:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

h1, h2, h3, h4, h5, h6, pre, code {
    font-size: 1em;
}

strong {
    font-weight: bold;
}

a {
    text-decoration: none;
    border: none;
	color: #ffffff;
}

a:hover {
    border: none;
}

em {
    font-style: italic;
}

.clear{
    clear: both;
    display: block;
}

.hidden{
	display: none;
}

#toggleMusica {
	background-image: url(../img/ecualizador.jpg);
	width: 22px;
	height: 15px;
}


/**
 * Main
 */
#main{
	left:50%;
	margin:0 auto;
	margin-left:-400px;
	margin-top:-280px;
	position:absolute;
	top:50%;
	width:801px;
}

/**
 * Header
 */
#lang_bar{
	text-align: right;
	border-bottom: 2px solid #ffffff;
	font-size: 0.9em;
	padding: 15px 0;
    font-family: Arial, Helvetica, sans-serif;
}

#lang_bar a{
	color: #c6c7c8;
}

#header{
	width: 801px;
	overflow: hidden;
	padding: 15px 0;
	background: #000000;
}

h1{
	width: 177px;
	height: 20px;
	float: left;
	background: url('../img/logo.gif') left top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

ul#top_menu{
	float: right;
}

ul#top_menu li{
	display: inline;
	font-size: 1.2em;
	margin-left: 18px;
}

ul#top_menu li a{
	color: #ffffff;
}

ul#top_menu li a.selected{
	color: #9c9e9f;
}

/*ul#top_menu li a.empresa{
	background: url('../img/menu/empresa.gif') top left no-repeat;
	width:53px;
}

ul#top_menu li a.empresaselected{
	background: url('../img/menu/empresaselected.gif') top left no-repeat;
	width:53px;
}

ul#top_menu li a.colecciones{
	background: url('../img/menu/colecciones.gif') top left no-repeat;
	width:67px;
}*/

/**
 * Content
 */
#content{
	clear: both;
	float: none;
	border: 2px solid #ffffff;
	width: 797px;
	height: 323px;
	overflow: hidden;
	position: relative;
	background: #000000;
}

/*
#content.carga{
	background: url('../img/animacion_clip.gif') center center no-repeat;
}
*/

#main.index #content img{
	position: absolute;
	top: 0;
	left: 0;
}

#content_left{
	position: absolute;
	top: 0;
	left: 0;
	height: 323px;
	width: 232px;
	padding: 20px 20px 20px 20px;
	background: url('../img/fondo_empresa.png') 0 0 repeat;
	zoom: 1;
	z-index: 10;
}


#scroll_left{
	height: 273px;
	width: 179px;
	overflow: auto;
	color: #333333;
	font-size: 10px;
	line-height: 15px;
}

#scroll_left p{
	margin: 10px 10px 10px 0;
}

/* colecciones */

#colecciones_left{
	float: left;
	width: 110px;
	background: #706f6e;
	height: 323px;
	padding: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
}

#colecciones_left li{
	font-size: 11px;
	height: 14px;
	margin: 0 10px;
}


#colecciones_left li.last{
	border-top: 1px solid #ffffff;
	margin-top: 10px;
	padding-top: 10px;
}

#colecciones_left li a.active{
	color: #000000;
}

#colecciones_mid{
	position: absolute;
	z-index: 100;
	left: 110px;
	width: 20px;
	height: 323px;
}

#colecciones_mid div#abre_detalles{
	position: absolute;
	top: 0;
	right: 0;
}

#colecciones_mid div.detalles{
	height: 323px;
	display: none;
	overflow: hidden;
	padding-left: 13px;
	background: url('../img/fondo_colecciones.png') top left repeat;
}

#colecciones_mid ul{
	float: left;
	margin: 10px 0 0 0;
	height: 323px;
	padding-right: 10px;
}

#colecciones_mid li{
	width: 65px;
	height: 65px;
	position: relative;
	margin-bottom: 10px;
}

#colecciones_mid li img{
	width: 65px;
	height: 65px;
	border: 2px solid #ffffff;
	margin-bottom: 5px;
}

#colecciones_right{
	float: right;
	width: 687px;
	overflow: hidden;
	margin: 0;
}

/* ver / descargar catálogo */
#barra_catalogo{
	text-align: center;
	position: relative;
	margin-bottom: -20px;
    font-family: Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

#barra_catalogo a{
	font-size: 11px;
	line-height: 20px;
}

/* pagination */

#nav{
	position: absolute;
	right: 0;
	top: 0px;
	padding: 0px;
	margin-top: -1px;
}

#nav a{
	margin-left: 10px;
	font-size: 11px;
	color: #666666;
	font-style:italic;
}

#nav a.activeSlide{
	color: #ffffff;
}

/* aviso legal */

#content_text{
	margin: 25px;
}

#scroll_text{
	height: 253px;
	width: 699px;
	margin: 25px;
	padding-right: 50px;
	overflow: auto;
	color: #333333;
	font-size: 10px;
	line-height: 15px;
}

#scroll_text h2, #scroll_text p{
	font-size: 11px;
	line-height: 18px;
	color: #ffffff;
	margin-bottom: 10px;
}

#scroll_text h2{
	margin-top: 30px;
	margin-bottom: 10px;
}

/* contacto */

#contact_text{
	width: 279px;
	height: 323px;
	background: #d9d9d9;
	float: left;
}

#contact_text .contact{
	width: 200px;
	margin: 106px 20px 106px 20px;
	color: #58585a;
}

#contact_text h2{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 25px;
}

#contact_text p{
	font-size: 9px;
}

#contact_form{
	float: right;
}

#contact_form form{
	width: 300px;
	height: 222px;
	border: 2px solid #ffffff;
	margin: 35px 90px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#contact_form fieldset{
	font-size: 11px;
	color: #ffffff;
}

#contact_form input, #contact_form textarea{
	margin-bottom: 8px;
}

#contact_form fieldset.left{
	float: left;
	width: 129px;
}

#contact_form fieldset.left input{
	width: 115px;
	font-size: 11px;
}

#contact_form fieldset.right{
	float: right;
	width: 170px;
}

#contact_form fieldset.right input{
	width: 162px;
	font-size: 11px;
}

#contact_form fieldset.clear{
	clear: both;
	float: none;
}

#contact_form fieldset.clear textarea{
	width: 296px;
	font-size: 11px;
}

#contact_form fieldset.buttons{
	float: right;
	margin: 14px 0;
}

#contact_form fieldset.buttons button{
	border: 0;
	background: #000000;
	padding: 0;
	margin-left: 10px;
	cursor: pointer;
	font-size: 11px;
	color: #ffffff;
}

#contact_message{
	position: relative;
	float: right;
	width: 329px;
	height: 192px;
	margin: 70px 90px;
	border: 2px solid #ffffff;
}

#contact_message p{
	margin: 20px;
	font-size: 11px;
}

#contact_message p.back{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 10px;
}

#div_pais {
	height:42px;
}

#contact_form #pais {
	background: #ffffff url(../img/flechapaises.gif) no-repeat right 5px;
}

#contact_form input[type=text], select, textarea {
    border-top: 1px #acaeb4 solid;
    border-left: 1px #dde1e7 solid;
    border-right: 1px #dde1e7 solid;
    border-bottom: 1px #e3e9ef solid;
    padding: 2px;
}
#contact_form input[type=text]:hover, select:hover, textarea:hover, input[type=text]:focus, select:focus, textarea:focus {
    border-top: 1px #5794bf solid;
    border-left: 1px #c5daed solid;
    border-right: 1px #b7d5ea solid;
    border-bottom: 1px #c7e2f1 solid;
}

#marcopaises{
	background-color: #d9d9d9;
	position:absolute;
	padding: 5px 5px 8px 13px;
	margin-top: -7px;
	display:none;
}

#scrollpaises{
	height: 140px;
	width: 150px;
	overflow: auto;
	color: #333333;
	font-size: 10px;
	line-height: 15px;
	background-color: #d9d9d9;
}

#scrollpaises div {
	color: #333333;
}

#scrollpaises div.active {
	color: #000000;
	font-weight: bold;
}

/**
 * Diseño
 */

#content_right{
	position: relative;
	float: right;
	width: 518px;
	height: 323px;
	overflow: hidden;
}

#listado_disenadores{
	width: 100%;
	overflow: hidden;
}

#listado_disenadores ul{
	float: left;
	margin: 35px 20px;
	height: 263px;
	width: 180px;
	padding-right: 10px;
}

#listado_disenadores li{
	margin-bottom: 10px;
	width: 180px;
	overflow: hidden;
}

#listado_disenadores li .img{
	float: left;
}

#listado_disenadores li .text{
	float: left;
	margin-left: 10px;
	font-size: 12px;
}

#listado_disenadores li .text h2, #listado_disenadores li .text p{
	margin-bottom: 4px;
}

#listado_disenadores li .text a{
	background: #ffffff;
	color: #000000;
}

#detalles_disenadores{
	position: absolute;
	top: 36px;
	right: 38px;
	width: 222px;
	height: 222px;
	overflow: hidden;
	background: #d9d9d9;
	padding-top: 16px;
	display: none;
	line-height: 15px;
	padding-bottom: 20px;
}

#detalles_disenadores .detalle{
	width: 178px;
	height: 210px;
	overflow: auto;
	margin: 16px;
	color: #58585a;
	padding-right: 25px;
	padding-bottom: 20px;
}

#detalles_disenadores .detalle h2{
	color: #0a1010;
	font-size: 12px;
	margin-bottom: 20px;
}

/**
 * Noticias
 */
 
#scroll_listado_noticias{
	height: 252px;
	width: 480px;
	overflow: auto;
	color: #333333;
	font-size: 10px;
	line-height: 15px;
}

#noticias_left{
	position: absolute;
	top: 0;
	left: 0;
	height: 280px;
	width: 470px;
	padding: 36px 20px 20px 20px;
	zoom: 1;
	z-index: 10;
}

#noticias_right{
	position: relative;
	float: right;
	width: 316px;
	height: 323px;
	overflow: hidden;
}

#listado_noticias{
	width: 100%;
	overflow: hidden;
}

#listado_noticias ul{
	float: left;
	margin: 0px 20px 0px 20px;
	width: 500px;
	padding-right: 10px;
}

#listado_noticias li{
	margin-bottom: 15px;
	padding: 0px;
	width: 430px;
	overflow: hidden;
}

/*puedo usar una clase "last" para el último si se me quejan de que el scroll al final es un poco feo*/
#listado_noticias li.last{
	margin-bottom: 0px;
}

#listado_noticias li .img{
	float: left;
	border: 2px solid #FFFFFF;
	width: 157px;
	height: 70px;
}

#listado_noticias li .text{
	float: left;
	margin-left: 10px;
	font-size: 10px;
	color: #ffffff;
	width: 200px;
}

#listado_noticias li .text h2, #listado_noticias li .text p{
	margin-bottom: 4px;
}

#listado_noticias li .text a{
	background: #ffffff;
	color: #000000;
}

#detalles_noticias{
	position: absolute;
	top: 36px;
	right: 38px;
	width: 280px;
	height: 217px;
	overflow: hidden;
	background: #d9d9d9;
	padding-top: 20px;
	display: none;
	line-height: 15px;
	padding-bottom: 20px;
}

#detalles_noticias .detalle{
	width: 239px;
	height: 187px;
	overflow: auto;
	margin: 5px 25px;
	color: #58585a;
	padding-right: 25px;
	padding-bottom: 20px;
}

#detalles_noticias .detalle h2{
	color: #0a1010;
	font-size: 12px;
	margin-bottom: 20px;
}

#detalles_noticias .fotos{
	margin: 10px 25px;
	color: #58585A;
}

#detalles_noticias .fotos strong{
	font-style: italic;
}

#detalles_noticias .fotos a{
	font-style: italic;
	color: #58585A;
}

/**
 * Showroom
 */
#showroom_contenedor {
	width: 279px;
}

#showroom_instrucciones {
	position: absolute;
	top:17px;
	left:17px;
	width:200px;
	color: #58585a;
	z-index: 1;
}

#showroom_pais {
	background-color: #FAFAFA;
	background-image:url('../img/flecha.gif');
	background-repeat:no-repeat;
	background-position:right;
	position: absolute;
	top:56px;
	left:17px;
	color:#000000;
	z-index: 1;
	font-size:120%;
	font-weight:bold;
	padding: 5px 23px 5px 13px;
}

#showroom_pais_seleccionado {
	background: #FAFAFA;
	position: absolute;
	top:56px;
	z-index: 1;
	padding: 5px 10px;
	width: 71px;
	font-size:120%;
	font-weight:bold;
	color:#000000;
}

#showroom_pais_seleccionado.es {
	left:86px;
}

#showroom_pais_seleccionado.en {
	left:110px;
}

#showroom_pais_seleccionado.fr {
	left:96px;
}

#showroom_paises {
	background: #FAFAFA;
	position: absolute;
	top:56px;
	z-index: 2;
	opacity:0.8;
	filter:alpha(opacity=80);
	padding: 5px 10px;
	width: 71px;
	display:none;
}

#showroom_paises.es {
	left:86px;
}

#showroom_paises.en {
	left:110px;
}

#showroom_paises.fr {
	left:96px;
}

#showroom_paises li{
	color:#000000;
}

#showroom_paises li.active{
	font-weight:bold;
}

#showroom_text{
	width: 279px;
	height: 228px;
	float: left;
	padding-top: 95px;
	background: transparent url(../img/fondo_empresa.png) repeat scroll 0 0;
	z-index:1;
}

#showroom_text .showroom_left{
	color: #58585a;
	width: 155px;
	height: 208px;
	overflow: auto;
	margin: 0 30px;
	padding-right: 45px;
	line-height: 15px;
	display:none;
}

#showroom_text .showroom_left .destacado{
	font-size: 120%;
	color: #000000;
	display:block;
}

#showroom_text .showroom_left hr{
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0;
}

#main.showroom #content{
	background: url('../img/fondo_showroom.jpg') top left no-repeat;
}

#main.showroom #contact{
	background: url('../img/fondo_contacto_showroom.png') top left repeat;
}

#main.showroom form{
	margin-bottom: 6px;
	border: 0;	
	font-family: Arial, Helvetica, sans-serif;
}

#main.showroom form button{
	background: none;
}

#main.showroom #contact_form p.info{
	width: 300px;
	margin: 0 auto;
	font-size: 9px;
}

.showspot {
	background: url(../img/punto.gif);
	color: #000000;
	position: absolute; 
	width: 8px;
	height:10px; 
}

.showspotdetalles {
	background: url(../img/fondo_empresa.png);
	color: #58585a;
	line-height: 15px;
	position: absolute; 
	width: 279px;
	padding: 17px 15px;
	margin-left: 8px;
	margin-top: 5px;
	display: none;
}

.showspotdetalles #imagen{
	width:122px;
	float:left;
}

.showspotdetalles #texto{
	width: 140px;
	float: right;
}

.showspotdetalles .destacado{
	font-size: 120%;
	color: #000000;
	display:block;
}

.showspotdetalles hr{
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0;
}


#pais_puntos {
	padding: 5px 5px 5px 10px; 
	background: #F1F1F1;
	color: #000000;
	position: absolute; 
	width: 50px; 
	left: 415px; 
	top: 22px;
	opacity:0.9;
	filter:alpha(opacity=90);
	font-size: 130%;
}

#pais_lista {
	padding: 10px; 
	background: #F1F1F1;
	position: absolute; 
	width: 99px; 
	left: 415px; 
	top: 58px;
	height: 232px;
	opacity:0.9;
	filter:alpha(opacity=90);
	font-size: 130%;
}

#pais_lista li a {
	color: #7b7c7e;
}

#pais_lista li a.active{
	color: #000000;
}

#tiendas_puntos {
	padding: 5px 10px; 
	background: #F1F1F1;
	color: #000000;
	position: absolute; 
	width: 50px; 
	left: 551px; 
	top: 22px;
	opacity:0.9;
	filter:alpha(opacity=90);
	font-size: 130%;
}

#tiendas_lista {
	padding: 10px 5px 10px 5px; 
	background: #F1F1F1;
	color: #000000;
	position: absolute; 
	width: 218px; 
	left: 551px; 
	top: 58px;
	height: 232px;
	opacity:0.9;
	filter:alpha(opacity=90);
}

#tiendas_lista .detalle{
	color: #58585a;
	width: 195px; 
	height: 232px;
	overflow: auto;
	margin: 0 10px;
	padding-right: 14px;
	line-height: 15px;
}

#tiendas_lista .detalle hr{
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0;
}

#tiendas_lista .detalle .destacado{
	font-size: 130%;
	color: #000000;
	display:block;
}

#tiendas_lista li a {
	color: #7b7c7e;
}

/**
 * Error 404
 */

#main.error_404 #content h2, #main.error_404 #content p{
	margin: 20px 20px 10px;
	font-size: 11px;
}

#main.error_404 #content p{
	margin-top: 0;
}

/**
 * Footer
 */
#footer{
	margin-top: 60px;
    font-family: Arial, Helvetica, sans-serif;
}

#footer p{
	text-align: center;
	font-size: 10px;
}

#footer p a{
	color: #666666;
}

#footer p a.active{
	color: #ffffff;
}

#main.index #footer {
	opacity:0;
	filter:alpha(opacity=0);
}

#main.index #header {
	opacity:0;
	filter:alpha(opacity=0);
}

#main.index #lang_bar {
	opacity:0;
	filter:alpha(opacity=0);
}

.dojoDialog {
    background: #000000;
    padding: 20px;
    width: 300px;
}

.alertButton {
	float:right;
	margin-top:10px;
	margin-right:10px;
	font-family: Arial;
	font-weight: Bold;
	color: #ffffff;
	background: #000000;
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
	cursor:pointer;
}

#pararmusica {
	position: relative;
	background-color:#00000;
	margin-top: 12px;
	width:auto;
	height:20px;
	border:0;
	float: left;
}

#pararmusica img{
	display: block;
	float: left;
}

#main.colecciones #pararmusica {
	margin-top: 4px;
}

#player_volume_bar {
	display: block;
	float: left;
	background: #000000 url("../img/jPlayer/volume_bar.gif") repeat-x top left;
	width:30px;
	height:10px;
	margin: 4px 2px;
	cursor: pointer;
}

#player_volume_bar_value {
	background: url("../img/jPlayer/volume_bar_value.gif") repeat-y right center;
	position: absolute;
	width: 4px;
	height: 6px;
	overflow: hidden;
	top: 2px;
}

.lupa {
	cursor: url(magnify.cur), pointer;
}