@charset "utf-8";


/* CSS Document */





/*estilo equilibrio visual*/





/**********************************************************


	fuentes


	margenes


	estilos globales


	estilos particulares


	secciones


	header


	menu principal


	slide


	footer


	map


	formulario





***********************************************************/





/* fuentes */





	@font-face {


		font-family: 'DINPro_Medium';		


		src: url('../fonts/DINPro_Medium/DINPro_Medium.eot');


		src: local('☺'), url('../fonts/DINPro_Medium/DINPro_Medium.woff') format('woff'), url('../fonts/DINPro_Medium/DINPro_Medium.woff2') format('woff2'), url('../fonts/DINPro_Medium/DINPro_Medium.ttf') format('truetype'), url('../fonts/DINPro_Medium/DINPro_Medium.svg') format('svg');


		font-weight: normal;


		font-style: normal;


		font-style: normal;

		font-display: auto;


	}





	@font-face {


		font-family: 'DINPro_Bold';		


		src: url('../fonts/DINPro_Bold/DINPro_Bold.eot');


		src: local('☺'), url('../fonts/DINPro_Bold/DINPro_Bold.woff') format('woff'), url('../fonts/DINPro_Bold/DINPro_Bold.woff2') format('woff2'), url('../fonts/DINPro_Bold/DINPro_Bold.ttf') format('truetype'), url('../fonts/DINPro_Bold/DINPro_Bold.svg') format('svg');


		font-weight: normal;


		font-style: normal;


		font-style: normal;

		font-display: auto;


	}





	@font-face {


		font-family: 'DINPro_Light';		


		src: url('../fonts/DINPro_Light/DINPro_Light.eot');


		src: local('☺'), url('../fonts/DINPro_Light/DINPro_Light.woff') format('woff'), url('../fonts/DINPro_Light/DINPro_Light.woff2') format('woff2'), url('../fonts/DINPro_Light/DINPro_Light.ttf') format('truetype'), url('../fonts/DINPro_Light/DINPro_Light.svg') format('svg');


		font-weight: normal;


		font-style: normal;


		font-style: normal;

		font-display: auto;


	}





	


/* margenes */





	.container{


		/*max-width: none !important;*/


		/*width: 1071px;*/


		width: 100%;


		padding-left:15px;


		padding-right:15px;


		}





	@media (min-width: 1200px){


		.container {


			width: 1071px;


			min-width: 1071px;


		}


	}





	@media (min-width: 992px){


		.container {


			width: 1071px;


			min-width: 1071px;


		}


	}





	@media (min-width: 768px){


		.container {


			width: 1071px;


			min-width: 1071px;


		}


	}


	


	.row {


		margin-right: -15px;


		margin-left: -15px;


		}


	


	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {


		position: relative;


		min-height: 1px;


		padding-right: 15px;


		padding-left: 15px;


		}


	


	.sin_medianil{ padding:0px;}


	


	.sin_medianil_izq{ padding-left:0px;}


	


	.sin_medianil_der{ padding-right:0px;}


	


	


