@charset "utf-8";
body{ background:#0D61AC url(img/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


a{ color:#003366; text-decoration:none; font-size:12px;}
a:hover{ color:#FF6600;}
p{ color:#333; font-size:12px; line-height:17px; margin:0; padding:5px 0;}
h1, h2, h3, h4, h5{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
h1{ font-size:24px; color:#0066CC; letter-spacing:-1px; font-weight:normal; padding:10px 0 0 0;}
h2{ font-size:21px; color:#0066CC;  font-weight:normal;}
h3{ font-size:16px; color:#0066CC;}
h4{ font-size:13px; letter-spacing:-1px; color:#1575C4;}

#contenedor{margin:5px auto; width:900px; background:#FFF; padding-bottom:5px;}
#top{ background:#FFF url(img/bg_top.gif) no-repeat 5px 5px; height:111px; position:relative;}
#menu_top{ position: absolute; top:50px; right:20px; font-size:12px; font-weight:bold; color:#999;}
	#menu_top a{ color:#999; text-decoration:none;}
	#menu_top a:hover{ color:#333; text-decoration:underline;}
#menu{position:absolute; top:76px; left:5px;}
	.menu a {display:block; float:left; border:none;background-position:left top; background-repeat:no-repeat; width:148px;  height:30px; z-index:9999;}
	.menu a:hover{ background-position: 0 -30px; text-decoration: none; }
	.menu .activo {background-position: 0 -30px; text-decoration: none;}
	.menu .alt { display:none; }
	.menu a#home { background-image:url(img/btn_1.jpg)}
	.menu a#obras { background-image:url(img/btn_2.jpg) }
	.menu a#cubiertas { background-image:url(img/btn_3.jpg) }
	.menu a#servicios { background-image:url(img/btn_4.jpg)}
	.menu a#calidad { background-image:url(img/btn_5.jpg) }
	.menu a#cv { background-image:url(img/btn_6.jpg) }

hr{ border-bottom:1px solid #efefef; border-top:1px solid #BAD6E2;}

#centro{ background:#FFF url(img/bg_cont.gif) right repeat-y; padding:0 5px 0 5px;}
	#col_1{ float:left; width:650px;}
		#bloques{ padding:5px 0;}
		.bloques_rep{ background:#E9E9E9 url(img/bg_bloques.jpg) no-repeat bottom right; padding:20px; margin:0 0 5px 0; width:605px;}
	
		.bloques_rep2{ background:#FFF; padding:20px; margin:0 0 5px 0; width:600px;}
		.bloques_rep_3{ float:left; background:#FFF; padding:17px; margin:0 0 5px 0; width:290px;}
		.bloque_rep_small{ float:left; display:block; width:300px; margin:5px; padding:5px; border:1px solid #CCC;}
		.bloque_rep_small h3{ color:#FFF;display:block;background:#006699; padding:5px; font-size:14px;}
		.foto_top{ padding:0 0 10px 0;}
		.foto{ float:left; padding:0 15px 5px 0;}
		.descripcion{ margin-bottom:10px; border-bottom:1px dashed #CCC; padding:0 0 10px 0;}
			.descripcion p{ width:400px; display:block; float:left;}
	#col_2{ float:left; width:230px; padding:5px;}
		.der_titulos{ padding:5px;}
		.bloques_derecha{ padding:5px 10px;}
			.bloques_derecha p{color:#1575C4; font-size:11px;}
	
	.none{ display:none;}
			
/* FORMULARIO */
input.texto { color: #6F6F00; font-size:11px; border: 1px solid  #CCC; width: 290px; height:10px; padding:5px; background: #FFFFFF url(img/bg_form.jpg) repeat-x;}
textarea.texto { color: #6F6F00; font-size:11px; font-family:Arial, Helvetica, sans-serif; border: 1px solid  #CCC; width: 290px; height:130px; padding:5px; background: #FFF url(img/bg_form.jpg) repeat-x;}
form p { clear: left; margin: 0; padding: 0; padding-top: 15px;}
form p label { float: left; width: 80px;}


#pie{ margin:0 auto; width:780px;}
#pie p{  font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
#pie p a{ color:#FFF; text-decoration:none; font-size:9px;}
#pie p a:hover{ color:#FFCC00; text-decoration:none;}