@charset "UTF-8";


/********************** GENERALE ***********************/

/******************* EMBEDDED FONTS *****************/

/*@import url(http://fonts.googleapis.com/css?family=Sintony:400,700);*/

/*@import url(http://fonts.googleapis.com/css?family=Monda:400,700);*/

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(../fonts/titillium.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(../fonts/titillium_bold.ttf) format('truetype');
}

/*@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: local('Play-Bold'), url(../fonts/play_bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url(../fonts/play.ttf) format('truetype');
}*/

/************************************************/

body, div, img, ul, li { margin: 0; padding: 0; border: 0; }

body {
	/*font-family: 'Titillium Web', Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	background-color: #f0ead2;
	color: #000;
}

a {
	text-decoration: none;
}

li {
	list-style-type: none;	
}

.caja_clear {
	clear: both;	
}

/*****************************************************/

/******************** INTRO Y HOME *********************/

#outer_cont {
	position:relative;
	margin: 0 auto;
	width: 970px;
	height: 850px;
}

#caja_izq {
	position: absolute;
	top: 50px;
	left: 0;
	width: 270px;
	height: 600px;
	background-color: #dccc92;
}

#caja_izq_ani {
	position: absolute;
	top: 50px;
	left: 0;
	width: 970px;
	height: 600px;
	background-color: #dccc92;
	
	display: none;
	
}

#cont_intro_deco {
	position: absolute;
	top: 0;
	left: 0;
	width: 670px;
	height: 540px;
	
	display: none;
}

#foto_home {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	background-image: url(../img/foto_home.jpg);
}


#mask_foto_intro {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	background-color: #4d4e53;
	
	display: none;
}


#foto_intro {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	background-image: url(../img/foto_intro.jpg);
	
	display: none;
}


#raya_uno_ani {
	position: absolute;
	bottom: -570px;
	left: 170px;
	width: 100px;
	height: 570px;
	background-image: url(../img/raya_uno.png);
	
	display: none;
}


#raya_uno {
	position: absolute;
	top: 230px;
	left: 170px;
	width: 100px;
	height: 570px;
	background-image: url(../img/raya_uno.png);
	
	display: none;
}


#raya_dos_ani {
	position: absolute;
	top: -800px;
	left: 275px;
	width: 155px;
	height: 800px;
	background-image: url(../img/raya_dos.png);
	
	display: none;
}


#raya_dos {
	position: absolute;
	top: 0;
	left: 275px;
	width: 155px;
	height: 800px;
	background-image: url(../img/raya_dos.png);
}


#raya_tres_ani {
	position: absolute;
	bottom: -800px;
	left: 351px;
	width: 285px;
	height: 800px;
	background-image: url(../img/raya_tres.png);
	
	display: none;
}


#raya_tres {
	position: absolute;
	top: 0;
	left: 351px;
	width: 285px;
	height: 800px;
	background-image: url(../img/raya_tres.png);
	
	display: none;
}


#raya_cuatro_ani {
	position: absolute;
	top: -800;
	left: 380px;
	width: 47px;
	height: 800px;
	background-image: url(../img/raya_cuatro.png);
	
	display: none;
}

#raya_cuatro {
	position: absolute;
	top: 0;
	left: 380px;
	width: 47px;
	height: 800px;
	background-image: url(../img/raya_cuatro.png);
}

#raya_cinco_ani {
	position: absolute;
	bottom: -800px;
	left: 832px;
	width: 110px;
	height: 800px;
	background-image: url(../img/raya_cinco.png);
	
	display: none;
}

#raya_cinco {
	position: absolute;
	top: 0;
	left: 832px;
	width: 110px;
	height: 800px;
	background-image: url(../img/raya_cinco.png);
	
	display: none;
}

#raya_c_beige {
	position: absolute;
	top: 0;
	left: 832px;
	width: 110px;
	height: 800px;
	background-image: url(../img/raya_c_beige.png);
}


#raya_seis_ani {
	position: absolute;
	top: -800px;
	left: 933px;
	width: 37px;
	height: 760px;
	background-image: url(../img/raya_seis.png);
	
	display: none;
}


#raya_seis {
	position: absolute;
	top: 40px;
	left: 933px;
	width: 37px;
	height: 760px;
	background-image: url(../img/raya_seis.png);
}


#logo_intro {
	position: absolute;
	top: 215px;
	left: 515px;
	width: 206px;
	height: 26px;
	background-image: url(../img/logo_intro.png);
	
	display: none;
}


#un_mundo {
	position: absolute;
	top: 232px;
	left: 533px;
	width: 387px;
	height: 26px;
	background-image: url(../img/un_mundo.png);
	
	display: none;
}


