@charset "utf-8";
@import url('fonts/scalasans-bold.css');
:root{
	--home-top-height: 310px;
	--home-fix-top: 0;
	--home-height-banner: 173px;
}
*{
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}
html{
	overflow-y: scroll;
}
body{
    font-family: Arial, Helvetica, sans-serif;
	background: url('img/pattern-img.jpg');
    position: relative;
}
header, footer, section, aside, article, nav{
	display: block;
}
::selection{
	color: #000;
	background: #FFC;
}
::-moz-selection{
	color: #000;
	background: #FFC;
}
.red{
	border: 1px solid red;
}
.green{
	border: 1px solid green;
}
.left{
	float: left;
}
.right{
	float: right;
}
.w50{
	width: 50%;
}
.clear{
	clear: both;
}
.overflow{
    overflow: hidden;
}
.wrapper{
	width: 100%;
	max-width: 1002px;
	margin: auto;
	position: relative;
}
ul{
	list-style: none;
}
h1, h2, h3, h6{
	font-family: 'Francois One', sans-serif;
	font-weight: normal;
}
h1{
    color: #BE221F;
	font-size: 34px;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 1);
}
h2{
    color: #305E9D;
	font-size: 30px;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 1);
}
h3{
    color: #FFF;
	font-size: 24px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    margin-bottom: 25px;
}
h6{
	color: #FFF;
	font-size: 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	margin-bottom: 30px;
}
p, li{
    color: #555;
    font-size: 14px;
    line-height: 20px;
}
#bg-left, #bg-right{
	width: 50%;
	height: 339px;
	position: absolute;
	top: 128px;
	z-index: -1;
}
#bg-left.home, #bg-right.home {
	top: calc(128px + var(--home-top-height));
	height: var(--home-height-banner);
}
#bg-left{
    left: 0;
    background: url('img/banner-left-img.png') repeat-x;
}
#bg-left.home {
	background: url('imagenes/trademan_barra_left.jpg') repeat-x;
}
#bg-right{
    right: 0;
    background: url('img/banner-right-img.png') repeat-x;
}
#bg-right.home {
	background: url('imagenes/trademan_barra_right.jpg') repeat-x;
}
header{
    height: 128px;
	background-color: #FFF;
}
#top{
	height: 27px;
	background: url('img/top-fill.jpg') repeat-x;
	overflow: hidden;
}
header .wrapper{
	height: 101px;
}
#logo{
	position: absolute;
	top: 30px;
	left: 37px;
}
a#btnMenu{
	width: 35px;
	height: 35px;
	position: absolute;
	display: none;
	top: 25px;
	right: 14px;
	background: url(img/btn-menu.jpg) no-repeat 0 0;
	z-index: 501;
}
a#btnMenu.open{
	background-position: 0 -35px;
}
#redes {
	height: 35px;
	display: flex;
	gap: 20px;
	position: absolute;
	top: 29px;
	right: 34px;
}
#redes a {
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#redes .ig {
	background-image: url('imagenes/ig_azul.png');
}
#redes .li {
	background-image: url('imagenes/li_azul.png');
}
#redes .fb {
	background-image: url('imagenes/fb_azul.png');
}

#menu{
    width: 530px;
	position: absolute;
	top: 74px;
	right: 14px;
	border-top: 1px solid #EFF6FA;
    text-align: center;
}
#menu li{
    display: inline;
    margin-left: 20px;
}
#menu li:first-child{
   margin-left: 0;
}
#menu a{
	font-family: 'ScalaSansBold', sans-serif;
	font-size: 13px;
	color: #519CCC;
	text-decoration: none;
    text-shadow: 1px 1px 1px #FFF;
    display: inline;
}
#menu a:hover{
	color: #BE221F;
}
#menu a.selected{
	color: #BDD9EC;
	cursor: default;
}
#menu.vertical{
	width: 100%;
	top: 85px;
	right: auto;
	z-index: 100;
	border: 0;
	background-color: rgba(255,255,255,1);
}
#menu.vertical li{
    display: block;
    margin: 0;
    border-top: 1px solid #EFF6FA;
    line-height: 40px;
}
#menu.vertical a{
	display: block;
}


