@charset "utf-8";
/* CSS Document */

/* KETTAL 2008 THE OUTING EXPERIENCE
/* Autor: Jaume Izquierdo / Judith Morales
/* Empresa: Entorno Digital - www.entornodigital.es
/* Creado: 31/07/2007
--------------------------------------------------------------------------- */

/* BASICOS */
/* ESTRUCTURA */
/* INTRODUCCION */
/* COLECCIONES */
/* OUTERS */
/* PRODUCTOS */
/* VERSION 2006 MODIFICADA */
/* KETTALIZE#IT!!! */


/* INDEX
--------------------------------------------------------------------------- */

#contenedor_home {width: 900px; height: 563px; background: url(../images/inicio.jpg) no-repeat; margin: 0px auto;}
	#contenedor_home #idiomas_home {width:620px; padding-top:480px; height:35px; float: left;}
	#contenedor_home #idiomas_home .idi{ font-family:"Times New Roman", Times, serif; font-size:20px; font-weight:400; font-style:italic; float:left; padding-left:30px; color:#666666; text-decoration:none;}
	#contenedor_home #idiomas_home .idi:hover{ text-decoration:underline;}
	#contenedor_home #pie_home{ width:900px; margin:0 auto; padding-top:50px;}
		#contenedor_home #pie_home .imgs { float:left; width:40px; border:0;}
		#contenedor_home #pie_home .ket { float:left; text-align:center; width:620px;}
		#contenedor_home #pie_home #log {float:left;}
		
#logoad {float: left; margin: 460px 80px 0 120px;}

/* BASICOS
--------------------------------------------------------------------------- */

