/* CSS Document */

html,body {
	margin: 0; 
	padding: 0;
	height:100%;
} 

body{ font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color:#888; font-weight:normal; text-align: left; line-height:15px; letter-spacing:normal;
}

img
{
  border:0;
}

strong{color: #666666; font-weight: bold;}


.verde{color:#c6d301;} 

a{color:#b1bd00; text-decoration:none;}
a:hover{color:#fff;}
#texto a:hover{color: #666666;}


sup{font-size:xx-small; vertical-align:top;} 

h1{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.3em; color: #c6d301; font-weight: normal; text-align:left; letter-spacing:-0.2px; margin:0; border-bottom:2px solid #000000; line-height:20px; margin-bottom:8px;}

h2{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.1em; color: #c6d301; font-weight: normal; text-align:left; letter-spacing:-0.2px;  margin:0 0 0 0; font-weight:normal;}

h3{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.2em; color: #000; font-weight: normal; text-align:left; letter-spacing:-0.2px;  margin:6px 0 0 0; font-weight:normal;}



#cabecera{
width: 960px;
height: 105px;
margin:0 auto;
}

#firma{
width: 950px;
height: 145px;
margin:0 auto;
background:#001522;
padding:15px 0 0 10px;
}

#firma p{
width: 250px;
float:left;
margin:0 0 0  10px;
}

#enlaces_web { width:500px; float:right; color:#c6d301; text-align:left;}
#enlaces_web ul{list-style:none; margin:0; padding:0; width:auto;}
#enlaces_web ul li {float:left;}

.logo{width:220px; height: 70px; float: left;}

#contenedor{
position:relative;
width: 915px;
height:auto;
margin:0 auto;
padding:23px;
overflow:hidden;
font-size:1.3em;
background:#FFFFFF;
}

#bloque_intro, #bloque{
width:100%;
height:auto;
padding:10px 0;
margin:0;
}

#bloque_siste div{ padding-left:12px;}
#bloque_siste h1{ border-bottom: 1px solid #CCCCCC;}

#bloque { font-size:0.9em;}

#bloque  ul{list-style:none; padding:0; margin:0; text-align:left;}
#bloque  ul li{ margin:0; margin-bottom:2px; line-height:normal; padding:0; float:left; width:100%;}
#bloque  ul li a{ text-decoration:none; color:#acacac;}
#bloque  ul li a:hover{ color:#000;}

#bloque #tres  ul li{width:30%;}
#bloque #dos ul li{width:45%;}

#bloque_intro div{
margin:0 auto;
text-align:center;
line-height:20px;
font-size:1.1em;
}

.banner_home{
width:915px;
height:auto;
}

.banner_home p{
width:100%;
background:  url(../imag/trans_negro.png);
color:#FFFFFF;
position:absolute;
top:300px;
height:25px;
padding-top:10px;
text-indent:15px;
font-size:1.1em;
}

.contenido{
width:915px;
height:auto;
}

.modulo1, .modulo2, .modulo3, .modulo4 {
float:left;
width:221px;
height: auto;
font-size:0.9em;
}

.modulo1, .modulo2, .modulo3 {
margin-right:10px;
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- FIN MODULOS */




/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- MENU PRINCIPAL*/


ul#topnav {
	margin: 18px 0 0 0; padding: 0;
	float:left;
	width:740px;
	height: 35px;
	list-style: none;
	font-size: 1.2em;
	background:#001522; 
}
ul#topnav li {
	float: right;
	margin: 0; padding: 0;
	position: relative;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index:300;
	
}

ul#topnav li a, ul#topnav li a:visited {
	color: #999999;
	text-decoration:none;
	float: left; 
	height: 26px;
	padding: 9px 10px 0 10px;
	border-left: solid 1px #999999;
}


ul#topnav li a:hover, ul#topnav li a:active {
	color:#c6d301;
	height: 26px;
}


ul#topnav li .sub {
	position: absolute;	
	top: 35px; left: 0;
	background:  url(../imag/trans_verde.png)!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../imag/trans_verde.png’);
	
	padding: 6px 6px 8px 10px;
	float: left;
	display: none;
	z-index:90;
	
}
ul#topnav li .row {float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0 0 8px 0; padding: 0;
	float: left;
}


ul#topnav .sub ul li {
padding-left:4px;
float:left;
color: #fff;
border:none;
}
ul#topnav .sub ul h2 {
	padding: 0;  margin: 0 0 5px 0;
	font-size: 1em;
	font-weight: normal;
	color:#FFFFFF;
	float:none;
	width:95%;
	border-bottom:solid 1px #FFFFFF;
	
}
ul#topnav .sub ul{display:block;}

