*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn_con{ border-bottom: 3px solid #005286; color: #005286;}

.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}
.cont_directorio .fullscreen{ min-height: 336px;}

.linea_contac{ background: url(../img/general/bac_down.png) no-repeat center bottom; height: 60px;margin: 0 auto;text-align: center;width: 310px;}
.linea_contac h2{font-family: 'Roboto-Regular'; font-size: 30px;line-height: 36px; margin:0; text-transform: uppercase;}
.linea_contac h2 span{font-family: 'Roboto'; font-size:42px;}
.linea_contac {margin-top: 30px; margin-bottom: 10px;font-family: 'Roboto-Regular'; font-size: 13px;}
.linea_direct{ background: url(../img/general/bac_down.png) no-repeat center bottom; height: 60px;margin: 0 auto;text-align: center;width: 260px;}
.linea_direct h2{font-size: 30px;line-height: 6px; margin:0;  text-transform: uppercase;}
.linea_direct h2 span{font-size:42px;}
.linea_direct {margin-top: 30px; margin-bottom: 10px;font-family: 'Roboto-Regular'; font-size: 13px;}

form {margin: 20px;overflow: hidden;}
.form-control{ text-align: center;font-family: Arial; font-size: 12px; height: 30px; border-radius: 0;}
textarea{ resize:none;}
.btn_contac{ border-radius: 0; text-align: center;margin: 10px auto;font-family: Arial; font-size: 16px; color: #888;}
    .btn_contac:hover {
        background: #494e97;
        color: #FFF;
    }

.tit_sub h2 span{ display: block;font-size: 40px; margin-bottom: 8px;}
.tit_sub h2{ font-size: 14px; color: #494e97;text-align: center; font-size: 14px;}
.tit_sub p{font-size: 12px; text-align: center;}
.datos_inf{ margin-bottom: 20px;}

.btn_cont_g {margin: 20px 0;text-align: center;}
.btn_cont {display: inline-block;margin: 0 20px;}
.btn_cont a{color:#494e97; text-align: center;font-size: 14px; display: inline-block; width: 100px; padding: 10px;}
.btn_cont a:hover, .btn_cont a:active, .btn_cont a:focus{ background:#494e97; color: #FFF; text-decoration: none;}
.btn_activo{background:#494e97; color: #FFF!important; text-decoration: none; cursor:default;}

.btn_cont i{ font-size: 50px; display: inline-block;}
.linea_verti {border-left: 1px dotted #888;height: 100px;overflow: inherit;position: absolute;width: 0;}

.linea_lat{ border-left: 1px dotted #888; border-right: 1px dotted #888;}
.int_direc {margin: 12px; display: inline-table}
.int_direc h3{color: #494e97; font-size: 14px; margin:0;text-transform: uppercase;  }
.int_direc p{margin-bottom: 0;}
.int_direc a{}

.cont_inferior h4{ color: #888; font-family: 'Roboto-Regular'; font-size: 20px; text-align: center; margin-top: 0;}
.cont_clientes{ margin:20px 0; overflow: hidden;}
.portfolio-item{ margin-bottom: 30px; margin-top: 10px;}
.portfolio-item .img-responsive{width: 118px; border-radius: 59px; height: 118px; margin: 0 auto;}
.portfolio-item h3{ color: #015383; font-size: 20px; text-align: center;font-family: 'Roboto-Bold';}
.portfolio-item p{ font-size: 14px; text-align: justify;font-family: 'Roboto-Regular';margin-left: 16px;margin-right: 16px;}
/*Back ParallaX*/

.aviso-legal {
  color: #494F95;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

@media screen and (max-width: 1024px){
}
@media screen and (max-width: 767px){
	.linea_contac, .linea_direct{ text-align: center; width: 100%;}
	.linea_contac h2 span, .linea_direct h2 span{ font-size: 1em;}
	.linea_verti{
		border-left: 0px dotted #888;
		border-bottom: 1px dotted #888;
	width: 100px;
	overflow: inherit;
	position: absolute;
	width: 0;}
	.btn_cont {
		display: inline-block;
		margin: 0;
		width: 100%!important;}
	.btn_cont a{ width: 100%;}
	.btn_cont i{ margin-right: 20px;}

}
@media screen and (max-width: 650px) {
	.listita_directorio
	{
		-webkit-columns: 2 auto!important;
		-moz-columns: 2 auto!important;
		-ms-columns: 2 auto!important;
		-o-columns: 2 auto!important;
		-webkit-hyphens: none;height: 420px !important;
		-moz-hyphens: none;height: 420px !important;
		-ms-hyphens: none;height: 420px !important;
		-o-hyphens: none;height: 420px !important;
		hyphens: none;height: 420px !important;
	}
}
@media screen and (max-width: 420px) {
	.listita_directorio
	{
		-webkit-columns: 1 auto!important;
		-moz-columns: 1 auto!important;
		-ms-columns: 1 auto!important;
		-o-columns: 1 auto!important;
		columns: 1 auto!important;
		-webkit-hyphens: none;height: 730px !important;
		-moz-hyphens: none;height: 730px !important;
		-ms-hyphens: none;height: 730px !important;
		-o-hyphens: none;height: 730px !important;
		hyphens: none;height: 730px !important;

	}
}
.back_movil{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

.listita_directorio{
	-webkit-column-gap: 29px;
	-webkit-column-rule: 1px dotted #005286;
	-webkit-columns: 3 auto;
	-webkit-hyphens: none;height: 246px;

	-moz-column-gap: 29px;
	-moz-column-rule: 1px dotted #005286;
	-moz-columns: 3 auto;
	-moz-hyphens: none;height: 246px;

	-ms-column-gap: 29px;
	-ms-column-rule: 1px dotted #005286;
	-ms-columns: 3 auto;
	-ms-hyphens: none;height: 246px;

	-o-column-gap: 29px;
	-o-column-rule: 1px dotted #005286;
	-o-columns: 3 auto;
	-o-hyphens: none;height: 246px;
}

figure.fixedratio {
  padding-top: 20.4%;  /* 450px/800px = 0.5625 */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;}

.google-maps {
	position: relative;
	padding-bottom: 20.4%; /* This is the aspect ratio*/
	height: 0;
	overflow: hidden;
    top: 0px;
    left: 0px;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;}