@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);



.center{

	text-align: center;

}

.left{

	text-align: left;

}

.right{

	text-align: right;

}

.justify{

	text-align: justify;

}



#logo-principal{

	position: fixed;

	top: 0;

	left: 2;

	z-index: 200;

	padding: 10px 0;

	background-color: rgba(255, 255, 255, 0.8);

}



#navbar-sitio{

	margin: 2% 9% 0 46%!important;

	background-color: black!important;

	border: none;

}



#navbar-sitio a{

	color: white;

	font-size: 1.2em;

	font-family: 'Montserrat', sans-serif;

}



#navbar-sitio  ul li{

	border-bottom: 5px solid rgba(0, 0, 0, 0);

}



#navbar-sitio ul li:hover{

    border-bottom: 5px solid #e3691b;

}





/***  MENU 2  ***/

#navbar-sitio2{

	z-index: 100;

	background-color: black!important;

	border: none;

}



#navbar-sitio2 a{

	color: white;

	font-size: 1.2em;

	font-family: 'Montserrat', sans-serif;



}



#navbar-sitio2  ul li{

	border-bottom: 5px solid rgba(0, 0, 0, 0);

}





#navbar-sitio2 ul li:hover{

    border-bottom: 5px solid #e3691b;

}





/*    */



#video{

	margin-top: -230px;

	z-index: 0;

}



#par_servicios{

	padding: 120px 0 150px 0;

}



#par_nosotros{

	padding: 100px 0 100px 0;

}



.titulo{

	padding: -5px 0;

	font-family: 'Montserrat', sans-serif;

	font-weight: bold;

	background-color: rgba(0, 0, 0, 0.8);

	border-bottom: 5px solid #e3691b;

	color: white;

}



#barra_servicios{

	background-color: black;

	padding: 10px 0;

	/*margin-top: -180px; */

	margin-top: -26px;

	z-index: 300;

}



.icon{

	background-color: #e3691b;

	padding: 0;

	border: 10px solid black;

}



.icon:hover{

	background-color: #666666;

	padding: 0;

	border: 2px solid #e3691b;

	margin: 0;

}



.parallax{

	text-align: center;

	color: white;

	position: relative;

    background-size: cover;

    background-attachment: fixed;

    background-repeat: repeat;

    background-position: center top;

}



h3{

	font-size: 1em;

}





.servicios{

	padding: 150px 0 20px 0;

}



.servicio_desc{

	font-family: 'Montserrat', sans-serif;

	margin: 50px 0;

}



.servicio_desc h2{

	font-size: 1em;

}

.servicio_desc h3{

	font-size: 0.8em;

}



.servicio_desc img{

	background-color: #e3691b;

}



.ver_mas{

	margin-top: 50px;

	padding: 10px 0;

	font-family: 'Montserrat', sans-serif;

	font-size: 1.2em;

	border: 5px solid rgba(227, 105, 27, 1);

	color: rgba(227, 105, 27, 1);

	cursor: pointer;



}

.ver_mas:hover{

	background-color: rgba(227, 105, 27, 1);

	color: #ffffff;

}

.ver_mas a{
	color:rgba(227, 105, 27, 1);
	text-transform: none;
	text-decoration: none;
}
.ver_mas a:hover{
	color:#ffffff;
	text-transform: none;
	text-decoration: none;
}

.ver_mas2{

	font-family: 'Montserrat', sans-serif;

	font-size: 1.2em;

	margin-top: 50px;

	padding: 10px 0;

	border: 5px solid rgba(227, 105, 27, 0.0);

	background-color: rgba(0, 0, 0, 0.5);

	color: white;

}



.ver_mas2:hover{

	border: 5px solid rgba(227, 105, 27, 0.5);

	color: white;

}



.contenido{

	font-size: 1.5em;

}



.carousel-control img{

	margin-top: 120px;

}
.contenedornaranja{
	height: auto;
	/*padding: 10px;*/
	padding: 75px 10px 75px 10px;
	background-color: #ff6600;
	margin-left: -15px;
	margin-right: -15px;
	color: #fff;
}
.contenedornegro{
	height: auto;
	/*padding: 10px;*/
	padding: 75px 10px 75px 10px;
	background-color: black;
	margin-left: -15px;
	margin-right: -15px;
}
.imgTimeline{
	margin:auto !important;
}
#par_servicios_int{
	min-height: 300px!important;
	height: auto;
}
.contFooter{
	background-color: black;
	color:white;
	height: auto;
	min-height: 1000px;
	padding: 50px 100px 30px 100px;
	margin-left: -15px;
	margin-right: -15px;
}
.contFooterSM{
	background-color: black;
	color:white;
	height: auto;
	padding: 5px 15px 10px 15px;
	margin-left: -15px;
	margin-right: -15px;
}
.contFormularioSM{
	position: relative;
	margin:5%;
	font-weight: bold;
	font-size: 16px;
	background-color: #ff6600;
	padding: 20px 20px 40px 20px;
}
.contFormularioSM input{
	height: 50px;
	font-weight: normal;
}
.contFormularioSM textarea{
	font-weight: normal;
}
.contFormularioSM .btn-formulario{
	color:black;
	border: none;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 15px;
}
.contContactanos{
	position: relative;
	margin-top: 15%;
	font-weight: bold;
	font-size: 16px;

}
.contContactanos p{
	margin-top: 20px;
	margin-bottom: 20px;
}
.contFormulario{
	position: relative;
	margin-top: 15%;
	font-weight: bold;
	font-size: 16px;
	background-color: #ff6600;
	padding: 20px 20px 40px 20px;
}
.contFormulario input{
	height: 50px;
	font-weight: normal;
}
.contFormulario textarea{
	font-weight: normal;
}
.contFormulario .btn-formulario{
	color:black;
	border: none;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 15px;
}

