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

/* Colores
#E6E6E8 = Gris clarito
#BEC7CC = Gris claro
#72838B = Gris medio
#3D5056 = Gris Oscuro
#1B2127 = Gris muy oscuro
#DCDAF8 = Azul clarito
#1E1773 = Azul oscuro
#FBB83C = Naranja

*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #1B2127;
	}
	
	#wrap {
		width: 774px;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		margin: 0 auto;
		text-align: left;
		background: #E6E6E8 url(img/bg_wrap.png) repeat-y;
		}

/*-----------------------------------------------------------*/
	
	.clearer { clear: both; font-size: 0; }
	.imgright { float: right; margin-left: 8px; }
	.imgleft { float: left; margin-right: 8px; }
	.center { text-align: center; }
	
/*-----------------------------------------------------------*/
	
	#head {
		height: 120px;
		background: #FFFFFF url(img/bg_head.png) no-repeat;
		border-bottom: 1px solid #FFFFFF;
		}
		#head div.logo {
			float: left;
			width: 300px;
			height: 100px;
			padding: 21px 0 0 0;
			}
		#head h1 {
			float: left;
			margin: 0;
			padding: 21px 0 0 0;
			}
			#head h1 a {
				display: block;
				width: 300px;
				height: 100px;
				background: #FFFFFF url(img/logo.png) no-repeat;
				}
				#head h1 a span {
					display: none;
					}
	
/*-----------------------------------------------------------*/
	
	#main {
		margin: 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #FFFFFF;
		background: transparent url(img/bg_main.png) center bottom no-repeat;
		}

	#cont {
		float: left;
		width: 500px;
		background-color: #E6E6E8;
		}
		#cont div {
			padding: 10px 20px;
			}
	
/*-----------------------------------------------------------*/
	
	#cont div#splash {
		padding: 0;
		}
	
/*-----------------------------------------------------------*/
	
		#cont div a {
			padding: 2px 0 2px 10px;
			background: transparent url(img/bg_links.png) center left no-repeat;
			color: #FBB83C;
			text-decoration: none;
			}
			#cont div a:hover {
				text-decoration: underline;
				}
				
		#cont div h3 {
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			color: #FBB83C;
			font-weight: normal;
			}

	#side {
		float: right;
		width: 273px;
		}
		#side div {
			padding: 10px 20px;
			background-color: #72838B;
			color: #DCDAF8;
			}
		#side div p {
			padding-left: 24px;
			}

/*-----------------------------------------------------------*/

	#side div#menu {
		background-color: #1B2127;
		padding: 20px;
		border-bottom: 1px solid #FFFFFF;
		height: 295px;
		}
		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#menu ul li {
				margin: 0;
				padding: 0;
				}
			#menu ul li p {
				margin: 0;
				padding: 0 0 10px 20px;
				background: #1B2127 url(img/bg_li_p.png) top left no-repeat;
				color: #72838B;
				}
				#menu ul li a {
					display: block;
					height: 35px;
					width: 230px;
					font-size: 0;
					text-decoration: none;
					background-position: top;
					color: #1B2127;
					}
				#menu ul li a:hover, #menu ul li.sel a {
					background-position: bottom;
					}
					
				#menu ul li a#btn_principal {
					background-image: url(img/btn_principal.png);
					} 
				#menu ul li a#btn_empresa {
					background-image: url(img/btn_empresa.png);
					} 
				#menu ul li a#btn_servicios {
					background-image: url(img/btn_servicios.png);
					} 
				#menu ul li a#btn_obras {
					background-image: url(img/btn_obras.png);
					} 
				#menu ul li a#btn_contactos {
					background-image: url(img/btn_contactos.png);
					} 
				#menu ul li a#btn_noticias {
					background-image: url(img/btn_noticias.png);
					} 




/*------------------------------------------------------------------------------*/