/* estilos globales */





	body{


		position: relative;


		}





	h1{


		font-family: 'DINPro_Light', Arial, Helvetica, sans-serif;


		font-size:32px;


		line-height: 20px;


		color:#000;


		


		margin:0px;


		margin-bottom: 30px;


		}








	@media(min-width: 768px){


		h1{


			font-size:45px;


			line-height: 40px;


			margin-bottom: 50px;


		}


	}








	h2{


		font-family: 'DINPro_Light', Arial, Helvetica, sans-serif;


		font-size:32px;


		line-height: 30px;


		color:#000;


		text-transform: uppercase;


		letter-spacing: 0px;


		


		margin:0px;


		margin-bottom: 30px;


		}





	@media(min-width:768px){


		h2{


			font-size:44px;


			line-height: 40px;


			margin-bottom: 50px;


			letter-spacing: -3px;


		}


	}





	h3{


		font-family: 'DINPro_Light', Arial, Helvetica, sans-serif;


		font-size:25px;


		line-height: 29px;


		color:#000;


		


		margin-bottom:24px;


		}





	@media(min-width:768px){


		h3{


			font-size:30px;


			line-height: 34px;


		}


	}





	h5{


		font-family: 'DINPro_Medium', Arial, Helvetica, sans-serif;


		font-size:14px;


		line-height: 18px;


		color:#ddd;


		text-transform: uppercase;





		margin-bottom:15px;


		}





	@media(min-width:768px){


		h5{


			font-size:18px;


			line-height: 22px;


			margin-bottom:35px;


		}


	}





	h6{


		font-family: 'DINPro_Light', Arial, Helvetica, sans-serif;


		font-size:11px;


		line-height: 13px;


		color:#fff;


		


		margin:0px;


		}





	@media(min-width:768px){


		h6{


			font-size:11px;


			line-height: 13px;


		}


	}


	


	p{


		font-family: Arial, Helvetica, sans-serif;


		font-size:12px;


		line-height:22px;


		color:#222;


		


		margin:0px;


		margin-bottom: 22px;


		}





	@media(min-width: 992px){


		p{


			font-size: 13.5px;


			line-height: 24px;


		}


	}





	ul li{


		font-size:12px;


	}





	@media(min-width: 768px){


		ul li{


			font-size:14px;


		}


	}





	.list_equilibrio{


		margin-left: 25px;


		margin-bottom: 24px;


	}





	.list_equilibrio li{


		list-style-type: disc;


		list-style-position: outside;


	}


	


	a.btn_{


		font-family: 'Gill_sans_mt_normal', Arial, Helvetica, sans-serif;


		font-size:20px;


		color: #999;


		text-align: center;


		text-decoration: none;


		text-transform: uppercase;





		display: block;


		width: 100px;


		margin-left: auto;


		margin-right: auto;


		border:0px;


		padding:0px;





		/*background-color: #f0f;*/


		transition-duration:.2s;


		}


	


	a.btn_:hover,


	a.btn_:focus{


		transition-duration:.2s;


		color: #f07323;


		}





	.clrf_blanco{ background-color:#fff }


	.clrf_negro{ background-color:#000 }


	.clrf_gris{ background-color:#949494 }


	.clrf_azul{ background-color:#0072bc }





	.clrt_blanco{ color: #fff }


	.clrt_negro{ color: #000 }


	.clrt_gris{ color: #949494 }


	.clrt_azul{ color: #0072bc }





	.font_DINM{ font-family: 'DINPro_Medium',Arial, Helvetica, sans-serif; font-weight: normal; }


	.font_DINB{ font-family: 'DINPro_Bold',Arial, Helvetica, sans-serif; font-weight: normal; }


	.font_DINL{ font-family: 'DINPro_Light',Arial, Helvetica, sans-serif; font-weight: normal; }





/* estilos particulares */





/* formas de trabajo */


/*********************/





	#forma_de_trabajo{


		text-align: center;


	}





	.box_imagen .imagen{


		width: 149px;


		height: 149px;


		margin-top: 30px;


		margin-bottom: 20px;


		margin-left: auto;


		margin-right: auto;


	}





	@media(min-width: 768px){


		.box_imagen .imagen{


			width: 149px;


			height: 149px;


			margin-top: 0px;


			margin-bottom: 30px;


		}		


	}





	.box_imagen .img_escuchamos{


		background: url(../imagenes/img-escuchamos_.png) no-repeat;


	}





	.box_imagen .img_analizamos{


		background: url(../imagenes/img-analizamos_.png) no-repeat;


	}





	.box_imagen .img_ejecutamos{


		background: url(../imagenes/img-ejecutamos_.png) no-repeat;


	}





	@media(min-width: 768px){


		.box_imagen .img_escuchamos{


			background: url(../imagenes/img-escuchamos.png) no-repeat;


			-webkit-transition: all .3s ease-out;


		    -moz-transition: all .3s ease-out;


		    transition: all .3s ease-out; 


		}





		.box_imagen .img_analizamos{


			background: url(../imagenes/img-analizamos.png) no-repeat;


			-webkit-transition: all .3s ease-out;


		    -moz-transition: all .3s ease-out;


		    transition: all .3s ease-out; 


		}





		.box_imagen .img_ejecutamos{


			background: url(../imagenes/img-ejecutamos.png) no-repeat;


			-webkit-transition: all .3s ease-out;


		    -moz-transition: all .3s ease-out;


		    transition: all .3s ease-out; 


		}


	}





	.box_imagen:hover .img_escuchamos{


		background: url(../imagenes/img-escuchamos_.png) no-repeat;


		-webkit-transition: all .3s ease-out;


	    -moz-transition: all .3s ease-out;


	    transition: all .3s ease-out; 


	}





	.box_imagen:hover .img_analizamos{


		background: url(../imagenes/img-analizamos_.png) no-repeat;


		-webkit-transition: all .3s ease-out;


	    -moz-transition: all .3s ease-out;


	    transition: all .3s ease-out; 


	}





	.box_imagen:hover .img_ejecutamos{


		background: url(../imagenes/img-ejecutamos_.png) no-repeat;


		-webkit-transition: all .3s ease-out;


	    -moz-transition: all .3s ease-out;


	    transition: all .3s ease-out; 


	}





	@media(min-width: 768px){


		#forma_de_trabajo img.front{


			width: auto;


			margin-bottom: 35px;


		}


	}





	.box_imagen .titulo{


		font-family: 'DINPro_Light',Arial, Helvetica, sans-serif;


		font-size: 20px;


		margin-bottom: 25px;


		color: #000;


		-webkit-transition: all .3s ease-out;


	    -moz-transition: all .3s ease-out;


	    transition: all .3s ease-out; 


	}





	.box_imagen:hover .titulo{


		/*font-family: 'DINPro_Bold',Arial, Helvetica, sans-serif;*/


		color: #0072bc;


		-webkit-transition: all .3s ease-out;


	    -moz-transition: all .3s ease-out;


	    transition: all .3s ease-out; 


	}





	@media(min-width: 768px){


		.box_imagen .titulo{


			font-size: 30px;


			margin-bottom: 35px;


		}


	}








/* diseño grafico */


/*********************/





	#diseno_grafico{


		background-color: #0072bc;


	}





	#diseno_grafico .box_seccion{


		background-color: #0072bc;


	}





	#diseno_grafico p{


		position: relative;


		z-index: 10;


		color: #fff;


		opacity: 1;


	}





	@media(min-width: 768px){


		#diseno_grafico p{


			opacity: .8;


		}


	}





	#diseno_grafico .lapicera{


		float: right;


		margin-bottom: -90px;


		margin-right: -70px;


		width: 170px;


	}





	@media(min-width: 768px){


		#diseno_grafico .lapicera{


			position: absolute;


			float: inherit;


			top: 0;


			left: 0;


			width: auto;


			margin-top:-33px;


			margin-left: 500px;


		}


	}





	#diseno_grafico .lapiz{


		position: absolute;


		z-index: 10;


		top: 0;


		left: 0;


		margin-top: 205px;


		margin-left: 100px;


		transform: rotate(13deg);


      	-webkit-transform: rotate(13deg);


      	-moz-transform: rotate(13deg);


      	-o-transform: rotate(13deg);


		/*display: none;*/


		/*border: 1px solid #ccc;*/


	}





	#diseno_grafico .pluma{


		position: absolute;


		z-index: 10;


		top: 0;


		left: 0;


		margin-top: 275px;


		margin-left: 60px;


		transform: rotate(29deg);


      	-webkit-transform: rotate(29deg);


      	-moz-transform: rotate(29deg);


      	-o-transform: rotate(29deg);


		/*display: none;*/


		/*border: 1px solid #ccc;*/


	}





	#diseno_grafico .libreta{


		position: absolute;


		top: 0;


		left: 0;


		margin-top: 20px;


		margin-left:500px;


		/*display: none;*/


		/*border: 1px solid #ccc;*/


	}





	#diseno_grafico .mause{


		position: absolute;


		top: 0;


		left: 0;


		margin-top: -226px;


		margin-left: 360px;


		/*display: none;*/


		/*border: 1px solid #ccc;*/


	}