body { font-size: 0.70em; font-family: helvetica, arial, tahoma, sans-serif; color: #575558}
img{border:0;}
p {line-height:16px;}
h1 {}
h2 {}
.clear {clear: both;}
p.pie {text-align: center;}

a:link, a:active, a:visited {color: #3d3d3d; text-decoration: none;}
a:hover {color: #4594cb; text-decoration: underline;}
a:focus
{
outline:none;
}

ul {list-style-type:none; margin:0; padding:0;}
li {margin: 0;}

/* ESTILOS GENERICOS
--------------------------------------------------------------------------- */

.titular {color:#368cc7; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:14px; font-weight:bold; margin:2px 25px 0 10px; float:left;}
.titulargr {color:#368cc7; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:28px;/* font-weight:bold;*/}
.helvgr {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding-top:20px;}
.helvgr0 {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 18px;}
.helvgrabs {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding-top:20px; position: absolute;}
.helvtit {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding:20px 0 0 40px;}
.helvtitblanco {font-family:Arial, Helvetica, sans-serif; color: #fff; font-size: 24px; padding:20px 0 0 40px;}
.mediano {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 14px;}
.italica {font-style:italic;}
.ocho {font-size: 8px;}
.ochoitalica  {font-size: 8px; font-style:italic;}
.ochoazul {font-size: 8px; color:#368cc7;}
.catorce {font-size: 14px;}

/* paddings */
.padding3 {padding: 3px 0 0 0;}
.padding10 {padding: 10px 0 0 0;}

/* margins */
.margin5 {padding: 5px 0 0 0;}

a.outerlink:link, a.outerlink:active, a.outerlink:visited {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px;}
a.outerlink:hover {font-family:Arial, Helvetica, sans-serif; color: #368cc7; font-size: 24px;}

a.outerlinkwhite:link, a.outerlinkwhite:active, a.outerlinkwhite:visited {font-family:Arial, Helvetica, sans-serif; display: block; color: #3d3d3d; font-size: 24px; padding: 0 0 0 5px;}
a.outerlinkwhite:hover {font-family:Arial, Helvetica, sans-serif; display: block; color:#fff; background: #000; font-size: 24px; padding: 0 0 0 5px; text-decoration: none;}

/* enlaces */
a.azul:link, a.azul:active, a.azul:visited {color: #368cc7;}
a.azul:hover {color:#575558}

a.negro:link, a.negro:active, a.negro:visited {color: #575558;}
a.negro:hover {color:#575558; text-decoration: underline;}

a.blanco:link, a.blanco:active, a.blanco:visited {display: block; color: #3d3d3d; height: 20px; line-height: 20px; padding: 0 0 0 5px; font-size: 10px;}
a.blanco:hover {display: block; color:#fff; background: #000; height: 20px; text-decoration: none; line-height: 20px; padding: 0 0 0 5px; font-size: 10px;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */

#contenedor {width: 900px; border-top: 1px solid #e4e4e5; border-left: 1px solid #e4e4e5; border-right: 1px solid #e4e4e5; background: #fff; margin: 0px auto;}
	#contenedor #contenido {height: 531px;}
	#contenedor #contenido_auto {height: auto;}
	#contenedor #contenido_presu {height: 531px; background:url(../images/fondo_pres.jpg) no-repeat;}
#menu {width: 900px; height: 30px; margin: 0px auto;}
	#menu #enlaces {float: right;}
	#menu a:link, #menu a:active, #menu a:visited {display: block; height: 30px; text-align: center; float: left; /*border: 1px solid #000;*/ padding: 0 7px 0 7px; line-height: 30px;}
	#menu a:hover {display: block; background: #000; color: #fff; height: 30px; text-align: center; float: left; text-decoration: none; line-height: 30px;}
	
	#menu a.logoimg:link, #menu a.logoimg:active, #menu a.logoimg:visited {float: left; width: 114px; height: 13px; background: #fff;}
	#menu a.logoimg:hover {float: left; width: 114px; height: 13px; background: #fff;}
	
	#menu .seleccionado {display: block; height: 30px; background: #000; width: auto; text-align: center; line-height: 30px; color: #fff; float: left; padding: 0 7px 0 7px;}
	#menu #logo {width: 150px; float: left; padding:10px 0 0 20px;}
	
	/* Contenedor Temporal para Index_CAS */
	#contenedor_flash_temp {width: 900px; border: 1px solid #e4e4e5; background: #fff; margin: 0px auto;}

	/* ESTRUCTURA - PIE
	--------------------------------------------------------------------------- */	
	
	#pie2 {width:900px; margin:0 auto; padding-top:5px;}
	#pie2 .imas {float:left; width:37px; margin:0 2px 0 0;}
	#pie2 .av {text-align:center; width:450px; margin: 0px auto;}
	html>body #pie2 .av {float:left; text-align:center; width:450px;}
	#pie2 .av2 {/*float:left;*/ text-align:center; width:500px; margin: 0px auto;}
	#pie2 .ids {float:left; padding-left:10px; font-size:10px; color:#666;}
	
	#pie2 #idiomaspie {float: right;}
	#pie2 #idiomaspie .ids {float:left; padding-left:10px; font-size:10px; color:#666;}
	
	#pie3 {width:900px; margin:0 auto; padding-top:48px;}
	#pie3 .imas {float:left; width:37px; margin:0 2px 0 0;}
	#pie3 .av {float:left; text-align:center; width:500px;}
	html>body #pie3 .av {float:left; text-align:center; width:500px;}
	#pie3 .ids {float:right; padding-left:10px; font-size:10px; color:#666;}
	
	/* ESTRUCTURA - MENU DESPLEGABLE
	--------------------------------------------------------------------------- */
		
	#menu_desp {list-style-type:none; margin:0; padding:0; position: relative; z-index: 10000;}
	#menu_desp li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:120px; height:30px; border-right: 1px solid #e4e4e5;}
	#menu_desp li dl {position:absolute; top:0; left:0;}
	#menu_desp li a, #menu_desp li a:visited {text-decoration:none; line-height: 15px; padding: 0 0 0 10px;}
	#menu_desp li dd {display:none;}
	#menu_desp li a:hover {border: 0;}
	#menu_desp li:hover dd, #menu_desp li a:hover dd {display:block;}
	#menu_desp li:hover dl, #menu_desp li a:hover dl {}
	#menu_desp table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
	#menu_desp dl {width: 120px; margin: 0; padding: 0;}
	#menu_desp dt {margin:0; padding: 7px 5px 7px 0px; }
	
	#menu_desp .one {}
	#menu_desp .two {}
	
	#menu_desp .one dt {}
	#menu_desp .two dt {}
	
	#menu_desp dd {margin:0; text-align:left;}
	
	/* ONE *******************************************************/
	
	/*html[xmlns*=""] body:last-child #menu_desp .one dd {margin: -42px 0 0 0; position: relative;} /* Safari Hack */	
	/*html>body #menu_desp .one dd {margin: -42px 0 0 0; position: relative;}*/
	#menu_desp .one dd {margin: -42px 0 0 0; position: relative;}
	
	/* TWO *******************************************************/
	
	/*html[xmlns*=""] body:last-child #menu_desp .two dd {margin: -42px 0 0 0; position: relative;} /* Safari Hack */
	/*html>body #menu_desp .two dd {margin: -42px 0 0 0; position: relative;}*/
	#menu_desp .two dd {margin: -42px 0 0 0; position: relative;}
	
	#menu_desp dt a, #menu_desp dt a:visited {display:block; color:#575558;}
	#menu_desp dt a:hover {display:block; color:#368cc7;}
	
	#menu_desp dd a, #menu_desp dd a:visited {color:#fff; text-decoration:none; display:block; /*padding: 4px 0px 4px 10px;*/ width:180px;}
	
	#menu_desp .one dd a {background:#fff; color:#575558; border: 1px solid #e4e4e5; line-height: 20px; padding: 0 0 0 10px;}	
	#menu_desp .two dd a {background:#fff; color:#575558; border: 1px solid #e4e4e5; line-height: 20px; padding: 0 0 0 10px;}
	
	#menu_desp .one dd a:hover {background: #000; color:#fff; border: 1px solid #000;}
	#menu_desp .two dd a:hover {background: #000; color:#fff; border: 1px solid #000;}
	
/* INTRODUCCION
--------------------------------------------------------------------------- */

#bghome{background:url(../img/bg_home.jpg) no-repeat; width:900px; height:531px;}
html>body #botones{margin-left:440px; padding-top:33px; width:200px;}
#botones{margin-left:430px; padding-top:33px; width:200px;}

html>body #botones .btn{height:auto; background:url(../img/menu_k.jpg) no-repeat; width:200px; margin-bottom:7px; font-weight:bold; text-decoration:none; color:#6c6d70; display:block;}
html>body #botones .btn:hover{height:auto; background:url(../img/menu_k_r.jpg) no-repeat #000; margin-bottom:7px; width:200px; font-weight:bold; text-decoration:none; color:#fff; display:block; cursor:pointer;}

#botones .btn{height:auto; background:url(../img/menu_k.jpg) no-repeat; width:200px; text-decoration:none; color:#6c6d70; display:block; margin:7px 0 7px 0;}
#botones .btn:hover{height:auto; background:url(../img/menu_k_r.jpg) no-repeat #000; width:200px; text-decoration:none; color:#fff; cursor:pointer; display:block; margin:7px 0 7px 0;}

#botones .fin_out{color:#000; font-weight:bold; padding:3px; margin-top:50px; text-decoration:none; width:160px; display:block;}
#botones .fin_out:hover{background:#000; padding:3px; text-decoration:none; color:#fff; margin-top:50px; width:166px; width:160px; display:block; cursor:pointer;}

.cole {margin-left:50px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; font-weight: normal; padding: 1px 0 0 0;;}

html>body #lat_inicial{width:105px; height:105px; float:left; margin:200px 0 0 330px;}

#lat_inicial{width:105px; height:105px; float:left; margin: 200px 0 0 165px; background: #fff;}

#btnouters {margin: 20px 0 0 0;}
#btncat {margin: 5px 0 0 0; width:200px;}
	#btncat .catimg {float: left;}
	#btncat .cattxt {float: left; padding: 30px 0 0 0;}

/* COLECCIONES
--------------------------------------------------------------------------- */

#lista { width:225px; position:relative;}
#fotogrande {float: left; width: 400px; border-right: 1px solid #e4e4e5; height:531px;}
#col_content{width:250px; margin-left:415px;}
	#col_content #info{width:230px; margin-top:35px; height:285px;}
	#col_content #info2{width:230px; margin-top:65px;}
	#col_content #outer{width:230px; margin-top:25px;}
	
	/* COLECCIONES - CARRUSEL HORIZONTAL
	--------------------------------------------------------------------------- */
	
	.carousel-component {margin:0px auto;}
	.carousel-component .carousel-list li { 
		/*margin:4px;*/
		width:90px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
					   img.border-left (1) + img.border-right (1)*/
		height:70px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
		/*	margin-left: auto;*/ /* for testing IE auto issue */
	}
	
	.carousel-component .carousel-list li a { display:block; border:1px solid #fff; outline:none; margin: 0 10px 0 0; padding: 0 5px 0 5px; text-align:center;}
	.carousel-component .carousel-list li a:hover {border: 1px solid #bdbdbd; margin: 0 10px 0 0; padding: 0 5px 0 5px; text-align:center;}
	.carousel-component .carousel-list li img {display:block;}
	.carousel-component .carousel-prev {position:absolute; top:25px; z-index:3; cursor:pointer; left:-5px; }
	.carousel-component .carousel-next { position:absolute; top:25px; z-index:3; cursor:pointer; right:-5px; }
	
	/* COLECCIONES - AMBIENTES (ASSETS)
	--------------------------------------------------------------------------- */	

	#gallery {position: relative; margin: 0px auto; width: 400px; height: 530px;}
	#progress {margin: 0px auto; width: 200px; height: 15px; padding: 200px 0px 0px 0px; /*border: 1px solid #dfdfdf;*/ }
	#progress .bar {width: 0px; text-align: center; font-size: 10px; height: 15px; background: #2a2a2f; color: #fff;}
	
	/* COLECCIONES - COLORES (TIPS)
	--------------------------------------------------------------------------- */	

/* OUTERS
--------------------------------------------------------------------------- */

#designers {width: 900px; float: left;}
#des_content{/*float:left;*/ width:465px; margin-left:415px;}
#des_content #out{width:400px; margin-top:30px;}
#des_content #dise{width:400px; margin-top:15px;}
#des_content #conjunto{margin-top:35px;}
#des_content #conjunto .fotos{width:155px; float:left;}
#scrollouter {height: 180px; margin: 10px 0 0 0;}

/* PRODUCTOS
--------------------------------------------------------------------------- */

#lista {width: 224px; height: 531px; float: left; border-left: 1px solid #e4e4e5}
#productos {width: 673px; float: left;}
	#productos #cabecera {height: 70px; border-bottom: 1px solid #e4e4e5; padding-left:25px;}
	#productos #contenedor {float: left;}
		#productos #productoscont #fotocont {float: left; width: 370px; border-right: 1px solid #e4e4e5;}
		#productos #productoscont #fotocont2 {float: left; width: 370px; /*border-right: 1px solid #e4e4e5;*/}
		#productos #productoscont #fotocont #foto {height: 359px;}
		#productos #productoscont #fotocont #ambientes {height: 101px;}
		#productos #productoscont #seleccione {float: left; width: 300px;}
			#productos #productoscont #seleccione .selecciontxt {margin-left:7px; background:url(../images/kititbg.gif) repeat-x; height: 40px; line-height: 40px;}
/*			#productos #productoscont #seleccione .selcont {height: 115px; border-bottom: 1px solid #e4e4e5;} */
			#productos #productoscont #seleccione .selcont {height: 0px auto; /*border-bottom: 1px solid #e4e4e5;*/}
			#productos #productoscont #seleccione .selcont2 {height: 115px; border-bottom: 1px solid #fff;}
			
				html>body #productos #productoscont #seleccione .selcont .colores {width: 75px; margin: 0 0 7px 7px; float: left; font-size:10px; height:42px; padding:2px; text-align:center; border: 1px solid #fff; text-decoration:none; font-style:italic; text-transform:lowercase;}
				#productos #productoscont #seleccione .selcont .colores {width: 75px; margin: 0 0 7px 7px; float: left; font-size:10px; height:42px; padding:2px; text-align:center; border: 1px solid #fff; text-decoration:none; font-style:italic; text-transform:lowercase;}
				#productos #productoscont #seleccione .selcont .colores:hover { /*border: 1px solid #999; cursor:pointer;*/ border: 1px solid #f2f2f2; cursor:pointer;  font-style:italic; text-transform:lowercase;}
				
				a.colores2:link, a.colores2:active, a.colores2:visited {width: 100px; margin: 5px 0 0 0; float: left; font-size:10px; height:auto; padding:2px; text-align:center; border: 1px solid #fff; text-decoration:none; font-style:italic;}
				a.colores2:hover {border: 1px solid #e4e4e5; cursor:pointer; /*background: #f2f2f2;*/}
				
				html>body #productos #productoscont #seleccione .selcont .seleccionado {width: 80px; margin: 0 0 7px 7px; float: left; font-size:10px; height:43px; padding:2px; text-align:center; border: 1px solid #999; text-decoration:none;}
				html>body #productos #productoscont #seleccione .selcont .seleccionado:hover {width: 80px; margin: 0 0 7px 7px; float: left; font-size:10px; height:43px; padding:2px; text-align:center; border: 1px solid #999; text-decoration:none;}
				#productos #productoscont #seleccione .selcont .seleccionado {width: 75px; margin: 0 0 7px 7px; float: left; font-size:10px; height:45px; padding:2px; text-align:center; border: 1px solid #fff; text-decoration:none;}
				#productos #productoscont #seleccione .selcont .seleccionado:hover {/*border: 1px solid #999*/ background: #f2f2f2; border: 1px solid #f2f2f2; cursor:pointer;}
				
				/*a.selitem:link, a.selitem:active, a.selitem:visited {width: 54px; height: 14px; float: left; font-size:10px; padding:2px; text-align:center; border: 1px solid #f2f2f2; background: #368cc7; text-decoration:none; font-style:italic; text-transform:lowercase;}
				a.selitem:hover {border: 1px solid #368cc7; cursor:pointer; font-style:italic; text-transform:lowercase;}*/
	
							
			#productos #productoscont #seleccione #seleccionpres {height: 30px; margin: 10px 0 0 7px;}
				html>body #productos #productoscont #seleccione #seleccionpres .caja{display:block; width:120px; padding:3px; border:1px solid #fff; margin-right:15px; float:left; text-decoration:none;}
				#productos #productoscont #seleccione #seleccionpres .caja{display:block; width:115px; padding:3px; border:1px solid #fff; margin-right:15px; float:left; text-decoration:none;}
				html>body #productos #productoscont #seleccione #seleccionpres .caja:hover {display:block; width:120px; padding:3px; border:1px solid #999; margin-right:15px; float:left; text-decoration:none;}
				#productos #productoscont #seleccione #seleccionpres .caja:hover {display:block; width:115px; padding:3px; border:1px solid #999; margin-right:15px; float:left; text-decoration:none;}
			#productos #productoscont #seleccione #kettalize {height: 65px; margin-left:10px; padding-top:7px;}
#scroll_amb{ width:360px; height:70px;}

.tablas_sel{border:1px solid #fff; display:block; width:218px; height:100px;}
.tablas_sel:hover {border:1px solid #999; cursor:pointer; display:block; width:218px; height:100px; text-decoration:none;}

#tab{border:1px solid #fff; display:block; width:218px; height:100px; margin-bottom:10px;}

.tabl{border:1px solid #fff; display:block; width:218px; height:100px;}
.tabl:hover {border:1px solid #bdbdbd; cursor:pointer; display:block; width:218px; height:100px; /*text-decoration:none;*/}

.tablimg {float: left; margin: 0 10px 0 0;}
.tabltxt {width:110px; float: right; margin: 10px 0 0 0;}

.tab_img{width:90px; float:left; margin-top:10px; border: 1px solid #ff0000; cursor:pointer;}
.tab_txt{width:110px; margin-top:20px; float:left; cursor:pointer;}


/* VERSION 2006 MODIFICADA
--------------------------------------------------------------------------- */

	/* DISTRIBUIDORES
	--------------------------------------------------------------------------- */
	.distribuidores {border: 1px solid #e4e4e5; background-color: #fff;}
	.posiciona_dist {padding-left: 50px;}
	.distribuidores_fondo {background:url(../images/showroom_bg.jpg) no-repeat;}
	
	/* PRESUPUESTOS
	--------------------------------------------------------------------------- */
	.presu_back  {background-image:url(../images/presu_back_3.jpg); background-repeat:no-repeat; }
	.presu_back_2 {background-image:url(../images/presu_back_2.jpg); background-repeat:no-repeat; }
	.presu_back_3 {background-image:url(../images/fondo_pres.jpg); background-repeat:no-repeat; }
	.presu_blanco {background-color: #FFFFFF; /*opacity: .93; filter: alpha(opacity=93);*/}
	.presu_blanco_2 {background-color: #FFFFFF; /*opacity: .93; filter: alpha(opacity=93);*/}
	.presu_celda_form {height: 22px; }
	.presu_form_txt {padding-left: 20px; }
	.presu_form_txt_2 {font-size: 8px; padding-left: 20px; }
	.presu_form_tabla_ckeck {padding: 20px 0 20px 0;}
	.presu_form_txt_ckeck { font-size: 8px; text-align:right; }
	.presu_form_check {padding: 0 10px 0 20px;}
	.border_tabla_res {border: 1px solid #e4e4e5; text-align: center; }
	.pos_elemento_pres {margin-left: 20px; }
	.txt_aceptado {margin-top: 45px; text-align:center; line-height: 1.5; }
	.barra_elementos {}
	.txt_pres {padding: 0 0 0 10px;}
	.presu_total {margin: 0 0 0 10px;}
	
	/* PRENSA
	--------------------------------------------------------------------------- */
	.prensa_tabla { height: 20px; }
	
	/* NOTICIAS
	--------------------------------------------------------------------------- */
	.fondo {}
	.fondo_quienes {border-right: 1px solid #e4e4e5;}
	.fondo_borde {border-right: 1px solid #e4e4e5;}	
	.espacio_20 {height: 20px;}
	
	a.quienes:link, a.quienes:visited {text-decoration: none; display: block; padding: 7px 0 7px 15px; border-bottom: 1px solid #e4e4e5;}
	a.quienes:hover {color: #fff; text-decoration: none; display: block; background-color: #000; padding: 7px 0 7px 15px; border-bottom: 1px solid #e4e4e5;}
	a.quienes_sel:link, a.quienes_sel:visited {color: #fff; background: #000; text-decoration: none; display: block; padding: 7px 0 7px 15px; border-bottom: 1px solid #e4e4e5;}
	a.quienes_sel:hover {color: #fff; text-decoration: none; display: block; background: #000; padding: 7px 0 7px 15px; border-bottom: 1px solid #e4e4e5;}
	a.titularnot:link, a.titularnot:visited {font-size: 13px;}
	a.titularnot:hover {font-size: 13px;}
	
	.borde_r {border-right: 1px solid #e4e4e5;}
	.borde_l {border-left: 1px solid #e4e4e5;} 
	.borde_b {border-bottom: 1px solid #e4e4e5;}
	.borde_t {border-top: 1px solid #e4e4e5;}
	.siguiente {border-top: 1px solid #e4e4e5; margin: 20px 0 0 0; padding: 10px 0 0 0;}
	.noticia {border-top: 1px solid #e4e4e5; margin: 0px auto; width: 100%; padding: 10px 0 0 10px;}
	
	/* CONTACTA
	--------------------------------------------------------------------------- */
	.contacta_fondo {background:url(../images/contacta_fondo_b.jpg);}	
		
	/* COMBOS PARA FORMULARIOS
	--------------------------------------------------------------------------- */
	.box {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; }
	.box:hover {font-size: 9px; background: #000; color: #fff; border: 1px solid #000;}
	.boton {font-size: 9px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 70px;}
	.boton:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7;}
	.boton_nuevo_reg {font-size: 9px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 140px; height: 19px; }
	.boton_nuevo_reg:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7;}
	.combo {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; width: 150px;}
	.combo:hover {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; width: 150px;}
	.box_form {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; margin-left: 10px; width: 150px;}
	.box_form:hover {background: #000; color: #fff; border: 1px solid #000;}
	.box_form_2 {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; width: 150px;}
	.box_form_2:hover {font-size: 9px; color: #fff; background: #368cc7; margin-left: 10px; border: 1px solid #368cc7;}
	.box_form_3 {font-size: 9px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 100px; text-transform:capitalize; }
	.box_form_3:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7; }
	.box_form_3_hover {font-size: 9px; background: #368cc7; color: #fff; border: 1px solid #368cc7; text-decoration: none; cursor: hand; width: 100px; text-transform:capitalize; }
	.box_form_4 {font-size: 13px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 150px; text-transform:capitalize; }
	.box_form_4:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7; }
	.rojo {font-size: 12px; font-weight: normal; color: #b73b33; text-decoration: none; }
	
	.box_presu {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; margin-left: 10px; width: 30px; margin: 0 20px 0 0;}
	.box_presu:hover {font-size: 9px; color: #fff; margin-left: 10px; border: 1px solid #000; margin-left: 10px; width: 30px; margin: 0 20px 0 0; background: #000;}
	
/* KETTALIZE#IT!!!
--------------------------------------------------------------------------- */

#kettalizeit {width: 829px; height: 800px; border: 1px solid #e4e4e5; margin: 0px auto; background: url(../images/kitbg.jpg) top right repeat-y;}
#kettalizeit #derecha {width: 577px; height: 800px; border-right: 1px solid #e4e4e5; float: left; background: #fff;}
	#kettalizeit #derecha #titulo {height: 50px;}
	#kettalizeit #derecha #titulo #logo {margin: 10px 0 0 20px; float: left;}
	#kettalizeit #derecha #titulo #tit_txt {float: right; font-size: 1.5em; margin: 15px 20px 0 0;}
	#kettalizeit #derecha #titulo #producto {float: right; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding: 42px 40px 0 0; text-align:right;}
	#kettalizeit #derecha #fotogallery {height: 305px;}
/*	#kettalizeit #derecha #fotogallery .foto {border: 1px solid #000; margin: 0 0 0 40px; width: 497px; height: 307px; background:url(../images/sofa0.jpg) no-repeat;}
*/	
	#kettalizeit #derecha #fotogallery #foto1 {border: 1px solid #000; margin: 0 0 0 40px; width: 497px; height: 307px; z-index:1; display: block;}
	#kettalizeit #derecha #fotogallery #foto2, #foto3, #foto4 {border: 1px solid #000; margin: 0 0 0 40px; width: 497px; height: 307px; z-index:2; display: none;}
	
	#kettalizeit #derecha #fichas {height: 288px;}
#kettalizeit #izquierda {width: 251px; height: 680px; float: left;}

	#boxsel {width: 220px; height: auto; border: 1px solid #e4e4e5; margin: 20px 0 0 10px; /*padding: 10px 5px 0 0;*/ background: #fff url(../images/kettalizeittitbg.gif) repeat-x top;}
	
		#logomini {/*border-bottom: 1px solid #e4e4e5;*/} 
		
		#boxsel .kitdeficion {margin: 0 0 20px 0; padding: 10px 5px 0 5px; /*color: #78a32d;*/ /*background: #fff url(../images/kettalizeittitbg.gif) repeat-x top;*/}
		#boxsel .it_item_cont {border: 1px solid #fff; height:auto; padding: 0 0 10px 0;}
		/*#boxsel .it_item_cont:hover {border: 1px solid #78a32d; height:auto; padding: 0 0 10px 0;}*/
		
		#boxsel .it_item {font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 16px; float: left; width: 85%; text-indent: 5px;}
		#boxsel .it_item_2 {font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 12px; color: #78a32d; padding: 10px 0 0 15px; clear: left;  border-top: 1px solid #e4e4e5;}
		#boxsel .it_item_3 {font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 12px; color: #78a32d; padding: 2px 0 0 47px;}
		#boxsel .it_color_item {float: left; /*margin: 5px 0 0 5px; /*border-bottom: 1px solid #e4e4e5;*/ padding: 5px 0 5px 10px; width: 200px;}
		#boxsel .it_carrito {float: left; width: 10%; padding: 2px 0 0 0;}
		
		#boxsel .it_item_cont_colores {background: #fff /*url(../images/kettalizeittitbg.gif)*/ repeat-x top;}
		#boxsel .it_color {display: block;}
		#boxsel .colores {width: 80px; margin: 0 0 0 5px; float: left; font-size:10px; height:35px; /*padding:2px;*/ text-align:center; border: 1px solid #fff; text-decoration:none;}
		#boxsel .colores:hover {border: 1px solid #999; cursor:pointer;}
		
		#boxsel .it_item_font {font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 12px; color: #78a32d;}
		
		#boxsel #botonera {margin: 30px 0 30px 0;}
		a.kitButton:link, a.kitButton:active, a.kitButton:visited  {margin: 10px 0 0 10px; display: block; height: 20px; width: 150px; background:#78a32d; color: #fff; line-height: 20px;font-family: "Times New Roman", Times, serif; font-size: 12px; font-style:italic; border: 1px solid #78a32d; text-indent: 5px;}
		a.kitButton:hover  {margin: 10px 0 0 10px; display: block; height: 20px; width: 150px; background:#fff; color: #78a32d; line-height: 20px;font-family: "Times New Roman", Times, serif; font-size: 12px; font-style:italic; border: 1px solid #78a32d; text-decoration: none; text-indent: 5px;}
		
		#piekettalizeit {margin: 0px auto; margin: 10px 0 0 0; text-align: center;}
		
		#capa1 {display: block; color: #fff;}
		#capa2, #capa3, #capa4 {display: none; color: #fff;}
		
		a.itselbut:link, a.itselbut:active, a.itselbut:visited {display: block; color: #78a32d; /*background:#fff;*/}
		a.itselbut:hover {display: block; /*background: url(../images/kettalizeitselitbg.gif) repeat-y #fff;*/ text-decoration: underline;}

	/* TABS KETTALIZEIT
	--------------------------------------------------------------------------- */	
	.mootabs_title {list-style-image: none; list-style-type: none; margin: 40px 0 0 20px; padding: 0px; height: 24px;}
	.mootabs_title li {float: left; background-color: #fff; padding: 2px 8px 2px 8px; margin-right: 2px; cursor: pointer; height: 24px; border-top: 1px solid #e4e4e5; border-left: 1px solid #e4e4e5; border-right: 1px solid #e4e4e5; font-family: "Times New Roman", Times, serif; font-size: 12px; font-style:italic; height: 20px;}
	.mootabs_title li.active {background: #78a32d url(../images/kettalizeittabbg.gif) repeat-x; color: #fff; font-family: "Times New Roman", Times, serif; font-size: 12px; font-style:italic; height: 20px;}
	.mootabs_panel {display: none; background-color: #ddd; position: relative; width: 100%; top: -1px; clear: both; overflow: auto; /*padding: 10px;*/ margin: 0 0 0 20px;}
	.mootabs_panel.active {background-color: #fff; display: block; border: 1px solid #e4e4e5; margin: 0 0 0 20px;}
	
/*	.listacolores {height: 30px;} */

	/* nuevo codigo colores kettalizeit 2009 */
	
	#listacolores {}
	#listacolores ul {width: 550px; margin: 0 0 0 10px;}
	#listacolores li {float: left;}
	#listacolores li a {display: block; width: 54px; height: 14px; margin: 0 2px 2px 0; padding: 1px; background: #fff; border: 1px solid #fff;}
	#listacolores li a:hover {border: 1px solid #000;}
	#listacolores li a img {float: left; width: 54px; height: 14px; margin: 0 2px 2px 0;}
	
	a.colores2:link, a.colores2:active, a.colores2:visited {width: 100px; margin: 5px 0 0 0; float: left; font-size:10px; height:auto; padding:2px; text-align:center; border: 1px solid #fff; text-decoration:none; font-style:italic;}
	
	
	.kitTabTxt1 {font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 18px; color: #000; padding: 5px 0 0 10px;}
	.kitTabTxt2 {font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 13px; color: #78a32d; padding: 5px 0 0 10px;}
	.kitTabTxt3 {font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 18px; /*color: #78a32d;*/ padding: 0 0 0 10px; color: #000;}
	.kitTabTxt4 {float: left;}
	
	.kitCab {background:url(../images/kititbg.gif) repeat-x; height: 20px; padding: 5px 0 0 0; margin: 0 0 10px 0; border-bottom: 1px solid #e4e4e5;}


	.kitDef {margin: 0 0 0 10px; padding: 10px 0 0 0;}
	
	/* CSS KETTALIZEIT
	--------------------------------------------------------------------------- */
#kettalizeitprint {width: 577px; height: auto; margin: 0px auto; background: #fff; border: 1px solid #e4e4e5;}
#kettalizeitprint #derecha {width: 577px; height: auto; float: left; background: #fff; padding: 0 0 20px 0;}
	#kettalizeitprint #derecha #titulo {height: 86px;}
	#kettalizeitprint #derecha #titulo #logo {margin: 0 0 0 40px; float: left;}
	#kettalizeitprint #derecha #titulo #producto {float: right; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding: 42px 40px 0 0; text-align:right;}
	#kettalizeitprint #derecha #fotogallery {height: 305px;}
/*	#kettalizeit #derecha #fotogallery .foto {border: 1px solid #000; margin: 0 0 0 40px; width: 497px; height: 307px; background:url(../images/sofa0.jpg) no-repeat;}
*/	
	#kettalizeitprint #derecha #fotogallery #foto1 {border: 1px solid #000; margin: 0 0 0 40px; width: 497px; height: 307px; z-index:1; display: block;}
	#kettalizeitprint #derecha #fotogallery #foto2, #foto3, #foto4 {border: 1px solid #000; margin: 0 0 0 40px; width: 497px; height: 307px; z-index:2; display: none;}	
	
/* ARQUITECTOS
--------------------------------------------------------------------------- */

#arquitectos {background:url(../images/arquitectos_bg.gif) repeat-y;}
	#arquitectos #arqlista {float: left; width: 234px;}
		a.arqlink:link, a.arqlink:active, a.arqlink:visited {display: block; text-indent: 15px; line-height: 20px;}
		a.arqlink:hover {display: block; background: #000; color: #fff; text-indent: 15px; line-height: 20px; text-decoration: none;}
	#arquitectos #arqitems {float: left; width: 300px;}
	#arquitectos #arqfoto {float: right; width: 350px; height:531px; border-left: 1px solid #e4e4e5;}
		
		#arquitectos #arqfoto p {margin: 0; padding: 0;}
		#arquitectos #arqfoto #foto {height: 335px; border-bottom: 1px solid #e4e4e5;}
		#arquitectos #arqfoto #video {height: 54px; border-bottom: 1px solid #e4e4e5; background:url(../images/bg_arq_bgvideo.gif) repeat-x top;}
		#arquitectos #arqfoto #video #pos {padding: 10px 0 0 0;}
		#arquitectos #arqfoto #video #pos a.botvideo:link, a.botvideo:active, a.botvideo:visited {display: block; width: 198px; height: 33px; background: #fff url(../images/bt_arq_video.gif) no-repeat; font-size: 14px; text-align: center; padding: 7px 0 0 0; margin: 0px auto;}
		#arquitectos #arqfoto #video #pos a.botvideo:hover {display: block; width: 198px; height: 33px; background: #fff url(../images/bt_arq_video_hover.gif) no-repeat; font-size: 14px; text-align: center; padding: 7px 0 0 0; color: #fff; text-decoration: none; margin: 0px auto;}
		#arquitectos #arqfoto #texto {}
	
	#arquitectos #arqtit {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding:20px 0 0 15px; margin: 0 0 20px 0;}
	
#arquitectos #lista_arq {width:300px; height: 320px; position: relative;}
#arquitectos #lista_arq .tab {display:block; width:290px; height:100px; margin-bottom:10px; border:1px solid #fff;}
#arquitectos #lista_arq .tab:hover {display:block; width:290px; height:100px; margin-bottom:10px; border:1px solid #bdbdbd;}

#arquitectos #lista_arq .tab .foto {float: left; margin: 0 0 0 5px; width: 75px;}
#arquitectos #lista_arq .tab .contenido {float: left; margin: 0 0 0 5px; width: 200px;}
#arquitectos #lista_arq .tab .contenido .texto {}
#arquitectos #lista_arq .tab .contenido .iconos {margin: 10px 0 0 0;}

#arquitectos .tablimg {float: left; margin: 0 10px 0 0;}


a.arcico:link, a.arcico:active, a.arcico:visited {float: left; margin: 0 5px 0 0;}
a.arcico:hover {float: left; margin: 0 5px 0 0;}

#arquitectos #lib3d {height: 360px;}

#arquitectos #texturas {height: 80px;}
#arquitectos #texturas #cont {margin: 10px 0 0 10px;}
#arquitectos #texturas #cont #titulo {float: left; font-size: 16px;}
#arquitectos #texturas #cont #imagen {float: left; margin: 3px 0 0 10px;}
#arquitectos #texturas #cont #texto {padding: 10px 0 0 0;}

#arquitectos #download {height: 80px; margin: 30px 0 0 0;}
#arquitectos #download #cont {margin: 10px 0 0 10px;}
#arquitectos #download #cont #titulo {float: left; font-size: 16px;}
#arquitectos #download #cont #imagen {float: left; margin: 3px 0 0 10px;}
#arquitectos #download #cont #texto {padding: 10px 0 0 0;}

/* ATENCION USUARIOS
--------------------------------------------------------------------------- */

#recambios {background:url(../images/arquitectos_bg.gif) repeat-y;}
	#recambios #arqlista {float: left; width: 234px;}
		a.reclink:link, a.reclink:active, a.reclink:visited {display: block; text-indent: 25px; line-height: 20px;}
		a.reclink:hover {display: block; background: #000; color: #fff; text-indent: 25px; line-height: 20px; text-decoration: none;}
	#recambios #arqitems {float: left; width: 260px;}
	#recambios #arqfoto {float: left; width: 404px;}
	#recambios #arqtit {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding:20px 0 0 15px; margin: 0 0 20px 0;}
	
#recambios #lista {width:350px;}
#recambios #tab {display:block; width:320px; height:100px; margin-bottom:10px;}
#recambios .tabl {border:1px solid #fff; display:block; width:240px; height:100px;}
#recambios .tabl:hover {border:1px solid #bdbdbd; cursor:pointer; display:block; width:240px; height:100px; text-decoration: none;}
#recambios .tablimg {float: left; margin: 0 10px 0 0;}
#recambios .tabltxt {width:150px; float: right; margin: 10px 0 0 0;}
#recambios .tab_img{width:90px; float:left; margin-top:10px; border: 1px solid #ff0000; cursor:pointer;}
#recambios .tab_txt{width:110px; margin-top:20px; float:left; cursor:pointer;}

a.arcico_herr:link, a.arcico:active, a.arcico:visited {float: left; padding: 5px 0 5px 20px; background:url(../images/icono_herramienta.gif) no-repeat left center;}
a.arcico_herr:hover {text-decoration: underline;}

a.arcico_rec:link, a.arcico:active, a.arcico:visited {float: left; padding: 5px 0 5px 20px; background:url(../images/icono_recambios.gif) no-repeat left center;}
a.arcico_rec:hover {text-decoration: underline;}

#recambios #lib3d {width: 220px; height: 200px; border: 1px solid #ff0000;}
#recambios #texturas {height: 150px;}
#recambios #download {height: 150px; margin: 320px 0 0 0 ;}