#contact {
	width: 100%;
	height: 300px;
	margin: 20px auto;
	padding: 6px 0;
	margin: 4px 0;
	}
	#contact fieldset {
		margin: 0;
		border: 0;
		padding: 0;
		border: 0;
		}
	#contact fieldset legend {
		display: none;
		}
	#contact fieldset label {
		display: block;
		float: left;
		width: 120px;
		padding: 5px 0 3px 0;
		margin: 3px 0 0 0;
		font-size: 11px;
		}
	#contact fieldset input {
		width: 220px;
		margin: 3px 0 0 4px;
		border: 1px solid #CCCCCC;
		padding: 2px;
		}
	#contact fieldset select {
		margin: 3px 0 2px 4px;
		border: 1px solid #CCCCCC;
		width: 224px;
		}
	#contact fieldset textarea {
		margin: 3px 0 2px 4px;
		border: 1px solid #CCCCCC;
		width: 222px;
		}


.allright, .anuncio {
	border: 1px solid #669900;
	background: #F2FFF2 url(img/allright.png) no-repeat center left;
	padding: 3px 10px 3px 20px;
	font-size: 1.1em;
	}

ul#lista_errores {
	list-style: none;
	margin: 10px 20px 20px 20px;
	padding: 0;
	}
ul#lista_errores li {
	border: 1px solid #FF0000;
	display: block;
	background: #FFF0F0 url(img/error.png) no-repeat center left;
	padding: 3px 10px 3px 20px;
	font-style: italic;
	margin: 3px 10px 0 10px;
	}
p.nota {
	color: #FF0000;
	font-size: 10px;
	padding-top: 20px;
	}

			
		#cont ul.listaObras {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#cont ul.listaObras li {
				margin: 10px 0 0 0;
				border-bottom: 1px solid #CCCCCC;
				padding: 0 0 10px 0;
				height: 90px;
				}
				#cont ul.listaObras li h4 {
					margin: 0 0 10px 0;
					}
					#cont ul.listaObras li a {
						color: #3D5056;
						text-decoration: none;
						padding: 0;
						background-image: none;
						}
					#cont ul.listaObras li a:hover {
						color: #1E1773;
						}
				#cont ul.listaObras li p {
					margin: 0;
					}
				#cont ul.listaObras li a img {
					float: left;
					margin-right: 10px;
					border: 1px solid #3D5056;
					}
				#cont ul.listaObras li a:hover img {
					border: 1px solid #1E1773;
					}
					
		
		#cont div.fotos {
			text-align: center;
			}
			#cont div.fotos a {
				padding: 0;
				background-image: none;
				}
			#cont div.fotos a img {
				margin: 4px;
				padding: 2px;
				background-color: #999999;
				border: 0;
				}
			#cont div.fotos a:hover img {
				background-color: #1E1773;
				}						
			#cont div.fotos p a {
				color: #999999;
				text-decoration: none;
				font-weight: bold;
				}
			#cont div.fotos p a:hover {
				color: #FF6600;
				}	
				
				

			#cont p.paginitas {
				text-align: center;
				}				
			#cont p.paginitas a {
				padding: 3px 5px;
				border: 1px solid #CCCCCC;
				margin: 0 2px;
				background-image: none;
				}
			#cont p.paginitas a.actual {
				background-color: #E5E5E5;
				}
			#cont p.paginitas a:hover {
				background-color: #E5E5E5;
				}
				
			
		
/*-----------------------------------------------------------*/

	#side div.news ul {
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
		border-top: 1px solid #697981;
		}
		#side div.news ul li {
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #697981;
			}
			#side div.news ul li a {
				display: block;
				padding: 5px 0 5px 10px;
				color: #FBB83C;
				text-decoration: none;
				background: #72838B url(img/bg_li_side.png) left center no-repeat;
				}
				#side div.news ul li a:hover {
					background-color: #697981;
					}


/*-----------------------------------------------------------*/

	#foot {
		text-align: center;
		padding: 10px 20px;
		font-size: 10px;
		color: #72838B;
		background-color: #3D5056;
		}
	#foot p.links {
		font-size: 11px;
		}
		#foot a {
			color: #DCDAF8;
			}
		#foot a:hover {
			text-decoration: none;
			}