#logo_kas {
	position: absolute;
	top: 500px;
	left: 838px;
	width: 90px;
	height: 15px;
	
	display: none;	
}


#logo_mileto {
	position: absolute;
	top: 535px;
	left: 848px;
	width: 67px;
	height: 60px;
	background-image: url(../img/logo_mileto.png);
	
	display: none;	
}

#deg_logo {
	z-index: 300;
	position: absolute;
	top: 0;
	left: 0;
	width: 430px;
	height: 80px;
	background-image: url(../img/deg_logo.png);	
}

#logo {
	z-index: 310;
	position: absolute;
	top: 20px;
	left: 40px;
	width: 320px;
	height: 47px;
}

/************************** MENU ****************************/

#cont_menu {
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
	width: 243px;
	height: 620px;
	color: #000;
	
	text-align: right;
	font-size: 16px;
	line-height: 26px;
}

#cont_menu li {
	float: right;
	clear: both;
	background-image: url(../img/trans.png);
	background-repeat: repeat;
}

#cont_menu li:hover {
	font-weight: 700;
}

#cont_menu a:link, #cont_menu a:visited {
	color: #000;
}

#cont_menu a:hover, #cont_menu a:active, #cont_menu a:focus {
	color: #000;
	font-weight: 700;
}

#producto:hover {
	cursor: pointer;
	font-weight: 700;
}

/************* Botón Asesor ************/

#btn_asesor {
	width: 243px;
	margin: 8px -17px 8px 0;
	padding-right: 17px;
	height: 22px;
	background-image: url(../img/btn_asesor.png) !important;
	
	line-height: 22px;
}

/************** Botón idioma ******************/

#cont_menu li#idioma {
	float: left;
	margin-top: 110px;
	margin-bottom: 28px;
	width: 114px;
	height: 17px;
	
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	color: #fff;
}

#cont_menu li#idioma a:link, #cont_menu li#idioma a:visited {
	display: block;
	width: 114px;
	height: 17px;
	color: #fff;
	background-image: url(../img/btn_eng.png);
}

#cont_menu li#idioma a:hover, #cont_menu li#idioma a:active, #cont_menu li#idioma a:focus {
	color: #fff;
	background-image: url(../img/btn_eng_hov.png);
}

/********************************/

/********** Botones menu seleccionados y sub-menus visibles ************/

.btn_menu_sel {
	font-weight: 700 !important;
	color: #000 !important;
}

#cont_menu li.has_sub_menu:hover .cont_sub_menu {
	visibility: visible;
}

.sub_visible {
	z-index: 210;
	visibility: visible !important;
}

/********************************/

/******************** general sub-menus *********************/

.cont_sub_menu {
	z-index: 220;
	visibility: hidden;
	position: absolute;
	top: 0;
	right: -187px;
	width: 160px;
	height: 800px;
	padding-left: 27px;
	background-image: url(../img/trans.png);
	background-repeat: repeat;
}

/********************************/

/******************** general sub-menus Empresa, Novedades y Noticias, Área Profesional *********************/

.sub_menu {
	position: absolute;
	
	text-align: left;
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
}

.sub_menu li {
	width: 160px;
	height: 22px;
	margin-bottom: 5px;
}

#cont_menu li .sub_menu li a:link, #cont_menu li .sub_menu li a:visited {
	color: #FFF;
	font-weight: 400;
}

#cont_menu li .sub_menu li a:hover, #cont_menu li .sub_menu li a:active, #cont_menu li .sub_menu li a:focus {
	color: #FFF;
	font-weight: 700;
}

/******************** Sub-menu Empresa *********************/

#sub_empresa {
	height: 644px;
	padding-top: 156px;
	background-image: url(../img/sub_novedades.png);
}

#sub_empresa a {
	display: block;
	width: 150px;
	height: 100%;
	padding-left: 10px;
	background-image: url(../img/btn_emp.png);
}

#sub_empresa a:hover {
	box-shadow: 3px 3px 6px #0d0d0d;
	background-image: url(../img/btn_emp_hover.png);
}

/**** Botón seleccionado ****/

.sub_empresa_sel {
	font-weight: 700 !important;
	box-shadow: 3px 3px 6px #0d0d0d;
	background-image: url(../img/btn_emp_hover.png) !important;
}

/********************************/

/******************** Sub-menu Producto *********************/

#sub_prod {
	height: 75px;
	color: #666;
	font-size: 13px;
}

#sub_prod li {
	line-height: 22px;
}

#sub_prod li a:link, #sub_prod li a:visited {
	color: #666;
	font-weight: 400;
}

#sub_prod li a:hover, #sub_prod li a:active, #sub_prod li a:focus {
	color: #000;
	font-weight: 700;
}

/******************** Botón Vidrios Decorados *********************/

