/* CSS Document */

/********************************** GENERALES ***********************************/

html{overflow-y:scroll} 

body{
	margin:0 auto;
	text-align:center;
	color:#1f4676;
	font:Verdana, Arial, Helvetica, sans-serif;
}

h1{
	height:24px;
	margin:0 auto;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#cd271b;
	text-transform:uppercase;
}

h2{
	height:24px;
	margin:0 auto;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#cd271b;
	text-transform:uppercase;
}

ul{
	list-style:none;
}


label{
	color:#651C49;
	font-weight:bolder;
}


/*********************************** FIN GENERALES ****************************/

/*********************************** CLASES ***********************************/

input.textos{
	width:180px;
	border:1px solid #651C49;
	color:#000000;
	font-weight:bolder;
}

.conte{
	border:1px solid #651C49;
	color:#000000;
	font-weight:bolder;
}
input.boton{
		border:2px solid #651C49;
		background:#FFFFFF;
		color:#651C49;
		font-weight:bolder;
		cursor:pointer;
}

span.important{
	font-weight:bolder;
	text-transform:uppercase;
}

/********************************** CONTENEDOR *******************************/

#contenedor{
	margin:0 auto;
	text-align:center;
	width:800px;
}
/********************************** MENU *************************************/
			#supcab{
				width:735px;
				height:105px;
				margin:0 auto;
				background:url(../images/bkg_cab.jpg) bottom left repeat-x;			
			}		
			
			#idioma{
				float:left;
				width:202px;
				height:68px;
				color:#4f9bd2;
				margin:37px 0 0 113px;
				/*background:url(../images/fondo_idioma.png) top left no-repeat;*/
			}
			
			#idioma a{
				color:#4f9bd2;
				height:31px;
				padding:0 0 15px 0; 
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
			}
			
			#idioma img{
				padding:0 0 0 0;
			}
			
			#textidioma{
				width:138px;
				text-align:right;
				float:left;
				padding:5px 0 0 0;
			}
			
			#bandera{
				width:50px;
				float:right;
				text-align:left;
				padding:0 0 0 0;
			}
						
/********************************* FIN MENU *************************************/

/********************************* LOGO ***************************************/

			#logo{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				width:368px;
				height:105px;
				background: url(../images/logo.jpg) left bottom no-repeat;
			}

/********************************* FIN LOGO ***********************************/

/********************************* CABECERA ************************************/

			#cabecera{
				margin:0 0 0 33px;
				padding:0 0 0 0;
				text-align:center;
				width:735px;
				height:207px;
			}

			
/*********************************** FIN CABECERA *********************************/