/* identidad corporativa */


/*********************/





	#identidad_corporativa{


		background-color: #fff;


		height: 100%;


	}





	@media(min-width: 768px){


		#identidad_corporativa{


			height: 950px;


		}


	}





	#identidad_corporativa .manual{


		position: absolute;


		top: 0;


		left: 0;


		margin-top: 10px;


		margin-left: -170px;


		transform: rotate(7deg);


      	-webkit-transform: rotate(7deg);


      	-moz-transform: rotate(7deg);


      	-o-transform: rotate(7deg);


	}





	#identidad_corporativa .lapiz{


		position: absolute;


		top: 0;


		left: 0;


		margin-top: 70px;


		margin-left: 430px;


		transform: rotate(7deg);

      	-webkit-transform: rotate(7deg);


      	-moz-transform: rotate(7deg);


      	-o-transform: rotate(7deg);


	}





	#identidad_corporativa .tarjeta_front{


		position: relative;


		float: left;


		width: 230px;


		margin-left: -130px;


		margin-right: 20px;


		transform: rotate(-5deg);


      	-webkit-transform: rotate(-5deg);


      	-moz-transform: rotate(-5deg);


      	-o-transform: rotate(-5deg);


	}





	@media(min-width: 768px){


		#identidad_corporativa .tarjeta_front{


			position: absolute;


			float: inherit;


			width: auto;


			top: 0;


			left: 0;


			margin-top: 405px;


			margin-left: 375px;


			transform: rotate(7deg);


	      	-webkit-transform: rotate(7deg);


	      	-moz-transform: rotate(7deg);


	      	-o-transform: rotate(7deg);


		}


	}





	#identidad_corporativa .tarjeta_back{


		position: relative;


		float: right;


		width: 230px;


		margin-right: -130px;


		transform: rotate(17deg);


      	-webkit-transform: rotate(17deg);


      	-moz-transform: rotate(17deg);


      	-o-transform: rotate(17deg);


	}





	@media(min-width: 768px){


		#identidad_corporativa .tarjeta_back{


			position: absolute;


			float: inherit;


			width: auto;


			top: 0;


			left: 0;


			margin-top: 600px;


			margin-left: 250px;


			transform: rotate(17deg);


	      	-webkit-transform: rotate(17deg);


	      	-moz-transform: rotate(17deg);


	      	-o-transform: rotate(17deg);


		}


	}








