@charset "utf-8";
body {
	font-family: 'Alegreya Sans', sans-serif;
	background-color: #F5F5F5;
	margin: 0px;
}

h1 {
	font-family: 'Alegreya Sans', sans-serif;
	color:#5CBDB6;
	letter-spacing: 2px;
	font-weight: 100;
}
p {
    font-family: 'Merriweather', serif;
	color: #A2A3A3;
	font-size: 12px;
}	

#titulo-proyecto h2 {
    font-family: 'Merriweather', serif;
	color: #5CBDB6;
	font-size: 12px;
}	

a:link, a:visited, a:active {
	
	text-decoration:none;
	color:#5CBDB6;
	}	
#contenedor {
	height: 2333px;
	width: 1350px;

	margin-right: auto;
	margin-left: auto;
	text-align: right;
	background-color: #FFF;
}
#contenedor-big {
	height: 2000px;
	width: 1350px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	background-color: #FFF;
}
#contenedor-medium{
	height: 1500px;
	width: 1350px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	background-color: #FFF;
}

#contenedor-small {
	height: 1170px;
	width: 1350px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	background-color: #FFF;
}
#header {
	float: left;
	height: 74px;
	width: 1350px;
	padding-top: 37px;
	top: 0px;
}
#logo {
	float: left;
	height: 74px;
	width: 401px;
	margin-left: 475px;
}
#menu {
	float: left;
	height: 41px;
	width: 1350px;
	margin-top: 26px;
	background-color: #F2F2F2;
}
#botones {
	float: left;
	height: 41px;
	width: 821px;
	margin-right: auto;
	margin-left: 264px;
}
a.menu:link, a.menu:active, a.menu:visited {
	float: left;
	font-family: "Alegreya Sans";
	color: #666666;
	font-size: 21px;
	font-weight: 400;
	text-align:center;
	padding-top: 2px;
	width: 164px;
	text-decoration: none;
	margin-top: 11px;
}


a.menu:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7FD1CB;
}
#back_to_camera {
			background: rgba(255,255,255,.9);
			clear: both;
			display: block;
			height: 40px;
			line-height: 40px;
			padding: 20px;
			z-index: 1;
		}
		
		#camera_wrap_4 {
			bottom: 0;
			height: 100%;
			left: 0;
			margin-bottom: 0!important;
			right: 0;
			top: 0;
		}
		.camera_bar {
			z-index: 2;
		}
		.camera_thumbs {
			margin-top: -100px;
			position: relative;
			z-index: 1;
		}
		.camera_thumbs_cont {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.camera_overlayer {
			opacity: .1;
		}

#slider {
	float: left;
	height: 500px;
	width: 1350px;
}
#box2 {
	float: left;
	height: 376px;
	width: 1350px;
	margin-top: 64px;
}
#box3 {
	float: left;
	height: 711px;
	width: 1350px;
	margin-top: 101px;
}
#contact-box {
	background-color: #666;
	float: left;
	height: 151px;
	width: 1127px;
	padding-top: 52px;
	padding-right: 114px;
	padding-left: 109px;
}
#bienvenidos {
	float: left;
	height: 376px;
	width: 290px;
	margin-left: 82px;
	font-family: 'Merriweather', serif;
	font-size: 15px;
	color: #999;
}
#bienvenidos p {
	font-family: "Alegreya Sans";
	font-size: 36px;
	color: #5cbdb6;
	font-weight: 300;
	letter-spacing: 2px;
}
#credits {
	font-family: 'Alegreya Sans';
	font-size: 18px;
	font-weight: 300;
	color: #b3b3b3;
	float: left;
	height: 56px;
	width: 1350px;
	padding-top: 55px;
	text-align: center;
	letter-spacing: 2px;
	background-color: #FFF;
}
#quienes-somos {
	float: left;
	height: 376px;
	width: 281px;
	margin-left: 25px;
}

