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

body {
	margin:0;
	padding:0;
	background-image:url(imagenes/back.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

#header {
	width:970px;
	height:100px;
	margin: 0 auto;
	background-image:url(imagenes/header.jpg);
}

#banner {
	width:950px;
	height:300px;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	background-color:#CFD1D2;
	
}

#nav {
	width:970px;
	height:30px;
	margin: 0 auto;
	background-image:url(imagenes/nav.jpg);
	background-repeat:repeat-x;
}

#pagindex {
	width:970px;
	height:910px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagcontacto {
	width:970px;
	height:730px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagarq {
	width:970px;
	height:1100px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagesp {
	width:970px;
	height:1250px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagserv {
	width:970px;
	height:700px;
	margin:0 auto;
	background:#F0F1F1;
}

#footer {
	background-color:#A0B029;
	width:970px;
	height:90px;
	margin:0 auto;
}

#box0 {
	background-color:#333;
	width:940px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	padding-left:10px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:justify;
	float:left;
}

.boxcontenido {
	width:970px;
	float:left;
	margin-top:15px;
	margin-bottom:20px;
}

#box1index {
	width:940px;
	float:left;	
	margin-left:15px;
	margin-top:15px;
	margin-bottom:35px;
	font-size:14px;
	color:#333;
	text-align:justify;
}	

#box1 {
	width:710px;
	margin-left:15px;
	margin-top:15px;
	float:left;
	font-size:14px;
	color:#333;
	text-align:justify;
}

#box1r {
	width:695px;
	margin-left:15px;
	margin-right:15px;
	float:right;
	font-size:14px;
	color:#333;
	text-align:justify;
}

#box2 {
	width:470px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:20px;
	font-size:16px;
	color:#333;
	text-align:justify;
	float:left;
}

.textosubbox2 {
	width:470px;
	margin-top:15px;
	font-size:15px;
	color: #333;
	text-align:left;
	font-weight:bold;
}

.textobox2 {
	width:470px;
	margin-top:5px;
	font-size:15px;
	color: #333;
	text-align:left;
}

#box3 {
	width:230px;
	margin-left:15px;
	margin-top:15px;
	font-size:16px;
	color:#333;
	text-align:justify;
}

#box3s {
	background-color:#777;
	width:230px;
	height:230px;
	margin-left:15px;
	margin-top:5px;
	float:left;
	font-size:16px;
	color:#777;
	text-align:justify;
}

#boxfooter {
	width:950px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	float:left;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	text-align: center;
}

#eportales {
	width:560px;
	height:20px;
	float:left;
	margin-left:10px;
	margin-top:20px;
	font-size:11px;
	color:#FFF;
	text-align: right;
}

.trabaja {
	width:150px;
	height:16px;
	float:left;
	font-size:12px;
    color:#FFF;
	margin-top:14px;
	margin-left:25px;
	margin-right:25px;
}

.trabaja:hover {
	width:150px;
	height:16px;
	float:left;
	font-size:12px;
    color:#333;
	margin-top:14px;
	margin-left:25px;
	margin-right:25px;
	text-decoration:none;
}

.box1border {
	background-color:#CFD1D2;
	width:950px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}

.accesos {
	width:470px;
	height:100px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

.boxacceso {
	background-image:url(imagenes/bot_acc_1.png);
	width:100px;
	height:100px;
	float:left;
	margin-left:10px;
}

.boxacceso {
	width:100px;
	height:100px;
	float:left;
	margin-left:10px;
}

.titacceso {
	background-color:#333;
	width:280px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	float:left;
}

.textacceso {
	width:270px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333;
	text-align: left;
	font-weight:bolder;
	float:left;
	margin-top:10px;
}

.boxaccesoimg {
	background-color:#BBBDBE;
	width:280px;
	height:100px;
	float:left;
	margin-left:10px;
}

.botonacceso {
	background-image:url(imagenes/bot_acc_1.png);
	width:50px;
	height:100px;
	float:left;
	margin-left:10px;
}

.botonacceso:hover {
	background-image:url(imagenes/bot_acc_2.png);
	width:50px;
	height:100px;
	float:left;
	margin-left:10px;
}

#botones {
	background-image:url(imagenes/nav.jpg);
	float:left;
	padding:5px 0 5px 0;
	padding-left:15px;
	padding-right:15px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}


#botones:hover {
	background-image:url(imagenes/navhover.jpg);
	float:left;
	padding:5px 0 5px 0;
	padding-left:15px;
	padding-right:15px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-align:center;
}

#logo {
	width:250px;
	height:80px;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

#googlemaps {
	width:470px;
	height:250px;
	margin-top:20px;
	margin-left:10px;
	float:left;
}
	

