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

body {
	font-family: arial;
	color: #585858;
	background-color: #eaeaea;
	font-size: 14px;
	margin-top:0px;
}
p{margin:0 0px 0px}
ul li { display: inline; text-align:left;}

a:link { text-decoration: none; color: #4e6d76;
; display: inline;}
.especial:link { color: #308080; }
.especial2:link { color: #fff; }
a:active { text-decoration: none;color: #000; display: inline;}
a:visited { text-decoration: none; color: #585858; display: inline;}
.especial:link { color: #308080; }
.especial2:link { color: #fff; }
a:visited:hover { color: #308080; }
a:hover { text-decoration: none; color: #308080; display: inline;}

h1 {
  font-family: 'open_sanslight';
  font-size:32px;
  margin-top:5px;
  margin-bottom:10px;
  font-weight:400;
}
h2 {
  font-family: 'open_sansregular';
  color:#006B67;
  font-size:22px;
  margin-top:5px;
  margin-bottom:10px;
  font-weight:400;
}
h3 {
  font-family: 'open_sansregular';
  color:#006B67;
  font-size:22px;
  margin-top:10px;
  margin-bottom:10px;
  font-weight:400;
}
h4 {
  font-family:'open_sansregular';
  color:#4e6d76;
  font-size:13px;
  margin-top:5px;
  margin-bottom: 5px;
}
h5 {
  font-family:'open_sansbold';
  color:#4e6d76;
  font-size:15px;
  margin-top:5px;
  margin-bottom: 0px;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
#centro {
	width: 970px;
	position: absolute;
	left: 50%;
	margin-top:0px;
	margin-left: -475px;
	text-align: left;
	background-color:#fff;

}
#contenido {
	background-color:#fff;
	width: 970px;
	margin-top:0px;
	margin-bottom:0px;
}
#header {
	background-color:#fff;
	width: 970px;
	height: 170px;
	margin-top:0px;
}
#logo {
	margin-left: 35px;
	margin-top:15px;
	float:left;
}
#menu {
	width: 970px;
	height: 25px;
	margin-top:8px;
	margin-left:10px;
	float:left;
	text-align: left;
    font-family: 'open_sanssemibold';
	font-size:16px;
	display:inline;
	color:#4e6d76;
}
#menu ul {
	list-style: none;
	display:inline;
	text-align: left;
		color:#4e6d76;

}
#menu ul li {
	display: inline;
	text-align:left;
	float:left;
	margin-left:25px;
		color:#4e6d76;
}
#menu ul li#active
{
	color: #308080;
}
#menu ul li#active a
{
	color: #308080;
}
#menu2 {
	width: 160px;
	height: 180px;
	margin-top:0px;
	float:left;
	text-align: left;
    font-family: 'open_sansregular';
	font-size:13px;
	display:block;
	color:#4e6d76;
	padding:0px;
}
#menu2 ul {
	margin-top:0px;
	list-style: none;
	display:block;
	text-align: left;
	color:#4e6d76;
	padding:0px;

}
#menu2 ul li {
	display: block;
	text-align:left;
	float:left;
	color:#4e6d76;
}

#txt_home {
	width: 448px;
	height: 170px;
	float:left;
	margin-top: 8px;
	margin-left:35px;
}
#txt_corporativo {
	width: 300px;
	height: 170px;
	float:left;
	margin-top: 8px;
	margin-left:35px;
}
#txt_desarrollos {
	width: 310px;
	height: 170px;
	float:left;
	margin-top: 12px;
	margin-left:35px;
}
#accesos {
	width: 300px;
	height: 380px;
	float:left;
	margin-top: 20px;
	margin-left:35px;
}
#clientes {
	width: 900px;
	height: 800px;
	float:left;
	margin-top: 20px;
	margin-left:35px;
}
#rrhh {
	width: 900px;
	height: 750px;
	float:left;
	margin-top: 20px;
	margin-left:35px;
}
.rrhh_img {
	width: 305px;
	height: 302px;
	float:left;
}
#mapa {
	width:500px;
	height:500px;
	float:left;
	margin: 20px 0 0 35px;
}
.txt_rrhh {
	width: 550px;
	height:262px;
	float:left;
	margin:40px 0 0 20px;
	font-family: 'open_sansregular';
	font-size:18px;
	color:#308080;
}
.rrhh_cajaverde {
	width:450px;
	height:106px;
	background-color:#308080;
	float:left;
	font-family: 'open_sansregular';
	font-size:16px;
	color:#fff;
	padding:14px 0 0 0;
	text-align:center;
}
.rrhh_img2 {
	width:450px;
	height:120px;
	float:left;
}

.fadehover_001 {
	position: relative;
	}
.fadehover_002 {
	position: relative; left: 300px;
	}
.fadehover_003 {
	position: relative; left: 600px;
	}
.fadehover_004 {
	position: relative; top: 200px;
	}
.fadehover_005 {
	position: relative; top: 200px; left: 300px;
	}
.fadehover_006 {
	position: relative; top: 200px; left: 600px;
	}
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
#basetexto {
	float:left;
	width:970px;
	height:580px;
	float:left;
	background-image:url(images/img_nosotros.jpg);
	background-repeat:no-repeat;
	background-position:430px 30px;
}
#texto {
	float:left;
	width: 590px;
	/* height: 430px;*/
	padding: 0 10px 0 0; 
	font-family: arial;
	font-size: 13px;
	color: #4e6d76;
	text-align:left;
	margin: 20px 0 0 35px;
	line-height:1.6em;
}
#texto_derecha {
	float:right;
	width:285px;
	font-family: arial;
	font-size: 13px;
	color: #666;
	text-align:left;
	margin: 20px 35px 0 15px;
	line-height:1.6em;
}
#texto_contacto {
	float:right;
	width:285px;
	font-family: arial;
	font-size: 13px;
	color: #666;
	text-align:left;
	margin: 20px 35px 0 15px;
	line-height:2em;
}
#icono {
	width:23px;
	height:23px;
	float:left;
	margin-right:5px;
	margin-top:0px;
	clear:both;
}