a.fadebutton:link, a.fadebutton:active, a.fadebutton:visited {
	text-decoration: none;
	float: left;
	height: 300px;
	width: 281px;
	margin-left: 25px;
	text-align: center;
	line-height: 60px;
	transition: opacity 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
	background-image: url(images/quienes-somos.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Alegreya Sans";
	line-height: 45px;
	font-weight: 100;
	color: #CCC;
	font-size: 40px;
	padding-top: 76px;
}
 
a.fadebutton:hover {
	background-image: url(images/quienes-somos-hover.png);
color:#fff;
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
-ms-transition: all ease 0.7s ;
transition: all ease 0.5s ;
}
a.fadebutton1:link, a.fadebutton1:active, a.fadebutton1:visited {
	text-decoration: none;
	float: left;
	height: 300px;
	width: 281px;
	margin-left: 19px;
	text-align: center;
	line-height: 60px;
	transition: opacity 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
	background-image: url(images/objetivos.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: 'Alegreya Sans';
	font-weight: 100;
	color: #CCC;
	line-height: 45px;
	font-size: 40px;
	padding-top: 76px;
}
 
a.fadebutton1:hover {
	background-image: url(images/objetivos-hover.png);
color:#fff;
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
-ms-transition: all ease 0.7s ;
transition: all ease 0.5s ;
}
a.fadebutton2:link, a.fadebutton2:visited, a.fadebutton2:active {
	text-decoration: none;
	float: left;
	height: 300px;
	width: 281px;
	margin-left: 19px;
	text-align: center;
	line-height: 45px;
	transition: opacity 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
	background-image: url(images/mision.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Alegreya Sans";
	font-weight: 100;
	color: #CCC;
	font-size: 40px;
	padding-top: 76px;
}
 
a.fadebutton2:hover {
	background-image: url(images/mision-hover.png);
color:#fff;
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
-ms-transition: all ease 0.7s ;
transition: all ease 0.5s ;
}
#proyectos {
	float: left;
	height: 92px;
	width: 290px;
	padding-bottom: 619px;
	padding-left: 82px;
	font-family: "Alegreya Sans";
	font-size: 36px;
	color: #5cbdb6;
	font-weight: 300;
	letter-spacing: 2px;
}
#gallery {
	float: left;
	height: 614px;
	width: 881px;
	padding-left: 25px;
}

#slidingDiv, #slidingDiv_2{
	float: left;
	height: 616px;
	width: 864px;
	background-color: #99CCFF;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #3399FF;
	display:none;
}#imagen1 {
	float: left;
	height: 281px;
	width: 881px;
	margin-bottom: 19px;
}
#imagen2 {
	float: left;
	height: 281px;
	width: 281px;
	margin-right: 19px;
}
#imagen3 {
	float: left;
	height: 281px;
	width: 281px;
}
a.vermas:link, a.vermas:visited, a.vermas:active {
	font-family: 'Alegreya Sans';
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 3px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-color: #5CBDB6;
	float: left;
	height: 35px;
	width: 167px;
	margin-left: 364px;
	padding-top: 10px;
}
#address {
	float: left;
	height: 145px;
	width: 245px;
	font-family: 'Merriweather', serif;
	color: #A2A3A3;
	font-size: 12px;
	text-align: left;
}
#p-contenedor {
	float: left;
	height: auto;
	width: 1350px;
}
#mail {
	float: left;
	height: 140px;
	width: 242px;
	margin-left: 100px;
	font-family: 'Alegreya Sans', serif;
	color: #8a8a8a;
	font-size: 16px;
	text-align: left;
	letter-spacing: 4px;
	font-weight: 300;
}
#trabaje {
	float: left;
	height: 76px;
	width: 256px;
	font-family: 'Alegreya Sans', serif;
	color: #8a8a8a;
	font-size: 16px;
	letter-spacing: 4px;
	font-weight: 300;
	text-align: left;
	margin-left: 100px;
}

#mail p {	
	font-family: 'Alegreya Sans', serif;
	color:#808080;
	font-size:14px;
	font-weight: 300;
	letter-spacing: 3px;

}

a.vermas:hover {
	background-color: #0FA89D;
}
a.trabaje:link, a.vermas:visited {
	font-family: 'Alegreya Sans';
	font-size: 20px;
	letter-spacing: 3px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-color: #5CBDB6;
	float: left;
	height: 29px;
	width: 256px;
	margin-top: 20px;
	padding-top: 10px;
}

a.trabaje:active {
	background-color: #0FA89D;
}

