*{margin:0px;padding:0px; color:#333; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px}
body, html {min-height: 100%;	height: auto !important;height: 100%;text-align:center; background-color: #FCFBF8}
body {font:normal 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;color:#333; background: url(../images/body_bg.gif) repeat-x; background-position:top;background-color:#FCFBF8;}

p { padding:10px 0 15px 0;}

h3 { font-size:15px; display:block; text-transform:uppercase; }
h4 { text-transform:uppercase; color:#a7a6a6; border-bottom:1px solid #cacaca; padding-bottom:5px; margin-bottom:10px;}

.capital {
font: italic 100px Georgia, serif;
color:#cacaca;
padding:15px 15px 230px 0;
float:left;
margin:-30px 0 0 0;
}
.capital-small {
color:#cacaca;
font-weight:bold;
}


.float-right {
float:right;
}

.float-left {
float:left;
padding:3px 5px;
}


#central{width:768px;padding:0px;text-align:center;vertical-align:top;margin:0px auto; display: block;}

#top-head{width: 768px; height: 105px; display: block; float: left; background: url(../images/top_head.jpg) no-repeat;}

#top-menu{
width: 768px;
height: 39px;
text-align: left;
float: none;

clear: both;
display: block;

}



#inicio{background: url(../images/mnu_inicio.gif) no-repeat; width: 57px;}
#empresa{background: url(../images/mnu_empresa.gif) no-repeat; width: 114px;}
#filosofia{background: url(../images/mnu_filosofia.gif) no-repeat; width: 69px;}
#obras{background: url(../images/mnu_obras.gif) no-repeat; width: 122px;}
#servicios{background: url(../images/mnu_servicios.gif) no-repeat; width: 76px;}
#referencias{background: url(../images/mnu_referencias.gif) no-repeat; width: 88px;}
#media{background: url(../images/mnu_media.gif) no-repeat; width: 94px;}
#contacto{background: url(../images/mnu_contacto.gif) no-repeat; width: 78px;}

#header{
width: 768px;
height: 203px;
display: block;
float: left;
background: url(../images/header_foto.jpg) no-repeat;
overflow:hidden;


}

#header img {

}

#titular{width: 768px; height: 52px; display: block; float: left; background: url(../images/titulo_header.gif) no-repeat; text-align: left; }
#titular.titular-servicios{background: url(../images/titulo_header-servicios.gif) no-repeat; }

p.titular{
margin:19px 0 0 64px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #600;
letter-spacing: 2px;
font-size: 20px;
font-weight: normal;
line-height: 27px;}

#main{ width:698px; text-align: center; vertical-align: text-top; display: block; float: left;border:0px;margin:0px;padding:0px;clear: both; background: url(../images/content_bg.gif) repeat-y; position: relative; left: 35px; min-height: 400px !important}

#main.main-servicios { background-image:none; width:720px; left:25px; }

#main.main-servicios #page {
background-image:none;
width:720px;

}


#page{ width:698px; text-align: center; vertical-align: text-top; display: block; float: left;border:0px;margin:0px;padding:0px;clear: both; background: url(../images/content_sub_bg.gif) no-repeat; background-position: bottom;min-height: 400px!important; text-align: left;}



#footer-menu{ width:698px; height: 24px; text-align: left; vertical-align: middle; display: block; float: none;border:0px;padding:0px; margin: 0px;clear: both; overflow: hidden;}/* background: url(../images/footmnu_bg.gif) repeat-x;}*/
#footer{width: 768px; height: 90px; display: block; clear:both; background: url(../images/page_footer.gif) no-repeat;}

#col-izq{width: 420px; display: block; float: left; padding-left: 30px;}
#col-der{width: 190px; display: block; float: left; padding-left: 30px;}