#btn_vid_deco {
	display: block;
	width: 243px;
	height: 22px;
	padding-right: 17px;
	margin-right: -17px;
	line-height: 22px;	
}

#btn_vid_deco:hover {
	color: #fff !important;
	background-image: url(../img/btn_vid_deco.png);
}

/**** Botón seleccionado ****/

.btn_vid_deco_sel {
	font-weight: 700 !important;
	color: #fff !important;
	background-image: url(../img/btn_vid_deco.png);
}

/********************************/

/******************** Sub-menu Por Series *********************/

#flecha_sub {
	visibility: hidden;
	float: right;
	margin-right: -20px;
	width: 20px;
	height: 22px;
}

#sub_prod li:hover a{
	font-weight: 700;
	color: #000;
}

#sub_prod li:hover #flecha_sub {
	visibility: visible;
}

/**** Flecha visible ****/

.flecha_sub_sel {
	visibility: visible !important;
}

/********************************/

#sub_series {
	height: 720px;
	width: 152px;
	padding-left: 8px;
	padding-top: 80px;
	background-image: url(../img/sub_series.png);
	
	text-align: left;
	color: #000;
	font-size: 12px;
	font-weight: 700;
}

#sub_series li {
	float: left;
	line-height: 15px;
}

#sub_series li a:link, #sub_series li a:visited {
	color: #000;
	font-weight: 400;
}

#sub_series li a:hover, #sub_series li a:active, #sub_series li a:focus {
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}

#standard {
	display: block;
	padding: 3px 0 3px 0;
	font-size: 11px;
	line-height: 13px;
}

.medida {
	display: block;
	padding: 10px 0 3px 0;
	font-size: 11px;
	line-height: 13px;
}

.flechas_series {
	visibility: hidden;
	float: right;
	width: 12px;
	height: 15px;
}

#sub_series a:hover .flechas_series {
	visibility: visible;
}

/**** Botones seleccionados y flechas visibles ****/

.btn_serie_sel {
	font-weight: 700 !important;
	text-transform: uppercase;
}

.flechas_series_sel {
	visibility: visible;
}

/********************************/

/******************** Sub-menu Novedades y Noticias *********************/

#sub_novedades {
	height: 478px;
	padding-top: 322px;
	background-image: url(../img/sub_novedades.png);
}

#sub_novedades a {
	display: block;
	width: 150px;
	height: 100%;
	padding-left: 10px;
	background-image: url(../img/btn_nove.png);
}

#sub_novedades a:hover {
	box-shadow: 3px 3px 6px #666;
	background-image: url(../img/btn_nove_hover.png);
}

/**** Botón seleccionado ****/

.sub_novedades_sel {
	font-weight: 700 !important;
	box-shadow: 3px 3px 6px #666;
	background-image: url(../img/btn_nove_hover.png) !important;
}

/********************************/

/******************** Sub-menu Área Profesional *********************/

#sub_profesional {
	position: absolute;
	z-index: 500;
	height: 410px;
	padding-top: 390px;
	background-image: url(../img/sub_series.png);
	font-size: 11px;
}

#sub_profesional li#dist_cont {
	height: 38px;
	line-height: 14px;	
}

#sub_profesional a {
	display: block;
	width: 157px;
	height: 100%;
	padding-left: 3px;
	background-image: url(../img/btn_nove.png);
}

#sub_profesional a#distribuidor {
	height: 34px;
	padding-top: 4px;
	background-repeat: repeat-y;
}

#sub_profesional a:hover {
	box-shadow: 3px 3px 6px #666;
	background-image: url(../img/btn_nove_hover.png);
}

/**** Botón seleccionado ****/

.sub_profesional_sel {
	font-weight: 700 !important;
	box-shadow: 3px 3px 6px #666;
	background-image: url(../img/btn_nove_hover.png) !important;
}

/********************************/

/******************** Botones Inicio, Contacto y mail *********************/

#cont_menu li.btn_abajo {
	position: absolute;
	right: 0;
	font-size:13px;
	line-height: 14px;
}

#cont_menu li.btn_abajo a:link, #cont_menu li.btn_abajo a:visited {
	color: #000;
}

#cont_menu li.btn_abajo a:hover, #cont_menu li.btn_abajo a:active, #cont_menu li.btn_abajo a:focus {
	font-weight: 400;
	color: #4d4e53;
}

#inicio {
	bottom: 45px;
}

#contacto {
	bottom: 25px;
}

#cont_menu li#mail {
	position: absolute;
	bottom: 0;
	height: 20px;
	width: 242px;
	padding-right: 28px;
	background-color: #FFF;
	
	text-align: right;
	font-size: 12px;
	line-height: 19px;
	
}