.textoformulario {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

.titconte {
	width:685px;
	float:left;
	font-size:24px;
	font-weight:bold;
	color:#333;
	padding:5px 0px 5px 0;
	padding-left:10px;
}

.textconte {
	width:695px;
	margin-top:5px;
	font-size:16px;
	text-align:justify;
}

.titclientes{
	width:700px;
	float:left;
	margin-top:10px;
	font-size:18px;
	font-weight:bolder;
	
}

.textclientes {
	width:700px;
	float:left;
	margin-top:10px;
	font-size:16px;
	font-weight:normal;
}


/* acesos a la galeria arquitectura*/
.fotoarq1 {
	width:214px;
	height:214px;
	margin:7px;
	float:left;
}

.fotoarq2 {
	width:214px;
	height:214px;
	margin:7px;
	float:left;
}

.fotoarq3 {
	width:214px;
	height:214px;
	margin:7px;
	float:left;
}


/* acesos a la galeria especialidades*/
.fotoesp1 {
	width:214px;
	height:214px;
	margin:7px;
	float:left;
}

.fotoesp2 {
	width:214px;
	height:214px;
	margin:7px;
	float:left;
}

.fotoesp3 {
	width:214px;
	height:214px;
	margin:7px;
	float:left;
}





/* Iconos de redes sociales footer*/
#iconos	{
	width:380px;
	height:30px;
	margin-top:13px;
	float:left;
	margin-left:10px;
}

#iconosfooterf {
	background-image:url(imagenes/ico_facebook.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#iconosfooterf:hover {
	background-image:url(imagenes/ico_facebook_hover.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#iconosfootert {
	background-image:url(imagenes/ico_twitter.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#iconosfootert:hover {
	background-image:url(imagenes/ico_twitter_hover.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#iconosfooterin {
	background-image:url(imagenes/ico_linkedin.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#iconosfooterin:hover {
	background-image:url(imagenes/ico_linkedin_hover.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#iconosfooterm {
	background-image:url(imagenes/ico_mensaje.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#iconosfooterm:hover {
	background-image:url(imagenes/ico_mensaje_hover.png);
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}


/* galerias de fotos*/
.galeria {
	width:840px;
	height:auto;
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:55px;
	padding-right:55px;
	float:left;
}

.fondofotos {
	background-color:#333;
	width:120px;
	height:120px;
	margin:5px;
	padding:5px;
	float:left;
}

.volver {
	width:840px;
	height:30px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}

.volverboton {
	background-image:url(imagenes/volver.png);
	background-repeat:no-repeat;
	height:20px;
	width:170px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:35px;
	padding-right:5px;	
	float:right;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}

.volverboton:hover {
	background-image:url(imagenes/volver_hover.png);
	background-repeat:no-repeat;
	height:20px;
	width:170px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:35px;
	padding-right:5px;	
	float:right;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}

.bloquegalerias {
	background-color:#FFF;
	width:900px;
	height:250px;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	padding-left:25px;
	padding-right:25px;
	float:right;
}

.fondogaleria {
	background-color:#FFF;
	width:900px;
	height:300px;
	margin-left:10px;
	margin-right:10px;
	padding-left:25px;
	padding-right:25px;
	float:right;
}

.fondolinkgaleria {
	background-color:#999;
	width:150px;
	height:100px;
	margin:10px;
	padding:5px;
	float:left;
} 

.galeriaboton {
	width:150px;
	height:70px;
	margin-right:10px;
	margin-left:10px;
	padding:5px;
	font-size:15px;
	font-weight:bold;
	color:#990;
	text-align:center;
	float:left;
	text-decoration:none;
}

.galeriaboton:hover {
	width:150px;
	height:70px;
	margin-right:10px;
	margin-left:10px;
	padding:5px;
	font-size:15px;
	font-weight:bold;
	color:#333;
	text-align:center;
	float:left;
	text-decoration:none;
}

#titaccesogaleria {
	width:800px;
	height:20px;
	float:left;
	padding:3px;
	font-size:18px;
	color:#333;
	font-weight:bold;
}

/* galerias de fotos index*/
.bloquegaleriasindex {
	background-color:#FFF;
	width:900px;
	height:220px;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	padding-left:25px;
	padding-right:25px;
	float:right;
}

.fondolinkgaleriaindex {
	background-color:#777;
	width:120px;
	height:80px;
	margin:10px;
	padding:5px;
	float:left;
} 

.galeriabotonindex {
	width:120px;
	height:60px;
	margin-right:10px;
	margin-left:10px;
	padding:5px;
	font-size:15px;
	font-weight:bold;
	color:#990;
	text-align:center;
	float:left;
	text-decoration:none;
}

.galeriabotonindex:hover {
	width:120px;
	height:60px;
	margin-right:10px;
	margin-left:10px;
	padding:5px;
	font-size:15px;
	font-weight:bold;
	color:#333;
	text-align:center;
	float:left;
	text-decoration:none;
}

/*paginas de galerias*/
#pagarq1 {
	width:970px;
	height:1000px; 
	margin:0 auto;
	background:#F0F1F1;
}

#pagarq2 {
	width:970px;
	height:800px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagarq3 {
	width:970px;
	height:800px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagesp1 {
	width:970px;
	height:600px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagesp2 {
	width:970px;
	height:700px;
	margin:0 auto;
	background:#F0F1F1;
}

#pagesp3 {
	width:970px;
	height:900px;
	margin:0 auto;
	background:#F0F1F1;
}