/**************************************
*	Gen
**************************************/
*{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

body{
	font-family: 'Open Sans', sans-serif;
}

.line{
	background: #7c7c7c;
	height: 1px;
	margin: 15px auto 5px ;
	width: 1024px;
}

.container{
	margin: 0px auto; 
	position: relative;
	padding-top: 0px;
	width: 1024px;
}

/*#footer .container{
	position: relative;
	width: 100%;
}*/

.lvl-1{
	font-size: 24px;
	font-weight:bold; 
	text-align: center;
	text-transform: uppercase;
}

.lvl-2{
	font-size: 20px;
	color: #484848;
	font-weight: 400;
}

.lvl-3{
	color: #484848;
	font-size: 18px;
	font-weight: 400;
}

p.p-lvl-1{
	color: #575757;	
	font-size: 18px;
	text-align: center;
}

p{
	color: #7c7770;
	font-size: 14px;
}

.title-footer{
	color: #fff;
	font-size: 20px;
}

p.p-footer{
	color:#c3c3c3;
	font-size: 13px;
}

.up{
	text-transform: uppercase;
	font-weight: bold;
}

/**************************************
*	Canvas
**************************************/
.canvas{
	margin: 0px auto;
	width: 1349px;
}

/**************************************
*	Header
**************************************/
#header{
	background: #0e1827;
	margin: 0px auto;
	overflow:hidden;
	position: relative;
	width: 1349px;
}

#header h1{
	display: inline-block;
	padding-top: 15px;
}

#header h1 a{
	background: url(../img/bg-h1-a.png) top center no-repeat;
	display: inline-block;
	height: 62px;
	text-indent: -10000px;
	width: 61px;
}

#header h2{
	color: #fff;
	display: inline-block;
	font-size: 18px;
	margin-left: 15px;
}

/**************************************
*	Navigation
**************************************/
#navigation-holder{
	float: right;
}

#navigation-holder #navigation{
	list-style: none;
}

#navigation-holder #navigation li{
	float: left;
	margin:40px 20px;
}

#navigation-holder #navigation a{
	color: #fff;
	text-decoration: none;
}

#navigation-holder #navigation a:hover{
	color:#00ff00; 
}		 

/**************************************
*	Slide Home
**************************************/
#home .slide-home{
	width: 1349px !important;
}

#home .slide-header img{
	width: 1366px !important;
}

/**************************************
*	Home
**************************************/
 ul.serv-home{
	list-style: none;
	margin-top: 100px;
}

 ul.serv-home li{
	border: solid 1px #e1e1e1;
	border-radius: 5px;
	float: left;
	margin-bottom: 70px;
	margin-left:30px;
	padding-bottom: 25px;
	position: relative;
	width: 300px;
	z-index: 1;
}

 ul.serv-home li span{
	left: 110px;
	position: absolute;
	top: -47px;
	z-index: 3;
}

 ul.serv-home li img.serv{
	left: 0px;
	margin-bottom:25px;
	position: relative;
	width: 300px;
	z-index: -1;
}

 ul.serv-home li h3{
	margin-bottom: 20px;
	text-align: center;
}

 ul.serv-home li p{
	text-align: center;
	margin:0px auto; 
	width: 230px;
}

#home .div-nosotros{
	background: url(../img/div-nosotros.jpg) top center no-repeat;
	clear: both;
	height: 31px;
	margin-bottom: 20px;
	margin-top: 50px;
	width: 1024px;
}

#home .nosotros-txt{
	/*border-bottom: 1px solid #e1e1e1;*/
	margin-bottom: 0px;
	overflow: hidden;
	padding-bottom: 50px; 
}


#home .nosotros-txt-2 p.p-vision{
	padding-right: 200px;
}

#home .nosotros-txt p.p-valores{
	text-align: center;
}

#home .nosotros-txt img{
	float: left;
	margin-right: 50px;
}

#home .nosotros-txt-2 img{
	float: right;
}

#home .ultimos-proyectos{
	margin-bottom: 80px;
	margin-top: 0px;
	overflow: hidden;
	text-align: center;
}

#home .ultimos-proyectos .icon-proyectos{
	background: url(../img/bg-icon-proyectos.jpg) top center no-repeat;
	height: 32px;
	margin: 0px auto;
	margin-bottom: 20px;
	width: 1024px;
}

#home .project-list{
	list-style: none;
	margin-top: 20px;
}

#home .project-list li{
	float: left;
	margin-right: 15px;
	width: 241px;
}

#home .opiniones{
	clear: both;
}

#home .opiniones .bx-wrapper{
	margin-top: 50px;
}

#home .opiniones .icon-opiniones{
	background: url(../img/bg-icon-opiniones.jpg) top center no-repeat;
	height: 31px;
	margin: 0px auto;
	margin-bottom: 20px;
	width: 1024px;
}

#home .slide-opiniones li{
	text-align: center;
}

#home .slide-opiniones li .adorno-opinion{
	margin-bottom: 15px;
	margin-top: 20px;
}

#home .slide-opiniones li .nombre-empresa{
	margin-bottom: 25px;
}

#home .opiniones .bx-pager{
	margin:0px auto; 
	width: 160px;
}

#home .opiniones .bx-pager .bx-pager-item{
	height: 10px;
	float: left;
	margin-right: 11px;
	width: 10px;
}

#home .opiniones .bx-pager .bx-pager-item a{
	background: url(../img/bg-opinion-default.jpg) top center no-repeat;
	height: 10px;
	float: left;
	text-indent: -10000px;
	width: 10px;
}