#cont_menu li#mail:hover {
	font-weight: 400;
}

#cont_menu li#mail a:link, #cont_menu li#mail a:visited {
	color: #000;
}

#cont_menu li#mail a:hover, #cont_menu li#mail a:active, #cont_menu li#mail a:focus {
	font-weight: 400;
	color: #666;
}

/*****************************************************/

#direccion {
	position: absolute;
	top: 655px;
	left: 7px;
	
	color: #333;
	font-size: 11px;
	line-height: 13px;
}


#aviso a:link, #aviso a:visited {
	color: #333;
}

#aviso a:hover,  #aviso a:active, #aviso a:focus {
	color: #000;
	text-decoration: underline;
}

#skip_intro {
	display: none;
	position: absolute;
	top: 657px;
	right: 20px;
	
	font-size: 12px;
	color: #333;
}

#skip_intro a:link, #skip_intro a:visited {
	color: #333;
	font-weight: 400;
}

#skip_intro a:hover, #skip_intro a:active, #skip_intro a:focus {
	color: #333;
	font-weight: 700;
}

/*************************************************************/

/******************** EMPRESA *********************/

#home_emp {
	background-image: url(../img/fnd_empresa.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 0; 
}

#volver_emp {
	position: absolute;
	top: 657px;
	right: 20px;
	
	font-size: 12px;
	color: #333;
}

#volver_emp a:link, #volver_emp a:visited {
	color: #333;
	font-weight: 400;
}

#volver_emp a:hover, #volver_emp a:active, #volver_emp a:focus {
	color: #333;
	font-weight: 700;
}

#cnt_emp {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	
	background-image: url(../img/cnt_emp_fnd.png);
}

#emp_txt {
	position: absolute;
	top: 90px;
	left: 175px;
	
	color: #FFF;
	font-size: 13px;
	line-height: 19px;
}

#emp_txt h1 span{
	font-weight: 400;
	font-size: 35px;
	line-height: 35px;
}

#emp_txt span {
	color: #4f9ecb;
	font-weight: 700;
}

/*************************************************************/

/******************** FOTOS *********************/

#cnt_fotos {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	
	background-image: url(../img/cnt_fotos_fnd.png);
}

#cnt_fotos_int {
	position: absolute;
	left: 160px;
	width: 170px;
	height: 600px;
}

#foto_uno {
	margin-top: 0;
}

.fotos {
	position: relative;
	width: 170px;
	height: 96px;
	margin-top: 5px;
}

.fotos a:hover img {
	box-shadow: 5px 5px 8px #0d0d0d;
}

/*************************************************************/

/******************** CÓMO LLEGAR *********************/

#cnt_mapa {
		position: absolute;
		top: 130px;
		left: 228px;
		width: 404px;
		height: 430px;
}

#cnt_mapa iframe {
	border: 2px solid #FFF;	
}

#cnt_mapa small {
	position: absolute;
	right: 0;
	line-height: 25px;
}

#cnt_mapa a:link, #cnt_mapa a:visited {
	color: #000;
}

#cnt_mapa a:hover, #cnt_mapa a:active, #cnt_mapa a:focus {
	color: #FFF;
}

#dir_mapa {
	position: absolute;
	padding-top: 10px;
	bottom: 0;
	width: 404px;
	height: 90px;

	line-height: 20px;
	border-top: 1px solid #FFF;
}

/*************************************************************/

/**************************** PRODUCTO *********************************/

/******************** POR SERIES *********************/

/********** Easy clean para home interiores series **********/

#easy_clean {
	position: absolute;
	top: 350px;
	left: 620px;
	width: 50px;
	height: 70px;
}

/***********************/

/********** Easy system para home interiores series **********/

.easy_system {
	position: absolute;
	top: 350px;
	width: 65px;
	height: 65px;
}

/***********************/

/****** botones aperturas y paginación interiores series *****/

#pag_ape {
	position: absolute;
	right: 0;
	bottom: 30px;
	width: 540px;
	
	text-align: center;
	color: #888;
	font-size: 13px;
	line-height: 13px;	
}


.ante_ape {
	position: absolute;
	top: 707px;
	right: 155px;
	width: 150px;
	height: 25px;
}

#sig_ape {
	right: 12px;	
}

.ante_ape_txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 25px;
	
	line-height: 23px;
	text-align: center;
}

.ante_ape_txt a:link, .ante_ape_txt a:visited {
	color: #000;
}

.ante_ape_txt a:hover, .ante_ape_txt a:active, .ante_ape_txt a:focus {
	color: #666;
	font-weight: bold;
}

/*************************************************************/


/******************** VIDRIOS DECORADOS *********************/

/*#bg_deco {
	background-image: url(../img/bg_deco.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 0; 
}*/