ul#topnav .sub ul li a {
	font-size: 0.85em;
	width:100%;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	display: block;
	text-decoration: none;
	color: #000;
	border:none;
 	list-style:none;
	height:auto;
	margin:0 200px 2px 0;
	padding:2px 0 0 0;
}
ul#topnav .sub ul li a:hover {color: #fff;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------  FIN MENU PRINCIPAL*/

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- PRODCUTOS */



#cab_prod{
height:auto;
width:100%;
border-bottom:2px solid #000000;
margin-bottom:20px;
}

#cab_prod img{
float: left;
}


#cab_prod h1{
color:#000;
margin:0;
padding:2px 0px;
font-size:1.6em;
border:0;
}

.fotos_obra{margin-bottom:20px;}

/* ------------------------------------------------------------ menu horizontal prodcuto */

ul.tabs { 
	list-style:none; 
	margin:32px 0 0 0 !important; 
	padding:0;	
	height:30px;
	float:right;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 0 0 15px; !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:1.1em;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#ccc;
	padding:0px;
	margin:0px;	
	position:relative;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#000;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {	
	cursor:default !important; 
	color:#000 !important;
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}
.panes{margin:20px 0; font-size:1em; color:#888;}


/* --------------------------------------------------------------------------------------------- menu vertical prodcuto */

#conte_izd{
position:absolute;
width:180px;
height:auto;
top:0;
left:0;
}
#conte_izd .seccion{
position:relative;
background:#001522;
margin:0;
padding:20px 0 8px 15px;
}

#conte_izd .cuadro, #conte_izd .direccion{
position:relative;
background:#001522;
margin:0;
padding:20px 0 8px 15px;
background:#001522;
height:150px;
font-size:0.9em;
}

#conte_izd .dolce{color:#FFFFFF; font-size:1.7em;}

.seccion{color:#FFFFFF; font-size:1.3em; margin:0 0 24px 0; padding:0; line-height:18px; letter-spacing:-0.2px; display:block;}

#submenu{
position:relative;
background:#001522;
margin:0;
padding:1px 0 50px 20px; 
}


#submenu ul{
list-style:none;
width:100%;
padding:0;
margin-top:0px;
}

#submenu ul li{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#999999;
width:160px;
border-top:1px solid #999999;
padding: 4px 0;
margin:0;
font-size:0.9em;
}

#submenu ul li a{color:#999999;}

#submenu ul li a:hover {color:#fff;}

#submenu ul li a#current {color:#c6d301; cursor:default;}


/* ---------------------------------------------------------------------------------------------- menu vertical prodcuto */

#conte_der{
float:right;
width:740px;
border-left:2px solid #001522;
padding-left:18px;
font-size:0.9em;
min-height:500px;
}

#texto{
font-size:1em;
text-align:justify;
}

.foto_der{
float:right;
}

.imag_demo{float:right;}

#texto h1{color:#333333;}

#texto h2{
color:#000000;
margin:10px 0 0 0;
border:none;
font-size:1.3em;
}

#texto ul{
list-style:none;
background: #dddddd;
color: #333333;
padding:10px 15px;
margin:15px 0px;
width:auto;
}

#texto ul strong{
color:#333333;
}

#texto ul li{
padding-left:13px;
background-image: url(../imag/lista.png);
background-repeat:no-repeat;
margin:6px 0;
}

#detalles{
float:right;
width:auto;
}

.descargas, .sec_descargas{
width:710px;
height:auto;
padding:12px 0 12px 30px;
margin:2px 0;
float:right;
}

.descargas p a, .sec_descargas p a{
background-color: #CCCCCC;
padding: 2px 4px;
margin:2px 2px 0 0;
font-size:1.1em;
float:left;
color:#333333;
}

.descargas p a{
text-align:center;
width:160px;
}


.sec_descargas p.cab_tabla{
text-align:left;
width:653px;
padding-left:30px;
background:#001522;
color:#FFFFFF;
margin:0 0 -8px 0;
padding:2px 0 2px 30px;
}


.sec_descargas p a{
text-align:left;
width:650px;
padding-left:30px;
background-image:url(../imag/download.png);
background-repeat:no-repeat;
background-position: 4px 0;
}