/*********************************** CONTENIDO ***********************************/

			#contenido{
				width:735px;
				margin:0 auto;
				text-align:left;
				padding:0 0 1px 0;
				background: #f3f3f3;
				text-align:center;
			}
			
			#left{
				font-family: Helvetica, sans-serif;
				font-size:12px;
				text-align:left;
				padding:12px 0px 12px 0px;
				margin:0 auto;
				width:735px;
				border-bottom:9px solid #e02826;
				clear:both;
			}
			
			#left #imagen_not{
				position:relative;
				top:0px;
				left:20px;
				float:left;
				width:155px;
				height:120px;
				padding:10px 5px 0 5px;
			}
			
			#left #destacado{
				float:right;
				width:335px;			
			}
			
			#left h1{
				padding: 0 12px 0 12px;
			}
			
			#left img{
				padding: 0 12px 0 12px;
			}
			
			#left p{
				padding: 0 12px 0 20px;
				margin: 12px 0 0 20px;
			}
			
			#lista_noticias{
				width:735px;
				text-align:center;
				padding:10px 10px 0 10px;
				margin:0 auto;
				clear:both;
			}
			
			#lista_noticias h1{
				text-align:left;
				padding:0 0 0 0;	
			}
			#lista_noticias a span.fecha_not {
					color:#EC1D24;
					font-weight:bolder;
					padding:0 5px 0 0;
			}
			
			#lista_noticias a:hover span.fecha_not {
					color:#666666;					
			}
			
			#lista_noticias a{
				text-decoration:none;
				color:#1F4676;
			}
			
			#lista_noticias a:hover{
				text-decoration:none;
				color:#999999;
			}
			
			#fin_noticias{
				clear:both;
			}
			
			table.tb_izq{
				width:250px;
				float:left;
				margin-left:90px;
			}
			
			table.tb_der{
				float:left;
				width:250px;
				margin-left:30px;
			}
			
			#right{
				background:#FFFFFF;
				margin:0 auto;
				padding:13px 12px 12px 12px;
				width:711px;
				font-family:Helvetica, sans-serif;
				font-size:12px;
				text-align:left;
				clear:both;
			}
			
			#left p{
				text-align:justify;
				padding:0 30px 0 0;
			}
			
			#right #img_left{
				float:left;
				width:150px;
				padding:15px 0 0 0;
			}
			
			#right #center{
				float:left;
				width:400px;
			}
			
			#right #img_right{
				float:right;
				width:150px;
				height:92px;
			}			
			
			#right #pieright{
				width:735px;
				clear:both;
			}
			
			#right h1{
				text-align:left;
				padding:15px 15px 0 0;
				height:15px;
				margin:0 auto;
				color:#1764a3;
				font-size:14px;
			}
			
			#right ul{
				list-style:none;
				width:607px;
				height:23px;
				text-align:left;
				background:#c5ddf1;
				padding:0;
				margin:0 0 0 0;
				border-bottom:1px solid red;
			}
			
			#right li{
				display:block;
				height:20px;				
				float:left;
				padding:0 0 2px 0;
				background:#c5ddf1;
			}
			
			#right a{										
				padding:0 15px 0 15px;
				color:#1f4676;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bolder;				
				text-transform:uppercase;
				text-decoration:none;
			}
			
			#right a.visited{
				display:block;
				background:#c5ddf1;
			}
			
			#right table.menu_tipos{					
					height:20px;
					width:607px;
					background:#e9f0f6;
					padding:0;
					border-bottom:1px solid #e02826;
			}
			
			#right td.tit_tipos{
				background:#FFFFFF;	
				height:20px;		
				margin:0 auto;
				padding:0;
				border:0;
			}
			
			#right #cont_producto ul{
				width:500px;
				border:0;
				background:#FFFFFF;
			}
			
			#right #cont_producto ul li{
				border:0;
				background:#FFFFFF;
			}
			
			#right td.separa{
					font-size:1px;
					height:1px;
					padding:0;
					background:#C5DDF1;
			}
						
			#right table.menu_tipos a{
				height:20px;
				float:left;
			}
			
			#right table.menu_productos{
					width:607px;
					background:#FFFFFF;
					padding:0;
					border-left:1px solid #e9f0f6;		
					border-right:1px solid #e9f0f6;
					border-bottom:1px solid #e9f0f6;
			}
			
			#right tr.tit_productos{
					background:#E9F0F6;
			}					
								
			#right table.menu_productos a{
				height:20px;
				float:left;
				background:#E9F0F6;
			}
			
			#right table.menu_productos #foto a{
				height:100%;
				float:left;
				background:#E9F0F6;
			}
			
			#right a.visit{
				float:left;
				height:20px;
				background:#E9F0F6;
				color:#e02826;
			}
							
			img.mini_prod{				
				padding:15px;				
				
			}
			

/************************* IMAGENES TRABAJOS Y PROYECTOS ****************************/

			
			#btn_ampliar{
				padding:100px 0 0 165px;
				margin:0 auto;
				height:20px;
			}
						
			
			#imagenespop{
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				padding:15px 0 0 0;
				overflow:auto;
				text-align:center;	
			}						
			
			#fondo{
				display:block;
				position:absolute;
				background:#000000;
				text-align:center;
				top:0px;
				left:0px;
				width:100%;
				height:200%;
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
			}
			
			#imagenespop img{
				border:1px solid #999999;
				padding:5px;
			}
						
						

/************************* FIN IMAGENES TRABAJOS Y PROYECTOS ************************/



/************************* PAGINADOR ************************************************/
			
			#paginado{
				margin:5px 0 0 0;
			}
			
			#paginado a{
				text-decoration:none;
				color:#999999;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bolder;
			}
			
			#paginado a:hover{
				color:#666666;
			}