#home-top {
	height: var(--home-top-height);
	background: url('img/bg-home.jpg');
	background-position: top 10px center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFF;
}

@media screen and (max-width: 1002px){
   	header{
	    height: 107px;
	}
	header .wrapper{
		height: 80px;
	}
    #logo{
		width: 250px;
	}
	#redes {
		height: 25px;
	}
	#redes a{
		height: 25px;
		width: 25px;
	}
	#menu {
		top: 60px
	}
	#bg-left.home, #bg-right.home {
		top: calc(128px + var(--home-top-height) -21px);
	}
	
}
@media screen and (max-width: 880px){
	header{
	    height: 56px;
	}
	header .wrapper{
		height: 50px;
	}
	#top{
		height: 6px;
	}
	#logo{
		top: 25px;
		z-index: 500;
	}
	a#btnMenu{
		display: block;
	}
    #menu{
		display: none;
	}
	#redes {
		top: 30px;
		right: 70px
	}
	#home-top{
		background-position: top 30px left;
	}
}
@media screen and (max-width: 507px){
	#redes {
		display: none;
	}
}
@media screen and (max-width: 400px){
	#logo{
		width: 200px;
		top: 30px;
		left: 14px;
	}
}
#banner.page{
	height: 88px;
}
#banner .wrapper{
	position: relative;
}
#banner .wrapper.wrapper-index{
	height: var(--home-height-banner);
	background: url('imagenes/trademan_barra.jpg') no-repeat center;
	background-size: 1400px auto;
}
#banner .wrapper.wrapper-page{
	height: 88px;
    background: url('img/banner-page.png') no-repeat center;
}
#banner h1{
    color: #FFF;
	font-family: 'Francois One', sans-serif;
	font-size: 26px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    padding: 5px 0;
}
#banner p{
    width: 520px;
	font-size: 14px;
	color: #FFF;
}
#banner a.link{
    font-size: 14px;
	color: #FFF;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    text-decoration: none;
    padding: 5px 10px;
    border-top: 1px solid #FA3636;
    border-left: 1px solid #FA3636;
    border-bottom: 1px solid #8E1815;
    border-right: 1px solid #8E1815;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 5px -5px #000;
	-moz-box-shadow: 0 4px 5px -5px #000;
	box-shadow: 0 4px 5px -5px #000;
	background: #D2201D;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E91E1C), color-stop(100%, #BE211D));
    background: -webkit-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -moz-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -ms-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -o-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    cursor: pointer;
}
#banner a.link:hover{
	color: #71110F;
    text-shadow: none;
}
#banner figure{
	width: 551px;
	height: 298px;
}
#banner .img1{
	background: url('imagenes/reposicion-compartida.png');
}
#banner .img2{
	background: url('imagenes/promociones.png');
}
#banner .img3{
	background: url('imagenes/personal-eventual.png');
}
#btnClientesAux{
	display: none;
	position: absolute;
	top: 45px;
	right: 15px;
}

