html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0; }

body {
	background: #fff;
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #666;
	background: url(../images/bg_body.png) repeat-y center;
}

img {
	border: none;
}

a {
	/* border-bottom: 1px dotted #b9d305; */
	text-decoration: none;
	color: #003967; /* azul */
}
a:hover {
	border: none;
	color: #003967; /* azul */
}
.clear {
	clear: both;
}
.link_volver {
	text-align: center;
	color: #666;
	border-bottom: 1px dotted #666;
}
/* ------------------------------------------------------ */
#page {
	width: 740px;
	margin: 0 auto;
}
#head {
	width: 740px;
	height: 220px;
	margin: 2px auto;
	background: url(../images/construpincia_head.jpg) no-repeat;
}
#head2 {
	width: 740px;
	height: 220px;
	margin: 2px auto;
	background: url(../images/construpincia_head2.jpg) no-repeat;
}
#head3 {
	width: 740px;
	height: 220px;
	margin: 2px auto;
	background: url(../images/construpincia_head3.jpg) no-repeat;
}
#web {
	width: 740px;
	padding: 10px 0;
}
/* ------------------------------------------------------ */
#nav {
	width:740px;
	height:55px;
	margin: 10px auto;
	border-bottom: 4px solid #aaa;
}
#menu {
	float:left;
	width:570px;
	height:45px;
}
#date {
	float:right;
	padding-top:20px;
	text-align:right;
	font-size: .8em;
}
#menu ul {
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	float: left;
	width: 110px;
	padding: 18px 0 15px 0;
	border-right: 1px solid #aaa;
	font-size: .95em;
	text-decoration: none;
	text-align: center;
	color: #666;
}
#menu a:hover {
	color: #000;
}
#menu ul li .activo {
	color: #000;
	font-weight:bold;
}
/* ------------------------------------------------------ */
#sidebar {
	float:left;
	width:200px;
	font-size: 1em;
}
#sidebar h1 {
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
}
#sidebar .label {
	font-size: .8em;
}
#sidebar p {
	margin:10px 0;
	text-align:justify;
	color:#000;
}
#sidebar img {
	margin-bottom:10px;
}
#sidebar .img-casa {
	margin: 20px 0 10px 0;
}
#sidebar .img-mapa {
	margin-top: 20px;
	text-align:center;
}
#sidebar .contacto {
	width:190px;
	height:114px;
	padding:10px 0;
	text-align:center;
	background: url(../images/bg_sidebar_contacto.png) no-repeat top center;
}
#sidebar .contacto span {
	font-size: .95em;
}
/* ------------------------------------------------------ */
#content {
	float:right;
	width:520px;
	margin-bottom: 10px;
	padding:0;
}
#content h1 {
	font-size: 1.2em;
	font-weight: normal;
	
}
/* ------------------------------------------------------ */
#servicios {
	width:520px;
	margin-bottom:10px;
}
#servicios img {
	text-align:left;
	height:85px;
	margin:5px 0;
	
}
/* ------------------------------------------------------ */
#proyectos {
	width:520px;
	margin-bottom:10px;
}
#proyecto {
	float:left;
	width: 255px;
	height: 120px;
	margin: 5px 5px 0 0;
	background: url(../images/bg_proyectos.png) no-repeat;
}

#proyecto img {
	float:left;
	height:100px;
	width: 120px;
	margin: 10px 0 0 10px;
}
#proyecto #texto {
	float:left;
	width: 105px;
	margin: 20px 0 0 10px;
	font-size: .95em;
}
#proyecto #texto p {
	margin-top: 5px;
	font-size: .9em;
	color: #666;
}
#proyectos-detalle {
	width:530px;
	height:250px;
	margin: 5px 0 10px 0;
	background: url(../images/bg_ficha_proyecto.png) no-repeat;
}
#proyectos-detalle img {
	float:left;
	width:240px;
	height:230px;
	margin: 10px 0 0 10px;	
}
#proyectos-detalle object {
	float:left;
	width:240px;
	height:230px;
	margin: 10px 0 0 10px;	
}
#proyectos-detalle #texto {
	float:left;
	width: 250px;
	margin: 30px 0 0 10px;
	font-size: .85em;
}
#proyectos-detalle #texto .label {
	float:left;
	width: 110px;
	margin: 7px 0;
	font-weight: bold;
	color: #003967;
}
#proyectos-detalle #texto .datos {
	float:left;
	margin: 7px 0;
}
#proyectos-detalle .flecha {
	margin: 0 10px 0 0;
}
#proyectos-detalle .flecha img {
	width:22px;
	height:22px;
}
/* ------------------------------------------------------ */