/************************* FIN PAGINADOR ********************************************/

			

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


			#contnotis{
				font-weight:normal;
				width:700px;
				padding:0 0 5px 0;
				margin: 2px 0 10px 0;
				text-align:left;
				clear:both;
			}			
			
			#contnotis a{
				padding:0;
			}
			
			#contnotis span.fecha{
				color:#EC1D24;
				font-weight:bolder;
			}
			
			.titul{
				font-weight:bolder;
			}			
			#pienot{
				height:15px;
				clear:both;
			}
			
			#contnotis img{
				border:1px solid #999999;
				padding:2px;
				margin-left:5px;
			}
							


/********************************* FIN NOTICIAS ****************************************/

/********************************* MENU TRABAJOS ***************************/


			#menu_trabajos{
				padding:0 0 0 0;
				width:735px;
				margin:0 0 0 0;
				text-align:left;
				clear:both;		
			}
			
			#menu_trabajos h2{
				padding:0 0 0 0;
				font-size:14px;
				height:20px;
				margin:0 auto;
				text-align:left;		
			}
			
			#menu_trabajos ul{
				margin:0 auto;
				height:100px;
				width:450px;
				padding:0 0 0 0;
				text-align:center;
				background: #FFFFFF;
				display:block;
				padding:0 150px 0 150px;
			}
			
			#menu_trabajos ul li{				
				padding: 15px 5px 0 14px;
				margin:0 auto;
				float:left;
				height:110px;
				width:126px;				
			}
			#menu_trabajos ul li span{
				display:block;
				height:90px;
				width:70px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				text-decoration:none;
				text-align:center;
				color:#dc44b6;
				padding:0 0 0 0;
			}
			
			#menu_trabajos ul li a{
				display:block;
				height:30px;
				width:150px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				text-decoration:none;
				text-align:center;
				color:#afabab;
				padding:60px 0 0 0;
			}
			
			#menu_trabajos ul li a:hover{
				color:#666666;
			}
			
			#menu_trabajos ul li a.unifam{
				background:url(../images/log_unifamiliar.gif) top center no-repeat;			
			}			
			#menu_trabajos ul li a.fincas{
				background:url(../images/log_fincas.gif) top center no-repeat;				
			}
			#menu_trabajos ul li a.publica{
				background:url(../images/log_publicas.gif) top center no-repeat;				
			}
			
			
			#menu_trabajos ul li a.unifam:hover{
				background:url(../images/log_unifamiliar.gif) top center no-repeat;			
			}			
			#menu_trabajos ul li a.fincas:hover{
				background:url(../images/log_fincas.gif) top center no-repeat;				
			}
			#menu_trabajos ul li a.publica:hover{
				background:url(../images/log_publicas.gif) top center no-repeat;				
			}
			
			
			#menu_trabajos ul li span.unifam{
				background:url(../images/log_unifamiliar.gif) top center no-repeat;			
			}			
			#menu_trabajos ul li span.fincas{
				background:url(../images/log_fincas.gif) top center no-repeat;				
			}
			#menu_trabajos ul li span.publica{
				background:url(../images/log_publicas.gif) top center no-repeat;				
			}
					

/********************************* FIN MENU TRABAJOS ***********************/
			

