/* CSS Document */

/* ------ RESET ------- */

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param{
margin:0;
padding:0;}

ul, li{list-style-type:none}

img {
border:0;}


/* ------ GENERAL -----*/

b{
color:#000;
}

.limpia {
float:none;
display:block;
clear:both;}

fieldset {
border:0;}

.ocult{
display:none;}

p.floatLeft{
float:left;
padding:20px 20px 20px 0;}

p.floatRight{
float:right;
padding:10px 0 20px 20px;}

hr{
margin:10px 0;
height:1px;
border:0;
border-top: 1px dotted #CC6600;}

body {
background:url(../img/bg_fondo_web.jpg) repeat-x;}


/* ---- CONTENEDOR ----- */

#contenedor {
width:1032px;
height:auto;
margin:0 auto;}


/* ---- CONTENIDO ----- */

#contenido {
width:1032px;
height:auto;}


/* ---- CABECERA ----- */

#cabecera {
width:1032px;
height:166px;
background:url(../img/bg_cabecera.jpg) no-repeat top left;
border-left:1px solid #E4A900;
border-right:1px solid #E4A900;
float:left;}

	#logo {
	width:265px;
	height:133px;
	padding:18px 0 0 30px;
	float:left;
	}
	
/* ---- ZONA CLIENTES ----- */	

	#zona_clientes{
	width:250px;
	*width:300px;
	margin:25px 45px 0 0;
	_margin:20px 5px 0 0 ; 
	*margin:20px 10px 0 0 ; 
	float:right;
	}
		
		form{
		width:250px;
		*width:265px;
		_width:265px;
		padding:8px 15px 0 0; 
		font: normal 11px "Trebuchet MS";
		color:#000000;
		}
		
		form #cajas {
		padding-top: 2px;
		}
		
		form input.cajas_negro {
		border:1px solid #000; 
		color:#FFFFFF; 
		background-color:#000000; 
		font:normal 11px "Trebuchet MS"; 
		width: 170px;
		*width:190px;
		height: 20px;}
		
		form input.boton_verde{
		border:1px solid #827C00; 
		color:#FFFFFF; 
		background-color:#827C00; 
		font:normal 11px "Trebuchet MS"; 
		padding:13px 10px;
		*padding:13px 1px;
		float:right;
		}
		
		form input{
		margin-top: 3px;
		}
		
		form p{
		font:normal 11px "Trebuchet MS";
		padding:0;
		}


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

	#menu {
	width:735px;
	float:left;
	margin-top:46px;
	*margin-top:47px;
	}

	#menu ul {
	float:left;
	margin-left:-20px;}
	
			#menu ul li {
			float:left;			
			}
			

/* ---- MENU BUENO ----- */

#menu_index {
float:left;
margin-left:30px;
*margin-left:30px;
_margin-left:0px;
}

#menu_index ul {
list-style:none;
_margin-left:0px;
}

	#menu_index li {
	font:normal 12px "Trebuchet MS";
	float:left;
	text-align:center;
	color: #fff;
	margin-right:2px;
	}
	
		#menu_index li.peq {
		width:52px;
		height:36px;
		background:url(../img/li_peq_verde.png) no-repeat top left;}
		
		#menu_index li.med {
		width:80px;
		height:36px;
		background:url(../img/li_med_verde.png) no-repeat top left;}
		
		#menu_index li.larg {
		width:100px;
		height:36px;
		background:url(../img/li_larg_verde.png) no-repeat top left;}

		#menu_index a {
		height:36px;
		display:block;
		padding:10px 0 0 0;
		text-align:center;
		color: #fff;
		text-decoration: none;
		}
		
			#menu_index li.peq a:hover {
			width:52px;
			height:46px;
			_height:35px;
			_position:absolute;
			display:block;
			padding:10px 0 0 0;
			text-align:center;
			color: #fff;
			text-decoration: none;
			margin-top:-10px;
			background:url(../img/li_peq_verde_hover.png) no-repeat top left;
			}
			
			#menu_index li.med a:hover {
			width:80px;
			height:46px;
			_height:35px;
			_position:absolute;
			display:block;
			padding:10px 0 0 0;
			text-align:center;
			color: #fff;
			text-decoration: none;
			margin-top:-10px;
			background:url(../img/li_med_verde_hover.png) no-repeat top left;
			}
			
			#menu_index li.larg a:hover {
			width:100px;
			height:46px;
			_height:35px;
			_position:absolute;
			display:block;
			padding:10px 0 0 0;
			text-align:center;
			color: #fff;
			text-decoration: none;
			margin-top:-10px;
			background:url(../img/li_larg_verde_hover.png) no-repeat top left;
			}
			
				#menu_index li.peq a.activa{
				background:url(../img/li_peq_negro.png) no-repeat left top;
				font:normal 12px "Trebuchet MS";}
				
					#menu_index li.peq a:hover.activa{
					background:url(../img/li_peq_hover_negro.png) no-repeat left top;
					font:normal 12px "Trebuchet MS";
					}
					
				#menu_index li.med a.activa{
				background:url(../img/li_med_negro.png) no-repeat left top;
				font:normal 12px "Trebuchet MS";}
				
					#menu_index li.med a:hover.activa{
					background:url(../img/li_med_negro_hover.png) no-repeat left top;
					font:normal 12px "Trebuchet MS";
					}
					
				#menu_index li.larg a.activa{
				background:url(../img/li_larg_negro.png) no-repeat left top;
				font:normal 12px "Trebuchet MS";}
				
					#menu_index li.larg a:hover.activa{
					background:url(../img/li_larg_negro_hover.png) no-repeat left top;
					font:normal 12px "Trebuchet MS";
					}
		

	