.modulo_revista{float:left; background:#FFFFFF; margin-right:25px;}
.modulo_revista p{ text-align:center;width:170px; margin:0 auto; font-size:0.8em;}
.modulo_revista p.nombre{ font-weight:bold; font-size:1em; margin-top:10px;}
.modulo_revista p a{ width:166px; padding:2px; text-align:center; background-image:none;}

.columna{
width:300px;
border-right:solid 1px #FFFFFF;
display:block;
float:left;
margin-right: 15px;

}

.columna2{
width:180px;
border-right:solid 1px #FFFFFF;
display:block;
float:left;
margin-right: 15px;
}

.descargas p a:hover, .sec_descargas p a:hover{
background-color:#c6d301;
color:#000;
}

.datos_obras{
width:auto;
background:#001522;
padding:8px 12px;
margin:0 0 15px 15px;
float:right;
border-left:solid 8px #FFFFFF;
border-bottom:solid 8px #FFFFFF;
}

.datos_emble{
text-align:left;
width:180px;
background:#001522;
padding:10px;
margin: 18px 0 15px 15px;
color: #999999;
font-size:1.2em;
line-height:18px;
float:right;
border-left:solid 18px #FFFFFF;
border-bottom:solid 18px #FFFFFF;
}


.peq{
line-height:normal;
color:#c6d301;
font-size:0.7em;
}

.datos_emble .arquitectos{
color:#FFFFFF;
text-transform:uppercase;
}

#texto .descargas p, .datos_obras p{
margin:0;
font-size:0.9em;
}
#texto .descargas h2{
color:#CCCCCC;
margin:0 0 5px 0;
font-size:1.2em;
}


.text_vertical{margin:12px 0 0 155px; font-size:1.3em; color:#CCCCCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}




/* --------------------------------------------------------------------------------------------------------------------- Ficha productos */
#flowpanes {
	background: #FFFFFF;		
	width:740px;
	min-height:330px;	
	position:relative;
	overflow:hidden;
	clear:both;
	margin:10px 0 -10px 0;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:0;
	float:left;
	display:block;
	width:740px;
}

	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
		font-size:0.8em;
		
}

#flowpanes img{
float:left;
width:500px; height:315px;
}
	
#flowpanes	.datos{
	background:#001522;
	min-height:315px;
	padding:0px 0px;
	color:#999;
	width:237px;
	float:right;
	}

#flowpanes	.datos p{padding:1px 10px; margin:0 2px;}


#flowpanes h1{
border:none;
padding:1px 10px;
width:267px;
background:#c6d301;
color:#000;
font-size:1em;
}

#flowpanes	.datos p.nom_modelo{font-size:2em;color:#FFFFFF; margin:10px 0 6px 0;}

.prev, .next{
cursor: pointer;
border:none;
background:#FFFFFF;
height:18px;
}

.next{
float:right;
background-image:url(../imag/next.gif);
background-position:top right;
background-repeat: no-repeat;
padding-right:14px;
}

.prev{
float:left;
background-image:url(../imag/prev.gif);
background-position:top left;
background-repeat: no-repeat;
padding-left:14px;
}

.next:hover{
background-position:right -20px;
}
.prev:hoverr{
background-position:left -20px;
}


.adelante, .atras{
cursor: pointer;
border:none;
background:#FFFFFF;
height:18px;
}

.adelante{
float:right;
background-image:url(../imag/next.gif);
background-position:top right;
background-repeat: no-repeat;
padding-right:12px;
}

.atras{
float:right;
background-image:url(../imag/prev.gif);
background-position:top left;
background-repeat: no-repeat;
padding-left:12px;
}

.adelante:hover{
background-position:right -20px;
}
.atras:hover{
background-position:left -20px;
}


.volver{
float:right;
list-style:none;
margin-top:6px;
}

.volver a{color: #CCCCCC;
background-image:url(../imag/prev.gif);
background-position:top left;
background-repeat: no-repeat;
padding-left:16px;
padding-top:4px;
color:#999999;
}
.volver a:hover{color: #000;background-position:left -20px;}


.puntual{float:left;
margin: 10px 0 25px 20px;
}
/* --------------------------------------------------------------------------------------------------------------------- lightbox obras ficha producto*/
/* the overlayed element */
.apple_overlay {
	display:none;
	width:700px;		
	padding:35px;
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../imag/apple-close.png);
	background-repeat:no-repeat;
	background-position:-2px 10px;
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.apple_overlay.black {
		background-image:url(../imag/transparent.png);		
		color:#fff;
	}
	
	
	#triggers {
		margin-top:10px;
		text-align:left;
	}
	
	#triggers img {
	width:175px;
		background-color:#fff;
		cursor:pointer;
		
	}
	
	
	
	
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- FIN PRODCUTOS */


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------  TOOLTIP */