#home .opiniones .bx-pager .bx-pager-item a:hover{
	background: url(../img/bg-opinion-selected.jpg) top center no-repeat;
}

#home .opiniones .bx-pager .bx-pager-item a.active{
	background: url(../img/bg-opinion-selected.jpg) top center no-repeat;
}

/**************************************
*	Servicios
**************************************/
#servicios{
	overflow: hidden;
	/*padding: 70px 140px;*/
}	

#servicios .face-holder{
	border: solid 1px #e1e1e1;
	float: left;
	margin-right: 28px;
	padding-bottom: 20px;
	text-align: center;
	width: 275px;
}

#servicios .face-holder .info-servicios{
	color: #7c7770;
	font-size: 14px;
	margin:0px auto; 
	width: 250px;
}
#servicios .face-holder .info-servicios p{
	text-align: left;
}

#servicios .servicios-holder{
	float: left;
}

#servicios .servicios-holder .servicios{
	list-style: none;
	width: 729px;
}

#servicios .servicios-holder .servicios li{
	border: solid 1px #e1e1e1;
	float: left;
	width: 241px;
}

#servicios .servicios-holder .servicios li .title-holder{
	margin:30px 0px 25px 0px;
}

#servicios .servicios-holder .servicios li span{
	display: block;
	text-align: center;
}
 
#servicios .servicios-holder .servicios li span.title-serv{
	color: #484848;
	font-size: 18px;
	text-transform: uppercase;
}

#servicios .servicios-holder .servicios li span.subtitle-serv{
	color: #b2b2b2;
	font-size: 13px;
	text-transform: uppercase;
}

/**************************************
*	Contacto
**************************************/
#contacto .map{
	height: 345px;
}

#contacto .contacto-holder{
	margin: 0px auto;
	margin-top: 50px;
	width: 1024px;
}

#contacto .img-top{
	background: url(../img/img-top-contacto.jpg) top center no-repeat;
	display: block;
	height: 32px;
	width: 1024px;
}

#contacto .details{
	list-style: none;
	margin-top: 50px;
}

#contacto .details li{
	height: 200px;
	float: left;
	margin-right: 30px;
	text-align: center;
	width: 220px;
}

#contacto .details li img{
	margin-bottom:20px;
}

#contacto .details li span{
	display: block;
}

#contacto .details li span.tit{
	color: #484848;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#contacto .details li span.txt{
	color: #7c7770;
	font-size: 14px;
}

#contacto .form-holder{
	clear: both;
	padding-top: 75px;
}

#contacto form{
	height: 345px;
	margin: 0px auto;
	width: 530px;
}

#contacto form input[type="text"]{
	background: url(../img/bg-input-text.png) top center no-repeat;
	float: left;
	height: 40px;
	margin-left: 5px;
	padding-left: 10px;
	width: 244px;
}
#contacto form input.first{
	margin-right: 12px;
}

#contacto form textarea{
	background: url(../img/bg-textarea.png) top center no-repeat;
	height: 230px;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 10px;
	resize:none;
	width: 516px;
}

#contacto form input[type="image"]{
	margin-left: 5px;
	margin-top: 5px;
}


/**************************************
*	Footer
**************************************/
#footer{
	background: #273a43;
	clear: both;
	margin: 0px auto;
	margin-top: 65px;
	overflow: hidden;
	padding-top: 40px;
	width: 1349px;
}

#footer twitts{
	height: 217px;
	width: 206px;
}

#footer h2{
	background: url(../img/bg-h2-footer.png) top center no-repeat;
	height: 47px;
	text-indent: -10000px;
	width: 119px;
}

#footer .c-footer{
	float: left;
	margin-right: 135px;
	margin-bottom: 60px;
	width: 206px;
}

#footer .c-footer ul{
	color: #fff;
	list-style: none;
	margin-top: 10px;
}

#footer .c-footer ul li{
	color: #fff;
	font-size: 13px;
	list-style: none;
	margin-bottom: 12px;
	padding-left: 30px;
}

#footer .c-footer ul li.ubicacion{
	background: url(../img/bg-li-ubicacion.png) 4px 8px no-repeat;
}

#footer .c-footer ul li.mail{
	background: url(../img/bg-li-mail.png) left top no-repeat;
}

#footer .c-footer ul li.tel{
	background: url(../img/bg-li-tel.png) left top no-repeat;
}

#footer .c-footer .input-group{
	margin-top: 18px;
}

#footer .c-footer .input-group input[type="text"]{
	background: #172227;
	border-radius: 5px 0px 0px 5px;
	float: left;
	height: 35px;
	padding-left: 15px;
	width: 142px;
}

#footer .copy-holder{
	clear: both;
	background: #172227;
	padding: 37px 0px;
}

#footer .copy-holder p{
	display: inline-block;
}

#footer .copy-holder .social-holder{
	display: inline-block;
	float: right;
	margin-top: -5px;
	overflow: hidden;
}

#footer .copy-holder a.social{
	float: left;
	height: 30px;
	text-indent: -10000px;
	margin: 0px 3px;
	width: 30px;
}

#footer .copy-holder a.social:hover{
	background-position: 30px 0px;
}

#footer .copy-holder a.facebook{
	background: url(../img/btn-facebook.png);
	background-position: 0px 0px;
}
#footer .copy-holder a.twitter{
	background: url(../img/btn-twitter.png);
	background-position: 0px 0px;
}
#footer .copy-holder a.google{
	background: url(../img/btn-google-plus.png);
	background-position: 0px 0px;
}
#footer .copy-holder a.youtube{
	background: url(../img/btn-youtube.png);
	background-position: 0px 0px;
}