#outer_deco {
	position:relative;
	top:0;
	left:0;
	margin: 0 auto;
	width: 970px;
	height: 900px;
}

#deco_home {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 807px;
	background-image: url(../img/deco_home.png);
}

.deco_txt {
	position: absolute;
	width: 372px;
	height: 219px;
}

#deco_txt1 {
	/*top: 593px;
	left: 378px;*/
	top: 455px;
	left: 345px;
	background-image: url(../img/deco_txt_home.png);
	
	display: none;
}

/************/

#deco_cont {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 807px;
	background-image: url(../img/deco_cont_fnd.png);
}


#deco_txt2 {
	top: 620px;
	left: 593px;
	background-image: url(../img/deco_txt_home.png);
}

#cont_thumbs {
	position: absolute;
	top: 90px;
	left: 30px;
	width: 352px;
	height: 616px;
}


#cont_thumbs_sel {
	position: absolute;
	top: 90px;
	left: 30px;
	width: 352px;
	height: 616px;
}


/****** thumbs vidrio deocorado ******/

.deco_thumb {
	position: relative;
	width: 82px;
	height: 82px;
	margin: 3px;
	float: left;
	
	cursor: pointer;
	z-index: 30;
}

.thumb_sel_marco {
	position: absolute;
	width: 110px;
	height: 130px;
	display: none;
	
	background-color: #dccc92;
	box-shadow: 5px 5px 10px #0d0d0d;
	z-index: 50;
}

.thumb_sel_marco img {
	position: absolute;
	top: 8px;
	left: 8px;
}

.thumb_sel_marco div {
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	
	font-size: 15px;
	color: #333;
}

#thumb1 { background-image: url(../img/decorados/deco_thumbs/thumb1.jpg); } #thumb1_sel { top: 71px; left: 19px; }
#thumb2 { background-image: url(../img/decorados/deco_thumbs/thumb2.jpg); }	#thumb2_sel { top: 71px; left: 106px; }
#thumb3 { background-image: url(../img/decorados/deco_thumbs/thumb3.jpg); }	#thumb3_sel { top: 71px; left: 193px; }
#thumb4 { background-image: url(../img/decorados/deco_thumbs/thumb4.jpg); } #thumb4_sel { top: 71px; left: 280px; }

#thumb5 { background-image: url(../img/decorados/deco_thumbs/thumb5.jpg); }	#thumb5_sel { top: 158px; left: 19px; }
#thumb6 { background-image: url(../img/decorados/deco_thumbs/thumb6.jpg); } #thumb6_sel { top: 158px; left: 106px; }
#thumb7 { background-image: url(../img/decorados/deco_thumbs/thumb7.jpg); } #thumb7_sel { top: 158px; left: 193px; }
#thumb8 { background-image: url(../img/decorados/deco_thumbs/thumb8.jpg); } #thumb8_sel { top: 158px; left: 280px; }

#thumb9 { background-image: url(../img/decorados/deco_thumbs/thumb9.jpg); } #thumb9_sel { top: 245px; left: 19px; }
#thumb10 { background-image: url(../img/decorados/deco_thumbs/thumb10.jpg); } #thumb10_sel { top: 245px; left: 106px; }
#thumb11 { background-image: url(../img/decorados/deco_thumbs/thumb11.jpg); } #thumb11_sel { top: 245px; left: 193px; }
#thumb12 { background-image: url(../img/decorados/deco_thumbs/thumb12.jpg); } #thumb12_sel { top: 245px; left: 280px; }

#thumb13 { background-image: url(../img/decorados/deco_thumbs/thumb13.jpg); } #thumb13_sel { top: 332px; left: 19px; }
#thumb14 { background-image: url(../img/decorados/deco_thumbs/thumb14.jpg); } #thumb14_sel { top: 332px; left: 106px; }
#thumb15 { background-image: url(../img/decorados/deco_thumbs/thumb15.jpg); } #thumb15_sel { top: 332px; left: 193px; }
#thumb16 { background-image: url(../img/decorados/deco_thumbs/thumb16.jpg); } #thumb16_sel { top: 332px; left: 280px; }

#thumb17 { background-image: url(../img/decorados/deco_thumbs/thumb17.jpg); } #thumb17_sel { top: 419px; left: 19px; }
#thumb18 { background-image: url(../img/decorados/deco_thumbs/thumb18.jpg); } #thumb18_sel { top: 419px; left: 106px; }
#thumb19 { background-image: url(../img/decorados/deco_thumbs/thumb19.jpg); } #thumb19_sel { top: 419px; left: 193px; }
#thumb20 { background-image: url(../img/decorados/deco_thumbs/thumb20.jpg); } #thumb20_sel { top: 419px; left: 280px; }

