/* Responsive Smartphone */
@media screen and (min-width: 0px) and (max-width: 1159px) {
body{margin:0;padding: 0 !important;text-align: center;}
html { scroll-behavior: smooth;}
.top{
	height: auto;
	width: 100%;
	overflow:auto;
	background: rgba(61,174,239,1);
	background: -moz-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,174,239,1)), color-stop(100%, rgba(15,107,182,1)));
	background: -webkit-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: -o-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: -ms-linear-gradient(top, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	background: linear-gradient(to bottom, rgba(61,174,239,1) 0%, rgba(15,107,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3daeef', endColorstr='#0f6bb6', GradientType=0 );
	position: static;
	padding: 0 !important;
}
.top.activo{
	background-size: cover !important;
}
.central{
	margin: 30px 2% 0px !important;
	width: 96%;
	text-align: center;
	position: relative;
	float: left;
}
#bienvenidos{
    background: #fff;
    padding: 30px 2% 30px !important;
    margin: 0 !important;
}
.top_logo{
	float: left;
	height: 80px !important;
	width: 100% !important;
	margin-bottom: 20px;
	text-align: center !important;
}
.top_logo img{
	width: 250px !important;
	height: 80px !important;
}
.top_menu{
	float: left;
	height: 30px;
	width: 510px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 25px;
	text-align: center;
	display: none;
}
.top_btn{
	font: 400 20px/30px "Montserrat", sans-serif;
	color: #FFF;
	height: 30px;
	width: auto;
	text-decoration: none;
	transition: all ease-out 0.2s;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}
.top_btn:hover,.top_btn.activo{ color:#A3D800;}

.drop_menu{
	display: block;
	float: left;
	height: 40px;
	width: 100%;
	margin-left: 0%;
	margin-bottom: 30px;
	background: transparent;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.drop_menu_combo{
	float: left;
	height: 40px;
	width: 100%;
	margin-left: 0%;
	text-align: center;
	font: bold 16px/40px "Montserrat", Arial, Helvetica, sans-serif;
	color: #a3d900 !important;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	border:0px none;
	background: transparent;
}
.drop_menu_combo option{ background:transparent;}
.top_tel{
	float: right;
	height: 80px !important;
	width: 100% !important;
	text-align: center !important;
}
.top_tel img{
	width: 300px !important;
	height: 80px !important;
}
.inicio_slogan{
	background: url(imagenes/slogan.png) no-repeat center center;
	float: left;
	height: 200px;
	width: 100%;
	background-size: 100% auto !important;
}
.top_flecha{
	background: url(imagenes/top_flecha.png) no-repeat center top;
	float: left;
	height: 40px;
	width: 100%;
	transition:all ease-out 0.2s;
	display: none;
}
.top_flecha:hover{ background-position:bottom center;}
.top_pie{
	background: url(imagenes/top_bg.png) repeat-x center top;
	float: left;
	height: 80px !important;
	width: 100%;
	background-size: auto 100%;
	display: block !important;
}
.titulo{
	font: 40px/50px "Montserrat", sans-serif;
	color: #0F6CB6;
	text-align: center;
	display: inline-block;
	height: auto;
	width: 100%;
	margin-bottom: 40px;
}
.subtitulo{
	font: bold 30px/30px "Montserrat", sans-serif;
	color: #0F6CB6;
	text-align: center;
	display: inline-block;
	height: auto;
	width: 100%;
	margin-bottom: 30px;
}
.texto{
	font: 20px/25px "Montserrat", sans-serif;
	color: #999;
	text-align: center;
	display: inline-block;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}
.bienvenidos_txt{
	vertical-align: middle;
	display: inline-block;
	height: auto;
	width: 100%;
}
.bienvenidos_txt div{text-align: center !important;}
.bienvenidos_img{
	vertical-align: middle;
	display: inline-block;
	height: auto;





	width: auto;
	text-align: center;
	float: none;
}

.bienvenidos_img img{height:auto;max-width: 300px;}
.bienvenidos_top{
    float: left;
    width: 290px;
    height: 245px;
    background: url("imagenes/bienvenidos_marco.png") no-repeat top left;
    position: absolute;
    z-index: 1;
    background-size: 100% auto;
}
.bienvenidos_gal{
    float: left;
    width: 290px !important;
    height: 245px !important;
    overflow: hidden;
    z-index: 0;
}
.inicio_ser{
	background: url(imagenes/inicio_ser_bg.jpg) no-repeat fixed center center;
	width: 100%;
	padding-bottom: 40px;
	background-size: cover !important;
	overflow:auto;
}
.ser_menu_gpo{
	text-align: center;
	vertical-align: top;
	display: inline-block;
	width: 170px;
	margin-bottom: 20px;
	margin: 0;
}
.ser_menu_ico{
	text-align: center;
	height: 160px;
	width: 160px;
	margin-bottom: 0px;
	border-radius:100px;
	border: solid 3px rgba(163, 217, 0, 0);
	display: inline-block;
	padding: 0px;
	transition: all ease-out 0.2s;
}
.ser_menu_gpo:hover .ser_menu_ico{border: solid 3px rgba(163, 217, 0, 1);}
.ser_menu_txt{
	width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	font: bold 16px/20px "Montserrat", sans-serif;
	color: #0E6CB6;
	text-decoration:none;
}
.sucursales{
	background: url(imagenes/sucursales_bg.jpg) no-repeat fixed top center;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	background-size: 100% 100% !important;
	display: inline-block;
	transition: all ease-out 0.4s;
}
.sucursales:hover{background-size:96% 96% !important;}
.sucursales img{ height:auto; width:100%;}
.inicio_resultados{
	background: url(imagenes/inicio_resultados.jpg) no-repeat center center;
	float: none;
	height: 310px;
	width: 300px;
	transition: all ease-out 0.4s;
	background-size: 100% auto;
	margin-bottom: 20px;
	display: inline-block;
}
.inicio_resultados:hover{ background-size:96%; background-color:#a3d900}
.inicio_form{
	float: right;
	width: 100% !important;
}
.inicio_form input::placeholder, .inicio_form .inicio_form_txtarea::placeholder{ color:#ccc;}
.inicio_form div{text-align: center !important;}
.inicio_form_input{
	background: #FFF;
	text-align: left;
	margin: 0px 0px 5px;
	padding: 4px 2%;
	float: left;
	height: 40px;
	width: 96%;
	border: 1px solid #CCC;
	color: #000;
	font: 20px/40px "Montserrat", sans-serif;
	transition: all ease-out 0.2s;
}
.inicio_form_input:hover{ border-color:#ccc; box-shadow:0px 3px 0px #ccc;}
.inicio_form_txtarea{
	background: #FFF;
	text-align: left;
	margin: 0px 0px 20px;
	padding: 4px 2%;
	float: left;
	height: 80px;
	width: 96%;
	border: 1px solid #CCC;
	color: #000;
	font: 20px/30px "Montserrat", sans-serif;
	transition: all ease-out 0.2s;
}
.inicio_form_txtarea:hover{ border-color:#ccc; box-shadow:0px 3px 0px #ccc;}
.inicio_form_btn{
	font: 20px "Montserrat", sans-serif;
	color: #FFF;
	background: #0F6CB6;
	float: right;
	height: 50px;
	width: 100%;
	border: none 0px;
	cursor: pointer;
	border-radius: 5px;
	transition: all ease-out 0.05s;
	margin-bottom: 5px;
	box-shadow:0px 5px 0px #004E98;
}
.inicio_form_btn:hover{ 
	margin-top:5px; 
	margin-bottom: 0px;
	box-shadow:0px 0px 0px #004E98;
}
.pie{
	background: #0F6CB6;
	height: auto;
	width: 100%;
	margin-top:40px;
	padding-bottom: 40px;
	float: left;
}
.pie_logo{
	float: left;
	height: 50px;
	width: 100%;
}
.pie .top_menu{margin-top: 10px; width:640px;}
.pie_facebook{
	float: right;
	width: 100%;
	margin-top: 20px;
	transition: all ease-out 0.2s;
}
.pie_facebook:hover{ box-shadow:0px 1px 0px #fff;}
.pie_derechos{
	float:left;
	font: 16px/20px "Montserrat", sans-serif;
	color: #FFF;
	text-align: center;
	height: auto;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #9C0;
	padding-top: 20px;
	transition: all ease-out 0.2s;
}
.pie_derechos a{text-decoration:none;color:#fff;font-weight:bold;width: 100%;float: left;}
.pie_derechos a:hover{color:#9C0;}
.nosotros{
	width:100%;
	height:700px;
	background:url(imagenes/nosotros.jpg) no-repeat top center;
}
.nosotros_textos{
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	margin-right: 0px;
}
.nosotros_textos.alt{margin-left: 0px;margin-right:0px;margin-top: 40px; display:none;}
.nosotros_textos.movil{display:block !important;}
.nosotros_textos div{text-align: center !important;}
.alt div{text-align: center!important;}
.nosotros_img{
	vertical-align: middle;
	display: inline-block;
	height: auto;
	width: 100%;
}
.nosotros_img .nivo-slice,.nosotros_img_gal{background-size:100% auto !important;width: 100% !important;height: auto;}
.nosotros_img.alt_{display: block;}
.nosotros_img img{height:auto;}
.resultados{
	background: url(imagenes/inicio_resultados.jpg) no-repeat center center;
	float: none;
	height: 310px;
	width: 300px;
	margin: 0 auto;
	transition: all ease-out 0.4s;
	background-size: 100% auto;
	margin-bottom: 0px;
	margin-top: 40px;
	display: inline-block;
}
.resultados:hover{ 
  -webkit-transform: scale(.96);
          transform: scale(.96); box-shadow:0px 0px 0px 15px #9C0; }
#servicios .ser_menu_gpo{
	-webkit-filter:grayscale(100);
	cursor:pointer !important;
	opacity:0.5;
	display:none;
}
#servicios .activo{
	-webkit-filter:grayscale(0);
	opacity:1;
}
.servicios{
	background: none;
	float: left;
	width: 100%;
	overflow: auto;
	text-align: left;
	margin-top: 40px;
	background-size: cover !important;
	display: inline-block;
	background: url(imagenes/ser_bg.jpg) fixed no-repeat center center;
}
.ser_cont{
	display: block  !important;
	margin: 0px 2%;
	overflow: auto;
	padding: 40px 0px !important;
}
.contacto_datos{
	float: left;
	height: auto;
	width: 96%;
	margin: 20px 2%;
}
.contacto_datos div{text-align: center!important;}
.contacto_datos .texto{color:#000;}
.contacto_datos iframe{width: 100%;}
.contacto_datos a{color:#000;line-break: anywhere;}
.ser01{	background: none;}
.ser02{	background: none;}
.ser03{	background: none;}
.ser04{	background:none;}
.ser05{	background: none;}
.ser_flecha{
	background: url(imagenes/servicios_flecha.png) no-repeat center top;
	float: left;
	height: 40px;
	width: 19.5%;
	margin-bottom: 10px;
	display:none;
}
.ser02 .ser_flecha{margin-left:20%;}
.ser03 .ser_flecha{margin-left:40%;}
.ser04 .ser_flecha{margin-left:60%;}
.ser05 .ser_flecha{margin-left:80%;}
.ser_tit{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 40px;
}
.ser_tit_ico{
	float: left;
	height: 100px;
	width: 100%;
	margin-right: 20px;
}
.ser_tit_txt{
	font: 30px/30px "Montserrat", sans-serif;
	color: #FFF;
	float: left;
	height: auto;
	width: auto;
	margin-top: 30px;
}
.ser_vineta{
	font: 20px/30px "Montserrat", sans-serif;
	color: #FFF;
	background: url(imagenes/ser_vineta.png) no-repeat left top;
	text-align: left;
	float: left;
	padding: 10px 0px 10px 70px;
	height: 30px;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 30px;
	vertical-align: top;
	transition: all ease-out 0.2s;
	cursor:default;
}
.ser_vineta:hover{color:#9C0;}
.ser_cont .texto{ color:#fff; text-align:left;}
.ser_cont .central{margin: 0 2%;}
.ser_img{
	vertical-align: middle;
	display: inline-block;
	height: auto;
	width: 100%;
}
.ser_img img{height:auto; max-width:300px;}
.ser_txt{
	font: 20px/25px "Montserrat", sans-serif;
	color: #FFF;
	text-align: center;
	height: auto;
	width: 100%;
	margin-left: 0;
	vertical-align: middle;
	display:inline-block;
	margin-top: 20px;
}
.sucursal{
	background: url(imagenes/contacto_sucursales_img.jpg) no-repeat center top;
	float: left;
	height: auto;
	width: 100%;
	padding-left: 0px;
	padding-top: 80px;
	padding-bottom: 10px;
	line-height: 20px;
	margin-bottom: 10px;
}
.top_wa{display: block !important;}
.top_wa:hover{bottom: 0px !important;}
.top_wa_pc{display: none !important;}
.top_msn{
    background: linear-gradient(45deg, #0088FF -8.62%, #A033FF 31.39%, #FF5C87 70%);
    height: 30px;
    width: 30px;
    padding: 15px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    border-radius: 100px;
    display: block !important;
    z-index:10000;
    -webkit-transition: all cubic-bezier(0.18, 0.89, 0.32, 3.28) 0.2s;
}
.top_msn:hover{
	bottom:70px !important;
}
.paquetes_cont{ padding-bottom:40px;}
.paquetes{
	width: 340px !important;
	height: 340px !important;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	float: none !important;
}
.paquetes img{ width:100%;}
.nivo-controlNav {
	display:none;
}
.paquetes,.paquetes .nivo-slice{
	background-size:340px auto !important;
	
}

/* /Responsive */
}