/* impresión profesional */


/*********************/





	#impresion_profesional{


		background-color: #fff;


	}





	#impresion_profesional p{


		color: #fff;


		opacity: .6;


	}





	.box_img_impresion{


		position: relative;


		height: 840px;


		margin-top: -740px;


	}





	#impresion_profesional .impresion{


		position: relative;


		float: right;


		height: 270px;


		margin-right: -120px;


	}





	@media(min-width: 768px){


		#impresion_profesional .impresion{


			position: absolute;


			top: 0;


			left: 0;


			width: 620px;


			height: auto;


			margin-top: 0px;


			margin-left: 520px;


		}


	}





/* diseño de stios */


/*********************/





	#diseno_de_sitios{


		height: 100%;


		background-color: #fff;


	}





	@media(min-width: 768px){


		#diseno_de_sitios{


			height: 770px;


			background-color: #fff;


		}


	}





	#diseno_de_sitios h2{


		text-align: left;


	}





	#diseno_de_sitios p{


		text-align: left;


	}





	@media(min-width: 768px){


		#diseno_de_sitios h2{


			text-align: center;


		}


		#diseno_de_sitios p{


			text-align: justify;


		}


	}





	#diseno_de_sitios .bx_img_responsive{


		position: relative;


		width: 260px;


		height: 230px;


		margin-bottom: 40px;


		margin-left: auto;


		margin-right: auto;


	}





	#diseno_de_sitios .tableta{


		position: absolute;


		bottom: 0;


		right: 0;


		width: 180px;


	}





	@media(min-width: 768px){


		#diseno_de_sitios .tableta{


			position: absolute;


			top: 0;


			left: 0;


			width: auto;


			margin-top:80px;


			margin-left: 20px;


		}


	}





	#diseno_de_sitios .celular{


		position: absolute;


		bottom: 0;


		left: 0;


		width: 170px;


		margin-bottom: -15px;


	}





	@media(min-width: 768px){


		#diseno_de_sitios .celular{


			position: absolute;


			top: 0;


			bottom: inherit;


			right: 0;


			left: inherit;


			width: auto;


			margin-top: -150px;


			margin-bottom: 0px;


			margin-left: 0px;


			margin-right: 0px;


		}


	}





	.box_img_computadora{


		height: 830px;


		margin-top: -830px;


	}





	.box_img_computadora .computadora{


		position: absolute;


		top: 0;


		right: 0;


		margin-top: -50px;


		margin-right: 0px;


	}





/* portafolio de proyectos */


