@font-face {
	font-family: 'Aleo-Light'; /*a name to be used later*/
	src: url('../fonts/Aleo-Light.otf'); /*URL to font*/
}

@font-face {
	font-family: 'Aleo-Regular'; /*a name to be used later*/
	src: url('../fonts/Aleo-Regular.otf'); /*URL to font*/
}

@font-face {
	font-family: 'OpenSans-Bold'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Bold.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'OpenSans-Regular'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Regular.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'OpenSans-Light'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Light.ttf'); /*URL to font*/
}


/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.row {
	margin-right: 0px !important; 
	margin-left: 0px !important; 
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none !important;
}

.contenedor_100{
	max-width: 100%;
	min-height: 90px;
	display: block;
	margin: 0 auto;
}

.contenedor_1366{
	max-width: 1366px;
	min-height: 90px;
	display: block;
	margin: 0 auto;
}

.contenedor_865{
	max-width: 865px;
	min-height: 90px;
	display: block;
	margin: 0 auto;
}

.contenedor_800{
	max-width: 800px;
	min-height: 90px;
	display: block;
	margin: 0 auto;
}

.contenedor_1000{
	max-width: 1000px;
	min-height: 90px;
	display: block;
	margin: 0 auto;
}

.contenedor_1200{
	max-width: 1200px;
	min-height: 90px;
	display: block;
	margin: 0 auto;
}

.no-padding{
	padding-right: 0px !important;
	padding-left: 0px !important;
}


.navbar-default {
	background-color: #FFFFFF !important;
	border:none !important;
}

.menu_header{
	padding-top: 3%;
}

.menu_header li{

	width: 100px;
	height: 40px;
	font-family: 'Aleo-Light' !important;
	font-size: 14px !important;
	color: #003057 !important;
	text-align: center;
	padding-top: 0px;



}

.menu_header a{

	margin-top: -5px;



}


.menu_header hr{
	
	margin-top: 22px !important;
	margin-bottom: 0px !important;
	border: 0;
	border-top: 0px solid #eee !important;
}


.menu_header li:hover hr{
	align:center;
	width: 40%;
	color:#998542 !important;
	border-bottom: 3px solid #998542;
}


.menu_header li:hover a{
	
	color:#998542 !important;
	
}





.margen_izq{
	border-left: 1px solid #998542;

}

.menu_movil{
	display: none;
}




/************** SLIDER ***************/

.margen_titulo{
	/*position: absolute;
	top: 250px;
	left: 300px;*/
	margin-top: -35%;
	margin-left: 20%;
}

.margen_titulo hr{
	width: 100%;
	border: 1px solid #FFFFFF;

}

.botones_slider{
	margin-top: -35%;

}

#prev_slide{
	float: left;
	margin-left: 50px;
	cursor: pointer;
}

#next_slide{
	float: right;
	margin-right: 50px;
	cursor: pointer;
}

#titulo_slider{
	font-family: 'Aleo-Light';
	font-size: 50px;
	color: #FFF;
	
}

#subtitulo_slider{
	font-family: 'OpenSans-Light';
	font-size: 21px;
	color: #FFF;
	line-height: 30px;
}

#titulo_slider span{
	
	color:#998542;
	
}

#subtitulo_slider span{
	color:#998542;
}

#boton_llamanos{
	margin-top: 50px;
}

.llamanos:hover{
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	#titulo_slider{

		font-size: 25px;


	}

	#subtitulo_slider{
		
		font-size: 10px;
		line-height: 12px;

	}
	#boton_llamanos {
		display: none !important;
		margin-top: 6px;
	}

	.margen_izq{
		border-left: none; 
		
	}

	.menu_header li {
		width: 100%;
	}

	.menu_header hr{

		margin-top: 0px !important;
		margin-bottom: 20px !important;
		border: 0;
		border-top: 0px solid #eee !important;
	}

	.margen_titulo{
	/*position: absolute;
	top: 250px;
	left: 300px;*/
	margin-top: -49%;
	margin-left: 20%;
}


}



/*********** QUIENES SOMOS **************/
.contenedores_somos{
	height: 690px;
}
.quienes_somos{
	min-height: 690px;
}
.titulo_somos{
	font-family: 'Aleo-Light';
	font-size: 50px;
	color: #998542;
	margin-bottom: 20px;
	margin-top: 60px;
	line-height: 55px;
}