/********************************* MENU PRODUCTOS ***************************/


			#menu_productos{
				padding:20px 0 0 0;
				width:735px;
				margin:0 0 0 0;
				text-align:left;
				clear:both;		
			}
			
			#menu_productos h2{
				padding:0 0 0 30px;
				font-size:14px;
				height:20px;
				margin:0 auto;
				text-align:left;		
			}
			
			#menu_productos ul{
				margin:0 auto;
				height:75px;
				width:735px;
				padding:0 0 0 0;
				background: #FFFFFF;
				display:block;
			}
			
			#menu_productos ul li{				
				padding: 15px 5px 0 14px;
				margin:0 auto;
				float:left;
				height:40px;
				width:126px;				
			}
			#menu_productos ul li span{
				display:block;
				height:65px;
				width:126px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				text-decoration:none;
				text-align:center;
				color:#dc44b6;
				padding:0 0 0 0;
			}
			
			#menu_productos ul li a{
				display:block;
				height:65px;
				width:126px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				text-decoration:none;
				text-align:center;
				color:#afabab;
				padding:0 0 0 0;
			}
			
			#menu_productos ul li a:hover{
				color:#FFFFFF;
			}
			
			ul.lista_prod li span.activo img{
				padding:1px;
				border:1px dotted #444444;
			}
			
			#menu_productos ul li a.ittalum{
				background:url(../images/ittalum_log.jpg) top center no-repeat;			
			}			
			#menu_productos ul li a.technal{
				background:url(../images/technal_log.jpg) top center no-repeat;				
			}
			#menu_productos ul li a.novoferm{
				background:url(../images/novoferm_log.jpg) top center no-repeat;				
			}
			#menu_productos ul li a.somfy{
				background:url(../images/somfy_log.jpg) top center no-repeat;				
			}
			#menu_productos ul li a.gradhermetic{
				background:url(../images/gradhermetic_log.jpg) top center no-repeat;				
			}
			
			#menu_productos ul li a.ittalum:hover{
				background:url(../images/ittalum_log_over.jpg) top center no-repeat;			
			}			
			#menu_productos ul li a.technal:hover{
				background:url(../images/technal_log_over.jpg) top center no-repeat;				
			}
			#menu_productos ul li a.novoferm:hover{
				background:url(../images/novoferm_log_over.jpg) top center no-repeat;				
			}
			#menu_productos ul li a.somfy:hover{
				background:url(../images/somfy_log_over.jpg) top center no-repeat;				
			}
			#menu_productos ul li a.gradhermetic:hover{
				background:url(../images/gradhermetic_log_over.jpg) top center no-repeat;				
			}
			
			#menu_productos ul li span.ittalum{
				background:url(../images/ittalum_log_vis.jpg) top center no-repeat;			
			}			
			#menu_productos ul li span.technal{
				background:url(../images/technal_log_vis.jpg) top center no-repeat;				
			}
			#menu_productos ul li span.novoferm{
				background:url(../images/novoferm_log_vis.jpg) top center no-repeat;				
			}
			#menu_productos ul li span.somfy{
				background:url(../images/somfy_log_vis.jpg) top center no-repeat;				
			}
			#menu_productos ul li span.gradhermetic{
				background:url(../images/gradhermetic_log_vis.jpg) top center no-repeat;				
			}			

/********************************* FIN MENU PRODUCTOS ***********************/

/****************************************** FIN CONTENIDO *******************************************/


/****************************************** PIE *******************************************************/
			#pie{
				margin:0 auto;
				padding:10px 0 10px 0;
				width:800px;
				height:99px;
				background:url(../images/bkg_pie.jpg) top center repeat-y;
				color:#FFFFFF;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				clear:both;
				text-align:center;
			}
			
			#pie a{
				color:#FFFFFF;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				font-weight:bolder;
				text-decoration:none;
			}
			
			#pie a:hover{
				text-decoration:underline;
			}
			
			#pie span{				
				font-weight:bolder;
			}
/*************************************** FIN PIE *******************************************/

/*************************************** TRABAJOS ******************************************/

#imagenestrabajos{
	text-align:center;
	clear:both;
	border:1px dotted #999999;
	width:460px;
	margin:15px 0 15px 0;
	padding: 15px 0 15px 0;
}

#imagenestrabajos img{
	border:2px solid #999999;
	margin:0 auto;
	padding:0;
}

#imagenestrabajos img:hover{
	border:2px solid maroon;
	margin:0 auto;
	padding:0;
}

#imagenestrabajos table td{
	margin:0 auto;
	padding:0;
	height:70px;
	width:90px;
	vertical-align:top;
}

#pie_trabajos{
	height:1px;
	clear:both;
	width:100%;
}


#mapa{
	text-align:center;
	width:800px;
	margin:30px 0 0 130px;
}

#mapa ul{
	list-style:none;
}

#mapa ul li{
	float:left;
}

#cont_producto a{
	display:block;
	height:18px;				
	text-align:center;
	background:#ffffff;
	padding:2px 15px 0 15px;
	color:#1f4676;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}


/*************************************** FIN TRABAJOS **************************************/

/*************************************** FIN DE CONTENEDOR *********************************/