#sidebar {
	float:right;
	width:300px;
	height:480px;
	margin: 20px 35px 0 0px;
}
#sidebar_trabajos {
	float:right;
	width:300px;
	/* height:480px; */
	margin: 20px 35px 0 0px;
	background-color:#ccc;
}
.caja_verde {
	float:left;
	width:290px;
	height:44px;
	background-color:#308080;
	color:#FFF;
	padding:8px 0 0 10px;
}
.txt_sidebar_trabajos {
	width:280px;
	padding: 10px 0 0 10px;
	margin:50px 0 0 0;
	color:#4e6d76;
}
#gallery_rrhh_caja {
	float:left;
	width:900px;
	height:300px;
	margin: 20px 35px 0 0px;
}
.gallery_rrhh {
	margin-left:0px;
	margin-top:0px;
	float:left;
	display:block;
	width:900px;
	padding:0;
}
.gallery_rrhh li {
	display: inline;
    float: left;
    height: 150px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    width: 225px;
}
#galeria {
	margin-left:10px;
	margin-top:0px;
	width: 920px;
	height: 540px;
	float:left;
}
.gallery_servicios {
	margin-left:0px;
	margin-top:0px;
	float:left;
	display:block;
	width:300px;
	padding:0;
}
.gallery_servicios li {
	display: inline;
    float: left;
    height: 150px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    width: 150px;
}
.linea {
	border-bottom:1px solid;
	border-bottom-color:#ccc;
	width:285px;
	height:1px;
	margin-top: 0;
	float:left;
	margin-left:0;
	margin-bottom:15px;
}
.linea2 {
	border-bottom:1px solid;
	border-bottom-color:#ccc;
	width:285px;
	height:1px;
	margin-top: 12px;
	float:left;
	margin-left:0;
	margin-bottom:15px;
}
#texto_columna1 {
	float:left;
	width: 290px;
	/* height: 430px;*/
	padding: 0 0px 0 0; 
	font-family: arial;
	font-size: 14px;
	color: #4e6d76;
	text-align:left;
	margin: 20px 0 0 35px;
	line-height:1.4em;
}
#texto_columna2 {
	float:left;
	width: 289px;
	/* height: 430px;*/
	padding: 0 0px 0 0; 
	font-family: arial;
	font-size: 14px;
	color: #4e6d76;
	text-align:left;
	margin: 20px 0 0 10px;
	line-height:1.4em;
}
#texto_trabajos_col1 {
	float:left;
	width: 65px;
	/* height: 430px;*/
	padding: 0 10px 0 0; 
	font-family: arial;
	font-size: 13px;
	color: #4e6d76;
	text-align:left;
	margin: 20px 0 0 35px;
	line-height:1.8em;
	border-right:1px solid;
	border-right-color:#ccc;
}
#texto_trabajos_col2 {
	float:left;
	width: 510px;
	/* height: 430px;*/
	font-family: arial;
	font-size: 13px;
	color: #4e6d76;
	text-align:left;
	margin: 20px 0 0 10px;
	line-height:1.8em;
}

.img_veritas {
	float:left;
	margin:-5px 0 0 57px;
}

#img_thumb {
	float:left;
	width:600px;
	height:200px;
	margin-left:35px;
	margin-top:20px;
}
#footer {
	float:left;
	margin-top:20px;
	width: 970px;
	height: 200px;
	background-color:#cecece;
}
#footer_col1 {
	float:left;
	width:280px;
	height:200px;
	margin-left:35px;
}
#footer_col2 {
	float:left;
	width:160px;
	height:190px;
	margin-top:10px;
}
#footer_col3 {
	float:left;
	width:250px;
	height:190px;
	margin-top:10px;
}
#footer_col4 {
	float:left;
	width:240px;
	height:190px;
	font-size:12px;
	margin-top:10px;
	line-height:1.7em;
}
.img_footer {
	float:left;
	margin: 35px 0 0 35px;
	width: 200px;
	height:90px;
}
.copyright {
	float:left;
	margin:30px 0 0 35px;
	width:200px;
	height:12px;
	font-size:10px;
}
.datos {
	float:left;
	width: 300px;
	height: 35px;
	margin-top:25px;
	margin-right:35px;
	font-family: arial;
	font-size: 13px;
	text-align: left;
}
#sliderr {
	float:left;
	margin-left:35px;
	width:900px;
	height:340px;
}
#imagen {
	float:left;
	margin-left:35px;
	width:900px;
	height:185px;
}
#imagencontacto {
	float:left;
	margin-left:35px;
	width:900px;
	height:100px;
}
#caja {
	float:left;
	margin: 65px 40px 0px 190px;
	font-family: arial;
	font-size: 16px;
	width:570px;
	height:353px;
}
#contacto {
	width: 570px;
	height: 300px;
	float:left;
	text-align: center;
}
#form {
	margin-top:35px;
	text-align: center;
	width: 570px;
	/* position: absolute; */
	color: #666;
}
#fieldset {
	margin-left:auto;
	margin-right:auto;
	width: 300px;
	text-align: center;
}
label {display:block;} 
/* fieldset {border:none; width: 500px;} */
/* textarea {border:1px solid #000;} */
input:focus, textarea:focus {background:#ccc;}