/* ---- INTERIOR ----- */	


#interior {
width:1032px;
height:auto;
overflow:hidden;
background:url(../img/bg_fondo_contenido2.jpg) repeat-x top left;
float:left;
_margin-top:-9px;
}

	#interior h2 {
	font:normal 20px "Trebuchet MS";
	padding:20px 0 0 40px;
	color:#FFFFFF;}
	
	#interior h3 {
	font:bold 13px "Trebuchet MS";
	padding:20px 0 0 40px;
	color:#FFFFFF;}
	
	#interior p {
	font:normal 12px "Trebuchet MS";
	padding:20px 20px 0 40px;
	color:#FFFFFF;}
	
	#interior h1 {
	font:normal 12px "Trebuchet MS";
	padding:5px 20px 0 40px;
	color:#FFFFFF;}
	
	#texto_imagen {
	width:300px;
	height:auto;
	float:right;
	margin:0 20px 30px 15px;
	}
	
		#pie_imagen {
		width:300px;	
		height:20px;	
		float:left;
		margin-top:-15px;
		}		
	
		#pie_imagen p {	
		font:normal 11px "Trebuchet MS";	
		text-align:center;
		color:#FFCC00;	
		}


	#interior img {
	float:right;}
	
		#interior a {
		color:#FFFFFF;
		text-decoration:underline;}
		
			#interior a:hover {
			text-decoration:none;}

	#index_noticias {
	width:700px;
	height:350px;
	margin:30px 0 0 20px;
	*margin:30px 40px 0 18px;
	_margin:30px 0 0 10px;
	float:left;}
	
	#descripcion_proyecto {
	width:350px;
	height:auto;
	overflow:hidden;
	margin:10px 0 0 20px;
	float:left;}
	
	#documentacion {
	width:350px;
	height:auto;
	overflow:hidden;
	background:#CCCCCC;
	float:left;
	margin-left:20px;
	margin-top:15px;
	padding-bottom:10px;}
	
		#documentacion h4 {
		width:310px;
		height:10px;
		background:#FFBB00;
		font:normal 12px "Trebuchet MS";
		border-bottom:1px solid #E4A900;
		padding:8px 30px 12px 10px;
		}
		
		#documentacion p {
		font:normal 13px "Trebuchet MS";
		padding:20px 0 3px 55px;}
		
		.flecha_abajo {
		background:url(../img/flecha_abajo.jpg) no-repeat 20px 18px;}
		
		#documentacion a {
		text-decoration:underline;
		color:#333333}
		
			#documentacion a:hover {
			text-decoration:none;}
		
		#documentacion p.link_verde  {
		color:#827C00;
		margin-top:-20px;}
	
		a.boton_gris{
		background-color: #494949;
		padding: 12px;
		border: 1px solid #000000;
		font: normal 11px/14px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;}
	
		a.boton_gris:hover{
		background-color: #CCC;
		color:#333333;
		border: 1px solid #000000;}
	
	#banner_tejados {
	width:205px;
	height:275px;
	margin:70px 0 0 75px;
	_margin:70px 0 0 75px;
	*margin:70px 0 0 35px;
	float:left;
	background:url(../img/img_tienes_tejado.jpg) no-repeat top left;}


/* ---- PORTADA SECCION PROYECTOS ----- */

#proyectos_fila{
width:950px;
margin:10px 0 0 50px;
height:95px;
overflow:hidden;
}
		
	#proyectos_fila .col1, #proyectos_fila .col2, #proyectos_fila .col3 , #proyectos_fila .col4  {
		float:left;
		width:450px;
		height:95px;
		margin-left:10px;
	}
	
		#proyectos_fila .imagen{
			width:150px;
			height:95px;
			float:left;
			margin-left:15px;
		}
		
			#proyectos_fila .imagen img{
			border:none;
			float:left;
			}
		
		#proyectos_fila a.nombre, #proyectos_fila a.nombre_nolink{
			width:250px;
			height:95px;
			background-color:#DEDEDE;
			float:left;
			text-decoration:none;
			font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif;			
			padding-top:15px;
			margin-left:4px;
			color:#827C00;
		}
		
		#proyectos_fila a.nombre_nolink{cursor:text;}
		
		#proyectos_fila a.nombre:hover{
			color:#000000;
			background-color:#FFBB00;
			text-decoration:none;
		}
		
		#proyectos_fila a.nombre_nolink:hover{color:#ffffff;}
		
		#proyectos_fila a.nombre span, #proyectos_fila a.nombre_nolink span{padding:0 10px;display:block;}
		
		#proyectos_fila h3 {
		font:normal 12px/16px Arial, Helvetica, sans-serif;
		padding:10px 12px 0 10px;
		color:#000000;}


/* ---- PIE ----- */	
	
#pie {
width:1000px;
height:38px;
margin-top:20px;
}

	#pie ul li {
	float:right;}			
	
				#pie ul li a img {
				padding-left:2px;
				_float:left;
				*float:left;
				}
				
					#pie ul li a:hover img  {
					margin-top:-10px;
					_float:left;
					}		

	#pie_secundario {
	width:1032px;
	height:40px;
	background:url(../img/bg_fondo_pie.jpg) no-repeat;}
	
		#pie_secundario p {
		padding:6px 0 0 40px;
		font:normal 13px "Trebuchet MS";
		color:#333333;}