/* CSS Document */


/* ---- SHOWROOMS ---- */

.clear {clear: both;}

.bg_cont_tit {height: 15px;}
	.bg_tit {float: left; font-size: 15px; color: #000;}
	.bg_cerrar {float: right; width: 15px; height: 15px;}
.bg_dir_mini {margin: 0;}
.bg_dir {margin: 15px 0 0 0;}
.bg_dir_2 {padding: 10px 10px 0 0; margin: 0px auto; width: 340px;}
.bg_dir_espai {height: 10px;}

#swtitulocont {height: 30px; border-bottom: 1px solid #e4e4e5;}
#swtitulo {float: left; width: 300px;}
#swclose {float: right;}

#swdesc {width: 700px; margin: 10px 0 0 40px; color: #000;}

#swfotos {}
#swfotos ul {margin: 20px 0 0 40px;}
#swfotos ul li {margin: 0 5px 5px 0; float: left;}
#swfotos ul li a img {border: 1px solid #fff;}
#swfotos ul li a:hover img {border: 1px solid #000;}

#actions { width:300px; margin:0 auto; border-top:1px solid #666; }
#actions ul { float: right; margin: 0 15px 0 0; }
#actions ul li {display: inline; color:#333;}
#actions ul li a { color:#fff; font-size: 1em; height:20px; display:inline-block; margin:10px 0 0 10px; padding-left:25px; color:#333;}
#actions ul li a.back { background:url(../images/flecha-verde.gif) 0 0 no-repeat; }
#actions ul li a.send { background: url(../images/mail.gif) 0 0 no-repeat; }
#actions ul li a.send2 { background: url(../images/mail.gif) 0 0 no-repeat; }
#actions ul li a.pdf { background: url(../images/pdf.gif) 0 0 no-repeat; }
#actions ul li a.download { background: url(../images/desc_img.gif) 0 0 no-repeat; }
#actions ul li a.print { background: url(../images/print.gif) 0 0 no-repeat; }
#actions ul li a.back,  #actions ul li a.send, #actions ul li a.download, #actions ul li a.print { padding-right:10px; }


#colR {float:left; width: 225px; padding: 10px 0; margin-left: 10px;}

#colR #txt { margin: 15px 0 0 0; width: auto;}
#colR #txt p { text-align:justify; padding: 0 5px; }

#colR #txt ul { margin: 10px 0 0 10px; width:auto;}
#colR #txt ul li {width: 108px; height:25px; margin: 5px 0 10px 0;}

#colR #txt ul li a {width:140px; height:15px; display:block; padding: 0px 0 0px 10px; font-size: 1em;}

#adjunto {padding: 5px 0 0 20px;}
#adjunto a {font-size: 9px; background:url(../images/pdf.gif) left center no-repeat; padding: 5px 0 5px 20px; text-decoration: none;}
#adjunto a:hover {text-decoration: underline;}


/*** links ***/
a:link { text-decoration: none; color: #929497; }

a:visited { text-decoration: none; color: #929497; }

a:hover { text-decoration: none; color: #FFFFFF; }

a:active { text-decoration: none; color: #929497; }

a.pie_sel:link { font-size: 7pt; color: #929497; text-decoration: underline; }

a.pie_sel:active { font-size: 7pt; color: #929497; text-decoration: underline; }

a.pie_sel:visited { font-size:7pt; color: #929497; text-decoration: underline; }

a.pie_sel:hover { font-size: 7pt; color: #FFFFFF; text-decoration: underline; }

/*** estilos ***/

img {border: 0;}
.clear {clear: both;}

.Estilo6 { color: #2C2A2B }

body { background-color: #2C2A2B; margin-right: 0px; }

.Estilo9 { font-size: 7pt; font-weight: bold; }

.Estilo11 { color: #CCCCCC }

.Estilo1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

.Estilo3 { color: #E4E4E4 }

.cabecera { font-family: tahoma, verdana, arial; font-size: 8pt; color: #929497; }

.body_ficha { font-family: tahoma, verdana, arial; font-size: 7pt; color: #929497; }

body { font-family: tahoma, verdana, arial; font-size: 7pt; color: #ffffff; }

.degradado_2 { background-image:url(../imagenes/colecciones/deg_1px.jpg); background-repeat:repeat-x; }

.body_white { font-family: tahoma, verdana, arial; font-size: 7pt; color: #ffffff; text-align:justify; }

.opacidad { opacity: .8; }

.body_white_bold { font-family: tahoma, verdana, arial; font-size: 7pt; color: #ffffff; font-weight: bold; }

.body_white_pie { font-family: tahoma, verdana, arial; font-size: 7pt; color: #ffffff; }

.titre_blanco { font-family: tahoma, verdana, arial; font-size: 9pt; color: #ffffff; font-weight: bold; }

.tabla { border: 1px solid #e4e4e5; }

.tabla_2 { //*background-color:#000000;*// text-align:justify;
}

.menu { border-right: 1px solid #e4e4e5; }

.menu_flash { height: 401px; }

.buscador { height: 115px; }

.degradado { background-image:url(../imagenes/catalogo_piezas/degradado.jpg); background-repeat:repeat-x; }

.degradado_gris { background-image:url(../imagenes/catalogo_piezas/bloque_imagenes_deg.jpg); background-repeat:repeat-x; }

/** ambientes **/

#pantalla { position:absolute; margin-top: 0px !important; /*margin-left: -100px !important;*/ width: 450px; height: 141px; background-image:url(../imagenes/catalogo_piezas/bloque_imagenes_deg.jpg); background-repeat:repeat-x; opacity: .9; filter: alpha(opacity=90); z-index: 0; }

.cerrar_boton { text-align: right; margin-right: 10px; }

.ambientes_posiciona { margin-top: 20px; }

.posiciona_menu { height: 70px; }

.cat_contenido { height: 384px; border-bottom: 1px solid #e4e4e5; }

.ficha { width: 338px; height: 384px; border-right: 1px solid #e4e4e5; }

.margin_80 { margin-top: 170px; }

.margin_5 { margin-left: 5px; margin-right: 5px; }

.margin_5_top { margin-top: 5px; }

/*.compras {FONT-SIZE: 7pt; 
WIDTH: 30px; 
FONT-FAMILY:Verdana; 
FONT-COLOR:#333333; 
HEIGHT:14px;
background-color:#666666; 
COLOR: #ffffff; 
border: #333333;
}*/

.compras { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #fff; border-width: 1px; border-style: solid; border: 1px solid #333; background-color:#666; width: 30px; }

.prensa { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #333; border-width: 1px; border-style: solid; border: 1px solid #333; background-color:#fff; width: 129px; height:14px; }

.form_1 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #fff; border-width: 1px; border-style: solid; border: 1px solid #333; background-color:#333; WIDTH: 230px; HEIGHT:14px; }

.border_btn { border: 1px solid #666; color:#666; }

.dist_continente { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #fff; /*border-width: 1px;*/ border-style: solid; border: 1px solid #000; background-color:#000; WIDTH: 180px; HEIGHT:14px; }

.modelos { height: 90px; }

#menu { width: 900px; height: 82px; margin: 0px auto; }

#pie { width: 900px; height: 25px; margin: 0px auto; }

/*** hovers para catálogo ***/
  a.menu_text:link, a.menu_text:visited { font-family: tahoma, verdana, arial, sans-serif; font-size: 7pt; color: #949494; text-decoration: none; display: block; /*width: 180px;*/ height: 51px; width: 56px; background-color: #fff;/*border-top: 1px solid #fa97af;
  border-bottom: 1px solid #a20c25;*/ }

a.menu_text:hover { font-family: tahoma, verdana, arial, sans-serif; font-size: 7pt; color: #949494; text-decoration: underline; display: block; height: 51px; width: 56px; /*background-color: #a0d0ef;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #50a7e0;*/ background-image:url(../imagenes/catalogo_piezas/textura_hover.gif); }

a.modelo_mini:link, a.modelo_mini:visited { display: block; /*width: 180px;*/ height: 80px; width: 80px; background-color: #fff; }

a.modelo_mini:hover { display: block; height: 80px; width: 80px; background-image:url(../imagenes/catalogo_piezas/modelo_hover.gif); }

.col_img { border: 0px; text-align: center; padding-top: 10px; }

.col_modelo_mini { border: 0px; text-align: center; padding-top: 3px; }

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

ul { /* all lists */ padding: 0; margin: 0; list-style: none; font-size: 7pt; }

#menu_desp li { width: 165px; cursor:default; background-color: #000000; color:#666666; height: 24px; /*text-align: center;*/ font-size: 8pt; }

#menu_desp li.min_c { position: relative; margin: 0px auto; width: 150px; cursor:default; height: 15px; text-align: left; color:#666666; border: 1px solid #dededf; z-index: 3; }

#menu_desp li.min_d { /* all list items */ position: relative; margin: 0px auto; width: 150px; cursor:default; background-color: #000000; height: 15px; color:#666666; border-left: 1px solid #dededf; border-right: 1px solid #dededf; border-bottom: 1px solid #dededf; z-index: 2; }

#menu_desp li.separador { background-color: #d6d7d9; width: 1px; height: 24px; }

li ul { display: none; position: absolute; opacity: .9; filter: alpha(opacity=90); }

#menu_desp li.min_c li:hover ul, #menu_desp li.min_c li.hover ul { background-image: #3c3e43; display: block; border: 1px solid #ffffff; background-color: #929497; text-align: left; line-height: 20px; /*alineamos a la izquierda*/ left: 150px !important; margin-top: -14px !important; text-decoration: none; background-image:url(../imagenes/catalogo_piezas/hover_gris.jpg); }

li:hover ul, li.hover ul { background-image: #3c3e43; display: block; border: 1px solid #ffffff; background-color: #929497; text-align: left; line-height: 20px; /*alineamos a la izquierda*/ left: 150px !important; margin-top: -14px !important; text-decoration: none; background-image:url(../imagenes/catalogo_piezas/hover_gris.jpg); }

.menu_desp_situa { margin-left: 10px; }

.menu_desp_dcha { margin-left: 10px; }

/******* PRESUPUESTO *******/

.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_blanco { background-color: #FFFFFF; opacity: .93; filter: alpha(opacity=93); }

.presu_blanco_2 { background-color: #FFFFFF; }

.presu_celda_form { height: 25px; }

.presu_form_txt { padding-left: 20px; width: 110px; }

.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 { }

.pie { text-align: right; }

.pie_idiomas { padding-right: 30px; word-spacing: 10px; }

.pie_partprof { word-spacing: 10px; }

.presu_gris { FONT-SIZE: 7pt; WIDTH: 129px; FONT-FAMILY: Verdana; HEIGHT:14px; background-color: #333333; COLOR: #929497; border-color:#000000; border-left: #000000; border-right:#000000; border-bottom:#000000;}

.gris { FONT-SIZE: 7pt; WIDTH: 250px; FONT-FAMILY: Verdana; HEIGHT:60px; background-color: #333333; COLOR: #929497; border-color:#000000; border-left: #000000; border-right:#000000; border-bottom:#000000; }

.gris_2 { FONT-SIZE: 7pt; WIDTH: 129px; FONT-FAMILY: Verdana; HEIGHT:60px; background-color: #333333; COLOR: #929497; border-color:#000000; border-left: #000000; border-right:#000000; border-bottom:#000000; }

/* 2008 */

#contenedor {width: 906px; background: #000; margin: 0px auto;}
	#contenedor #contenido {height: 531px;}

#arquitectos {background: #343434 url(../images/bg_recambios.gif) repeat-y;}
	#arquitectos #arqlista {float: left; width: 194px; border-right: 1px solid #2c2a2b;}
		a.arqlink:link, a.arqlink:active, a.arqlink:visited {display: block; text-indent: 15px; line-height: 20px; font-size: 11px;}
		a.arqlink:hover {display: block; background: #8c8d8e; color: #fff; text-indent: 15px; line-height: 20px; text-decoration: none; font-size: 11px;}
		
		a.arqlink2:link, a.arqlink2:active, a.arqlink2:visited {display: block; padding: 0px 15px; line-height: 20px; font-size: 11px;}
		a.arqlink2:hover {display: block; background: #8c8d8e; color: #fff; padding: 0px 15px; line-height: 20px; text-decoration: none; font-size: 11px;}
		
	#arquitectos #arqitems {float: left; width: 300px;}
	#arquitectos #arqfoto {float: left; width: 350px; height:531px;}
		
		#arquitectos #arqfoto p {margin: 0; padding: 0;}
		#arquitectos #arqfoto #foto {height: 335px;}
		#arquitectos #arqfoto #video {height: 54px; 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:Tahoma, 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;}
#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
--------------------------------------------------------------------------- */

#contenedor {width: 906px; background: #000; margin: 0px auto;}
	#contenedor #contenido {height: 531px; padding: 0;}

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

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;}

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