/*********************/


	


	#portafolio_de_proyectos{


		background-color: #fff;


	}





	#portafolio_de_proyectos_ .banda_titulo .container{


		padding-bottom: 10px;


	}





	#portafolio_de_proyectos_ .banda_masonry,


	#portafolio_de_proyectos .banda_masonry{


		border-bottom: 3px solid  #fff;


		/*padding-bottom: 20px;*/


	}





	.btn_portafolio:hover{


		text-decoration: none;


	}





	.btn_portafolio:hover .container{


		background-color: #028ae3;


		transition-duration:.2s;


	}





	.btn_portafolio .container,


	.btn_portafolio .banda_titulo{


		/*border-bottom: 0px;*/


		background-color: #0072bc;


		transition-duration:.2s;


	}





	.btn_portafolio .container:hover,


	.btn_portafolio .banda_titulo:hover{


		background-color: #028ae3;


		transition-duration:.2s;


	}





	.btn_portafolio p{


		font-family: 'DINPro_Light', Arial, Helvetica, sans-serif;


		font-size: 32px;


		line-height: 30px;


		text-transform: uppercase;


		margin: 0;


	}





	@media(min-width: 768px){


		.btn_portafolio p{


			font-size: 45px;


			line-height: 40px;


		}


	}








	/* masonry */


	


	#portafolio_de_proyectos_ .magnifier .buttons {


		top:40%;


	}





	.portfolio-filter{


		margin-top: 25px;


		text-align: center;


		margin-left: 0px;


	}





	@media(min-width: 768px){


		.portfolio-filter{


			margin-left: -10px;


		}


	}





	.portfolio-filter .btn{


		font-family: 'DINPro_Bold', Arial, Helvetica, sans-serif;


		color: #666;


		text-transform: uppercase;


		background-color: #fff;


		background-image: none;


		margin-bottom: 10px;


  		outline: 0;


  		-webkit-box-shadow: none;


  		box-shadow: none;


	}





	.portfolio-filter .btn.active{


		color: #ebebeb;


		background-color: #000;


	}





	.magnifier .btn{


		font-family: 'DINPro_Bold', Arial, Helvetica, sans-serif;


		color: #ebebeb;


		text-transform: uppercase;


		background-color: #028ae3;


		background-image: none;


		margin-top: 10px;


		margin-bottom: 0px;


  		outline: 0;


  		-webkit-box-shadow: none;


  		box-shadow: none;





		-webkit-transition: all 0.2s ease 0s;


		-moz-transition: all 0.2s ease 0s;


		-ms-transition: all 0.2s ease 0s;


		-o-transition: all 0.2s ease 0s;


		transition: all 0.2s ease 0s;


	}





	.magnifier .btn:active,


	.magnifier .btn:hover{


		color: #666;


		background-color: #fff;








		-webkit-transition: all 0.2s ease 0s;


		-moz-transition: all 0.2s ease 0s;


		-ms-transition: all 0.2s ease 0s;


		-o-transition: all 0.2s ease 0s;


		transition: all 0.2s ease 0s;


	}





	.magnifier h3{


		font-size: 16px;


  		line-height: 14px;


	}





	@media(min-width: 768px){


		.magnifier h3{


			font-size: 18px;


	  		line-height: 16px;


		}


	}





	.magnifier p{


		font-size: 12px;


		line-height: 14px;


	}


	


	@media(min-width: 768px){


		.magnifier p{


			font-size: 14px;


			line-height: 18px;


		}


	}








/* diseño de sitios web */


