@charset "utf-8";
*{margin: 0em;padding: 0em;}a{text-decoration: none;}body{margin: 0em auto;font-size: 1em;}img{border: 0em;}iframe{border: 0em;}.clear{clear: both;}
@font-face {
    font-family: 'sns';
    src: url('../fonts/sns.eot?qqr46f');
    src: url('../fonts/sns.eot?qqr46f#iefix') format('embedded-opentype'),
        url('../fonts/sns.ttf?qqr46f') format('truetype'),
        url('../fonts/sns.woff?qqr46f') format('woff'),
        url('../fonts/sns.svg?qqr46f#sns') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'sns' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-posicionamiento:before {
    content: "\e900";
}
.icon-gruposns:before {
    content: "\e901";
}
.icon-lugar:before {
    content: "\e90c";
}
.icon-refrescar:before {
    content: "\e910";
}
.icon-telefono2:before {
    content: "\e912";
}
.icon-sobre:before {
    content: "\e91a";
}
.icon-comilla_der2:before {
    content: "\e906";
}
.icon-comilla_izq2:before {
    content: "\e90b";
}
.icon-facebook4:before {
    content: "\e902";
}
.icon-flecha_back:before {
    content: "\e908";
}
.icon-flecha_right:before {
    content: "\e907";
}
.icon-flecha2:before {
    content: "\e909";
}
.icon-google4:before {
    content: "\e903";
}
.icon-th-menu2:before {
    content: "\e90a";
}
.icon-twitter4:before {
    content: "\e905";
}
.icon-whatsapp:before {
    content: "\e904";
}
@media all and (min-width: 300px){
	body{
		font-family: 'Lato', sans-serif;
		color: #1a171b;
	}
	footer{
		padding: 2.5em 0.6em;
		color: #ffffff;
	}
	footer a:hover{
		color: #c70219 !important;
	}
	footer figure{
		width: 8em;
		margin: 0em auto 1em auto;
	}
	footer figure img{
		width: 100%;
		height: auto;
		display: block;
	}
	footer .datos h4{
		font-size: 0.81em;
		margin: 0em 0em 1.2em 0em;
		font-weight: 900;
		border-bottom: 0.2em solid #a6a6a6;
		padding: 0em 0em 0.3em 0em;
	}
	footer .datos p{
		font-size: 0.81em;
		margin: 0em 0em 0.7em 0em;
	}
	footer .datos p a{
		color: #ffffff;
	}
	footer .datos p .figura{
		font-size: 1.2em;
		margin: 0em 0.2em 0em 0em;
	}
	footer .datos .redes{
		padding: 0.4em 0em 0em 0em;
	}
	footer .datos .redes span{
		font-size: 1.4em;
		cursor: pointer;
		margin: 0em 0.6em 0em 0em;
	}
	footer .datos .redes span:hover{
		color: #c70219 !important;
	}
	footer .diseno{
		text-align: right;
		padding: 1em 0em 0em 0em;
	}
	footer .diseno a{
		font-size: 0.75em;
		color: #ffffff;
	}
	footer .diseno a span{
		font-size: 1.6em;
	}
	footer .links{
		display: none;
	}
	header{
		padding: 1em 0.6em 0em 0.6em;
	}
	header figure{
		width: 12em;
		margin: 0em auto 1em auto;
	}
	header figure img{
		width: 120%;
		height: auto;
		display: block;
	}
	header .datos{
		text-align: center;
	}
	header .datos .correo{
		margin: 0em 0em 0.3em 0em;
	}
	header .datos .correo a span{
		color: #c70219;
	}
	header .datos .correo a{
		color: #1a171b;
		font-weight: bold;
	}
	header .datos .redes{
		margin: 0em 0em 0.3em 0em;
	}
	header .datos .redes span{
		color: #c70219;
		cursor: pointer;
		font-size: 1.4em;
		margin: 0em 0.2em;
	}
	header .datos .telefono{
		margin: 0em 0em 0.3em 0em;
	}
	header .datos .telefono a{
		color: #1a171b;
		font-weight: bold;
		font-size: 1.44em;
	}
	header .datos .telefono a span{
		color: #c70219;
	}
	nav{
		background: rgb(215,215,215);
		background: -moz-linear-gradient(top,  rgba(215,215,215,1) 0%, rgba(199,199,199,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(199,199,199,1) 100%);
		background: linear-gradient(to bottom,  rgba(215,215,215,1) 0%,rgba(199,199,199,1) 100%);
		display: none;
	}
	nav a{
		padding: 0.3em 0em 0.3em 1em;
		display: block;
		color: #1a171b;
		font-weight: 900;
	}
	nav a:hover,
	nav a#current{
		color: #ffffff;
		background-color: #c70219;
	}
	.cuerpo{
		padding: 2.5em 0.6em;
		position: relative;
	}
	.destacar{
		font-weight: bold;
	}
	.fondo1{
		background-color: #b4b4b4;
	}
	.fondo2{
		background-color: #3d3d3d;
	}
	.fondo3{
		background-image: url(../imagenes/bg_nosotros.jpg);
		background-size: cover;
		background-position: center;
	}
	.formulario{
		text-align: center;
	}
	.formulario input{
		width: 90%;
		padding: 0em 0em 0em 1em;
		font-family: 'Lato', sans-serif;
		font-size: 0.75em;
		border: 0.1em solid #dfdfdf;
		background-color: #f4f4f4;
		height: 2.5em;
		margin: 0em 0em 1em 0em;
	}
	.formulario p.add_plano{
		color: #c70219;
		font-size: 0.8em;
	    margin-bottom: 0.8em;
	    margin-top: -0.8em;
	}
	.formulario textarea{
		width: 90%;
		padding: 0.5em 0em 0em 1em;
		font-family: 'Lato', sans-serif;
		font-size: 0.75em;
		border: 0.1em solid #dfdfdf;
		background-color: #f4f4f4;
		height: 15em;
		margin: 0em 0em 1em 0em;
		resize: none;
	}
	.formulario .btn_enviar{
		background-color: #c70219;
		color: #ffffff;
		font-weight: 900;
		text-transform: uppercase;
		cursor: pointer;
		padding: 0em;
		display: inline-block;
		vertical-align: top;
		width: 8em;
		height: 3.2em;
		border: none;
	}
	.formulario .captcha{
		display: inline-block;
		vertical-align: top;
		width: 5em;
		text-align: center;
		padding: 0em;
		height: 3em;
	}
	.formulario .mensaje{
		font-weight: 900;
		padding: 5em 0em 2em 0em;
	}
	.formulario .refresh{
		display: inline-block;
		vertical-align: top;
		font-size: 0.75em;
		cursor: pointer;
		margin: 0em 2%;
	}
	.formulario .refresh span{
		font-size: 1.6em;
		color: #4d9ee4;
	}
	.formulario .sitemap{
		text-align: left;
		padding: 0em 0em 0em 1em;
		line-height: 1.4em;
	}
	.formulario .sitemap a{
		color: #1a171b;
	}
	.formulario .sitemap a:hover{
		color: #c70219;
	}
	.formulario #contenedor_codigo{
		display: inline-block;
		vertical-align: top;
		width: 7em;
		height: 2.5em;
	}
	.formulario #contenedor_codigo img{
		width: 100%;
		height: 100%;
		display: block;
	}
	.mapa iframe{
		width: 100%;
		height: 10em;
		margin: 0em 0em 0.4em 0em;
	}
	.mapa iframe:nth-child(2){
		margin: 0em 0em 1.5em 0em;
	}
	.mapa p{
		text-align: right;
		margin: 0em 0em 0.8em 0em;
		font-size: 0.94em;
	}
	.mapa p a{
		color: #1a171b;
	}
	.mapa p span.figura{
		color: #c70219;
	}
	.nosotros{
		position: relative;
	}
	.nosotros .descarga{
		display: block;
		background-color: #3d3d3d;
		text-align: center;
		color: #ffffff;
		font-weight: 900;
		width: 13em;
		padding: 0.8em 0em;
		margin: 0em auto;
	}
	.nosotros .descarga:hover{
		background-color: #ffffff;
		color: #3d3d3d;
	}
	.nosotros .icon-comilla_der2{
		position: absolute;
		color: #979797;
		font-size: 3em;
		bottom: 20%;
		right: 4%;
	}
	.nosotros .icon-comilla_izq2{
		position: absolute;
		color: #979797;
		font-size: 3em;
		top: 15%;
		left: 4%;
	}
	.nosotros .titulo{
		text-align: center;
		color: #c70219;
		margin: 0em 0em 0.6em 0em;
	}
	.nosotros .parrafo{
		text-align: center;
		font-size: 1.06em;
		width: 65%;
		margin: 0em auto 2em auto;
		text-align: justify;
		-moz-text-align-last: center;
		text-align-last: center;
		line-height: 1.6em;
	}
	.nos_der .logos{
		padding: 1.5em 0em 0em 0em;
	}
	.nos_der .logos img:first-child{
		margin: 0em 2em 0em 0em;
	}
	.parrafo{
		text-align: justify;
		margin: 0em 0em 0.8em 0em;
		font-size: 0.94em;
	}
	.servicio_int{
		text-align: center;
	}
	.servicio_int .detalle .galeria{
		background-color: #a9a7a7;
		border-radius: 0.3em;
		padding: 0.5em 0.5em 1.5em 0.5em;
		margin: 0em 0em 2em 0em;
	}
	.servicio_int .detalle .galeria.imgelectrix{
		background-color: transparent;
	}
	.servicio_int .detalle .galeria #contenedor{
		margin: 0em 0em 1em 0em;
	}
	.servicio_int .detalle .galeria #contenedor img{
		width: 100%;
		height: auto;
		display: block;
		border-radius: 0.3em;
	}
	.servicio_int .detalle .galeria .jcarousel-skin-tangoa .jcarousel-container-horizontal{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.servicio_int .detalle .galeria .jcarousel-skin-tangoa .jcarousel-item{
		width: 7.3em;
		height: 3.6em;
		margin: 0em 1em 0em 0em;
		cursor: pointer;
	}
	.servicio_int .detalle .galeria .jcarousel-skin-tangoa .jcarousel-next-horizontal,
	.servicio_int .detalle .galeria .jcarousel-skin-tangoa .jcarousel-prev-horizontal{
		top: 25% !important;
	}
	.servicio_int .detalle .texto .botones{
		text-align: left;
		padding: 1em 0em 0em 0em;
	}
	.servicio_int .detalle .texto .botones .btn_contacto{
		display: inline-block;
		vertical-align: top;
		background-color: #3d3d3d;
		color: #ffffff;
		padding: 0.3em 1em 0.5em 1em;
		font-weight: bold;
		font-size: 1.06em;
		cursor: pointer;
	}
	.servicio_int .detalle .texto .botones .btn_contacto:hover{
		background-color: #c70219;
	}
	.servicio_int .detalle .texto .botones .btn_contacto span{
		display: inline-block;
		vertical-align: middle;
	}
	.servicio_int .detalle .texto .botones .btn_facebook{
		display: inline-block;
		vertical-align: top;
		background-color: #7b7b7b;
		color: #ffffff;
		padding: 0.3em 1em 0.5em 1em;
		font-weight: bold;
		font-size: 1.06em;
		cursor: pointer;
	}
	.servicio_int .detalle .texto .botones .btn_facebook:hover{
		background-color: #3C5E9F;
	}
	.servicio_int .detalle .texto .botones .btn_facebook span{
		display: inline-block;
		vertical-align: middle;
	}
	.servicio_int .servicio{
		background-color: #3d3d3d;
		margin: 0em 0em 0.5em 0em;
	}
	.servicio_int .servicio img{
		width: 100%;
		height: auto;
		display: block;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.servicio_int .servicio .nom{
		display: block;
		padding: 0.4em 0em 0.4em 1em;
		color: #ffffff;
		font-weight: 900;
		font-size: 1.13em;
		text-align: left;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.servicio_int .servicio:hover img{
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.servicio_int .servicio:hover .nom{
		background-color: #bd0017;
	}
	.servicio_int .titulo2{
		text-align: left;
		margin: 0em 0em 1em 0em;
	}
	.servicios{
		text-align: center;
	}
	.servicios .parrafo{
		margin: 0em 0em 1.5em 0em;
		font-size: 1.19em;
	}
	.servicios .servicio{
		background-color: #3d3d3d;
		margin: 0em 0em 0.5em 0em;
	}
	.servicios .servicio figure{
		overflow: hidden;
		position: relative;
		height: 12em;
	}
	.servicios .servicio figure img{
		width: 100%;
		height: auto;
		display: block;
		position: absolute;
		top: -80%;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.servicios .servicio .nom{
		display: block;
		padding: 0.4em 0em;
		color: #ffffff;
		font-weight: 900;
		font-size: 1.13em;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.servicios .servicio:hover figure img{
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.servicios .servicio:hover .nom{
		background-color: #bd0017;
	}
	.servicios .servicio .titulo{
		text-align: center;
	}
	.subtitulo{
		font-weight: 900;
		font-size: 1.13em;
		margin: 0em 0em 0.1em 0em;
		color: #c70219;
	}
	.titulo{
		font-weight: 900;
		font-size: 1.75em;
		margin: 0em 0em 0.3em 0em;
	}
	.titulo2{
		color: #c70219;
		font-weight: 900;
		font-size: 1.75em;
		margin: 0em 0em 0.3em 0em;
	}
	.titulo2 a{
		color: #c70219;
	}
	.volver{
		display: block;
		background-color: #c70219;
		color: #ffffff;
		width: 6em;
		margin: 0em 0em 1em auto;
		text-align: center;
		padding: 0.5em 0em;
		font-weight: 900;
		font-size: 0.88em;
	}
	#contact_express{
		position: fixed;
		bottom: 0em;
		right: 1em;
		z-index: 99999;
		background: rgba(81,141,252,0.8);
		border-radius: 1em 1em 0em 0em;
		text-align: center;
		font-family: 'Exo', sans-serif;
	}
	#contact_express h2{
		color: #ffffff;
		font-size: 1.2em;
		padding: 0.4em 1em 0em 1em;
		cursor: pointer;
	}
	#contact_express .caja{
		display: none;
		width: 13em;
		margin: 0em auto;
		padding: 0.5em 0.5em 0.6em 0.5em;
		position: relative;
	}
	#contact_express .caja input{
		width: calc(100% - 0.5em);
		border: none;
		background-color: #ffffff;
		height: 2.5em;
		margin: 0em 0em 0.4em 0em;
		border-radius: 0.3em;
		padding: 0em 0em 0em 0.5em;
		font-size: 0.75em;
		font-family: 'Exo', sans-serif;
	}
	#contact_express .caja textarea{
		width: calc(100% - 0.5em);
		border: none;
		background-color: #ffffff;
		height: 6em;
		margin: 0em 0em 0.4em 0em;
		border-radius: 0.3em;
		padding: 0.5em 0em 0em 0.5em;
		resize: none;
		font-size: 0.75em;
		font-family: 'Exo', sans-serif;
	}
	#contact_express .caja .btn_enviar2{
		color: #ffffff;
		cursor: pointer;
		background-color: #0282cd;
		color: #ffffff;
		text-align: center;
		border-radius: 0.3em;
		border: 0.1em solid #ffffff;
		width: 9em;
		padding: 0em;
		display: block;
		margin: 0em 0em 0em auto;
	}
	#contact_express .caja .icon-gruposns{
		position: absolute;
		bottom: 0.8em;
		left: 0.5em;
		font-size: 1.5em;
		color: #ffffff;
	}
	#contact_express .caja #res3{
		display: block;
		width: 9.5em;
		margin: 0em 0em 0em auto;
		text-align: center;
		color: #ff0000;
		line-height: 1em;
		font-size: 0.88em;
		padding: 0.3em 0em 0.8em 0em;
	}
	#btn_top{
		position: fixed;
		top: -100%;
		background: rgba(81,141,252,0.5);
		z-index: 9999;
		width: 100%;
	}
	#btn_top .btn_contacto,
	#btn_top .btn_llamar{
		display: block;
		color: #ffffff;
		cursor: pointer;
		background-color: #0282cd;
		color: #ffffff;
		text-align: center;
		border-radius: 0.3em;
		padding: 0.5em;
		font-family: 'Exo', sans-serif;
	}
	#btn_top .btn_contacto{
		float: left;
		margin: 0.5em 0em 0.5em 0.5em;
	}
	#btn_top .btn_llamar{
		float: right;
		margin: 0.5em 0.5em 0.5em 0em;
	}
	#menures{
		background: rgb(215,215,215);
		background: -moz-linear-gradient(top,  rgba(215,215,215,1) 0%, rgba(199,199,199,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(199,199,199,1) 100%);
		background: linear-gradient(to bottom,  rgba(215,215,215,1) 0%,rgba(199,199,199,1) 100%);
		text-align: center;
		cursor: pointer;
		padding: 0.2em 0em 0em 0em;
	}
	#menures span{
		font-size: 1.5em;
	}
	#res{
		color: #c70219;
		font-weight: 900;
	}
	.botones-sociales{position:fixed;top:35%;width:5.6em;z-index:9999;text-align:left;display:none;}
	.izq_social{left:0;}
	.der_social{right:0;}
	.izq_social #facebook-btn span{background-position:right 0.6em;}
	.izq_social #twitter-btn span{background-position:right -2.1em;}
	.izq_social #google-btn span{background-position:right -7.9em;}
	.der_social #facebook-btn span{background-position:0.75em 0.6em;}
	.der_social #twitter-btn span{background-position:0.68em -2.18em;}
	.der_social #google-btn span{background-position:0.6em -7.9em;}
	.botones-sociales #facebook-btn:hover .social{background-color:#3B5998;}
	.botones-sociales #twitter-btn:hover .social{background-color:#62BDB2;}
	.botones-sociales #google-btn:hover .social{background-color:#DB4A39;}
	.izq_social .social{-moz-transition:background-color 0.4s ease-in 0s;-webkit-transition:background-color 0.4s ease-in 0s;background-repeat:no-repeat;display:block;float:left;height:2.68em;margin-bottom:0.1em;width:2.68em;}
	.der_social .social{-moz-transition:background-color 0.4s ease-in 0s;-webkit-transition:background-color 0.4s ease-in 0s;background-repeat:no-repeat;display:block;float:right;height:2.68em;margin-bottom:0.1em;width:2.68em;}
}