#thumb21 { background-image: url(../img/decorados/deco_thumbs/thumb21.jpg); } #thumb21_sel { top: 506px; left: 19px; }
#thumb22 { background-image: url(../img/decorados/deco_thumbs/thumb22.jpg); } #thumb22_sel { top: 506px; left: 106px; }
#thumb27 { background-image: url(../img/decorados/deco_thumbs/thumb27.jpg); } #thumb27_sel { top: 506px; left: 193px; }
#thumb23 { background-image: url(../img/decorados/deco_thumbs/thumb23.jpg); } #thumb23_sel { top: 506px; left: 280px; }

#thumb24 { background-image: url(../img/decorados/deco_thumbs/thumb24.jpg); } #thumb24_sel { top: 593px; left: 19px; }
#thumb25 { background-image: url(../img/decorados/deco_thumbs/thumb25.jpg); } #thumb25_sel { top: 593px; left: 106px; }
#thumb26 { background-image: url(../img/decorados/deco_thumbs/thumb26.jpg); } #thumb26_sel { top: 593px; left: 193px; }

/*************************************************************/

/******************** EQUIPAMIENTO DE BAÑO *********************/

#cnt_equipa {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	background-color: #FFF;
}


#equipa_txt {
	position: absolute;
	top: 40px;
	right: 20px;
	
	color: #4f9ecb;
	text-align: right;
	font-size: 45px;
	line-height: 50px;
	font-weight: 400;
}

#cnt_equipa a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50); 
}

#cnt_equipa img {
	width: 100%;
	height: 100%;	
}

.equipa-border {
	border: 1px solid #ccc;	
}

#equipa1 {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 448px;
	width: 113px;
}

#equipa2 {
	position: absolute;
	left: 117px;
	top: 150px;
	height: 222px;
	width: 113px;
}

#equipa3 {
	position: absolute;
	left: 117px;
	bottom: 0;
	height: 222px;
	width: 113px;
}

#equipa4 {
	position: absolute;
	left: 234px;
	top: 150px;
	height: 222px;
	width: 113px;
}

#equipa5 {
	position: absolute;
	left: 234px;
	bottom: 0;
	height: 222px;
	width: 113px;
}

#equipa6 {
	position: absolute;
	left: 351px;
	top: 150px;
	height: 146px;
	width: 113px;
}

#equipa7 {
	position: absolute;
	left: 351px;
	top: 301px;
	height: 146px;
	width: 113px;
}

#equipa8 {
	position: absolute;
	left: 351px;
	bottom: 0;
	height: 146px;
	width: 113px;
}

#equipa9 {
	position: absolute;
	left: 468px;
	top: 150px;
	height: 222px;
	width: 113px;
}

#equipa10 {
	position: absolute;
	left: 468px;
	bottom: 0;
	height: 222px;
	width: 113px;
}


#equipa11 {
	position: absolute;
	left: 585px;
	top: 150px;
	height: 222px;
	width: 113px;
}

#equipa12 {
	position: absolute;
	left: 585px;
	bottom: 0;
	height: 222px;
	width: 113px;
}

/*************************************************************/

/******************** NOVEDADES Y NOTICIAS *********************/

/******************** NOVEDADES *********************/

#bg_nove {
	background-image: url(../img/fnd_nove.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 0; 
}


#outer_nove {
	position:relative;
	top:0;
	left:0;
	margin: 0 auto;
	width: 970px;
	height: 1331px;
}

#nove_cont {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 1281px;
	background-image: url(../img/nove_cont_fnd.jpg);
	background-repeat: no-repeat;
}

#nove_tit {
	position: absolute;
	top: 20px;
	right: 20px;
	
	color: #535353;
	text-align: right;
	font-size: 45px;
	line-height: 45px;
}

#nove_cont_int {
	position: absolute;
	top: 100px;
	left: 160px;
	width: 600px;
	height: 880px;
	
	color: #FFF;
}

.novedad {
	margin-bottom: 10px;
	width: 600px;
	height: 130px;
	
	background-image: url(../img/novedad_fnd.png);
}

.novedad img {
	float: left;
}

.novedad_txt {
	display: table-cell;
	vertical-align: middle;
	width: 320px;
	height: 130px;
	padding-left: 15px;
	
	font-size: 13px;
	line-height: 17px;
}


.novedad_txt span {
	font-size: 25px;
	line-height: 40px;
}

.novedad_txt a:link, .novedad_txt a:visited {
	color: #FFF;	
}

.novedad_txt a:hover, .novedad_txt a:active, .novedad_txt a:focus {
	color: #CCC;	
}

.novedad-easy-system {
	width: 100%;
	font-size: 18px;
	line-height: 40px;
}