/*********************/





	.bx_seccion .container{


		padding-top: 30px;


		padding-bottom: 20px;


	}





	@media(min-width: 768px){


		.bx_seccion .container{


			padding-top: 50px;


			padding-bottom: 50px;


		}


	}





	#diseno-de-sitios-web p{color: rgba(255,255,255,1);}


	@media(min-width: 768px){#diseno-de-sitios-web p{color: rgba(255,255,255,.9);}}








/* posicionamiento en buscadores */


/*********************/





	#posicionamiento-en-buscadores p{color: rgba(0,0,0,1);}


	@media(min-width: 768px){#posicionamiento-en-buscadores p{color: rgba(0,0,0,.8);}}








/* sitios web administrables */


/*********************/


	


	#sitios-web-administrables p{color: rgba(255,255,255,1);}


	@media(min-width: 768px){#sitios-web-administrables p{color: rgba(255,255,255,.7);}}








/* sitios web responsivos */


/*********************/





	#sitios-web-responsivos p{color: rgba(0,0,0,1);}


	@media(min-width: 768px){#sitios-web-responsivos p{color: rgba(0,0,0,.8);}}








/* paquetes */


/*********************/





	#paquetes p{color: rgba(255,255,255,1);}


	@media(min-width: 768px){#paquetes p{color: rgba(255,255,255,.9);}}








/* cobros paypal */


/*********************/





	#cobros-paypal p{color: rgba(0,0,0,1);}


	@media(min-width: 768px){#cobros-paypal p{color: rgba(0,0,0,.8);}}





	








/* secciones */





	.box_seccion{


		width: 100%;


		padding-top: 30px;


		padding-bottom: 20px;


	}





	@media(min-width: 768px){


		.box_seccion{


			min-width: 1071px !important;


			padding-top: 50px;


			padding-bottom: 50px;


		}


	}


	


	.over{


		width: 100%;


		height: 100%;


		overflow: hidden;


	}





	.box_item_diseno{


		position: relative;


	}





	.banda_titulo .container{


		text-align: center;


		padding-top: 30px;


		padding-bottom: 30px;


	}





	@media(min-width: 768px){


		.banda_titulo .container{


			padding-top: 50px;


			padding-bottom: 50px;


		}


	}





	.banda_titulo_ .container{


		text-align: center;


		padding-top: 30px;


		padding-bottom: 0px;


	}





	@media(min-width: 768px){


		.banda_titulo_ .container{


			text-align: left;


			padding-top: 40px;


			padding-bottom: 0px;


		}


	}


	


	.banda_titulo h2{


		margin: 0px;


	}





/* proyecto */





	#proyecto h2{


		margin-bottom: 10px;


	}





	#proyecto h2.tipo_de_proyecto{


		/*font-family: 'Gill_sans_mt_normal', Arial, Helvetica, sans-serif;*/


		font-size: 24px;


		line-height: 30px;


		text-transform: none;


		letter-spacing: 0px;





		padding-bottom: 20px;


		margin-bottom: 20px;


		border-bottom: 1px dashed #444;


	}





	#proyecto h2.tipo_de_proyecto span{


		font-family: 'DINPro_Medium', Arial, Helvetica, sans-serif;


		font-size: 24px;


	}





	#proyecto .btn{


		color: rgba(255,255,255,.8);


		font-size: 18px;


		padding: 0;


		background: none;


		margin-bottom: 30px;


	}





	#proyecto .btn:hover{


		color: rgba(255,255,255,1);


		text-decoration: underline;


	}





	#proyecto .img-responsive{


		margin-bottom: 20px;


		border: 1px solid #ccc;


	}


		


/* header */





	#header{


		position: relative;


		z-index: 10;


	}





	#menu_header{		


		background-color: #000;


	}





	#menu_header .container{


		padding-top: 20px;


		padding-bottom: 20px;


	}





	@media(min-width: 768px){


		#menu_header .container{


			padding-top: 40px;


			padding-bottom: 40px;


		}


	}





	#menu_header .logo{


		width: 160px;


		margin-left: auto;


		margin-right: auto;


	}	





	@media(min-width: 768px){


		#menu_header .logo{


			width: auto;


			margin-left: auto;


		}	


	}





	#menu_header h1{


		text-indent: -9999px;


		margin: 0;


		padding: 0;


		height: 0;


		width: 0;





	}





/* menu principal*/





	#menu_principal{


		position: absolute;


		right: 0;


	}





	#menu_principal li a{


		font-family: 'DINPro_Medium', Arial, Helvetica, sans-serif;


		font-size: 15px;


		text-transform: uppercase;


		color: #fff;





		padding: 10px 5px 0px 5px;


		background: none;


	}





	#menu_principal li.active a,


	#menu_principal li a:hover,


	#menu_principal li a:focus{


		color: #0072bc;


	}





/**menu responsive**/





	.box_button_submenu {


		position: absolute;


		top: 0;


		left: 0;


		width: 45px;


		padding-top: 10px;


		padding-bottom: 5px;


		padding-left: 12px;


		padding-right: 12px;


		margin-top: 12px;


		margin-left: 4px;


		border-radius: 3px;


		border: none;


		background-color: none;


		cursor: pointer;


	}





	.box_button_submenu .grafico_menu {


		color: #777;


		width: 100%;


		margin-bottom: 5px;


		border-bottom: 4px solid #fff;


		background-color: #fff;


	}





	#box_menu_reponsive{


		margin-left: 0px;


		margin-right: 0px;


		background-color: #272727;


	}





	#menu_principal_responsive li a{


		font-family: Arial, Helvetica, sans-serif;


		font-size: 17px;


		text-transform: uppercase;


		color: #fff;





		padding: 13px 15px 13px 15px;


		background: none;


		border-radius: 0px;


		border-bottom: 1px solid #000;


	}





	#menu_principal_responsive li a:hover,


	#menu_principal_responsive li a:active,


	#menu_principal_responsive li.active a{


		background: #0072bc;


	}