.texto_somos{
	font-family: 'Aleo-Light';
	font-size: 16px;
	color: #737E86;
	line-height: 25px;
}
.img_1_somos{
	margin-top: -10%;
}

.img_2_somos{
	margin-top: 260px; 
	margin-left: 10px;
}

@media screen and (max-width: 768px) {

	.titulo_somos{

		margin-bottom: 20px;
		margin-top: 10px;

	}

	.img_1_somos{
		
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		width: 90%;
	}

	.img_2_somos{
		display: none;
	}

}



/************SOLUCIONES**************/

.soluciones{
	min-height: 400px;
	background-color: #f0f1f2;
}

.divider {
	display: block;
	margin: 0 auto;
	max-width:800px;
	text-align:center;
	color: #003057;
	font-family: 'Aleo-Light';
	font-size: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.divider hr {
	margin-left:auto;
	margin-right:auto;
	width:20%;
	border-top: 1px solid #003057 !important;

}

.left {
	float:left;
	color: #003057;
	margin-top: 25px;
}

.right {
	float:right;
	color: #003057;
	margin-top: 25px;
}

.texto_soluciones{
	font-family: 'OpenSans-Light';
	font-size: 16px;
	color: #998542;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 25px;
}


/***************PLANEACION****************/

.planeacion{
	min-height: 800px;
}

.titulo_planeacion{
	font-family: 'Aleo-Light';
	font-size: 50px;
	color: #998542;
	text-align: center;
	padding: 5% 5%;
}

.divider2 {
	display: block;
	margin: 0 auto;
	max-width:1000px;
	text-align:center;
	color: #003057;
	font-family: 'Aleo-Regular';
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.divider2 hr {
	margin-left:auto;
	margin-right:auto;
	width:25%;
	border-top: 1px solid #003057 !important;

}

.left2 {
	float:left;
	color: #003057;
	margin-top: 15px;
}

.right2 {
	float:right;
	color: #003057;
	margin-top: 15px;
}

.texto_planeacion{
	font-family: 'OpenSans-Light';
	font-size: 16px;
	color: #737E86;
	line-height: 25px;
}

.linea_plan{
	float:left;
	margin-top: 50px;
	width:100%;
	border-top: 1px solid #003057 !important;
}

.footer_plan{
	font-family: 'Aleo-Regular';
	font-size: 24px;
	color: #003057;
	text-align: center;
	padding-top: 25px;
	line-height: 45px;
	margin-bottom: 10%;
}

.footer_plan span{
	font-family: 'Aleo-Regular';
	font-size: 36px;
	color: #998542;
	text-align: center;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

/************** ADMINISTRACIÓN ****************/

.administrativa{
	min-height: 1630px;
	background-image: url('../img/Emblema_Sinergia.png');
	background-repeat: no-repeat;
	background-position: right center;
	
}

.titulo_admin{
	min-height: 335px;
	font-family: 'Aleo-Light';
	font-size: 50px;
	color: #998542;
	padding: 10% 5%;
	
}

.titulo_admin hr{
	width: 115%;
	color: #003057 !important;
	border-bottom: 1px solid #003057;
	margin-top: 85px;
}

.titulo_admin2{
	min-height: 335px;
	font-family: 'Aleo-Light';
	font-size: 50px;
	color: #998542;
	padding: 10% 5%;
	text-align: right;
}
.titulo_admin2 hr{
	width: 96%;
	color: #003057 !important;
	border-bottom: 1px solid #003057;
	margin-top: 137px;

}

.titulos_admin{
	font-family: 'Aleo-Regular';
	font-size: 24px;
	color: #003057;
	margin-bottom: 20px;
}

.administradores{
	margin-top: 0px;
	margin-bottom: 100px;
}



.texto_admin{
	font-family: 'OpenSans-Light';
	font-size: 16px;
	color: #737E86;
	line-height: 28px;
}

.foto_admin{
	display: block;
	margin: 0 auto;
	margin-top: -10%;
}

.vertical_left{
	float: left;
	font-family: 'Aleo-Regular';
	font-size: 21px;
	color: #998542;
	transform: rotate(270deg);
	width: 400px;
	height: 15px;
	margin-left: -180px;
	margin-top: 90px;

}

.icono_vertical{
	float: left;
	margin-top: 210px;
	margin-left: -25px;
}

.frase_mobil_icn{
	display: none;
}

.mobile_hr{
	display: none;
}


@media screen and (max-width: 998px) {
	.frase_desktop_icn{
		display: none;
	}

	.frase_mobil_icn{
		display: block;
		margin-top: 50px;
	}
}

@media screen and (max-width: 768px) {
	.foto_admin{
		display: block;
		margin: 0 auto;
		margin-top: 0%;
	}

	.vertical_left{
		float: left;
		font-size: 16px;
		transform: rotate(0deg);
		width: 300px;
		height: 15px;
		margin-left: 0px;
		margin-top: 0px;

	}
	.icono_vertical{
		display: block;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.divider2{
		padding: 5% 5%; 
	}

	.divider{
		padding: 5% 5%; 
	}

	.footer_plan{
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.administradores{
		margin-top: 50px;

	}

	.titulos_admin{

		margin-top: 30px;
	}

	.divider  .mobile_hr {
		display: block;
		width:77%;
		border-top: 1px solid #003057 !important;
	}
	.divider2 .mobile_hr {
		display: block;
		width:90%;
		border-top: 1px solid #003057 !important;
	}
	.divider3 .mobile_hr {
		display: block;
		width:90%;
		border-top: 1px solid #003057 !important;
	}

	.soluciones img{
		display: block;
		margin: 0 auto;
	}

	.soluciones .texto_soluciones{
		text-align: center;
	}

	.planeacion img{
		display: block;
		margin: 0 auto;
		margin-top: 15px;
	}

	.planeacion .texto_planeacion{
		text-align: center;
	}

	.titulo_admin hr{
		display: none;
	}

	.titulo_admin2 hr{
		display: none;
	}

	.titulo_admin_mobil hr{
		width: 100%;
		color: #003057 !important;
		border-bottom: 1px solid #003057;
		margin-top: 25px;
	}

	.foto_admin{
		width: 80%;
		margin-bottom: 30px;
	}

	.titulo_admin2{
		min-height: 50px;
	}


}







/**********BANNERS*************/
.texto_bg{
	font-family: 'Aleo-Regular';
	font-size: 36px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 35px;
	line-height: 50px;
}

.autor_bg{
	font-family: 'Aleo-Regular';
	font-size: 24px;
	color: #998542;
	text-align: center;
	margin-top: 6%;
}
.bg1 {
	background-image: url('../img/Banner_01.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 5%;
	min-height: 600px;
}


.bg2 {
	background-image: url('../img/Banner_02.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 5%;
	min-height: 600px;
}

.bg3 {
	background-image: url('../img/Banner_03-01.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 5%;
	min-height: 600px;
}

.bg4 {
	background-image: url('../img/Banner_04-01.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 5%;
	min-height: 600px;
}

.margen_bg{
	margin-top: 5%;
}
.margen_bg_2{
	margin-top: 7%;
}

.boton_flotante{
	position: fixed;
	bottom: 6%;
	right: 2%;
	z-index: 10;
	display: none;
}

.boton_fijo{
	position: fixed;
	bottom: 1%;
	right: 0%;
	z-index: 10;
	display: none !important;
}


@media screen and (max-width: 768px) {
	.boton_flotante{
		bottom: 5%;
		right: 0%;
		
	}

	.bg1 {

		background-position: -100px;

	}

	.boton_fijo{
		position: fixed;
		bottom: 1%;
		right: 0%;
		z-index: 10;
		display: block;
	}
	

}


@media screen and (max-width: 600px) {
	
	.left {
		display: none;
	}

	.right {
		display: none;
	}

	.left2 {
		display: none;
	}

	.right2 {
		display: none;
	}
}














/************FOOTER************/
.menu_footer{
	min-height: 200px;
	background-color: #003057;
}

.titulo_footer{
	font-family: 'Aleo-Regular';
	font-size: 12px;
	color: #998542;
	margin-bottom: 15px;
}

.texto_footer{
	font-family: 'OpenSans-Regular';
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
}
.texto_footer a{
	text-decoration: none;
	color: #FFFFFF;
}

.texto_footer a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.padding-footer{
	
	padding: 50px 10px;
}

.padding-footer2{
	padding: 10px 15px;
}

@media screen and (max-width: 998px) {
	.padding-footer{
		text-align: center;
	}
	.padding-footer2{
		margin-top: 20px;
		text-align: center;
	}

}