.novedad-easy-system div {
	float: left;
	margin-right: 40px;	
}

.novedad-easy-system img {
	width: 50px;
	height: 50px;
	margin-right: 5px;
}

/*************************************************************/

/******************** NOTICIAS *********************/

#outer_noti {
	position:relative;
	top:0;
	left:0;
	margin: 0 auto;
	width: 970px;
	height: 1250px;
}


#noti_cont {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 1150px;
	background-color: #FFF;
}


#noti_main_tit {
	position: absolute;
	width: 500px;
	height: 100px;
	top: 15px;
	right: 20px;
	
	color: #666;
	line-height: 48px;
}


#mes{
	font-size: 17px;
	float: left;
	color: #333;
}

#kas_news {
	font-size: 45px;
	float: right;	
}

#news {
	font-size: 	80px;
	letter-spacing: 3px;
}


#esfera_noti {
	position: absolute;
	width: 150px;
	height: 150px;
	top: -15px;
	left: 110px;
}

#noti_cont_int {
	position: absolute;
	top: 160px;
	left: 180px;
	width: 500px;
	/*height: 600px;*/
	
	color: #333;
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
}


#noti_cont_int a:link, #noti_cont_int a:visited {
	color: #333;
}

#noti_cont_int a:hover, #noti_cont_int a:active, #noti_cont_int a:focus {
	color: #999;
}


.noticia {
	width: 500px;
	margin-bottom: 40px;
}

.noticia_txt {
	float: right;
	width: 300px;
	margin-left: 20px;
}

.noticia_txt span {
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
}

.noticia img {
	float: left;
}

.noti_left {
	float: left;
	width: 450px;
	text-align: left;	
}


/*************************************************************/

/******************** DONDE COMPRAR *********************/

#cont_comprar {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	background-color: #FFF;
	
	color: #333;
}


#titulo_comp {
	position: absolute;
	top: 30px;
	right: 40px;
	
	color: #dccc92;
	text-align: right;
	font-size: 27px;
	line-height: 27px;
	font-weight: 400;
}


#cnt_form_comp {
	position: absolute;
	top: 100px;
	right: 45px;
	width: 420px; 
	height: 400px; 
	
	padding: 15px;
	
	border: 1px solid #999;
}


.campo_comp {
	height: 50px;	
}


.campo_comp input {
	width: 105px;	
}

#comp_nom, #comp_cor, #comp_cor_conf, #comp_pob, #comp_cod {
	float: left;
}


#comp_ape, #comp_pro, #comp_tel {
	float: right;
}


#observa {
	float: left;
	height: 130px;
	width: 370px;
}


#observa textarea {
	margin-top: 5px;
	width: 300px;
	height: 80px;
}

#comp_btns {
	position: absolute;
	margin: 0 auto;
	bottom: 15px;
	left: 160px;
}


.obliga {
	position: absolute;
	left: 205px;
	
	font-size: 12px;
	line-height: 18px;
}

#comp_obli {
	top: 540px;	
}


.obliga a:link, .obliga a:visited {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

.obliga a:hover, .obliga a:active, .obliga a:focus {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

/*************************************************************/

/******************** ÁREA PROFESIONAL *********************/

/**************** DESCARGAR CATÁLOGO *****************/

/******** Temporaneo catalogos inglés *******/

#titulo_cata_esp {
	position: absolute;
	top: 20px;
	left: 215px;
	
	color: #dccc92;
	text-align: left;
	font-size: 21px;
	line-height: 21px;
	font-weight: 400;
	
	z-index: 140;
}


#titulo_cata_eng {
	position: absolute;
	top: 310px;
	left: 215px;
	
	color: #dccc92;
	text-align: left;
	font-size: 21px;
	line-height: 21px;
	font-weight: 400;
	
	z-index: 150;
}


/*********************************/

#fnd_cata {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 600px;
	background-image: url(../img/fnd_cata.jpg);
}

#raya_cat1 {
	position: absolute;
	top: 0;
	left: 430px;
	width: 70px;
	height: 800px;
	background-image: url(../img/raya_cat1.png);
}

#raya_cat2 {
	position: absolute;
	top: 0;
	right: 74px;
	width: 270px;
	height: 800px;
	background-image: url(../img/raya_cat2.png);
}


#raya_cat3 {
	position: absolute;
	top: 40px;
	right: 0;
	width: 80px;
	height: 760px;
	background-image: url(../img/raya_cat3.png);
}

/******* iconos catalogos *******/

#wrap_catalogos {
	position: relative;
	z-index: 100;
	margin-top: 145px;
	margin-left: 160px;
	width: 540px;
	height: 570px;
}

.cont_cata {
	float: left;
	width: 270px;
	height: 370px;
	font-size: 12px;
	text-align: center;
}