/* slide */





	#slide{


		position: relative;


	}





	@media(min-width: 768px){


		#box_slider{


			min-width: 1071px; 


			background-color: #333;


		}


	}





	.box_frase{


		position: absolute;


		left: 0;


		bottom: 0;





		width: 100%;


		padding-top: 50px;


		padding-bottom: 50px;


		background-color: rgba(0,0,0,.6);


	}





	.box_frase .frase{


		font-family: 'DINPro_Light', Arial, Helvetica, sans-serif;


		text-align: center;


		font-size: 23px;


		line-height: 0px;


		color: #fff;


		text-transform: uppercase;


	}





	@media(min-width: 768px){


		.box_frase .frase{


			font-size: 40px;


			line-height: 0px;	


		}


	}








	/* footer */





	#footer{


		background-color: #;	


	}





	#footer_info{


		width: 100%;


		background-color: #272727;


	}





	#footer_info .container{


		padding-top: 20px;


		padding-bottom: 20px;


		background-color: #272727;


	}





	@media(min-width: 768px){





		#footer_info .container{


			padding-top: 50px;


			padding-bottom: 40px;


		}


	}





	#footer_info p{


		font-size: 11px;


		color: #ababab;


	}





	@media(min-width: 768px){


		#footer_info p{


			font-size: 12px;


		}


	}





	#footer_info .box_redes_sociales {


		margin-top: 10px;


		margin-bottom: 20px;


	}





	@media(min-width: 768px){


		#footer_info .box_redes_sociales {


			margin-top: 40px;


		}


	}





	#footer_info .box_redes_sociales i {


		font-size: 30px;


		color: #fff;


		margin-right: 10px;


		opacity: .5;


	}





	#footer_info .box_redes_sociales i:hover {


		opacity: 1;


	}





	#pie_footer{


		background-color: #0f0f0f;


	}





	#pie_footer .container{


		padding-top: 20px;


		padding-bottom: 20px;


		background-color: #0f0f0f;


	}





	#pie_footer h6{


		text-align: center;


		letter-spacing: 2.5px;


		opacity: .7;


	}





	#pie_footer a{


		text-decoration: none;


		color: #009bff;


	}





/* mapa */





	#map{


		width:100%;


		


		height:250px;





		border: 1px solid #bbb;


		border-radius: 2px;


		-webkit-border-radius: 2px;


		}





	@media(min-width: 768px){


		#map{


			min-width: 1071px;


			height: 500px;


		}


	}





	#map .infobox {


		position: relative;


		width: 210px;


		height: 60px;


		padding: 3px;





		display: inline-block;


		}


	


	#map .infobox p.ubicacion{


		color:#6d6d6d;


		font-size:13px;


		line-height:16px;


		


		margin-bottom: 0px;


		}





	#map .infobox .title {


		font-family: helvetica, arial, sans-serif;


		font-size: 18px;


		font-weight: normal;


		color:#222;


		text-transform: uppercase;





		margin-top: 5px;


		margin-bottom: 5px;


		padding-bottom: 0px;


		}








/* formulario*/





	.contact_form label{


		font-size: 14px;


		color: #ababab;


		font-weight: normal;


	}





	.contact_form .form-control{


		font-family: Arial, Helvetica, sans-serif;


		font-size: 12px;


		color: #fff;


		


		display: block;


		width: 100%;


		height: 30px;


		padding: 2px 6px;


		margin-bottom: 5px;


		background-color: #424242;


		border: none;


		border-radius: 2px;


		}





	.contact_form .form-control:focus {


		border:1px solid #888;


		box-shadow: none;


	}





	.contact_form textarea.form-control{


		padding-top: 5px;


		height: 80px;


	}


	


	.contact_form .btn{


		font-family: 'DINPro_Light', Arial, Helvetica, sans-serif;


		font-size: 15px;


		color: #fff;


		


		background-color: #0072bc;


		transition-duration:.2s;


	}





	.contact_form .btn:hover,


	.contact_form .btn:focus,


	.contact_form .btn:active{


		transition-duration:.2s;


		background-color: #028ae3;


	}