@media screen and (max-width: 1120px){
	#sequence{
		overflow: hidden;
	}
	#banner h1{
		font-size: 24px;
	}
	#banner figure{
		width: 400px;
		height: 216px;
	}
	#banner .img1, #banner .img2, #banner .img3{
		background-size: 400px 216px;
	}
}
@media screen and (max-width: 998px){
	#banner p {
		display: none;
	}
}
@media screen and (max-width: 767px){
	#banner figure{
		width: 300px;
		height: 162px;
	}
	#banner .img1, #banner .img2, #banner .img3{
		background-size: 300px 162px;
	}
}
@media screen and (max-width: 674px){
	#sequence{
		display: none;
	}
	#banner{
		height: 88px;
		overflow: hidden;
	}
	#btnClientesAux{
		display: block;
	}
}
@media screen and (max-width: 1002px){
	#banner .wrapper.wrapper-page{
	    background: url('img/banner-page.png') no-repeat right;
	}
}
@media screen and (max-width: 600px){
	#banner .wrapper.wrapper-index{
		background: url('img/banner-index.png') no-repeat left;
	}
	#banner .wrapper.wrapper-page{
	    background: url('img/banner-page.png') no-repeat left;
	}
}
#page-left-shadow, #page-right-shadow{
    width: 14px;
    height: 251px;
    position: absolute;
    top: 88px;
}
#page-left-shadow{
    background: url('img/page-left-shadow.png') no-repeat;
    left: 0;
}
#page-right-shadow{
    background: url('img/page-right-shadow.png') no-repeat;
    right: 0;
}
@media screen and (max-width: 1020px){
	#page-left-shadow, #page-right-shadow{
		display: none;
	}
}
a.button{
    font-size: 14px;
	color: #FFF;
    text-align: center;
    text-shadow: 1px 1px 1px RGBa(0, 0, 0, .5);
    text-decoration: none;
    background: #244B86;
    padding: 3px;
   	border-top: 1px solid #1F4174;
    border-left: 1px solid #23436F;
    border-bottom: 1px solid #3A6295;
    border-right: 1px solid #3A6295;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    display: block;
    position: relative;
}
a.button:hover{
	color: #71110F;
    text-shadow: none;
}
a.button span{
    background: #D2201D;
    padding: 5px 10px;
    border-top: 1px solid #FA3636;
    border-left: 1px solid #FA3636;
    border-bottom: 1px solid #8E1815;
    border-right: 1px solid #8E1815;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 5px -5px #000;
	-moz-box-shadow: 0 4px 5px -5px #000;
	box-shadow: 0 4px 5px -5px #000;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E91E1C), color-stop(100%, #BE211D));
    background: -webkit-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -moz-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -ms-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -o-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    cursor: pointer;
    display: block;
    position: relative;
}
a.button.border-white{
    background: #DDD;
   	border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-bottom: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}