.cont_cata img {
	display: block;
	margin: 0 auto 10px;
	-webkit-box-shadow: 3px 3px 7px #333;
	-moz-box-shadow: 3px 3px 7px #333;
	box-shadow: 3px 3px 7px #333;
}

.cont_cata a:link, .cont_cata a:visited {
	color: #fff;
}

.cont_cata a:hover, .cont_cata a:active, .cont_cata a:focus {
	color: #dccc92;
	text-decoration: underline;
}

/*********************************/

/************ no en uso? btn antiguo descargar pdf *************/

.pdf_cont {
	position: absolute;
	top: 455px;
	right: 140px;
	width: 120px;
	height: 25px;
	
	z-index: 110;
}

.pdf_txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 25px;
	
	line-height: 23px;
	text-align: center;
}

.pdf_txt a:link, .pdf_txt a:visited {
	color: #000;
}

.pdf_txt a:hover, .pdf_txt a:active, .pdf_txt a:focus {
	color: #666;
	font-weight: bold;
}

/*********************/

/**************** DESCARGAR NORMATIVAS *****************/


#conf_kas {
	position: absolute;
	top: 140px;
	left: 220px; 
	width: 200px;
	height: 300px;
	background-image: url(../img/conf_kas.jpg);
	
	z-index: 100;
}

a:hover #conf_kas {
	background-image: url(../img/conf_kas_hov.jpg);	
}


#pdf_ckas {
	position: absolute;
	top: 450px;
	left: 313px;
	width: 120px;
	height: 25px;
	
	z-index: 110;
}

#conf_mil {
	position: absolute;
	top: 140px;
	right: 60px; 
	width: 200px;
	height: 300px;
	background-image: url(../img/conf_mil.jpg);
	
	z-index: 120;
}

a:hover #conf_mil {
	background-image: url(../img/conf_mil_hov.jpg);	
}


#pdf_cmil {
	position: absolute;
	top: 450px;
	right: 46px;
	width: 120px;
	height: 25px;
	
	z-index: 130;
}

/*********************/


/******************** SOLICITAR ALTA COMO DISTRIBUIDOR *********************/

#titulo_dist {
	position: absolute;
	top: 30px;
	right: 45px;
	
	color: #dccc92;
	text-align: right;
	font-size: 27px;
	line-height: 27px;
	font-weight: 400;
}


#cnt_form_dist {
	position: absolute;
	top: 90px;
	right: 45px;
	width: 420px; 
	height: 410px; 
	
	padding: 15px;
	
	border: 1px solid #999;
}

.dist_left {
	float: left;	
}

.dist_right {
	float: right;	
}

#dist_obli {
	top: 540px;	
}

/*********************/

/******************** TRABAJA CON NOSOTROS *********************/

#cont_trabaja {
	position: absolute;
	left: 270px;
	top: 50px;
	width: 700px;
	height: 700px;
	background-color: #FFF;
	
	color: #333;
}


#cnt_form_trab {
	position: absolute;
	top: 90px;
	right: 45px;
	width: 420px; 
	height: 500px; 
	
	padding: 15px;
	
	border: 1px solid #999;
}


#cont_curr {
	height: 60px;
}

input#curriculum {
	margin-top: 10px;
	width: 420px;
}

#trab_obli {
	top: 630px;	
}

/*********************/

/******************** AVISO LEGAL *********************/

#aviso_cont {
	position: relative;
	width: 700px;
	margin: 0 auto;
	font-size:13px;
	line-height: 18px;
	padding-bottom: 50px;
}

#aviso_cont h2 {
	line-height: 25px;	
}

#aviso_cont h4 span {
	font-weight: normal;
}

/*********************/

/******************** AVISO LEGAL FORM *********************/

#aviso_form_cont {
	position: relative;
	width: 400px;
	margin: 0 auto;
	font-size:13px;
	line-height: 18px;
	padding-bottom: 50px;
}

/*********************/

/***** pop-up Navidad *****/

#pop_up_cont {
	z-index: 9999;
	display: none;
	position: absolute;
	top: 100px;
	right: 100px;
	width: 500px;
	/*height: 500px; pop-up Navidad */
	height: 469px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 7px #666;
	-moz-box-shadow: 3px 3px 7px #666;
	box-shadow: 3px 3px 7px #666;
}

.rotating-item {
	display: none;
	position: absolute;
}

.rotating-item img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* width: 500px;
	height: 500px;	pop-up Navidad  15 */
}

.pop_up_close {
	display: block;	
	position: absolute;
	top: 9px;
	right: 9px; 
	width: 27px;
	height: 27px;
	background-image: url(../img/trans.png);
	background-repeat: repeat;
}

/******************/