.tooltip {
	display:none;
	background: url(../imag/trans_negro.png);
	font-size:1.1em;
	height:30px;
	width:203px;
	padding:5px 8px;
	color:#fff;
}

#demo_prod{float:left; margin:6px;}

#demo_prod .tooltip  {
display:none;
background: url(../imag/trans_negro.png);
width:149px;
height:18px;
padding:3px 8px;
color:#fff;
}


#demo img {
margin:6px 12px 6px 0;
float:left;
}

#demo img, #demo_prod img {
	border:0;
	cursor:pointer;
	-webkit-box-shadow: 0 0 7px #666;  
	-moz-box-shadow: 0 0 7px #666;  
	box-shadow: 0 0 7px #666;
}

#demo_prod img {
	width:165px;
	height:82px;
}
	
	
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------  FIN TOOLTIP */




/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------TABS */
#bloqueTab {
	float:left;
	width:100%;
	height: auto;
	font-size:0.9em;
	margin:0 0 1px 0;
	padding:0px 0;
	display:block;
}
	

/* accordion header */
#bloqueTab p.tab{
	background-image: url(../imag/flechita.png);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
	color:#000000;
	width:100%;
	display:block;
	border-bottom:1px solid #999999;
	line-height:20px;
	text-indent:18px;
	margin:5px 0 5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.1em;
}


#bloqueTab p.tab:hover {
	cursor:pinter;
	background-position:0 -20px;
}

/* currently active header */
#bloqueTab p.tab.current {
	cursor:default;
	background-color:#fff;
	background-position:0 -40px;
}

/* accordion pane */
#bloqueTab .pane {
	display:none;
	height:auto;
	padding:10px 0 10px 10px;
	color:#888;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- FIN TABS */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- SUBMENU IZD TABS */
#submenuTab {
	width:165px;
	height: auto;
	font-size:0.9em;
	margin:0; 
	padding:5px 0 30px 15px;
	background:#001522;
}
	


/* accordion header */

#submenuTab p{
margin:0;
padding:0;
}

#submenuTab p a{
	text-transform:uppercase;
	cursor:pointer;
	width:100%;
	display:block;
	border-top:1px solid #999999;
	height:18px;
	margin:0 0 0 0;
	padding:4px 0 0 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999999;
	font-size:0.9em;
}

 #submenuTab .notab a{
 width:100%;
 display:block;
 border-top:1px solid #999999;
 	list-style:none;
	text-transform:uppercase;
	cursor:pointer;
	height:auto;
	margin:0 0 2px 0;
	padding:4px 0 0 0;
	color:#999999;
	font-size:1em;
}

 #submenuTab li.notab a{ 
 	border-top:1px solid #999999;
	}

#submenuTab p a:hover,  #submenuTab .notab a:hover,  #submenuTab .notab a#current {
	cursor:pinter;
	color:#FFFFFF;
}

/* currently active header */
#submenuTab p.current {
	cursor:default;
	color:#FFFFFF;
	}

/* accordion pane */
#submenuTab .pane {
	margin:0;
	display:none;
	height:auto;
	padding:0px 0 10px 10px;
	color:#999999;
	font-size:0.9em;
}

#submenuTab .pane li{
	list-style:none;
}

#submenuTab .pane li a{
	border:none;
	text-transform:none;
	color:#999999;
	margin:2px 0;
}

#submenuTab .pane li a:hover, #submenuTab .pane li a#current{
	color:#fff;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- FIN TABS */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- SCROLL VERTICAL */

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 590px;	 
	width: 730px;

}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #ddd;
	margin:5px 0;
	padding:5px;
	font-size:12px;
	overflow:hidden;
	height:130px;
	width:730px;
}

/* elements inside single item */
.item img {

	float:left;
	margin: 5px 20px 0 0;
	-webkit-box-shadow: 0 0 7px #666;  
	-moz-box-shadow: 0 0 7px #666;  
	box-shadow: 0 0 7px #666;
}

.item p{
	float:left;
	width:470px;
	margin:4px 0;
	font-size:0.9em;
}

/* the action buttons above the scrollable */
#actions {
	width:740px;
	margin:15px 0 25px 0;
	padding-top:4px;
	height:22px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}