a.normal1{ text-decoration: none; color: #333;}
a.normal1:hover{font-weight: bold;}




.titulo{	line-height: 30px; }
.titulo-pagina{font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: italic;font-weight: bold; color:#940000; display:block; height: auto;}
.subtitulo{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666;display:block; font-style: italic; height: auto;}
.pie-pagina{font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: italic;font-weight: normal; color:#FFF; display:block; margin-left:5px;}



li{font-size: 11px;}
#center-content, .center-content{width: 420px; border:0; font-size: 11px; overflow: auto; margin-top: 4px}
#center-content .center-content-title{ color: #600; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;}
.center-content .center-content-title{ color: #600; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;}
/*img {border: #944 1px outset;}*/
a {color: #DEB887;text-decoration: none;font-weight:bold;}
a:hover { color: #600;}
a img{-moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
a:hover img{filter:none; -moz-opacity: 1.0}


.cambiar{width: 768px; height: 18px; display: block; float: right; clear: both; }
.cambiar .es{background: url(../img/es_flag.gif) no-repeat; border: 0px; display: block; float: right; width: 25px; height: 18px;}
.cambiar .en{background: url(../img/uk_flag.gif) no-repeat; border: 0px;  display: block; float: right; width: 25px; height: 18px;}


a.col-mnu{display: block; clear: both; height: 18px; color: #D2B48C; text-decoration: none; font-family: Tahoma, "Times New Roman", Times, serif; font-size: 11px; font-weight: bolder; font-variant: small-caps;}
a.col-mnu:hover{color: #940000;}



.asterisco{	font-family: monospace; font-size: 16px; font-weight: bold; color: #600;}



table{	width: 95%; padding: 0px; margin: 0px;}


.cuerpo{margin:8px;display:block; font-size: 14px; font-family: "Times New Roman", Times, serif;}
.normal{font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 12px; color:#600; text-decoration: none;}
.bold{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; color:#333; font-weight: bold;}
.imagen{ border: 1px solid #FFF;margin:2px;}
.imagen2{ border: 1px solid #FFF;margin:5px; float: left;}
.textoform{	width:265px;float: left;	display: inline;	height: 20px;text-align:right; line-height: 20px;vertical-align:bottom;}
.areaform{	width:265px;float: left;	display: inline;	text-align:right; vertical-align:bottom;height:80px;}
.campoform{width:500px;display:block; float:none; text-align: right; clear: both; vertical-align: text-top;}
.camponormal{width:200px;font-family: ArialVerdana, Geneva, Helvetica, sans-serif;font-size:10px;color:#333;}
.campoarea{width:200px;font-family: ArialVerdana, Geneva, Helvetica, sans-serif;font-size:10px;color:#333;}

.error{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color:#FC3; font-weight:bold;}


.obras-main{
display:block;
width: 410px;
clear: both;
float:left;
margin-top:10px;
border-bottom: 1px solid #ccc;
background-color:#f1f1f1;
height: auto;
min-height: 300px!important;
padding-bottom: 5px
}

.obras-left{width: 320px; float: left; display: block; border:none; }

.foto-obra-main{width: 320px; float: left; display: block; border:0; height:280px; text-align: center;}
.fotos-obras{width: 80px; float: right; display: block; margin-left:0px;}

.detalle-obras{
width: 410px;
display: block;
overflow:hidden;
padding:5px 10px;
clear:both;
margin:15px 0 0 0;
}

.detalle-obras p {
	width:390px;
	font-size:13px;
}

.mini-obra{width: 80px; height: 60px; float: left; display: block; margin:1px; margin-left: 3px; border:1px solid #940000}
.mini{font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 10px; color:#FFF; text-decoration: none; text-align: center; width: 170px; border: 1px solid #300; background-color: #600}

.tit-obra{
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size: 16px;
color:#600;
text-decoration: none;
font-weight: normal;
display:block;
}

.fotos-contenedor {
	display:block;
	width:400px;
}

.blq-servicios {
width:170px;
float:left;
padding:10px 5px 0 5px;
border-right:1px solid #f1f1f1;
}

	.blq-servicios.ultimo {
	border-right:none;
	padding-right:0;
	}
	
	
.blq-servicios h3 {
	font-size:90%;
	margin:10px 0;
}

.blq-servicios p{
width:auto;
padding:15px 0 0px 0;
font-size:90%;
line-height:13px;
}

.blq-servicios ul {
width:auto;
margin:10px 0 0 0;
padding:5px 0 5px 10px;
border-top:1px solid #cacaca;
}
	
	.blq-servicios ul li ul {
	border-top:none;
	}

.blq-servicios ul li {
width:auto;
padding:0;
margin:0;
line-height:13px;
}

.normal10{font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 10px; color:#333; text-decoration: none; text-align: center; }



ul.foot-type{ float:left; width: 350px; height: 50px; display: block; color: #333; display:block; padding:40px 0 0 50px;}
ul.foot-type li { display:inline; float:left; list-style-type:none; margin:0; color:#ccc;  }
ul.foot-type li a {color: #940000; font-weight:normal; font-size:10px; margin:0 2px 0 2px;}
ul.foot-type li a:hover {text-decoration:underline;}

p.foot-der{ clear:none; width: 280px; padding:50px 0 0 0; display:block; float:right; font-weight:bold; line-height:12px; font-size:90%;}

#power {width:768px; display:block; float:none; clear:both; font-size:1px;}

li{font-size: 10px; color:#000; text-decoration: none; margin-left: 18px}
ul{margin-left: 12px; margin-bottom: 15px;}




#form-contacto-container {
	float:left;
	width: 380px;
	}

#form-contacto {
	height:350px;
	width:360px;

	color:#fff;

	}
	

.bar{
	display:none;
	background: url(../img/loader.gif) no-repeat center; 
	margin-top:100px; 
	height:50px;
	width:auto;
	}

#form-contacto span {
	display:none;
	font-size:10px;
	padding-left:6px;
	color:#F00;
	text-align: right;
	float: right;
	}
	
#form-contacto a.contacto {
	height:40px;
	width:40px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	display:block;
	font-size:2em;
	text-align:center;
	line-height:40px;
	color:#666;
	}
	
#form-contacto a.contacto:hover {
	text-decoration:none;
}

#background-pop{
	display:none;
	position:fixed;
	_position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:999!important;
	background-color: #1E333C;
	}  
	
#form-contacto form {
	height: auto;
	padding: 1em 0 0 0;
	border: none;
	}

#form-contacto label {
	font-weight:bold;
	float: left;
	
	}

#form-contacto p {
	text-align: left;
	float: left;
	clear: left;
	color: #3f4f55;
	padding: 0 0 1em 0;
	display: block;
	width: 400px;
	}

#form-contacto textarea,
#form-contacto input {
	padding:4px 3px;
	font-size:1.2em;
	color: #666;
	width: 200px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #ccc;
	border-color: #b16767;
	background-color: #fff;
	float: right;
	}

#form-contacto textarea {
	height:100px;
	font-family:Verdana, Geneva, sans-serif;
	}

	
#form-contacto input.submit {
	background-color: #b16767;
	display: inline-block;
	padding: 5px 5px 6px;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	font-size:1.2em;
	line-height: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	cursor: pointer;
	width: 150px;
	border: none;
	}

#form-contacto input.submit:active {
	background-color:#666;
	}

#form-contacto input.submit:hover {
	text-decoration:underline;
	background-color:#666;
	color: #fff;
	}