body{
	overflow-x:hidden;
}
@media screen and (max-width: 1011px) {
	#navbar-sitio{
	    display:none;
	}
}
@media only  screen and (min-width: 1012px){
	#navbar-sitio{
		display: block;
	}
}
@media all  and (min-width: 787px) and (max-width: 1011px){ /*and (max-width: 786px) and (min-width: 1012px){ */
	#barra_servicios {
	    background-color: black;
	    margin-top: 0px;
	    padding: 10px 0;
	    z-index: 300;
	}

}
@media screen and (max-width: 768px){
	.enlacefooter{
		font-size: 18px;
	}
}
.imgLiquidPortada{
	width: 100%;
	height: 250px;
	border:2px solid #ff6a06;
}

@media screen and (min-width: 480px){
	.margen-redes{
		margin-top: -35px;
	}
}
@media screen and (min-width: 600px){
	.margen-redes{
		margin-top: -48px;
	}
}
@media screen and (min-width: 800px){
	.margen-redes{
		margin-top: -56px;
	}
}

@media screen and (min-width: 942px){
	.margen-redes{
		margin-top: -62px;
	}
}
@media screen and (min-width: 994px){
	.margen-redes{
		margin-top: -52px;
	}
}

@media screen and (min-width: 1100px){
	.margen-redes{
		margin-top: -48px;
	}
}

@media screen and (min-width: 1365px){
	.margen-redes{
		margin-top: -58px;
	}
}
@media screen and (min-width: 1600px){
	.margen-redes{
		margin-top: -72px;
	}
}

.navbar-toggle {
    color: white!important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:transparent!important;
}
.btnVolverInicio {
    margin: 5%;
    font-weight: bold;
    font-size: 16px;
    background-color: #ff6600;
    padding: 10px 25px 10px 25px;
    color:#fff!important;
}
.btnVolverInicio a{
    color:#fff!important;
}
.btnVolverInicio:hover, .btnVolverInicio:link,{
    color:#fff!important;
}
.btnNaranjaBorde{
	border:2px solid #ff6a06;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 30px;
	margin-top: -100px;
}
.btnNaranjaBorde:hover,.btnNaranjaBorde:link{
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
}
#seccion-evaluacion{
	padding-top: 25px;
	padding-bottom: 50px;
}
.separadorNaranjo{
	margin-left: -15px;
	width: 70%;
	border-top:4px solid #ff6a06;
	border-bottom:4px solid #ff6a06;
	border-right:4px solid #ff6a06;
	height: 15px;
	margin-top: 7px;
	margin-bottom: 20px;
}
.btnnaranja{
	background-color: #ff6a06;
	color:#fff;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	font-size: 1.7em;
}
.btnnaranja:hover, .btnnaranja:link{
	color:#fff;
	text-decoration: none;
}
#section-portafolio-cursor div{
	cursor: pointer;
}

#section-portafolios-full{
	padding-top: 70px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 50px;
	background-color: #ff6a06;
	color:#fff;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
}
#section-portafolios-full #myCarousel .imgLiquidPortada{
	border:4px solid #ff6a06;
}
#full-black{
	background-color: #000;
	padding: 50px;
	margin-right: -25px;
	margin-left: -25px;
}
.titulobordenaranja{
	border:4px solid #ff6a06;
	width: 100%;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
}

#myCarousel .carousel-control.left{
	background: none;
}
#myCarousel .carousel-control.right{
	background: none;
}
@media screen and (min-width: 768px){
#myCarousel  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -105px;
}
#myCarousel  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -105px;
}

}
@media (max-width: 425px) {
.btnnaranja{
	font-size: 1em;
}
.titulobordenaranja h1{
	font-size: 1.6em;
}
}

@media only screen and (max-width:768px){
	.ekko-lightbox-nav-overlay a{
		opacity: 1!important;
	}
}