/**tipografías**/
@font-face {
    font-family: 'bikoblack';
    src: url('/mobile/fonts/biko/biko_black-webfont.eot');
    src: url('/mobile/fonts/biko/biko_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mobile/fonts/biko/biko_black-webfont.woff2') format('woff2'),
         url('/mobile/fonts/biko/biko_black-webfont.woff') format('woff'),
         url('/mobile/fonts/biko/biko_black-webfont.ttf') format('truetype'),
         url('/mobile/fonts/biko/biko_black-webfont.svg#bikoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bikoregular';
    src: url('/mobile/fonts/biko/biko_regular-webfont.eot');
    src: url('/mobile/fonts/biko/biko_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mobile/fonts/biko/biko_regular-webfont.woff2') format('woff2'),
         url('/mobile/fonts/biko/biko_regular-webfont.woff') format('woff'),
         url('/mobile/fonts/biko/biko_regular-webfont.ttf') format('truetype'),
         url('/mobile/fonts/biko/biko_regular-webfont.svg#bikoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bikobold';
    src: url('/mobile/fonts/biko/biko_bold-webfont.eot');
    src: url('/mobile/fonts/biko/biko_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mobile/fonts/biko/biko_bold-webfont.woff2') format('woff2'),
         url('/mobile/fonts/biko/biko_bold-webfont.woff') format('woff'),
         url('/mobile/fonts/biko/biko_bold-webfont.ttf') format('truetype'),
         url('/mobile/fonts/biko/biko_bold-webfont.svg#bikobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dejavu';
    src: url('/mobile/fonts/dejavu/dejavusans-webfont.eot');
    src: url('/mobile/fonts/dejavu/dejavusans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mobile/fonts/dejavu/dejavusans-webfont.woff2') format('woff2'),
         url('/mobile/fonts/dejavu/dejavusans-webfont.woff') format('woff'),
         url('/mobile/fonts/dejavu/dejavusans-webfont.ttf') format('truetype'),
         url('/mobile/fonts/dejavu/dejavusans-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldregular';
    src: url('/mobile/fonts/oswald/oswald-regular-webfont.eot');
    src: url('/mobile/fonts/oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mobile/fonts/oswald/oswald-regular-webfont.woff2') format('woff2'),
         url('/mobile/fonts/oswald/oswald-regular-webfont.woff') format('woff'),
         url('/mobile/fonts/oswald/oswald-regular-webfont.ttf') format('truetype'),
         url('/mobile/fonts/oswald/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('/mobile/fonts/oswald/oswald-light-webfont.eot');
    src: url('/mobile/fonts/oswald/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mobile/fonts/oswald/oswald-light-webfont.woff2') format('woff2'),
         url('/mobile/fonts/oswald/oswald-light-webfont.woff') format('woff'),
         url('/mobile/fonts/oswald/oswald-light-webfont.ttf') format('truetype'),
         url('/mobile/fonts/oswald/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbold';
    src: url('/mobile/fonts/oswald/oswald-bold-webfont.eot');
    src: url('/mobile/fonts/oswald/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mobile/fonts/oswald/oswald-bold-webfont.woff2') format('woff2'),
         url('/mobile/fonts/oswald/oswald-bold-webfont.woff') format('woff'),
         url('/mobile/fonts/oswald/oswald-bold-webfont.ttf') format('truetype'),
         url('/mobile/fonts/oswald/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* --->  INICIO GENERAL <--- */
*, body, html {
	padding:0;
	margin:0;
	font-family:arial, sans-serif;
	box-sizing:border-box;
}
html, body {
  height:100%;
}
.wrappMobile {
	overflow: hidden;position: relative;width: 100%; height:100%;
}
.contenedor {
    width: 100%;
	position: relative;
}
.wrapp {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
}
.btn {
	background: rgb(255,157,51);
	background: -moz-linear-gradient(top, rgba(255,157,51,1) 0%, rgba(250,139,0,1) 41%, rgba(237,118,0,1) 59%, rgba(232,135,46,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,157,51,1)), color-stop(41%,rgba(250,139,0,1)), color-stop(59%,rgba(237,118,0,1)), color-stop(100%,rgba(232,135,46,1)));
	background: -webkit-linear-gradient(top, rgba(255,157,51,1) 0%,rgba(250,139,0,1) 41%,rgba(237,118,0,1) 59%,rgba(232,135,46,1) 100%);
	background: -o-linear-gradient(top, rgba(255,157,51,1) 0%,rgba(250,139,0,1) 41%,rgba(237,118,0,1) 59%,rgba(232,135,46,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,157,51,1) 0%,rgba(250,139,0,1) 41%,rgba(237,118,0,1) 59%,rgba(232,135,46,1) 100%);
	background: linear-gradient(to bottom, rgba(255,157,51,1) 0%,rgba(250,139,0,1) 41%,rgba(237,118,0,1) 59%,rgba(232,135,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d33', endColorstr='#e8872e',GradientType=0 );
    border: 1px solid #7a4000;
    border-radius: 2px;
    box-shadow: 0 3px 0 #87531e;
    color: #ffffff;
    display: inline-block;
    font-size: 23px;
    margin-top: 30px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 100%;
	position: relative;
}
section {
    padding-bottom: 50px;
}
.politicacookies {
    background: #0073ad;
    bottom: 0;
    box-shadow: 0 0 5px #0073ad;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
	padding: 15px;
}
.politicacookies p {
    color: #ffffff;
    font-family: arial;
    font-size: 14px;
    padding: 0px 0px 10px;
    text-align: justify;
}
.politicacookies > a {
    background: #ffffff;
    border-radius: 2px;
    color: #0073ad;
    display: inline-block;
    font-family: oswaldregular;
    margin: 0 10px;
    min-width: 130px;
    padding: 3px 10px;
    text-decoration: none;
}
.politicacookies > a > span{
    font-weight:bold;
}
.paddingText {
    color: #888;
    padding: 15px;
}
.paddingText strong{
    color: #555;
}
h2, h3, h4, h5 {
    font-family: oswaldregular;
    font-weight: lighter;
}
h3, h4, h5 {
    color: #555555;
}
h3:first-child, h4:first-child, h5:first-child {
    padding-top: 0;
}
h2 {
    color: #fa8b00;
    font-size: 28px;
    margin-bottom: 5px;
}
h4 {
    margin-bottom: 10px;
    font-size: 23px;
    padding-top: 15px;    
	position: relative;
}
h5 {
    color: #333333;
    font-variant: small-caps;
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: underline;
}
p, section ul li {
    margin-bottom: 15px;
    text-align: justify;
}
a {
    color: #fa8b00;
    font-family: bikoregular;
}
section ul li {
    margin-left: 15px;
}
section ul.letterList > li {
    list-style-type: lower-latin;
}
.subtitle {
    font-family: oswaldregular;
    font-size: 20px;
    font-weight: lighter;
}
.paddingText .subtitle strong {
    color: #fa8b00;
    font-family: oswaldregular;
}
.paddingText > div > img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.fiftywidth, .tenwidth, .fifteenwidth, .twentywidth, .twentyfivewidth, .thirtywidth, .thirtythreewidth, .fortywidth, .sixtywidth, .sixtysixwidth, .seventywidth, seventyfivewidth, .eightywidth, .ninetywidth{
    display: inline-block;
    vertical-align: top;
	padding: 15px;
}
.tenwidth{
	width: 10%;
}
.fifteenwidth{
	width: 15%;
}
.twentywidth{
	width: 20%;
}
.twentyfivewidth{
	width: 25%;
}
.thirtywidth{
	width: 30%;
}
.thirtythreewidth{
	width: 33%;
}
.fortywidth{
	width: 40%;
}
.fiftywidth{
	width: 50%;
}
.sixtywidth{
	width: 60%;
}
.sixtysixwidth{
	width: 67%;
}
.seventywidth{
	width: 70%;
}
.seventyfivewidth{
	width: 75%;
}
.eightywidth{
	width: 80%;
}
.ninetywidth{
	width: 90%;
}
.listCheck li {
    list-style: none;
}
.listCheck li:before {
    color: #fa8b00;
    content: "\2713";
    font-family: dejavu;
    margin-left: -15px;
    position: absolute;
}
.container {
    margin: 20px 0;
    padding: 10px 0;
}
.container:nth-child(2n) {
    background: #EFEFEF;
    padding: 15px;
}
img {
    height: auto;
    max-width: 100%;
    width: auto;
}
div, nav {
	transition: all 300ms;
}	

/* --->  FIN GENERAL <--- */



/* --->  INICIO HOME <--- */
.promoPrincipal {
    height: 350px;
    overflow: hidden;
    position: relative;
}
.promoPrincipal.promoAutos18052015 {
    background: url("/mobile/img/autos-segurosbroker.jpg") no-repeat scroll;
	background-size:100% auto;
	background-position: center center;
}

.left-promoPrincipal, .right-promoPrincipal {
    float: left;
    height: 100%;
    padding: 15px;
	position: relative;
}
.left-promoPrincipal {
	background: rgba(0, 0, 0, 0.7);
	color: #ffffff;
	width: 40%;
}
.right-promoPrincipal {
	width: 60%;
}
.right-promoPrincipal .btn {
	bottom: 30px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	width: 70%;
}

.left-promoPrincipal h3, .left-promoPrincipal h3 * {
    font-family: oswaldregular;
    font-size: 70px;
    font-weight: lighter;
    line-height: 70px;
	padding:0;
	text-align:left;
	color: #ffffff;
}
.left-promoPrincipal h3 span {
    color: #fa8b00;
}
.text-promoPrincipal {
    font-size: 32px;
    margin-top: 10px;
}
section h3,  section h3 span{
    color: #444444;
    font-family: oswaldregular;
    font-size: 35px;
    font-weight: lighter;
    text-align: center;
}
section h3 {
    padding: 0 10px;
}
section h3 span{
    color: #fa8b00;
}
.segurosContainer {
    text-align: center;
}
.iconSeguros {
    display: inline-block;
    margin-top: 15px;
    text-decoration: none;
    vertical-align: middle;
    width: 25%;
}
.iconSeguros > strong {
    background: url("/mobile/img/sprite.png") no-repeat scroll;
	background-size: 850px 621px;
    display: inline-block;
    height: 80px;
    width: 120px;
}
.iconSeguros.moto > strong {
	background-position: -2px -74px;
}
.iconSeguros.hogar > strong {
	background-position: -122px -74px;
}
.iconSeguros.salud > strong {
	background-position: -243px -74px;
}
.iconSeguros.comercio > strong {
	background-position: -364px -74px;
}
.iconSeguros.decesos > strong {
	background-position: -606px -74px;
}
.iconSeguros.respCivil > strong {
	background-position: -121px -148px;
}
.iconSeguros.otrosSeguros > strong {
	background-position: 0px -148px;
}
.iconSeguros > span {
    color: #666666;
    font-family: oswaldregular;
    font-size: 23px;
    line-height: 25px;
    font-weight: lighter;
	display:block;
}

.ciasWrapp {
    background: #f9f9f9;
    padding: 40px 0 10px;
    text-align: center;
}
.ciasWrapp > a {
    display: inline-block;
    max-width: 20%;
    min-width: 120px;
    padding: 20px;
    vertical-align: middle;
}
.ciasWrapp > a > img {
    display: block;
    height: auto;
    max-width: 100%;
    width: auto;
}

/* --->  FIN HOME <--- */


/* --->  INICIO FOOTER <--- */
.socialWrapp {
    margin-bottom: 15px;
    text-align: center;
}
.socialWrapp a {
    background:url("/mobile/img/sprite.png") no-repeat scroll;
	background-size:650px 475px;
    display: inline-block;
    height: 50px;
    margin: 0 15px;
    width: 50px;
}
.socialWrapp a.facebook {
	background-position: -187px -117px;
}
.socialWrapp a.twitter {
	background-position: -241px -117px;
}
.socialWrapp a.google {
	background-position: -294px -117px;
}
.socialWrapp a.youtube {
	background-position: -348px -117px;
}
.socialWrapp a.linkedin {
	background-position: -402px -117px;
}
.socialWrapp a.blog {
	background-position: -456px -117px;
}
.copyright {
    color: #777777;
    font-family: arial;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 15px;
    text-align: center;
}
.btnVersionclasica {
    background: #999999;
    color: #ffffff;
    display: block;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
}
/* --->  FIN FOOTER <--- */


/* --->  INICIO HEADER <--- */

.headerContainer {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
    border-bottom: 2px solid white;
    box-shadow: 0 0 3px gray;
    position: relative;
    z-index: 4;
	display: table;
	width:100%;
}
.headerContainer > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
	padding: 10px 0;
}
.btnHeader {
    width: 100px;
}	
header > span {
    background: #fa8b00;
    color: white;
    display: block;
    font-family: oswaldregular;
    padding: 3px 10px;
    text-align: center;
    width: 100%;
}
.mainMenu {
    background: #474747;
    left: 0;
    height: 100%;
    min-width: 210px;
    position: absolute;
    top: 0;
    width: 20%;
    z-index: 5;
	min-height:100%;
}
.mainMenu a {
    text-decoration: none;
}
.mainMenu li {
    background: #474747;
    border-bottom: 1px solid #686868;
    color: white;
    font-size: 17px;
    padding: 15px 25px 15px 15px;
}
.mainMenu li span {
    font-family: Trebuchet MS;
    font-size: 25px;
    margin-top: -5px;
    position: absolute;
    right: 5px;
    transform: scale(1, 1.5);
}
.mainMenu a:last-child li {
    margin-bottom: 35px;
}
.btnHeader.menu > span {
	background-position: -252px -8px;
}
.btnHeader.call > span {
	background-position: -448px -7px;
}		
.btnHeader.menu {
    display: none;
}


.btnHeader.sinmenu > span {
    background:none;
	background-size: 941px 688px;
    display: block;
    height: 70px;
    margin: 0 auto;
    width: 70px;
}

.btnHeader.sincall span {
    background: none;
}

.btnHeader > span {
    background: url("/mobile/img/sprite.png") no-repeat scroll;
	background-size: 941px 688px;
    display: block;
    height: 70px;
    margin: 0 auto;
    width: 70px;
}
.logoSB {
    overflow: hidden;
}
.logoSB span {
	background: url("/mobile/img/sprite.png") no-repeat scroll -4px -7px;
	background-size: 941px 688px;
	display: block;
	height: 70px;
	margin: 0 auto;
	width: 232px;
}
.logoSB strong {
	font-size: 1px;
	letter-spacing: -1px;
	margin-left: -102px;
	position: absolute;
	top: 71px;
	font-family: "dejavu";
}

/* --->  FIN HEADER <--- */

/* --->  INICIO CLICK TO CALL <--- */

.clicktocall, .bg-clicktocall {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.clicktocall {
	display:none;
    z-index: 9;
    background: rgba(0, 0, 0, 0.7);
}
.container-clicktocall {
    background: white;
    border-radius: 5px 0 5px 5px;
    height: 410px;
    left: 50%;
    margin-left: -250px;
    margin-top: -205px;
    padding: 15px;
    position: relative;
    top: 50%;
    width: 500px;
	display: table;
}
.container-clicktocall > div {
    display: table-cell;
    vertical-align: middle;
}
.cierre-clicktocall {
    background: white;
    border-bottom: 1px solid #bfbfbf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #555;
    padding: 3px 15px 0;
    position: absolute;
    right: 1px;
    top: -40px;
}
.cierre-clicktocall > strong {
	color: #e30420;
	display: inline-block;
	font-size: 30px;
	vertical-align: middle;
}
.title-clicktocall, .title-clicktocall span {
    font-family: oswaldregular;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
}
.title-clicktocall span {
	color: #fa8b00;
}
.title-clicktocall {
	color: #555;
	margin-bottom: 15px;
}
.container-clicktocall input {
    background: url("/mobile/img/sprite.png") no-repeat scroll;
	background-size:660px 483px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    font-size: 30px;
    margin-bottom: 15px;
    padding: 10px 5px 10px 70px;
    vertical-align: middle;
    width: 100%;
	opacity:.7;
}
.container-clicktocall input:focus {
	opacity:1;
}
.error-clicktocall {
    background: #e30420;
    color: white;
    margin-top: 15px;
    padding: 5px;
    text-align: center;
}	
.politicaprivacidad input[type="checkbox"]:checked + label:before {
	font-size: 33px;
}	
.politicaprivacidad {
    margin-top: 20px;
    position: relative;
}
.politicaprivacidad a {
    color: #fa8b00;
}
.politicaprivacidad input[type="checkbox"]{
	display:none;
}
.politicaprivacidad input[type="checkbox"] + label {
    color: #ADADAD;
    display: inline-block;
    font-size: 18px;
    padding-left: 30px;
    position:relative;
}
.politicaprivacidad input[type="checkbox"] + label:before {
	border: 3px solid #ADADAD;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 0;
	width: 16px;
}
.politicaprivacidad input[type="checkbox"]:checked + label:before {
	border: 3px solid #fa8b00;
	color: #fa8b00;
	content: "\2713";
	font-family: 'dejavu';
	font-weight: normal;
	line-height: 5px;
}
.politicaprivacidad input[type="checkbox"]:checked + label {
	color: #777;
}

.container-clicktocall .icon-name {
	background-position: -600px 0;
}
.container-clicktocall .icon-phone {
	background-position: -600px -58px;
}

/* --->  FIN CLICK TO CALL <--- */

/* --->  INICIO QUIENES SOMOS <--- */

.subtitle.quienesSomos {
    background:url("/mobile/img/quienes-somos.jpg") no-repeat scroll;    
	margin-top: 30px;
	background-position:center center;
	background-size:100% auto;
    padding: 90px 0;
}
.subtitle.quienesSomos > div {
    background: rgba(255, 255, 255, 0.7);
    color: #666666;
    font-family: oswaldregular;
    margin: 0 auto;
    padding: 15px;
    width: 80%;
}
.containerCias-quienesSomos {
    text-align: center;
}
.cia-quienesSomos {
	background: #efefef;
    box-shadow: 0 0 2px #ffffff inset;
    display: inline-block;
    margin: 2%;
    min-width: 200px;
    padding: 10px;
    vertical-align: top;
    width: 25%;
}
.container:nth-child(2n) .cia-quienesSomos{
    background: #ffffff;
    box-shadow: 0 0 2px #bfbfbf inset;
}
.titlecia-quienesSomos {
    color: #fa8b00;
    display: table;
    line-height: 20px;
    width: 100%;
}
.titlecia-quienesSomos span{
    display: table-cell;
    font-family: oswaldregular;
    font-size: 20px;
    font-variant: small-caps;
    font-weight: lighter;
    height: 60px;
    line-height: 20px;
    vertical-align: middle;
    width: 100%;
}
.titlecia-quienesSomos span img{
    width: 95%;
}
.titlecia-quienesSomos + p{
    border-top: 1px dashed #fa8b00;
}
.cia-quienesSomos > p {
    display: table;
    margin-bottom: 0;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}
.cia-quienesSomos > p span{
    display: table-cell;
    font-family: bikoregular;
    height: 75px;
	font-size: 15px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

/* ---> FIN QUIENES SOMOS <--- */

/* ---> INICIO CONTACTO <--- */

.contarinerMaps{
    overflow:hidden;width:100%;
}
#gmap_canvas{
    width:100%;
}
.contarinerMaps, #gmap_canvas{
	height:400px
}
#gmap_canvas img{
	max-width:none;background:none
}
.gmnoprint {
    display: none;
}
.gm-style-iw div b {
    color: #fa8b00;
    font-family: oswaldregular;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.gm-style-iw div{
    color: #666;
}
input[type='number'] {
  -moz-appearance: textfield;
}
.btn > input {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
form {
    text-align: center;
}
form input, form textarea {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    color: #777777;
    font-family: oswaldregular;
    font-size: 20px;
    font-weight: lighter;
    margin: 0 0.5% 10px;
    padding: 5px 10px;
    width: 47.5%;
	background:none;
}
form textarea {
    margin: 0 0 10px;
    width: 96.5%;
}
form .politicaprivacidad {
    margin: 15px auto 0;
    text-align: left;
    width: 96.5%;
    display:inline-block;
}
form input:focus, form textarea:focus {
    border: 1px solid #fa8b00;
    color: #fa8b00;
}
form .btn {
    margin-top: 10px;
    width: 96.5%;
}
.googlemaps h4 {
    margin-top: 35px;
    padding: 0 15px;
}
.googlemaps p {
    color: #666666;
    margin-top: 10px;
    padding: 0 15px;
}
.formError {
    background: #f9f9f9;
    border: 2px dashed #ff0000;
    border-radius: 3px;
    display: inline-block;
    margin-top: 15px;
    padding: 5px;
    position: relative;
    width: 96%;
	margin-bottom: 15px;
}
.formError > ul:before {
	color: red;
	content: "\26A0";    
	font-family: dejavu;
	font-size: 50px;
	left: 10px;
	margin-top: -10px;
	position: absolute;
}
.formError > ul > li {
    list-style: none;
    margin: 10px 0;
    padding-left: 75px;
}
.formError > ul > li:before {
    color: red;
    content: "\2716";
    font-size: 18px;
    margin-top: -1px;
    font-family: dejavu;
    margin-left: -21px;
    position: absolute;
}
/* ---> FIN CONTACTO <--- */



/* ---> INICIO PANTALLAS DE ESPERA <-- */
.espera-n {
    float: left;
    margin-top: 25px;
    position: relative;
    width: 100%;
	padding-bottom: 50px;
}
.espera-n table {
    margin: 0 auto;
    width: 730px;
}
.espera-n table td, .espera-n table {
    border: 1px solid #cecece;
}
.espera-n table td {
    padding: 30px;
}
.espera-n .loaderEspera-n span {
    color: #999999;
    display: block;
    font-family: oswaldlight;
    font-size: 73px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    text-align: center;
    text-shadow: 1px 1px 0 #222222;
}
.loaderEspera-n {
    background: url("/img/v2.0/loader-bg.gif") no-repeat scroll;
    height: 130px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 130px;
}
#segundero {
    font-weight: normal;
    font-family: oswaldlight;
}
.espera-n table li {
    color: #777777;
    font-family: oswaldlight;
    font-size: 24px;
    line-height: 29px;
    list-style: none;
    padding-top: 8px;
    *padding-top: 0px;
    padding-bottom: 8px;
    *padding-bottom: 16px;
	padding-right:0px;
	padding-left:0px;
    position: relative;
    text-align: justify;
}
.espera-n table li strong {
    color: #fb8e00;
	font-weight:normal;
}
.espera-n .titleEspera-n {
    color: #777777;
    font-family: oswaldlight;
    font-size: 30px;
    padding-bottom: 5px;
    text-align: center;
}
.checkClaim-n {
    color: #fb8e00;
    display: block;
    font-family: dejavu;
    font-size: 30px;
    font-weight: lighter;
    margin-left: -30px;
    position: absolute;
}

.espera-n table li * {
    font-family: oswaldlight;
}
.espera-n table td ul {padding: 0px 10px;}

.loaderEspera {
    padding: 40px 0 10px;
    text-align: center;
    width: 100%;
}
.textEspera {
    padding-left: 15px;
    text-align: center;
}

/* ---> FIN PANTALLAS DE ESPERA <-- */




/* ---> MEDIA QUERIES <--- */
@media only screen and (max-width:1350px) {
/************** GENERAL **************/
* {
    box-sizing: border-box;
}
.overflowx, .overflowx > div {
    margin: 0;
    padding: 5px;
}
header + .contenedor {
    padding: 10px;
}

	

	
/************** CUERPO **************/		
.contenedor .cabecera-landing {
    background-position: right center;
    background-size: 45% auto;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 20px;
    width: 100%;
}
.cabecera-landing > ul {
    text-align: justify;
    width: 55%;
}	
.cias-container-landing {
    margin: 30px 0 0;
    width: 100%;
}	
	.cias-container-landing img {
		max-width: 100%;
	}	
.opinion-landing {
    text-align: center;
    width: 100%;
}	
	.flecha-opinion-landing {
		display: none;
	}
.texto-opinion-landing {
    display: inline-block;
    float: none;
    width: 90%;
}	
		.texto-opinion-landing:before {
			content: "\0275b \0275b \00a0";
		}	
		.texto-opinion-landing:after {
			content: "\0275c \0275c";
		}	
.cien-column-landing {
    display: inline-block;
    float: none;
    text-align: center;
}	
.fifty-column-landing {
    display: inline-block;
    float: none;
    text-align: left;
    vertical-align: top;
    width: 49%;
}
.ninety-column-landing.no-float {
    width: 90%;
}	
.submenu-landings li {
    width: 100%;
}	

	
	
/************** OTROS PRODUCTOS **************/	
.nav-aux-menu {
    display: inline-block;
    float: none;
}	
.nav-aux-menu h4, .nav-aux-menu table {
    width: 100%;
}


	
	
/************** FOOTER **************/	
.footer-container {
    display: inline-block;
    float: none;
    height: auto;
    min-width: auto;
	padding: 10px;
}
.footer-container .contenedor {
    overflow: hidden;
    text-align: center;
}	
.footer-container .column-foot {
    display: inline-block;
    float: none;
    margin: 0;
    text-align: left;
    vertical-align: top;
}	
.subfooter-container {
    margin: 0 auto;
    position: relative;
    width: 100%;
}	
	
.subfoot-icons-cont, .redes-compartir {
    width: 100%;
}	
	
.subfoot-icons-cont li {
    display: inline-block;
    float: none;
    vertical-align: middle;
	max-width: 100%;
}
	.subfoot-icons-cont li img {
		height: auto;
		max-height: 35px;
		width: auto;
	}
.wrapp-share-rrss {
    left: auto;
    width: auto;
}
.wrapp-modprecseg {
    width: 100%;
}	
.wrapp-share-rrss .grid20 {
    width: 30%;
}
.wrapp-share-rrss .grid80 {
    width: 70%;
}	
.red-social {
    margin: 0 7px;
    text-align: center;
    width: 30%;
}	
	.red-social div, .red-social iframe {
		display: inline-block;
		max-width: 100% !important;
		text-align: center;
		vertical-align: middle;
	}
/* ---> PAGINAS SEO <-- */
	.grid50 {
    padding: 20px 20px 0;
    text-align: center;
    width: 100%;
}
	.grid10, .title, .marca-title {
    display: inline-block;
    float: none;
    vertical-align: middle;
    width: auto;
}
.content-photo {
    display: none;
}
.final-button, .final-button:hover {
    background: none;
    border: none;
    box-shadow: none;
    height: auto;
    padding-bottom: 20px;
    width: 100%;
}	
.text-final-button {
    background: #ff8500;
    border: 2px solid #a52a2a;
    border-radius: 3px;
    display: inline-block;
    padding: 10px 20px;
    width: auto;
}	
.grid50 .grid10 img {
    margin: 0;
}	
.subtitle h3 {
    padding-top: 30px;
}	
.marca, .modalidad-precios {
    padding: 0 20px 20px;
}
.cajaAseguradoras .top, .contenidoLanding, .cajaAseguradoras, .cajaAseguradoras .ctral {
    border: medium none;
    float: none;
    width: 100%;
}
.cajaAseguradoras h2 {
    color: #777;
    font-family: arial;
    font-size: 16px;
}
.cajaAseguradoras table, .cajaAseguradoras tbody, .cajaAseguradoras tr, .cajaAseguradoras td {
    display: inline-block;
}
.cajaAseguradoras tr {
    width: 100%;
}
.cajaAseguradoras .ctral td {
    background: #efefef;
    margin-bottom: 20px;
    padding: 15px 0;
    vertical-align: middle;
    width: 24%;
}
/* ---> PAGINAS SEO <-- */
}

@media only screen and (max-width:980px) {

	html, body {
	  overflow-x: hidden;
	}
	html {
	  position: relative
	}
	
	/* ---> INICIO HOME <-- */
	.left-promoPrincipal h3, .left-promoPrincipal h3 * {
	
	    font-size: 58px;
	}
	.text-promoPrincipal {
	    font-size: 30px;
	}
	/* ---> FIN HOME <-- */
	
	
	/* ---> INICIO HEADER <-- */
	.mainMenu {
	    left: -210px;
	}	
	.wrapp {
	    width: 100%;
	}	
	.btnHeader.menu {
	    display: table-cell;
	}
	.desplegado .wrapp {
	    left: 210px;
	}
	.desplegado .mainMenu {
	    left: 0;
	    box-shadow: 2px 0 3px #111;
	}
	.btnHeader > span {
	    height: 50px;
	    width: 50px;
		background-size: 665px 486px;
	}
	.btnHeader.menu > span {
	    background-position: -178px -5px;
	}
	.btnHeader.call > span {
	    background-position: -316px -5px;
	}
	.logoSB span {
		background-size: 665px 486px;
		background-position:-3px -5px;
	    height: 50px;
	    width: 165px;
	}
	header > span {
	    font-size: 13px;
	}
	.logoSB strong {
	    margin-left: -74px;
	    top: 53px;
	}	
	.desplegado .btnHeader.menu {
	    background: #474747;
	}	
	.desplegado .btnHeader.menu > span {
	    background-position: -248px -5px;
	}
	/* ---> FIN HEADER <-- */
	
	
	/* ---> INICIO HOME <-- */
	.left-promoPrincipal h3, .left-promoPrincipal h3 * {
	    font-size: 58px;
	}
	.text-promoPrincipal {
	    font-size: 30px;
	}
	/* ---> FIN HOME <-- */
	
		
	/* ---> INICIO CONTACTO <-- */
	.contarinerMaps, #gmap_canvas{
		height:300px
	}
	/* ---> FIN CONTACTO <-- */


	/*--> BOTONES <-- */
	#boton_volver a, #boton_siguiente a {
	    font-size: 16px;
	    line-height: 28px;
	}

	/* ---> INICIO PANTALLAS DE ESPERA <-- */
	.espera-n table, .espera-n .titleEspera-n {
		margin: 0 auto;
		width: 90%;
	}
	
	/* ---> FIN PANTALLAS DE ESPERA <-- */
	
	/* ---> INICIO CATASTRO <-- */
	.catast-form, .validaciones-catast {
    width: 100%;
    /* overflow: hidden; */
    margin-left: 0;
    /* display: none; */
    /* padding-bottom: 25px; */
	}
	/* ---> FIN CATASTRO <-- */
	/* ---> PAGINAS SEO <-- */
	.list-a {
		width: 50%;
	}
	/* ---> PAGINAS SEO <-- */
}


@media only screen and (max-width:650px) {

	
	/* ---> INICIO GENERAL <-- */
	.politicacookies p {
	    font-size: 12px;
	    padding: 0 0 5px;
	}
	.politicacookies {
	    padding: 10px;
	}
	p, section ul li{
	    font-size:14px;
	}
	.fiftywidth, .tenwidth, .fifteenwidth, .twentywidth, .twentyfivewidth, .thirtywidth, .thirtythreewidth, .fortywidth, .sixtywidth, .sixtysixwidth, .seventywidth, seventyfivewidth, .eightywidth, .ninetywidth{
	    width:100%;
	}
	/* ---> FIN GENERAL <-- */
	
	
	/* ---> INICIO HOME <-- */
	.promoPrincipal {
	    height: auto;
	}
	.promoPrincipal.promoAutos18052015 {
	    background-size: 150% auto;
	}
	.left-promoPrincipal, .right-promoPrincipal {
	    height: auto;
	    width: 100%;
		background: rgba(0, 0, 0, 0.4);
	}
	.left-promoPrincipal {
	    height: auto;
	}
	.left-promoPrincipal h3 br {
	    display: none;
	}
	.right-promoPrincipal .btn {
	    margin-top: 10px;
	    position: relative;
	    width: 100%;
		bottom:auto;
	}
	.left-promoPrincipal h3, .left-promoPrincipal h3 * {
	    font-size: 50px;
	    line-height: 55px;
	}
	.text-promoPrincipal {
	    font-size: 25px;
	}
	.iconSeguros {
	    width: 120px;
	}
	.iconSeguros > strong {
		background-size: 550px 402px;
	    height: 46px;
	    width: 80px;
	}
	.iconSeguros.moto > strong {
		background-position: 0px -50px;
	}
	.iconSeguros.hogar > strong {
		background-position: -80px -50px;
	}
	.iconSeguros.salud > strong {
		background-position: -157px -50px;
	}
	.iconSeguros.comercio > strong {
		background-position: -235px -50px;
	}
	.iconSeguros.decesos > strong {
		background-position: -392px -50px;
	}
	.iconSeguros.respCivil > strong {
		background-position: -78px -99px;
	}
	.iconSeguros.otrosSeguros > strong {
		background-position: -0px -99px;
	}
	.iconSeguros > span {
	    font-size: 20px;
	}
	.ciasWrapp > a {
	    min-width: 80px;
	    padding: 5px;
	}
	
	/* ---> FIN HEADER <-- */
				



	/* ---> INICIO HEADER <-- */
	.btnHeader {
	    width: 60px;		
	}			
	/* ---> FIN HEADER <-- */

			
	/* ---> INICIO CLICK TO CALL <-- */
	.container-clicktocall {
	    height: auto;
	    left: auto;
	    margin: 0 auto;
	    top: 45px;
	    width: 95%;
	}
	.title-clicktocall, .title-clicktocall span {
	    font-size: 25px;
	}
	.container-clicktocall input {
	    background-size: 390px 285px;
	    font-size: 18px;
	    padding-left: 30px;
	}
	.container-clicktocall .icon-name {
		background-position: -360px 5px;
	}
	.container-clicktocall .icon-phone {
		background-position: -360px -30px;
	}
	.politicaprivacidad {
	    margin-top: 10px;
	}
	.politicaprivacidad input[type="checkbox"] + label {
	    font-size: 15px;
		padding-left: 25px;
	}
	.politicaprivacidad input[type="checkbox"] + label:before {
		height: 13px;
		width: 13px;
	}
	/* ---> FIN CLICK TO CALL <-- */

	
	/* ---> INICIO HOME <-- */
	.promoPrincipal {
	    height: auto;
	}
	.promoPrincipal.promoAutos18052015 {
	    background-size: 150% auto;
	}
	.left-promoPrincipal, .right-promoPrincipal {
	    height: auto;
	    width: 100%;
		background: rgba(0, 0, 0, 0.4);
	}
	.left-promoPrincipal {
	    height: auto;
	}
	.left-promoPrincipal h3 br {
	    display: none;
	}
	.right-promoPrincipal .btn {
	    margin-top: 10px;
	    position: relative;
	    width: 100%;
		bottom:auto;
	}
	.left-promoPrincipal h3, .left-promoPrincipal h3 * {
	    font-size: 50px;
	    line-height: 55px;
	}
	.text-promoPrincipal {
	    font-size: 25px;
	}
	.iconSeguros {
	    width: 120px;
	}
	.iconSeguros > strong {
		background-size: 550px 402px;
	    height: 46px;
	    width: 80px;
	}
	.iconSeguros.moto > strong {
		background-position: 0px -50px;
	}
	.iconSeguros.hogar > strong {
		background-position: -80px -50px;
	}
	.iconSeguros.salud > strong {
		background-position: -157px -50px;
	}
	.iconSeguros.comercio > strong {
		background-position: -235px -50px;
	}
	.iconSeguros.decesos > strong {
		background-position: -392px -50px;
	}
	.iconSeguros.respCivil > strong {
		background-position: -78px -99px;
	}
	.iconSeguros.otrosSeguros > strong {
		background-position: -0px -99px;
	}
	.iconSeguros > span {
	    font-size: 20px;
	}
	.ciasWrapp > a {
	    min-width: 80px;
	    padding: 5px;
	}
	
	/* ---> FIN CLICK TO CALL <-- */
	
	
	/* ---> INICIO QUIENES SOMOS <-- */
	.subtitle.quienesSomos {
		background-size:200% auto;
	}
	.subtitle.quienesSomos > div {
	    padding: 15px;
	    width: 90%;
	}
	.cia-quienesSomos > p span{
	    height: auto;
	    padding: 5px 0px;
	}
	/* ---> FIN QUIENES SOMOS <-- */


	/* ---> INICIO CONTACTO <-- */
	.contarinerMaps, #gmap_canvas{
		height:180px;
	}
	.formError {
		width: 100%;
	}
	form input, form textarea {
	    font-size: 18px;
	    margin: 0 0 10px;
	    padding: 5px 10px;
	    width: 100%;
	}
	form .politicaprivacidad {
	    width: 100%;
	}
	form .btn {
	    width: 100%;
	}
	.formError > ul:before {
		visibility:hidden;
	}
	.formError > ul > li {
	    padding-left: 30px;
	}
	
	/* ---> FIN CONTACTO <-- */
	
	
	/* ---> INICIO PANTALLAS DE ESPERA <-- */
	.espera-n table li {
		font-size: 19px;
		line-height: 24px;
	}
	.espera-n table td {
		display: inline-block;
		padding: 10px;
		text-align: center;
		width: 100%;
	}
	.espera-n table td ul {
		padding: 0 10px 0 20px;
	}
	.espera-n table td, .espera-n table {
		border: 0;
	}
	.espera-n .titleEspera-n {
		font-size: 25px;
	}
	
	/* ---> FIN PANTALLAS DE ESPERA <-- */
	
	.contenedor .cabecera-landing {
    background: none;
    padding: 0 10px;
}	
.cabecera-landing h1 {
    font-size: 26px;
    font-variant: small-caps;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    text-shadow: none;
}
.cabecera-landing > ul {
    font-size: 15px;
    margin-top: 0;
    width: 100%;
}
.wrap-clicktoaction-landing, .wrap-clicktoaction-landing.cuadro-medico {
    box-sizing: border-box;
    display: inline-block;
    font-size: 22px;
    text-align: center;
    width: 100%;
	margin-left: 0;	
    margin-top: 5px;
    margin-bottom: 5px;
}
.wrap-clicktoaction-landing img {
    height: auto;
    width: 18px;
}	
.title-landing {
    font-size: 22px;
    font-variant: small-caps;
    letter-spacing: -0.5px;
    margin-top: 30px;
    text-shadow: none;
}
.cien-column-landing {
    margin-top: 0;
}
.fifty-column-landing {
    width: 100%;
}	
.nav-aux-menu table, .nav-aux-menu tbody, .nav-aux-menu tr, .nav-aux-menu td {
    display: inline-block;
}
.nav-aux-menu table td {
    vertical-align: middle;
    width: 47%;
}	
.nav-aux-menu tr {
    width: 100%;
}
.footer-container .column-foot {
    width: 100%;
}
.wrapp-share-rrss-separator, .wrapp-share-rrss {
    display: none;
}
.contenedor-menu {
    top: 0;
}	

	
	
/****************CAPA ACCESO USUARIOS*****************/	
.cajaCliente {
    box-sizing: border-box;
    left: 0;
    padding: 10px;
    right: 0;
    top: 0;
    width: 100%;
}
.cajaCliente .top, .cajaCliente .ctral, .cajaCliente .bottom {
    background: none;
    border: 0;
    display: inline-block;
    float: none;
    height: auto;
    width: 100%;
}	
.cajaCliente .ctral {
    background: white;
    border: 1px solid #4a72b1;
    border-radius: 3px;
    box-shadow: 3px 3px 0 rgba(74, 114, 177, 0.8);
    box-sizing: border-box;
    padding: 10px;
}
.cajaCliente .btnCerrar {
    border: 1px solid #333;
    border-radius: 50%;
    font-size: 20px;
    padding: 5px 10px;
    position: absolute;
    right: 7%;
    width: auto;
}	
.labelCliente, .inputCliente {
    box-sizing: border-box;
    color: #4a72b1;
    display: inline-block;
    float: none;
    font-size: 15px;
    vertical-align: middle;
    width: 90%;
}	
.inputCliente {
    background: none;
    border: 1px solid #999;
    height: auto;
    padding: 5px;
}
.enlacesCliente {
    display: inline-block;
    float: none;
    font-size: 14px;
    vertical-align: middle;
    width: 48%;
}	
.btnAcceder {
    background: #ff8500;
    border-radius: 2px;
    display: inline-block;
    float: none;
    font-family: oswald;
    font-weight: normal;
    height: auto;
    letter-spacing: 0.5px;
    margin-left: 0;
    margin-top: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    width: 90%;
}	
.btnAcceder:after {
	content: "Acceder >";
}	
}

@media only screen and (max-width:500px) {
	/* ---> PAGINAS SEO <-- */
	.list-a {
		width: 100%;
	}	
	.cajaAseguradoras .ctral td {
		vertical-align: middle;
		width: 49%;
	}
	/* ---> PAGINAS SEO <-- */
}	


@media only screen and (max-width:340px) {

	/* ---> INICIO GENERAL <-- */
	.btn {
	    font-size: 16px;
	}
	.politicacookies > a {
	    font-size: 13px;
	    margin: 0 2%;
	    min-width: auto;
	    width: 45%;
	}
	h2 {
	    font-size: 25px;
	    line-height: 30px;
	}
	
	/* ---> FIN GENERAL <-- */
	
	
	/* ---> INICIO HOME <-- */
	.promoPrincipal.promoAutos18052015 {
	    background-size: auto 150%;
	}
	.left-promoPrincipal h3, .left-promoPrincipal h3 * {
	    font-size: 40px;
	    line-height: 50px;
	}
	/* ---> FIN HOME <-- */
	
	

	/* ---> INICIO HEADER <-- */
	.btnHeader > span {
	    background-size: 485px 355px;
	    height: 35px;
	    width: 35px;
	}
	.desplegado .btnHeader.menu > span {
	    background-position: -182px -5px;
	}
	.btnHeader.menu > span {
		background-position: -131px -5px;
	}
	.btnHeader.call > span {
		background-position: -231px -5px;
	}
	.headerContainer > div {
	    padding: 5px 0;
	}
	.btnHeader {
	    width: 40px;
	}
	.logoSB span {
	    background-position: -3px -4px;
	    background-size: 535px 391px;
	    height: 40px;
	    width: 130px;
	}
	/* ---> FIN HEADER <-- */
	
	
	/* ---> INICIO HOME <-- */
	.promoPrincipal.promoAutos18052015 {
	    background-size: auto 150%;
	}
	.left-promoPrincipal h3, .left-promoPrincipal h3 * {
	    font-size: 40px;
	    line-height: 50px;
	}
	/* ---> FIN HOME <-- */

	
	/* ---> INICIO FOOTER <-- */
	.socialWrapp a {
		background-size: 375px 274px;
	    height: 30px;
	    margin: 0 5px;
	    width: 30px;
	}
	.socialWrapp a.facebook {
		background-position: -108px -67px;
	}
	.socialWrapp a.twitter {
		background-position: -138px -67px;
	}
	.socialWrapp a.google {
		background-position: -169px -67px;
	}
	.socialWrapp a.youtube {
		background-position: -200px -67px;
	}
	.socialWrapp a.linkedin {
		background-position: -231px -67px;
	}
	.socialWrapp a.blog {
		background-position: -261px -67px;
	}
	.copyright, .btnVersionclasica {
	    font-size: 15px;
	}
	
	/* ---> FIN FOOTER <-- */
	
	
	/* ---> INICIO QUIENES SOMOS <-- */
	.subtitle.quienesSomos {
		background-size:auto 100%;
		padding: 50px 0;
	}
	.subtitle.quienesSomos > div {
	    padding: 15px;
	    width: 96%;
	}
	/* ---> FIN QUIENES SOMOS <-- */	
	
}


@media only screen and (orientation: landscape) { 

	/* ---> INICIO CLICK TO CALL <-- */
	.container-clicktocall {
	    height: auto;
	    left: auto;
	    margin: 0 auto;
	    top: 45px;
	    width: 95%;
	}
	/* ---> FIN CLICK TO CALL <-- */

}