#privacidad {
	margin: 10px 0px 0 10px;
	color: #000;
	text-align: justify;
	font-size: 12px;
}

#privacidad2 {
	margin: 10px 10px 10px 10px;
	margin-top: 350px;
	color: #000;
	text-align: right;
	font-size: 10px;
}

#privacidad h1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #003967;
}

#empresa {
	width: 520px;
	background: url(../images/bg_empresa.png) no-repeat right;	
}
#empresa h1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #003967;
}
#empresa p {
	margin: 10px 0 0 10px;
	color: #000;
	text-align:justify;
}
#empresa ul {
	margin: 20px 0 30px 110px;
	color: #003967;
}
/* ------------------------------------------------------ */
#reformas {
	width: 520px;
	background: url(../images/bg_reformas.png) no-repeat right;	
}
#reformas h1 {
	font-size: 1.2em;
	font-weight: normal;
}
#reformas p {
	margin: 10px 0 0 10px;
	color: #000;
	text-align:justify;
}
#reformas ul {
	margin: 20px 0 30px 110px;
	color: #003967;
}
/* ------------------------------------------------------ */
#sidebar-localizacion {
	height: 272px;
	/*background: url(../images/placa-construpicia.png) no-repeat center bottom;*/
}
#mapa-localizacion {
	float:left;
}
#mapa {
	margin-top:10px;

	border: 1px solid #b9b9b9;
}
#formulario {
	float:right;
	width: 180px;
	margin-right: 10px;
	font-size: .9em;
}
/* ------------------------------------------------------ */
.pagination {
  margin-top:36px;
margin-bottom:10px;
  text-align: center;
  font-weight:normal;
	color:#a2a2a2;
}

.pagination a {
  margin: 2px;
  padding: 6px;
  text-decoration: none;
  font-weight:bold;
  color: #10669c; }

.pagination a:hover, .pagination a:active {
  border: 1px solid #10669c;
  font-weight:bold;
  color: #10669c; }

.pagination span.current {
  padding: 2px;
  font-weight:normal;
  color: #ffffff; }

.pagination span.disabled {
  margin: 2px;
  padding: 6px;
  border: 1px solid #eee;
  font-weight:normal;
  color: #ddd; }

/* ------------------------------------------------------ */
#footer {
	clear: both;
	width: 740px;
	height: 20px;
	margin: 5px auto;
	padding-top:10px;
	font-size: .85em;
	border-top: 4px solid #aaa;
}
#footer a {
	border: none;
}
#footer .legal {
	float: left;
}
#footer .credit {
	float: right;
	color:#666;
}
#footer .credit a {
	/* border-bottom: 1px dotted #b9d305; */
	text-decoration: none;
	color: #b9d305; /* verde */
}
#footer .credit a:hover {
	border: none;
	color: #00afc6; /* azul */
}
/* ------------------------------------------------------ */
form {
	margin-top:20px;
}
input, textarea, select {
	margin-bottom: 5px;
	padding: 2px 0;
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #8a898a;
	border: 1px solid #b9b9b9;
}

form input, form textarea, form select {
	color: #666;
	text-indent: 3px; }

textarea:focus, input:focus, select:focus { 
	background: #85c7fd; }

input[type="password"], input[type="text"], select, textarea { width: 100%; }

.btt {
	width: 50px;
	margin: 10px 0;
	font-size: 1em;
	text-align: center;
	background: #f1f1f1;
	border: 1px outset #999;
	cursor: pointer; }

.btt:hover {
	background-color: #85c7fd;
}

.formInfo {
	font-size: .9em; margin: 10px 0 10px 0; padding: 10px; border: #fc6 1px solid; background-color: #FFC;  text-align: center;
}

.formError {
	font-size: .9em; margin: 10px 0 10px 0; padding: 10px; border: #f00 1px solid; background-color: #ffe2e2; }

.formok {
	font-size: .9em; margin: 0 0 20px 0; padding: 10px; text-align: center; border: #81a73c 1px solid; background-color: #ddf0b9; }
	
#respuesta-contacto {margin-top: 20px; font-size: 1em; text-align:center; }
.error, .ok { padding-bottom: 10px; font-size: 1.1em; font-weight:bold; text-align:center; }
.ok {color: #10669c; }
.error {color: #990000; }
/* ------------------------------------------------------ */