a.skype:link, a.skype:visited, a.skype:active {
	font-family: 'Alegreya Sans', serif;
	color: #808080;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 3px;
	text-align: center;
	text-decoration: none;
	background-image: url(images/skype-icon.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	vertical-align: middle;
	height: 30px;
	width: auto;
	float: left;
	padding-top: 5px;
	}
a.mail:link, a.mail:visited, a.mail:active {
	font-family: 'Alegreya Sans', serif;
	color: #808080;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 3px;
	text-align: center;
	text-decoration: none;
	background-image: url(images/mail-icon.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	vertical-align: middle;
	height: 30px;
	width: auto;
	float: left;
	padding-top: 5px;
	}
	
#p-title {
	float: left;
	height: 53px;
	width: 221px;
	margin-top: 27px;
	margin-left: 430px;
	margin-right: 62px;
	font-family: "Alegreya Sans";
	font-size: 36px;
	color: #5cbdb6;
	font-weight: 100;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
}

/*General Mosaic Styles*/
.mosaic-block {
	float: left;
	height: 279px;
	width: 1350px;
	margin-bottom: 36px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	background-color: #666666;
	text-align: left;
}


	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#666666;
		text-decoration: none;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:0;
		position:absolute;
		width:100%;
		height:100%;
		background:#666666;
		text-decoration: none;
		
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		
.showcase-content-wrapper h3 {
	font-family: Lato;
	font-size: 16px;
	font-weight: 300;
	color: #00A49E;
}
.details h4 {
	font-family: 'Alegreya Sans';
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 300;
	text-decoration: none;
	color: #FFF;
	float: right;
	margin-top: 130px;
	margin-right: 200px;
}

.details h1 {
	float: right;
	margin-top: 33px;
	margin-right: 21px;
	height: 213px;
	width: 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #00A397;
}
.details p {
	font-family: 'Alegreya Sans';
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	color: #FFF;
	float: right;
	margin-top: 110px;
	margin-right: 11px;
	text-align: right;
	vertical-align: middle;
}


#box img {
	margin: 0px;
	float: left;
	padding-bottom: 8px;
}
#leftside {
	float: left;
	height: 104px;
	width: 364px;
	margin-left: 10px;
}
#rightside {
	float: left;
	height: 104px;
	width: 400px;
	margin-left: 88px;
}
#imagen {
	float: left;
	height: 421px;
	width: 1350px;
}
#quienes {
	float: left;
	height: 124px;
	width: 861px;
	font-family: "Alegreya Sans";
	letter-spacing: 2px;
	font-size: 36px;
	color: #00A397;
	text-align: center;
	font-weight: 100;
	padding-top: 41px;
	padding-right: 245px;
	padding-bottom: 61px;
	padding-left: 243px;
}
#quienes p{
	font-family: 'Merriweather', serif;
	color: #8a8a8a;
	font-size: 12px;
	text-align: center;
}
#objetivos {
	float: left;
	height: 386px;
	width: 674px;
	font-family: 'Alegreya Sans';
	letter-spacing: 2px;
	font-size: 36px;
	color: #00A397;
}
#text-empres {
	float: left;
	height: 280px;
	width: 654px;
	font-family: 'Merriweather', serif;
	color: #8a8a8a;
	font-size: 12px;
	text-align: left;
	background-color: #CCCCCC;
	list-style-image: url(images/list-icon.png);
	list-style-type: square;
	vertical-align: middle;
	padding-top: 108px;
	padding-left: 20px;
}
#mision-vision {
	float: left;
	height: 776px;
	width: 1350px;
}
#mision {
	float: left;
	height: 388px;
	width: 674px;
	background-color: #BEE5E2;
}
#mision h1 {
	font-family: 'Alegreya Sans';
	font-size: 30px;
	font-weight: 100;
	color: #666666;
	margin-top: 41px;
	margin-left: 250px;
	float: left;
	letter-spacing: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#mision h2 {
	font-family: 'Alegreya Sans';
	font-size: 64px;
	font-weight: 300;
	color: #FFF;
	float: left;
	margin-left: 215px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#mision p {
	float: left;
	margin-top: 34px;
	margin-left: 26px;
	font-family: 'Merriweather', serif;
	color: #8a8a8a;
	font-size: 12px;
	text-align: left;
}
#contactenos {
	float: left;
	height: 671px;
	width: 674px;
	/* [disabled]margin-top: 85px; */
}
#contactenos h1 {
	font-family: "Alegreya Sans";
	font-size: 36px;
	font-weight: 300;
	color: #5cbdb6;
	float: left;
	margin-right: 400px;
	margin-bottom: 50px;
	margin-left: 89px;
	margin-top: 20px;
	letter-spacing: 3px;
}
#contactenos p {
	font-family: Merriweather;
	font-size: 14px;
	font-weight: 300;
	color: #808080;
	text-align: left;
	float: left;
}
#contactenos span {
	font-family: 'Alegreya Sans';
	font-weight: 100;
	color: #808080;
	letter-spacing: 2px;
}
#contactenos h3 {
	font-family: 'Merriweather';
	font-size: 14px;
	font-weight: 300;
	color: #5cbdb6;
	text-align: left;
	float: left;
}
#datos {
	float: left;
	height: 200px;
	width: 230px;
	margin-left: 89px;
}
#mapa {
	float: left;
	height: 671px;
	width: 675px;
	/* [disabled]margin-top: 85px; */
}
#fixed-header {
	background-color: #FFF;
	float: left;
	height: 178px;
	width: 1350px;
	position: fixed;
	z-index: 2;
}
#blank-space {
	float: left;
	height: 178px;
	width: 1350px;
}
#social-media {
	float: left;
	height: 61px;
	width: 127px;
	margin-left: 57px;
	text-align: left;
	font-family: 'Alegreya Sans', serif;
	font-size: 16px;
	color: #8a8a8a;
	letter-spacing: 4px;
	font-weight: 300;
}