a.button.blue span{
    background: #D2201D;
    border-top: 1px solid #4D84D8;
    border-left: 1px solid #4D84D8;
    border-bottom: 1px solid #3C567D;
    border-right: 1px solid #3C567D;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2F63B3), color-stop(100%, #2C5AA3));
    background: -webkit-linear-gradient(top, #2F63B3 0%, #2C5AA3 100%);
    background: -moz-linear-gradient(top, #2F63B3 0%, #2C5AA3 100%);
    background: -ms-linear-gradient(top, #2F63B3 0%, #2C5AA3 100%);
    background: -o-linear-gradient(top, #2F63B3 0%, #2C5AA3 100%);
    background: linear-gradient(top, #2F63B3 0%, #2C5AA3 100%);
}
a.button.blue:hover{
	color: #172F55;
    text-shadow: none;
}
a.button-mail{
	font-size: 14px;
	color: #519CCC;
	text-decoration: none;
    margin-left: 15px;
}
a.button-mail:hover{
	color: #143447;
}
#content{
	width: auto;
	max-width: 972px;
	margin: auto;
	padding-bottom: 50px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background-color: #F9F9F9;
}
#content.home{
	margin-top: var(--home-fix-top);
}
#content .wrapper{
	width: auto;
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 25px;
    padding-right: 25px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#content .wrapper.wrapper-index{
	padding-top: 60px;
}
#content .wrapper.wrapper-page{
	padding-top: 0;
}
#page-top-detail{
	height: 21px;
	border-top: 1px solid #FFF;
    background: #F9F9F9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), color-stop(100%, #F9F9F9));
    background: -webkit-linear-gradient(top, #F0F0F0 0%, #F9F9F9 100%);
    background: -moz-linear-gradient(top, #F0F0F0 0%, #F9F9F9 100%);
    background: -ms-linear-gradient(top, #F0F0F0 0%, #F9F9F9 100%);
    background: -o-linear-gradient(top, #F0F0F0 0%, #F9F9F9 100%);
    background: linear-gradient(top, #F0F0F0 0%, #F9F9F9 100%);
}
#breadcrumb{
    height: 21px;
    color: #999;
    font-size: 12px;
    line-height: 21px;
    background: #FDFDFD;
    border: 1px solid #F5F5F5;
   	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    margin-bottom: 60px;
}
#breadcrumb a{
	color: #C00;
    text-decoration: none;
    margin-left: 10px;
}
#breadcrumb a:hover{
    text-decoration: underline;
}
.main{
	width: 570px;
}
@media screen and (max-width: 1002px){
	.main{
		width: 60%;
	}
}
@media screen and (max-width: 989px){
	#content{
		border-left: 0;
		border-right: 0;
	}
}
@media screen and (max-width: 866px){
	.main{
		width: auto;
		float: none;
	}
}
.line{
	height: 0;
	border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #FFF;
}
.line-wide{
    margin: auto;
}
.line-title{
    margin: 8px 0 45px 0;
}
.bg-fill{
    width: auto;
    border: 1px solid #FFF;
    background: #F9F9F9;
    position: relative;
   	-webkit-box-shadow: 0 0 0 1px #ECECEC;
	-moz-box-shadow: 0 0 0 1px #ECECEC;
	box-shadow: 0 0 0 1px #ECECEC;
    background-image: -moz-linear-gradient(right bottom,#FFF 0%,#F0F0F0 100%);
    background-image: -webkit-gradient(linear,right bottom, left top,color-stop(0, #FFF),color-stop(1, #F0F0F0));
    background: -webkit-linear-gradient(right bottom, #FFF 0%, #F0F0F0 100%);
    background: -o-linear-gradient(right bottom, #FFF 0%, #F0F0F0 100%);
    background: -ms-linear-gradient(right bottom, #FFF 0%, #F0F0F0 100%);
    background: linear-gradient(right bottom, #FFF 0%, #F0F0F0 100%);
}
.box{
    background: #FFF;
    border: 1px solid #E8E8E8;
    position: relative;
}
.main .box{
	width: 90%;
	max-width: 513px;
    height: 118px;
    margin: auto;
}
.main .bg-fill{
	width: 90%;
    height: 60px;
    margin: 28px auto 0 auto;
    background: #F0F0F0;
   	background: -webkit-gradient(radial, center center, 0, center center, 350, from(#FFF), to(#F0F0F0));
	background: -webkit-radial-gradient(40px 20px, #FFF, #F0F0F0);
	background: -moz-radial-gradient(40px 20px, #FFF, #F0F0F0);
	background: -ms-radial-gradient(40px 20px, #FFF, #F0F0F0);
	background: -o-radial-gradient(40px 20px, #FFF, #F0F0F0);
	background: radial-gradient(40px 20px, #FFF, #F0F0F0);
}
.box a{
    line-height: 60px;
}
.button-txt{
    color: #305E9D;
    font-size: 16px;
    text-decoration: none;
    text-shadow: 1px 1px 1px RGBa(250, 250, 250, 1);
}
.button-txt.home {
	padding-left: 20px;
	font-size: 17px;
	font-weight: bold;;
}
.button-txt:hover{
    color: #5184CA;
}
.box .lines-vert{
    width: 0;
    height: 60px;
	border-left: 1px solid #E2E2E2;
    border-right: 1px solid #FCFCFC;
    position: absolute;
    top: 0;
    right: 60px;
}
.box .arrow{
    width: 15px;
    height: 19px;
    background: url('img/arrow.png');
    margin: 20px 20px 0 50px;
}
.main .box img{
    position: absolute;
    bottom: 0;
}
.main .box .img1{
   left: 45px;
}
.main .box .img2{
   left: 75px;
}
.main .box .img3{
   left: 60px;
}
@media screen and (max-width: 576px){
	.main .box .img1{
	   left: 10px;
	}
	.main .box .img2{
	   left: 50px;
	}
	.main .box .img3{
	   left: 30px;
	}
}
@media screen and (max-width: 530px){
	.main .box .img1{
		width: 120px;
	}
	.main .box .img2{
		width: 80px;
	}
	.main .box .img3{
		width: 99px;
	}
}
@media screen and (max-width: 498px){
	.button-txt{
	    font-size: 15px;
	}
	.box .lines-vert{
	    right: 50px;
	}
	.box .arrow{
	    margin: 20px 15px 0 40px;
	}
}
@media screen and (max-width: 463px){
	.button-txt.right{
		width: 100px;
		text-align: center;
	}
	.main .box.box1 .button-txt.right, .main .box.box3 .button-txt.right{
		line-height: normal;
		margin-top: 10px;
	}
}
@media screen and (max-width: 400px){
	.button-txt.right{
		position: absolute;
		left: 50%;
	}
	.main .box .lines-vert, .main .box .arrow{
		display: none;
	}
	.main .box .img1{
		width: 110px;
	}
	.main .box .img2{
		 left: 30px;
	}
	.main .box .img3{
		 left: 20px;
	}
}
.title-bar{
    height: 37px;
    border-radius: 3px;
}
.title-bar h3{
    margin-left: 20px;
    line-height: 37px;
}
.bar1{
    background: url('img/title-bar1.jpg') no-repeat right;
}
.bar2{
    background: url('img/title-bar2.jpg') no-repeat left;
}
@media screen and (max-width: 561px){
	.title-bar h3{
		margin-left: 10px;
		font-size: 20px;
	}
	.bar1{
	    background: url('img/title-bar1.jpg') no-repeat left;
	}
	.bar2{
	    background: url('img/title-bar2.jpg') no-repeat right;
	}
}
.marks-out{
    background: #FDFDFD;
    border: 1px solid #E8E8E8;
   	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    position: relative;
    display: block;
}
.marks-out .bg-in{
    margin: 14px;
    border: 1px solid #FDFDFD;
}
.marks-out .logos{
    width: 220px;
    float: left;
    border-left: 1px dotted #D2D2D2;
}
.marks-out .logos.first-child{
	border-left: none;
}
.marks-out .bottom-lines .logos{
    border-bottom: 1px dotted #D2D2D2;
}
@media screen and (max-width: 1002px){
	.marks-out{
		width: 833px;
		margin: auto;
	}
	.marks-out .logos{
		width: 200px;
	}
	.marks-out .logos img{
		width: 100%
	}
}
@media screen and (max-width: 916px){
	.marks-out{
		width: 753px;
	}
	.marks-out .logos{
		width: 180px;
	}
}
@media screen and (max-width: 836px){
	.marks-out{
		width: 391px;
	}
	.marks-out .logos.first-child{
		border-bottom: 1px dotted #D2D2D2;
	}
	.marks-out .logos.second-child{
		border-bottom: 1px dotted #D2D2D2;
	}
	.marks-out .logos.third-child{
		border-left: none;
	}
}
@media screen and (max-width: 472px){
	.marks-out{
		width: 208px;
	}
	.marks-out .logos{
		border-left: none;
	}
	.marks-out .logos.third-child{
		border-bottom: 1px dotted #D2D2D2;
	}
}
/*A   S   i   D   E*/
aside{
	width: 100%;
	max-width: 308px;
}
aside .bg-fill .bg-in{
    padding: 6px 0 11px 18px;
}
.line1-detail{
	height: 1px;
    width: 210px;
    background: #D4D4D4;
    position: absolute;
    top: 52px;
    left: 0;
    background: -webkit-gradient(linear, left center, right center, from(#D4D4D4), to(#F9F9F9));
    background: -webkit-linear-gradient(left, #D4D4D4 0%, #F9F9F9 100%);
    background: -moz-linear-gradient(left, #D4D4D4 0%, #F9F9F9 100%);
    background: -ms-linear-gradient(left, #D4D4D4 0%, #F9F9F9 100%);
    background: -o-linear-gradient(left, #D4D4D4 0%, #F9F9F9 100%);
    background: linear-gradient(left, #D4D4D4 0%, #F9F9F9 100%);
    overflow: hidden;
}
.line2-detail{
	height: 1px;
    width: 210px;
    background: #FFF;
    position: absolute;
    top: 53px;
    left: 0;
    background: -webkit-gradient(linear, left center, right center, from(#FFF), to(#F9F9F9));
    background: -webkit-linear-gradient(left, #FFF 0%, #F9F9F9 100%);
    background: -moz-linear-gradient(left, #FFF 0%, #F9F9F9 100%);
    background: -ms-linear-gradient(left, #FFF 0%, #F9F9F9 100%);
    background: -o-linear-gradient(left, #FFF 0%, #F9F9F9 100%);
    background: linear-gradient(left, #FFF 0%, #F9F9F9 100%);
    overflow: hidden;
}
.monitor-img{
    width: 143px;
    height: 145px;
    position: absolute;
    top: 10px;
    left: 167px;
}
aside .bg-fill p{
    color: #519CCC;
    font-size: 15px;
}
aside .pattern-box{
    background: url('img/mapa-pattern.jpg') repeat !important;
}
.mapa-cobertura-bg{
    width: 218px;
    height: 266px;
    background: url('imagenes/mapa-cobertura.png') no-repeat;
    margin: 80px auto 45px;
	position: relative;
}
.pattern-box .usher{
    width: 212px;
    margin: auto;
    margin-bottom: 30px;
}
@media screen and (max-width: 866px){
	aside.right{
		float: none;
		margin: 50px auto 0 auto;
	}
}
@media screen and (max-width: 371px){
	.monitor-img{
	    width: 110px;
	    height: 110px;
	}
}
@media screen and (max-width: 339px){
	.monitor-img{
	    width: 70px;
	    height: 70px;
	}
}
/*F O O T E R*/
#footer-top{
	height: 29px;
	background: url('img/footer-top-pattern.jpg') repeat;
    border-top: 3px solid #0D2444;
    border-bottom: 1px solid #0D2444;
}
#footer-detail{
	height: 1px;
    background: #2D578D;
    background: -webkit-gradient(linear, left center, right center, from(#1E3B63), color-stop(50%, #326CBB), to(#1E3B63));
    background: -webkit-linear-gradient(left, #1E3B63 0%, #326CBB 50%, #1E3B63 100%);
    background: -moz-linear-gradient(left, #1E3B63 0%, #326CBB 50%, #1E3B63 100%);
    background: -ms-linear-gradient(left, #1E3B63 0%, #326CBB 50%, #1E3B63 100%);
    background: -o-linear-gradient(left, #1E3B63 0%, #326CBB 50%, #1E3B63 100%);
    background: linear-gradient(left, #1E3B63 0%, #326CBB 50%, #1E3B63 100%);
    overflow: hidden;
}
#footer-middle{
	height: 260px;
	border-top: 1px solid #21426F;
    background: #2D578D;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#244675), color-stop(3%, #274D80), color-stop(50%, #2D578E));
    background: -webkit-linear-gradient(top, #244675 0%, #274D80 3%, #2D578E 50%);
    background: -moz-linear-gradient(top, #244675 0%, #274D80 3%, #2D578E 50%);
    background: -ms-linear-gradient(top, #244675 0%, #274D80 3%, #2D578E 50%);
    background: -o-linear-gradient(top, #244675 0%, #274D80 3%, #2D578E 50%);
    background: linear-gradient(top, #244675 0%, #274D80 3%, #2D578E 50%);
    padding-top: 30px;
}
#footer-middle section.left{
	width: 580px;
    margin-left: 50px;
}
#footer-middle section.left a{
	margin-top: 5px;
}
#logo-bottom{
    position: absolute;
    bottom: 80px;
    left: 50px;
}
footer h6 {
	margin-bottom: 15px;
}
footer h6.left{
    width: 230px;
}
#footer-middle .divider{
	width: 2px;
    height: 260px;
    background: url('img/footer-middle-divider.png') no-repeat;
}
#footer-middle section.right{
	width: 300px;
}
#footer-middle section.right small{
	font-size: 12px;
    margin-left: 23px;
}
.icn-direccion, .icn-telefono, .icn-mail{
	width: 22px;
    height: 20px;
}
footer .icn-direccion{
    background: url('img/icn-direccion.png') no-repeat;
}
.box-te{
    height: 27px;
	max-width: 220px;
	margin-right: 10px;
	font-size: 14px;
    line-height: 20px;
	color: #C2D0EB;
    background: #234472;
   	border-top: 1px solid #23436F;
    border-left: 1px solid #23436F;
    border-bottom: 1px solid #3A6295;
    border-right: 1px solid #3A6295;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    padding: 7px 0 0 6px;
    overflow: hidden;
    position: relative;
}
.icn-telefono{
    background: url('img/icn-telefono.png') no-repeat;
}
.icn-telefono.icn-whatsapp {
	background: url('imagenes/whatsapp_azul.png') no-repeat;
	background-size: auto 20px;
}
footer .icn-mail{
    background: url('img/icn-mail.png') no-repeat;
}
#footer-middle section.right span{
	font-size: 14px;
    line-height: 20px;
	color: #C2D0EB;
	margin: 0 0 20px 10px;
}
#footer-bottom{
    height: 40px;
    line-height: 40px;
    background: #274C7D;
    background: url('img/footer-bottom-pattern.jpg') repeat;
    position: relative;
}
#footer-bottom span{
    float: left;
    font-size: 12px;
    color: #6992C9;
    margin-left: 30px;
}
#footer-bottom a{
    float: right;
    font-size: 12px;
    color: #6992C9;
    text-decoration: none;
    margin-right: 30px;
}
#footer-bottom a:hover{
	color: #FFF;
}
footer .address {
	margin-bottom: 10px;
}
footer .emails {
	margin-top: 10px;
}
@media screen and (max-width: 980px){
	#footer-middle section.left{
		width: 450px;
	}
	#logo-bottom{
	    bottom: 100px;
	}
	#logo-bottom img{
		width: 400px;
	}
}
@media screen and (max-width: 860px){
	#footer-middle section.left{
		width: 400px;
	}
	#logo-bottom img{
		width: 350px;
	}
}
@media screen and (max-width: 800px){
	#footer-middle{
		height: auto;
	}
	#footer-middle section.left{
		float: none;
		margin: 0 auto;
	}
	#logo-bottom{
		position: relative;
		left: auto;
		bottom: auto;
	}
	#footer-middle .divider{
		display: none;
	}
	#footer-middle section.right{
		width: 400px;
		float: none;
		margin: 25px auto 0 auto;
		padding-bottom: 25px;
	}
}
@media screen and (max-width: 470px){
	#footer-middle section.left{
		width: auto;
		margin: 0 15px;
	}
	#footer-middle section.right{
		width: auto;
		margin: 25px 15px 0 15px;
	}
	#footer-bottom{
	    height: auto;
	}
	#footer-bottom span{
	    display: block;
	    float: none;
	    margin: 0;
		text-align: center;
	}
	#footer-bottom a{
		display: block;
		float: none;
	    margin: 0;
	    text-align: center;
	}
}
@media screen and (max-width: 400px){
	#footer-middle section.left h6{
		margin-bottom: 5px;
	}
	#logo-bottom{
		margin-top: 20px;
		text-align: center;
	}
	#logo-bottom img{
		width: 250px;
	}
}
#totop{
    position: fixed;
    bottom: 45px;
	right: 10px;
    display: none;
    z-index: 100;
}
#totop a{
   	float: right;
    font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #FFF;
    text-align: center;
    text-shadow: 1px 1px 1px RGBa(0, 0, 0, .5);
    text-decoration: none;
    padding: 5px 10px;
    border-top: 1px solid #FA3636;
    border-left: 1px solid #FA3636;
    border-bottom: 1px solid #8E1815;
    border-right: 1px solid #8E1815;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #D2201D;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E91E1C), color-stop(100%, #BE211D));
    background: -webkit-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -moz-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -ms-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: -o-linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    background: linear-gradient(top, #E91E1C 0%, #BE211D 100%);
    display: block;
}
#totop a:hover{
	color: #71110F;
    text-shadow: none;
}
@media screen and (max-width: 470px){
	#totop{
	    bottom: 85px;
	}
}
/*S   E   R   V   I   C   I   O   S*/
.servicios{
	position: relative;
}
.servicios article{
	width: 640px;
    margin: auto;
}
.servicios figure{
    margin-right: 20px;
}
@media screen and (max-width: 954px){
	.servicios article{
		width: 60%;
	}
}
@media screen and (max-width: 684px){
	.servicios article{
		width: 50%;
	}
}
@media screen and (max-width: 561px){
	.servicios article{
		width: 100%;
	}
	.servicios figure{
		width: 100%;
		margin: 0 0 20px 0;
		text-align: center;
	}
}
/*C O N T A C T O*/
form label{
	font-size: 13px;
	color: #888;
	display: block;
	margin: 10px 0 5px;
}
form .input_type{
    height: 20px;
}
form .input_type, form textarea, form select{
	width: 95%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 20px;
    background: #FFF;
    border: 1px solid #E8E8E8;
   	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
    position: relative;
	padding: 5px;
}
form textarea{
	height: 100px;
	line-height: 20px;
	resize: none;
	overflow-y: scroll;
}
form .button{
	margin-right: 15px;
}
.contacto .icn-direccion{
    background: url('img/icn-direccion2.png') no-repeat;
}
.contacto .icn-mail{
    background: url('img/icn-mail2.png') no-repeat;
}
.contacto p{
    margin-left: 30px;
}
.contacto small{
	font-size: 12px;
    margin-left: 3px;
}
.contacto span{
	 margin-left: 10px;
}
.contacto a{
    margin-left: 15px;
}
.contacto .usher{
    margin: 10px 0 15px 18px;
}
.required{
	font-size: 12px;
	color: #AAA;
	font-style: italic;
}
.text_ok{
    font-size: 14px;
    margin-bottom: 20px;
	color: #305E9D;
	border: 1px solid #D0E6F2;
    background-color: #F0F7FB;
	padding: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    position: relative;
}
.text_error{
	margin-bottom: 20px;
	background: #FFC;
	border: 1px solid #E6E6B3;
	padding: 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    position: relative;
}
.error_item{
	font-size: 14px;
	line-height: 30px;
	color: #BE221F;
	padding-left: 20px;
}
.googlemap{
    width: 860px;
    height: 402px;
	background: #FFF;
    border: 1px solid #E2E2E2;
    margin: 50px auto auto;
    padding: 20px;
}
.googlemap iframe{
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1002px){
	.googlemap{
	    width: 95%;
	    padding: 5px;
	}
}
/*C O B E R T U R A*/
#cobertura article.left{
	width: 65%;
}
#cobertura article.right{
	width: 30%;
}
#cobertura-results{
	width: 100%;
	height: 100%;
}
#cobertura-results .provincia{
    font-size: 16px;
    line-height: 26px;
	color: #305E9D;
	font-weight: bold;
	background-color: #F0F7FB;
    padding-left: 6px;
    margin-top: 20px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#cobertura-results .ciudad{
    font-size: 15px;
    line-height: 24px;
	color: #315F9D;
    border-bottom: 1px solid #E1EEF7;
	padding-left: 10px;
	margin: 10px 0;
}
#cobertura-results .sucursal{
    font-size: 13px;
    line-height: 24px;
	color: #666;
    padding-left: 30px;
}
#cobertura select, #cobertura #contCiudad{
	height: 30px;
}
@media screen and (max-width: 700px){
	#cobertura article.left{
		width: auto;
		float: none;
	}
	#cobertura article.right{
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
}

.whatsapp.home {
	margin-top: 50px;
}
.whatsapp a {
	width: 90px;
	height: 90px;
	display: block;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url('imagenes/whatsapp.png');
}


@media screen and (max-width: 880px){
	#banner .wrapper.wrapper-index {
		/* background-position: center right; */
	}
}