a.footer:link, a.footer:visited {
	text-decoration: none;
	font-family: 'Alegreya Sans';
	font-size: 18px;
	font-weight: 300;
	color: #b3b3b3;
}

a.footer:hover {
	text-decoration: none;
	color:#00A397;
}

a.footer:active {
	text-decoration: none;
	color: ##b3b3b3;
	font-family: 'Alegreya Sans';
	font-size: 18px;
	font-weight: 300;
	color: #b3b3b3;
	background-color: #FFF; 
}
#quienes p {
}
a.terminados:link, a.terminados:visited, a.terminados:active {
	float: left;
	height: 53px;
	width: 221px;
	margin-top: 27px;
	font-family: "Alegreya Sans";
	font-size: 36px;
	color: #CCCCCC;
	font-weight: 100;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	margin-right: 400px;
	text-decoration: none;
}
#menu-2 {
	float: left;
	height: 90px;
	width: 1350px;
	margin-top: 17px;
	text-align: center;
	font-family: "Alegreya Sans";
	font-size: 14px;
	color:#00A397;
	font-weight: 300;
	letter-spacing: 2px;
	text-decoration: none;

}
a.menu-2:link, a.menu-2:visited, a.menu-2:active {

	font-family: "Alegreya Sans";
	font-size: 14px;
	color: #CCCCCC;
	font-weight: 100;
	letter-spacing: 2px;
	text-decoration: none;
}
#intro {
	float: left;
	height: 163px;
	width: 862px;
	padding-top: 66px;
	padding-right: 248px;
	padding-left: 239px;
	text-align: center;
}
#line {
	float: left;
	height: 22px;
	width: 226px;
	margin-right: 562px;
	margin-left: 561px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5CBDB6;
}
#servicios {
	float: left;
	height: 317px;
	width: 440px;
	text-align: center;
	padding-top: 72px;
	padding-left: 117px;
	padding-right: 117px;
}

a.ver:link, a.ver:visited, a.ver:active {
	font-family: 'Alegreya Sans';
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 3px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-color: #5CBDB6;
	float: left;
	height: 37px;
	width: 368px;
	margin-left: 490px;
	padding-top: 10px;
	margin-bottom: 56px;
}
a.ver:hover {
	background-color: #1A948B;
	}#client-box {
	float: left;
	height: 258px;
	width: 548px;
	background-color: #FFF;
	text-align: left;
	padding-bottom: 85px;
	padding-left: 125px;
}
#image-box {
	float: left;
	height: 258px;
	width: 386px;
	background-color: #FFF;
	padding-bottom: 85px;
	padding-left: 141px;
	text-align: left;
	padding-right: 150px;
}
#credit-footer {
	float: left;
	height: 35px;
	width: 1350px;
	text-align: center;
}
#titulo-proyecto {
	float: left;
	height: 619px;
	width: 300px;
	padding-left: 88px;
	padding-right: 10px;
}
#mapa-proyecto {
	float: left;
	height: 619px;
	width: 864px;
}
a.ptitle:link, a.ptitle:visited, a.ptitle:active{
	float: left;
	height: 53px;
	width: 221px;
	margin-top: 27px;
	margin-left: 430px;
	margin-right: 62px;
	font-family: "Alegreya Sans";
	font-size: 36px;
	color: #CCC;
	font-weight: 100;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	text-decoration: none;
}
a.terminados-1:link, a.terminados-1:visited, a.terminados-1:active {
float: left;
	height: 53px;
	width: 221px;
	margin-top: 27px;
	font-family: "Alegreya Sans";
	font-size: 36px;
	font-weight: 100;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	margin-right: 400px;
	text-decoration: none;
	color: #5cbdb6;
	
}
#text-empres ul li {
	margin-bottom: 10px;
}
#content-box {
	float: left;
}