﻿html,body {font-family: Trebuchet Ms, Arial, sans-serif;}
body{font-size:16px; line-height:1.5; color: #494949;}
fieldset, a img {border-width: 0;}
a, a:hover, a:visited { text-decoration: none;    color: #005192;    cursor: pointer;}
h1,h2,h3,h4{margin-top:.5em;margin-bottom:.5em}
h1,.l1{font-size:1.47em;font-weight:400;line-height:1.3em;color:#47535c;}
h2,.l2{font-size:28px;color:#F39800;font-weight:400;line-height:1.2em}
h3,.l3{font-size:1.2em;color:#F39800;font-weight:400;line-height:1.2em}
h4,.l4{font-size:1.07em;font-weight:600;line-height:1.2em}
h5,.l6{font-size:1em;font-weight:600;line-height:1.2em}
h6,.l6{font-size:.9em;font-weight:600;line-height:1.2em}
.visible-xs,.visible-md,.visible-lg{ display:none}
@media all and (min-width:768px){body{font-size:16px; line-height:1.5;}.visible-md{display:block;}}
@media all and (max-width:767px){body{font-size:14px; line-height:1.3;}.visible-xs{display:block;}}

.Hormigas #miga { margin: 15px 0;}

/* 1. HEADER */
#w-header{ margin:auto;position:relative;width:100%; z-index: 100;    -webkit-box-shadow: 0 -25px 60px 0px #999;    -moz-box-shadow:    0 -25px 60px 0px #999;box-shadow:0 -25px 60px 0px #999; padding:20px 0;background:#fff;
}
#boton-menu, #boton-busqueda {display: none;}
#boton-menu{ position:absolute; right:0; top:0;cursor: pointer;outline: 0; background: #fff;  background: url("../Images/f-responsive/ico_menu.png") no-repeat center center; width:50px; height:50px; border:none;}
.header-logo{float:left;}
.header-logo a{ display:block;}
.header-logo img{ max-width:100%; max-height:50px;}
.header-links{ float:right;font-size:.846em;}
.header-links ul{ padding:0; margin:0; list-style:none }
.header-links ul li{ display:inline-block;}
.header-links ul li a{ display:inline-block;  line-height:50px; padding:0; color:#666; text-decoration:none; }
.header-links ul li:after { content: "|";    display: inline-block;    padding-left: 10px;    padding-right: 3px;}
.header-links ul li:last-child:after{ display:none;}
.header-links ul li a:hover{ color:#F39800}
/* -----> Header fijo */
.header-fijado #w-header{position:fixed;z-index:200;background:#fff;margin-bottom:0;-webkit-animation:headerSlide 3s cubic-bezier(0.19,1,0.22,1);-moz-animation:headerSlide 3s cubic-bezier(0.19,1,0.22,1);-o-animation:headerSlide 3s cubic-bezier(0.19,1,0.22,1);animation:headerSlide 3s cubic-bezier(0.19,1,0.22,1)}
.header-fijado #w-header.barra-pulsada{max-height:none}
.header-fijado #boton-menu{background:url(../Images/f-responsive/ico_menu.png) no-repeat center center;position:absolute;display:block;width:4em;height:4.5em;float:right;right:0;top:0;cursor:pointer;outline:0}
.header-fijado #nav-logo{height:4em;width:30%;padding:1em 0}
.header-fijado #nav-logo img{height:2.1em}
.header-fijado #logo a{height:100%}
.header-fijado #Menu{height:0;position:initial;display:inline}
.header-fijado .barra-pulsada #Menu{height:auto;background:#f6f6f6;display:inline-block}


.header-multisite{font-size: .745em; float: right; position: relative;background: transparent;border-top: 4px solid #f39800;height: 40px; border-radius: 0;color: #666;margin: 0;margin-right: 40px;}
.header-multisite:hover{color:#f39800}
.header-multisite ul{ list-style:none; width: auto; padding: 0; margin: 0; }
.header-multisite ul ul{ padding:0; margin:0; list-style:none;position: absolute; width:180px; background: #647683; display: block;-moz-animation: effect1 0.3s alternate 1;-webkit-animation: effect1 0.3s alternate 1; margin-top: 10px; border-radius: 0;border-top: 4px solid #f39800;width: 100%;}
.header-multisite ul li:last-child{border:0}
.header-multisite ul li:last-child:after{ display:none;}
.header-multisite ul li h3 a{ color: #666;}
.header-multisite ul li h3 a:hover { color: #f39800;}
.header-multisite ul li > a{ line-height:25px; color:#666; text-decoration:none; }
.header-multisite ul li h3{background: url(https://www.axesor.com/images/default-source/corporativo/89490.png) no-repeat left center; display: block; padding-left: 20px;background-size: 17px; min-width: 17px; margin-left: 10px;height: 30px;line-height: 30px;}
.header-multisite ul li h3:hover{background: url(https://www.axesor.com/images/default-source/corporativo/894902.png) no-repeat left center; padding-left: 20px;background-size: 17px; min-width: 17px; margin-left: 10px;}
.header-multisite ul li h3 a div{text-align: center;padding-left: 5px;}
.header-multisite ul li h3 > a::after { content: '\25BC'; color: #666; margin-right: 5px; margin-left: 5px;}
.header-multisite ul li h3 > a:hover{ color:#F39800}
.header-multisite ul li h3 > a:hover::after { color: #f39800;}
.header-multisite ul li ul li {text-align: center;border-bottom: 1px solid #fff;padding: 4.5px 0 4.5px 0px;}
.header-multisite ul li ul li:hover{background-color: #728899;}
.header-multisite ul li ul li:hover:first-child{border-radius: 0 }
.header-multisite ul li ul li:hover:last-child{border-radius:0}
.header-multisite ul li ul li a{color: #fff}
.header-multisite ul li ul li a:hover{ color:#f39800; }
.header-multisite .sflistExpandAllLnkWrp{display:none;}
.header-multisite .sflistTitle {    display: none;}
#list-multi { margin-left: -31px;}


@media all and (max-width:768px){
	#w-header{ padding:5px 0; position:fixed; top:0; left:0; width:100%; z-index:100000}
	#boton-menu{ display:block;}
	.header-links{ display:none;}

	.header-multisite{position: absolute; top:0; right: 80px; cursor: pointer;background: none; border-top:0;margin-right: 25px; margin-top: 6px}
	.header-multisite ul li h3{background: url(https://www.axesor.com/images/default-source/corporativo/89490.png) no-repeat left center; padding-left: 20px;background-size: 25px; min-width: 25px; margin-left: 10px;width:25px;line-height: 1em;}
	.header-multisite ul li h3:hover{background: url(https://www.axesor.com/images/default-source/corporativo/894902.png) no-repeat left center; padding-left: 20px;background-size: 25px; min-width: 25px; margin-left: 10px;}
	.header-multisite ul li h3 div{ white-space: nowrap; overflow: hidden; padding-left: 0;}
	.header-multisite ul li h3 > a{visibility: hidden; font-size: 0}
	.header-multisite ul li h3 > a::after { content: '';}

	.header-multisite ul{border:none;}
	.header-multisite ul ul{width:110px;}
	.header-multisite div div ul{padding:0;}
	#list-multi {padding-top: 0px;}

}

@media all and (max-width:500px){
	.header-multisite{right: 70px; margin: 0; height:40px}
  .header-multisite ul ul{width:95px;}
}

/* 2. FOOTER */
#w-footer{position:relative;clear:both;	background-color:#47535c;	line-height:1.2em; font-size: 0.846em; color:#fff;}
#w-footer a, #w-footer a:hover,#w-footer a:visited{ color:#fff}
#w-footer a:hover{ text-decoration:none; color:#cdcdcd}
/* Redes sociales en footer */
#w-footer #section-rrss-footer { position: absolute;    top:-17px;    right: 0px; }
#w-footer #section-rrss-footer ul{ list-style:none; margin:0; padding:0;}
#w-footer #section-rrss-footer li { display: inline-block;    margin-right:5px; vertical-align:middle;}
#w-footer #section-rrss-footer li a{ display:block; width: 34px; height: 34px; }
#w-footer #section-rrss-footer a .rrss { border-radius: 50%;   background-color: white;}
#w-footer #section-rrss-footer a:hover .rrss {background-color: #ccc;}
.w-footer-box{ padding:2.273em 0;}
/* Enlaces del pie */
.w-footer-box ul{ list-style:none; margin:0; padding:0;}
.w-footer-box ul li{ display:inline-block; vertical-align:middle;padding:1em}
.w-footer-box ul li a{ display:block; }
.w-footer-box ul li:first-child  {padding-left: 0;}
.w-footer-box ul li:last-child  {padding-right: 0;}
@media all and (max-width: 768px) {
	#w-footer{ text-align:center; font-size:1em;}
	#w-footer img{ max-width:100%;}
	.w-footer-box ul li{ width:100%;}
	.footer-logos img{ float:none; width:auto !important; height:auto !important }
}

/* 3. MENU */
#Menu{position:relative;display:block;width:100%;background:#47535c; text-align: left;}
#Menu .sfNavHorizontalDropDownWrp > ul > li{ padding:0 1.5em; border:none !important}
#Menu .sfNavHorizontalDropDownWrp > ul > li > a{font-size:16px;font-weight:700; line-height:50px; border-bottom:4px solid transparent; color:#fff; padding:0;}
#Menu .sfNavHorizontalDropDownWrp > ul > li > a:hover{ color:#F39800;border-bottom-color:#F39800}
#Menu .k-menu .k-animation-container .k-menu-group{    width: 100%; border: none;background: #47535c;}
#Menu .k-state-hover, #Menu .k-state-hover .k-state-hover:hover {color:inherit;   background-color:transparent;  border-color:transparent;}
#Menu .k-menu .k-menu-group .k-item>.k-link {  font-weight: bold;    padding: .8em .9em; border-bottom:3px solid transparent; color:#fff}
#Menu .k-menu .k-menu-group .k-item>.k-link:hover{color:#F39800; border-bottom-color:#F39800}
@media all and (max-width:768px){
	#Menu{ display:none; position:fixed; top:60px; left:0; width:100%; z-index:9999;}
	#Menu .sfNavHorizontalDropDownWrp > ul > li {padding: 0;    border: none !important;    width: 100%;}
	#Menu .sfNavHorizontalDropDownWrp > ul > li > a{padding:0; border-bottom:1px solid #fff}
	#Menu .k-menu .k-menu-group .k-item > .k-link {border-bottom:1px solid #fff}
	#Menu .k-menu .k-menu-group .k-item > .k-link.k-last, #Menu .sfNavHorizontalDropDownWrp > ul > li:last-child >  a{ border-bottom:none !important}

	#Menu .k-menu .k-item > div{ width:100% !important}
	#Menu .k-menu .k-animation-container .k-menu-group{box-shadow: 3px 3px 10px rgba(0, 0, 0, 1);}
}


/* 4. MAIN */
#contentHeader{ position:relative; text-align:center}
#contentHeader img{ max-width:100%;}
#contentHeader .titular-pagina {  position: absolute;       font-weight: bold; font-style: italic;}
@media all and (min-width: 500px) {
	#contentHeader .titular-pagina {   top: 40%;    left: 8%;   }
}
@media all and (max-width: 768px) {
	#contentHeader{ margin-top:60px;}
}
@media all and (max-width: 499px) {
#contentHeader .titular-pagina {top: 0;    left: 0;    padding: 4% 2%;   font-size: 16px;    background: rgba(255,255,255,0.6);    width: 100%;    margin: 0;}
}

/* ---> migas de pan */
.RadSiteMap .rsmLink { padding: 0 5px; font-size:0.85em}
.RadSiteMap_Default .rsmOneLevel .rsmLink:hover, .RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmLink:hover, .RadSiteMap_Default .rsmThreeLevels .rsmLevel1 .rsmLink:hover, .RadSiteMap_Default .rsmManyLevels .rsmLevel2 .rsmLink:hover {color: #F39800;  background-color: transparent;    background-image: none;}
#Main{margin:0 auto;overflow:hidden;margin-top:2em; margin-bottom:2em; clear:both}

button{background:#FFF}
.fecha_social{background-image:url(/img/separador_flecha_v2.gif);background-position:0 100%;color:#999;margin-bottom:10px;padding-bottom:15px}
.ver-mas{font-size:2em;text-decoration:none}
.ver-mas:hover:before{content:"\e91f"}
.ver-mas:hover{text-decoration:none}
#justificado{text-align:justify}
.oscuro{background-color:#f2f2f2}
#bullet{ list-style:none; padding:0; margin-left:2em; text-align:left}
#bullet li { background: url(/images/default-source/general/bullet.png) no-repeat left 2px;  padding-left: 24px;    line-height: 20px;    margin-bottom: 10px;}

/*Axesor Block */
.AxesorBlock{ padding:2em 0;}
.AxesorBlock .InfoArea ~ .ImageArea { margin: 2em 0;}
.title{color:#F39800;margin-bottom:1em; line-height:1.2}
.title h2 { font-size:1em;}
.title h3 { font-size: 0.85em;    color:#47535c;}
.title h4 { font-size: 0.7em;    color: #47535c;    font-weight: 300;}

.AxesorBlock .ImageArea img{ max-width:100%; width:auto !important; height:auto !important; }
.AxesorBlock .strech{ padding-right:15px; padding-left:15px;}

@media all and (min-width:1200px){
	.AxesorBlock .strech{ width:55%; margin:auto}
	.title{font-size:1.7em;}
}

@media all and (max-width:1199px){
	.AxesorBlock .strech{ width:85%; margin:auto}
	.title{font-size:1.4em;}

}
@media all and (max-width:768px){
	.AxesorBlock .row > div{ margin-bottom:1em}
	.AxesorBlock .row > div:last-child{ margin-bottom:0}
}

/* Partners */
.listPartners .Partner:nth-child(2n+1) {background: #e0dede;}
.listLogosPartners{ list-style:none; margin:2em auto; padding:0; text-align:center}
.listLogosPartners li{ text-align:center; }
.listLogosPartners li a{ display:block;}
.listLogosPartners li a:hover img{ opacity:0.7}
.inline2 .listLogosPartners{ max-width:400px}
.inline3 .listLogosPartners{ max-width:600px}
.inline4 .listLogosPartners{ max-width:800px}
.LogosPartners { text-align:center; margin:2em 0}
.LogosPartners .item { display: inline-block;   vertical-align: middle;    width: 15%;    float: none; margin-bottom:1em}
.LogosPartners img{max-width:100%;}


@media all and (min-width:500px){
.listLogosPartners li{ display:inline-block; margin:2%; vertical-align:middle;}
.listLogosPartners img{max-width:100%;}
.inline2 .listLogosPartners li{ max-width:45%;}
.inline2 .listLogosPartners li:nth-child(2n+1){ clear:left}
.inline3 .listLogosPartners li{ max-width:28%;}
}
@media all and (max-width:499px){
.listLogosPartners li{ display:block; margin:4% auto; }
.listLogosPartners img{max-width:200px;}
}

/* Ventajas */
.Ventajas{ width:100%;}
.Ventajas.Mosaico1 .item{font-size:1.2em;line-height:25px; width:100%; border:none; background-color:#e0dede; margin-bottom:15px; text-align:center; padding:1em;}
.Ventajas.Mosaico1.inline3 .item > div{ padding:0.75em 0; vertical-align:middle; display:inline-block; }
.Ventajas .InfoArea{ margin:1em 0}
.Ventajas .item .InfoArea{ text-align:center}
.Ventajas .item .ImageArea img{ max-width:100%; margin:auto}
.Ventajas h3 {color: #000;    font-weight: bold;    font-size: 1em;}
.Ventajas.Mosaico3 .item,.Ventajas.Mosaico4 .item{ margin:1em 0;}
.Ventajas.Mosaico3 .item:nth-child(3n+1), .Ventajas.Mosaico4 .item:nth-child(4n+1) {clear: left;}
span.icon-plus::before {   content: '+';    line-height: 50px;    text-align: center;    display: block;    font-size: 30px; 	}
span.icon-plus { display: block;    width: 50px;    height: 50px;    border-radius: 50%;    border: 2px solid #f39800;color:#f39800; margin:auto; line-height:50px !important}
a:hover span.icon-plus{ background:#f39800; color:#fff}

@media all and (min-width:1200px){
	.Ventajas.Mosaico1 {  max-width: 60%;    margin: auto;}
}
@media all and (min-width:769px){
	.Ventajas.Mosaico1.inline3 .item > .ImageArea, .Ventajas.Mosaico1.inline3 .item > .LinkArea{ width:20%}
	.Ventajas.Mosaico1.inline3 .item > .InfoArea{ width:58%}
	.Ventajas.Mosaico1.inline3 .item .LinkArea a{   text-align:right}
}

@media all and (max-width:1199px){
	.Ventajas.Mosaico1{ width:85%; margin:auto}
}

@media all and (max-width: 500px) {
.Ventajas .item > div{ display:block; width:100%; text-align:center !important; }
}


/* Valores */
/********* Version 1.0 *****/
.Valores{ width:100%;}
.Valores .InfoArea{ margin:1em 0}
.Valores .item .InfoArea{ text-align:center}
.Valores .item .ImageArea img{ max-width:100%; margin:auto}
.Valores h3 {color: #000;    font-weight: bold;    font-size: 1em;}
.Valores .item{ margin:1em 0;}
.Valores.Mosaico2 .item:nth-child(2n+1){ clear:left;}
.Valores.Mosaico3 .item:nth-child(3n+1) {clear: left;}
.Valores.Mosaico4 .item:nth-child(4n+1){ clear:left;}
.Valores .item .boxContainer{ background:#f39800; padding:20px; color: #fff;}
.Valores h3 { color: #fff;    font-weight: bold;    font-size: 1.1em;}
@media all and (max-width: 500px) {
.Valores .item > div{ display:block; width:100%; text-align:center !important; }
}

/********* Version 2.0 *****/
.Ventajas.Mosaico3 .itemVMVs, .Ventajas.Mosaico4 .itemVMVs{ margin: 10px;}
.itemVMVs{font-size: 1.05em; line-height: 25px; width: 100%; border: none; text-align: center; padding: 1em; margin: 0 15px; border-radius: 25px; }
.rowVMVs{ display: flex; }
.AxesorBlock { padding: 1em 0;  }
.InfoAreaVMVs .title{margin-bottom: 0}
.ImageAreaVMVs img { background: #ddd; padding: 30px; border: 3px solid #f39800; border-radius: 50px;    }
.ImageAreaVMVs img:hover { background: #aaa; transition: 0.3s }
.containerVMVs{ display: flex; border-radius: 25px; width: 100%;  }
.containerVMVs p{ padding: 20px; }
.InfoAreaVMVs strong{ color:#f39800; }
.containerVMVs p:first-child{ border-right: 2px solid #47535c; margin: auto;}
.InfoAreaVMVs ul{ text-align: justify;margin:0px 20px}

@media all and (max-width: 991px) {
  .rowVMVs{display:block}
  .itemVMVs{display:flex}
  .ImageAreaVMVs{margin: auto;}
  .ImageAreaVMVs > div > p > em{font-size:14px}
  .ImageAreaVMVs > div {    width: 200px;}
  .InfoAreaVMVs .title{margin-top:0}
  .Ventajas .InfoAreaVMVs{margin:0}
}

@media all and (max-width: 768px) {
  .itemVMVs{display:block; font-size:1em;}
  .ImageAreaVMVs > div {    width: auto;}
}

/* Mapanundi*/
  #mapamundi img { max-width: 55%; width: 100%; }
  #mapamundi {   position: relative;   width: 100%; text-align:center; }
  #mapamundi > a > div { display: none; position: relative; background: gray; text-align: center; color: #fff; font-size: 0.8em; padding: 2px 10px; width: max-content; }
  #mapamundi .marcador {   position: absolute; width: auto; }
  #mapamundi img[onclick] { cursor: pointer; }
  #mapamundi .InfoArea { width: max-content; text-align: center; background: gray; color: white; padding: 2px 10px; font-size: 0.7em; position: absolute; display: none; }
  #mapamundi .InfoArea h2 { font-size: 1.5em;}
  #mapamundi .InfoArea a{color: #fff}
  #mapamundi .InfoArea a:hover{color:#cdcdcd}

  #spain.marcador {top: 39%;left: 46.3%;}
  #mapamundi #spain > div { top: 42%; left: 45.5%;  border-radius: 0 20px 20px;}
  #portugal.marcador { top: 40%; left: 45.7%; width: 25px;}
  #mapamundi #portugal > div { border-radius: 20px 0px 20px 20px;top: 40%;left: -318px;}
  #ireland.marcador {top: 31%; left: 45.5%;}
  #mapamundi #ireland > div { top: 30%; left: 50%; border-radius: 0 20px 20px;}

  #chile.marcador { top: 75%; left: 37%;z-index: 1;}
  #mapamundi #chile > div { border-radius: 20px 20px 20px 0; top: -400%; left: 45.3%;}
  #peru.marcador {  top: 63%; left: 36.5%;}
  #mapamundi #peru > div { border-radius: 0px 20px 20px 20px; top: 40%; left: 50%; z-index: 99;}
  #colombia.marcador {top: 57%;left: 36.5%;}
  #mapamundi #colombia > div { top: 30%; left: 50%; border-radius: 0 20px 20px 20px;z-index: 99;}


  @media all and (max-width:1200px){
      .marcador {width: 28px;}
      #chile.marcador { left: 37%;}
      #portugal.marcador {    top: 38.5%;    left: 45.5%;}
  }
  @media all and (max-width:992px){
        #peru.marcador {    top: 66%;    left: 37%;}
        #chile.marcador {left: 36.5%;}
        #spain.marcador { top: 36%;}
        #portugal.marcador {  top: 37.5%;left: 45%;}
        #ireland.marcador {    top: 27.5%;    left: 44.5%;}
  }

  @media all and (min-width:769px){
    #mapamundi-responsive{display:none;}
  }

  @media all and (max-width:768px){
    #mapamundi{display: none}
    #mapamundi-responsive{text-align: center;}
    #mapamundi-responsive .InfoArea { width: 100%; text-align: center; background: transparent; color: #666; padding: auto; font-size: 1em; position: relative; display: block; }
    #mapamundi-responsive .InfoArea h2 { font-size: 2em;}
    #mapamundi-responsive .InfoArea a{color: #666}
    #mapamundi-responsive .InfoArea a:hover{color:#808080}
  }





/* Indicadores */
.Indicadores{ width:100%; background:#e0dede;}
.Indicadores .item .InfoArea, .Indicadores .item .IconArea, .Indicadores .item .ImageArea{ text-align:center}
.Indicadores .item .IconArea img, .Indicadores .item .ImageArea img{ max-width:100%; max-height:250px;}
.Indicadores h3 {color: #000;    font-weight: bold;    font-size: 1em;}
*[visible="false"],*[visible="False"]{ display:none !important}
.Indicadores.Mosaico3 .item:nth-child(3n+1) {clear: left;}
.Indicadores.Mosaico4 .item:nth-child(4n+1) {clear: left;}

/* axesor 360 */
.Mosaico img{max-width:100%;width:auto!important;height:auto!important;margin:10px auto}
.contentax360{list-style-type: none; padding: 0; overflow: hidden; border: 2px solid #F39800; width: 60%; margin-left: 20%; }
.contentax360 li{margin-left:0;padding:0;float: left; width: 20%;}
li a.enlaceax360{display:inline-block;width:100%;color:#F39800;text-align:center;padding:15px 19px;text-decoration:none}
li a.enlaceax360:hover{background-color:#d1d1e0}
li a.enlaceax360.active{background-color:#F39800;color:#fff}
li a.enlaceax360 span{ display:block;}
.textoAx360{text-align:justify}
.imagenAx360{}
.detalle-modulo {width: 90%;    margin: auto; padding-top: 50px; padding-bottom: 50px;}

@media all and (max-width: 768px) {
	.imagenAx360{margin-left:0;position:relative;margin-top:20px}
}

@media all and (max-width: 500px) {
	#listax360{float:none}
	.textoAx360{padding-top:15px;}
	li a.enlaceax360 span{ display:none;}
	li a.enlaceax360 {padding: 5px 0;}
	li a.enlaceax360 img{ width:100% !important; height:auto !important; max-width:35px;}
	.nopaddingTop-xs{padding-top:0}
	.detalle-modulo {width: 90%;    margin: auto; padding-top: 10px; padding-bottom: 10px;}
}

/*Bloque Beneficios*/
.paralelogramo{ margin-top: 0px;   text-align: center;    }
.paralelogramo ol{    margin-top: 0px; }
.paralelogramo h3{ color:white; margin:0; padding: 1em}
.paralelogramo_up{  height: 50px;    background-color: #f39800; padding-top:5px;  width:305px; }
.paralelogramo_middle {height: 0px; border-right: 50px solid #e5e5e5; border-top: 50px solid #f39800;width:305px; }
.paralelogramo_down{background-color: #e5e5e5;text-align: left;line-height: 30px;padding: 1em;margin-bottom: 20px;width:305px;}
li.beneficios {counter-increment: li; list-style-type:none;}
ul.beneficios li::before {list-style-type: none; content: counter(li); color: #f39800; display: inline-block; width: 1.2em; margin-left: -1.5em; font-size:1.3em;margin-right: 0.5em; text-align: right; direction: rtl; font-weight: bold;}

/* CONTACTO */
.w-form-contact .sfFormsEditor {width: 100%;    max-width: 800px; font-size:14px;}
.w-form-contact .sfFormsEditor > div > .sfFormInstructions:last-child {   font-size: 0.8em;    line-height: 1.2;    margin: 1em 0;}
.sfFormBox.sfTxtBoxMedium, .sfFormBlock.sfTxtBlockMedium, .sfFormSubmit.sfSubmitBtnLarge, .sfFormCheckboxlist { margin-bottom: 1em;   display: block;}
.sfFormBox.sfTxtBoxMedium label, .sfFormBlock.sfTxtBlockMedium label{ display: block;   text-transform: uppercase; margin-bottom:0.5em}
.sfFormBlock.sfTxtBlockMedium .sfTxt, .sfFormBox.sfTxtBoxMedium .sfTxt{ padding:5px; width:100%; margin:0;}
.sfFormBox.sfTxtBoxMedium .sfTxt{ line-height:30px;}
.sfFormSubmit.sfSubmitBtnLarge input {width: 100%;    padding: 0 1em;    line-height: 50px !important;  font-weight: bold;    text-transform: uppercase;    border: none;    background: #47535c;    color: #fff;}
.sfFormSubmit.sfSubmitBtnLarge input:hover{background:#f39800}
.sfFormCaptcha .rcRefreshImage { display: block;    padding: 5px;    margin: 5px 0;    border-bottom: 1px solid #444;    max-width: 200px;    text-align: center;    font-size: 12px; text-transform: uppercase; color: #000;}
.sfFormCaptcha .sfTxt {    width: 200px;  padding: 10px 5px;   margin: 0 5px 0 0;   border: 1px solid #000;}
.sfFormCheckboxlist .sfTxtLbl {font-weight: bold;margin-bottom: 1em;}
.sfFormsEditor .sfCheckListBox {position: relative;    white-space: normal !important;  padding-right: 15px !important; display: block;}
.sfFormsEditor  input[type="checkbox"]{
	-webkit-appearance: none;
	height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
	display: block;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #000;
}
.sfFormsEditor  input[type="checkbox"] + label {    padding-left: 25px;    padding-bottom: 5px;    margin: 0; white-space: normal !important; display: inline-block;}
.sfFormsEditor  input[type="checkbox"]:checked + label:before { content: "\2713"; color: #000; text-align: center; font-size: 1.2em; font-weight: bolder;}
.sfFormsEditor  input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #000;
    margin-right: 10px;
    position: absolute;
    left: 0;
}
.sf_cols.row.formSend {margin-top: 2em;}
.formSend .sfFormSubmit{ margin-top:1em;}

@media all and (min-width:769px){}

@media all and (max-width:499px){
	.sfFormsEditor .sf_cols.row .sf_colsOut {padding: 0 !important;}
	.sfFormsEditor .sf_cols.row{ margin:0 !important}
	.sfFormCaptcha { margin-bottom:2em; text-align:center}
	.sfFormCaptcha .rcRefreshImage {margin: 5px auto;}
	.sfFormCaptcha img{ margin:auto;}
	.sfFormCaptcha .sfTxt{ width:100%}
	.sfFormCaptcha label{ display:block; font-size:0.9em; }
	.w-text-contact{margin: 3em 0;    text-align: center;}
}
#w-footer{ padding-bottom:60px}
section#BottomContact {  position: fixed;  bottom: 0;    width: 100%;  height: 50px;   }
#BottomContact .CallContacto{ width:100%; background:#f39800; display:block; padding:5px; text-align: center;}
section#BottomContact *{ margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0;}
section#BottomContact a {line-height:100%; display: block; color:#000;}
section#BottomContact img{ max-height:40px; width:auto;}
#BottomContact > div > * {margin: 0;    }
@media all and (max-width:499px){
	#w-footer{ padding-bottom:50px}
	section#BottomContact img{ max-height:30px; }
	section#BottomContact { height:40px;}
}
/* 10. utils estilos anteriores */
/* > listas de definición */
dl{width:100%;line-height:1.47em;display:block}
dl.par{background:none repeat scroll 0 0 #F6F6F6}
dl dt{float:left;height:auto;padding:2px 5px 2px 0;position:relative;text-align:left;font-weight:700;width:25%}
dl dd{display:block;margin:0;padding:2px 5px;position:relative;width:auto}
dd a{line-height:1.2em}
/*enlaces confianza*/
#img_verising, #img_confianza {text-decoration: none;}
.left{float:left}
.right{float:right}
.text-center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
.corte{clear:both}
.inline{display:inline}
.inline-block{display:inline-block}
.vacia{background:0}
.space_left{margin-left:10px}
.space_right{margin-right:10px}
.oculta{display:none}
.subrayado{border-bottom:1px solid #CFCFCF}
.tachado{text-decoration:line-through}
p.resaltado1,span.resaltado1{color:#f39800;font-weight:700}
p.resaltado2,span.resaltado2{color:#F67900;font-weight:700}
p.resaltado3,span.resaltado3{color:#005192;font-weight:700}
p.resaltado4,span.resaltado4{color:#002644;font-weight:700}
.space_bottom{margin-bottom:10px}
.blogPost{text-align: justify; padding-top: 15px; margin: 50px;}

@media print{
	#disclaimer_cookies{display:none!important}}
	.disclaimer_cookies_ver_mas{display:none}
	.v-mobile #disclaimer_cookies_ver_mas{display:none}
	.v-mobile .disclaimer_cookies_ver_mas{display:inline}
	#disclaimer_cookies{margin:-20px 0 0 0;padding:0;text-align:left;background:none repeat scroll 0 0 #f39800;width:100%;z-index:1002;position:relative}
	#disclaimer_cookies h3{color:#fff;margin-top:0}
	#disclaimer_cookies p{color:#fff;font-size:.87em}
	#disclaimer_cookies p a{color:#fff;text-decoration:underline}
	#disclaimer_cookies .cerrar{cursor:pointer;position:absolute;right:0;top:50%; }
	#disclaimer_cookies_content{margin:0 auto;padding:1em 2.5em 1em 0;max-width:1200px;width:100%;position:relative}
	.icon-cierre{color:#fff;font-size:20px; display:inline-block; line-height:30px; margin-top:-18px;}
	.icon-cierre:before{ content:"X"; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:36px; height:36px; display:block; text-align:center;}
}

/* Video de Nuestros clientes */
.cajaVideo{ width: 50%; margin-left: 25%; margin-right: 25%;}

@media all and (max-width: 768px) {
  .cajaVideo{ width: 75%; margin-left:12.50%;margin-right: 12.50%;}
}

@media all and (max-width: 500px) {
  .cajaVideo{ width: 100%;	margin-left:0%;	margin-right: 0%;	}
}

/**** MOSAICO NUESTROS CLIENTES - CASOS DE EXITO ****/
/* Mosaico Nuestros Clientes */
.MosaicoNav.Square{padding-top:30px;padding-bottom:30px;text-align:center}
.MosaicoNav.Square .efecto-nuestros-clientes{overflow:hidden;display:inline-block;position:relative;max-width:260px;width:100%;color:#47535c;text-align:center;box-shadow:none!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
.MosaicoNav.Square .efecto-nuestros-clientes:hover{opacity:0.5}
.MosaicoNav.Square .efecto-nuestros-clientes *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
.MosaicoNav.Square .efecto-nuestros-clientes figcaption{padding-top: 10px; color:#494949;}
.MosaicoNav.Square .efecto-nuestros-clientes img{width:100%; vertical-align:top; border:none}
.MosaicoNav.Square .efecto-nuestros-clientes a, .MosaicoNav.Square .efecto-nuestros-clientes a:hover {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;color:#47535c !important}
.MosaicoNav.Square .efecto-nuestros-clientes h2,.MosaicoNav.Square .efecto-nuestros-clientes p{margin:0 0 10px; color: #47535c;}

.MosaicoNav.Square .efecto-nuestros-clientes:hover figcaption,.MosaicoNav.Square .efecto-nuestros-clientes.hover figcaption{top:120px}
.MosaicoNav.Square .efecto-nuestros-clientes div{top: 12%;left: 45%;position: absolute;color: #db8916;visibility: hidden;font-size:3em; transition: 0s}
.MosaicoNav.Square .efecto-nuestros-clientes:hover div{visibility: visible;}

/* Mosaico Tambien Confian */
.MosaicoNav.Square .logos-empresas{overflow:hidden;display:inline-block;position:relative;margin:40px 7%;max-width:210px;width:100%;color:#47535c;text-align:center;line-height:1.4em;box-shadow:none!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
.MosaicoNav.Square .logos-empresas *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
.MosaicoNav.Square .logos-empresas img{width:100%;vertical-align:top;border:none; max-width: 170px; height: 50px; width: auto;}
.MosaicoNav.Square .logos-empresas h2,.MosaicoNav.Square .logos-empresas p{margin: 0 0 1.5em;padding: 0.5em; color: #47535c;}
.MosaicoNav.Square .logos-empresas:hover {    transform: scale(1.35);    box-shadow: 3px 3px 10px rgba(0,0,0,0.6);    transition: 0.2s;}
.titleNuestrosClientes{background-color: #db8916;text-align: center;margin: 0;color: white;line-height: 1.2;padding: 0.7em;font-size: 1.4em;}

.titlelogosEspecificos { display: block; width:300px; position: absolute; font-size: 20px; margin-top: 30px; padding: 30px; }
.logosEspecificos{/*padding-left: 305px;*/ border-bottom: 2px solid #404040;margin: 0 30px;}
#content div:last-child .logosEspecificos{border-bottom: none;}
.logosEspecificos .MosaicoNav.Square{text-align: center}
.logosEspecificos .MosaicoNav.Square .logos-empresas{margin: 5px 20px; max-width: 170px}
/*
@media all and (max-width: 768px) {
	.logosEspecificos {  padding-left: 210px;}
	.logosEspecificos .MosaicoNav.Square { text-align: center;}
}

@media all and (max-width:500px) {
	.logosEspecificos {  padding: 0;}
	.titlelogosEspecificos{	position: relative;	text-align: center;	width: auto; margin-top: 0;}
	.logosEspecificos .MosaicoNav.Square{padding-top: 0}
	.logosEspecificos .MosaicoNav.Square .logos-empresas{max-width: 130px;}
}
*/

/* Casos de Exito*/
.cajaVideo{ width: 50%; margin-left: 25%; margin-right: 25%;}
iframe.cajaVideo{width: 40%; margin-left: 30%; margin-right: 30%;}
.caso-exito{  text-align: justify;  margin: 4% 15%;}
.resumen-ejecutivo{  margin: 4% 15% 4% 40%;  text-align: justify;}
.ficha-tecnica{  margin: 0 0 0 15%;  position: absolute;  border: solid 3px #db8916;  padding: 1%;  text-align:center;  width: 21%;}
.ficha-tecnica img{width: 60%}

@media only screen and (max-width: 1387px) {
  .resumen-ejecutivo{ margin: 6% 15% 4% 46%; }
  .ficha-tecnica{ width: 25%; margin: 4% 0 0 15%; }
}

@media only screen and (max-width: 1118px) {
	.cajaVideo{ width: 70%; margin-left: 15%; margin-right: 15%;}
  .ficha-tecnica{ position:relative; margin: 4% 15%; width: 70%;  }
  .ficha-tecnica img{width:50%;}
  .resumen-ejecutivo{ margin: 4% 15%; }
}

@media all and (max-width: 991px) {
  .cajaVideo{width: 100%; margin-left:0%;	margin-right: 0%; }
}

@media all and (max-width: 768px) {
	.cajaVideo{ width: 75%;	margin-left: 12.5%; margin-right: 12.5%;}
	.resumen-ejecutivo, .caso-exito{margin: 4% 5%;}
}




/* Mosaico Nuestros Clientes */
/*.MosaicoNav.Square{padding-top:30px;padding-bottom:30px;text-align:center}
.MosaicoNav.Square .efecto-nuestros-clientes figcaption{padding-top: 10px; color:#494949;}
.MosaicoNav.Square .efecto-nuestros-clientes{overflow:hidden;display:inline-block;position:relative;margin:10px 5%;max-width:270px;width:100%;color:#47535c;text-align:center;line-height:1.4em;font-size:16px;box-shadow:none!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
.MosaicoNav.Square .efecto-nuestros-clientes *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
.MosaicoNav.Square .efecto-nuestros-clientes img{max-width:100%;vertical-align:top;border:none}
.MosaicoNav.Square .efecto-nuestros-clientes:hover img{opacity: 0.25;}
.MosaicoNav.Square .efecto-nuestros-clientes a, .MosaicoNav.Square .efecto-nuestros-clientes a:hover {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;color:#47535c !important}
.MosaicoNav.Square .efecto-nuestros-clientes h2,.MosaicoNav.Square .efecto-nuestros-clientes p{margin:0 0 10px; color: #47535c;}

.MosaicoNav.Square .efecto-nuestros-clientes:hover figcaption,.MosaicoNav.Square .efecto-nuestros-clientes.hover figcaption{top:120px}
.MosaicoNav.Square .efecto-nuestros-clientes div{top: 12%;left: 45%;position: absolute;color: #F39800;visibility: hidden;font-size:3em;transition: 0s}
.MosaicoNav.Square .efecto-nuestros-clientes:hover div{  visibility: visible;}
*/
/* Mosaico Tambien Confian */
/*.MosaicoNav.Square .logos-empresas{overflow:hidden;display:inline-block;position:relative;margin:10px 5%;max-width:270px;width:100%;color:#47535c;text-align:center;line-height:1.4em;font-size:16px;box-shadow:none!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
.MosaicoNav.Square .logos-empresas:hover {    transform: scale(1.35);    box-shadow: 3px 3px 10px rgba(0,0,0,0.6);    transition: 0.2s;}
.MosaicoNav.Square .logos-empresas *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
.MosaicoNav.Square .logos-empresas img { vertical-align: top; border: none; max-width: 170px; height: 50px;}
.MosaicoNav.Square .logos-empresas h2,.MosaicoNav.Square .logos-empresas p{margin: 0 0 1.5em;padding: 0.5em; color: #47535c;}
.titleNuestrosClientes{background-color: #f39800;text-align: center;margin: 0;color: white;line-height: 1.2;padding: 0.7em;font-size: 1.4em;}

.titlelogosEspecificos { display: block; width: 300px; position: absolute; font-size: 20px; margin-top: 15px; padding: 25px; padding-left: 30px;}
.logosEspecificos{padding-left: 305px; border-bottom: 2px solid #47535c;margin: 0 30px;}
#content div:last-child .logosEspecificos, #content div:nth-last-child(2) div{border-bottom: none;}

.logosEspecificos .MosaicoNav.Square{display: flex;align-items: center;align-content: center;flex-flow: row wrap;}
.logosEspecificos .MosaicoNav.Square .logos-empresas{max-width: 170px;margin: 0 10px; margin-bottom: 25px;}

@media all and (max-width: 768px) {
	.logosEspecificos {  padding-left: 210px;}
	.logosEspecificos .MosaicoNav.Square { text-align: center;}
}

@media all and (max-width:500px) {
	.logosEspecificos {  padding: 0;}
	.titlelogosEspecificos{	position: relative;	text-align: center;	width: auto; margin-top: 0;}
	.logosEspecificos .MosaicoNav.Square{padding-top: 0;display: block;}
	.logosEspecificos .MosaicoNav.Square .logos-empresas{max-width: 130px; margin: 5px 20px}

}*/


/* BLOG */
.ArticulosDeBlog{display: flex;  text-align: left; margin: 60px 0;}
.titleBlog{color: #F39800;line-height: 1.2;font-size: 1.4em;font-weight: bold;}
.dateBlog{color: #47535c; font-style: italic; padding: 10px 0; font-size: 0.9em;}
.summaryBlog {color: #666666;}
.itemBlog{
  margin-bottom: 50px;
  height: 600px;
  -webkit-border-radius: 25px;  /* Safari  */
  -moz-border-radius: 25px;     /* Firefox */
  -webkit-box-sizing:border-box;
  -webkit-transition:all .55s ease;
  transition:all .55s ease;
}

.itemBlog:hover{background-color: #eeeeee;}
.BlogArticle{margin: 3% 10%;}
.mainImage{float: right;margin-left: 30px; margin-bottom: 10px;max-width: 550px;}
.thumbnailImage{margin: 20px 0; width:100%; border-radius: 25px 25px 0 0; height: 230px;}
.authorBlog{ color: #47535c; font-style: italic; font-weight: bold; padding-bottom: 10px;}

@media all and (max-width: 1499px) {
  .itemBlog{margin-bottom: 50px; height: 580px; }
}

@media all and (max-width: 1199px) {
	.itemBlog{height: 590px; margin: 0; margin-bottom:15px;}
	.mainImage{float: none;margin-left: auto; margin-bottom: auto;max-width: none;}
}

@media all and (max-width: 991px) {
	.itemBlog{height: auto;margin: 5%; margin-bottom:15px}
  .mainImage{float: none; margin-left: auto;margin-bottom: auto;}
	.summaryBlog{padding-bottom: 30px;}
	.thumbnailImage{height: auto;}
}

/* PUBLICACIONES - NEWS */
.newsList {  margin: 0 20% 3em; border-bottom: 2px solid #666; padding-bottom: 25px;}
.newsTitle a{  color: #F39800;  line-height: 1.2;  font-size: 0.9em;}
.newsTitle a:hover{ color: #b87400;}
.dateNews{ font-weight: bold;  color: #47535c;  font-style: italic;  padding: 10px 0;  font-size: 0.9em;}
#Contenido_C001_newsFrontendList_ctl00_ctl00_pager{text-align: center;}
#content .sf_pagerNumeric a{ margin-right: 8px; color: #F39800;}
#content .sf_pagerNumeric a:hover{ margin-right: 8px; color: #d48500;}

/* PUBLICACIONES - GABINETE*/
.itemGabinete{ height: 750px; font-size: 13px; margin: 40px 0; text-align: left; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-sizing: border-box; -webkit-transition: all .55s ease; transition: all .55s ease;}
.itemGabinete:hover{background-color: #eeeeee;}
.thumbnailImageGabinete{width:100%;height: auto; padding: 20px 0; border-radius: 25px 25px 0 0;}
.titleGabinete{color: #F39800; line-height: 1.3em; font-size: 1.3em; font-weight: bold; height: auto;}
.dateGabinete{color: #47535c; font-style: italic; padding: 10px 0; font-size: 0.9em; text-transform: capitalize;}
.authorGabinete{ color: #47535c; font-style: italic; font-weight: bold; padding-bottom: 10px;}
.summaryGabinete {color: #666666; text-align: justify;float: left;}


@media all and (max-width: 1499px) {
  .itemGabinete{height: 650px; font-size: 12px;}
  .ArticulosDeBlog{margin: 20px 0;}
}

@media all and (max-width: 1199px) {
  .itemGabinete{font-size: 11px; height: 620px; margin: 20px 0;}
}

@media screen and (min-width: 992px) {
       table.responsiveGabinete {width:100%; }
       table.responsiveGabinete tbody td {display: block;}
       table.responsiveGabinete tbody td:before { content: attr(data-th);  display: block;}
}

@media all and (max-width: 991px) {
  .itemGabinete{margin: 20px 10%;font-size: 11px;height: auto; min-height: 194px;}
  .headGabinete{padding: 20px 0 0 0;position: relative;}
  .thumbnailImageGabinete{height: auto;padding: 0;width: 50%;float: left; padding-bottom: 15px; padding-top:20px;}
  .informationGabinete{width: 50%;padding: 20px;float: right;}
  .summaryGabinete{color: #666666;text-align: justify;position: relative;float: unset; padding-bottom: 20px;}
}
@media all and (max-width: 500px) {
  .headGabinete{padding: 20px 0 0 0; position: relative; height: auto;}
  .thumbnailImageGabinete{height: auto; padding: 0;width: 100%; position: relative;;}
  .informationGabinete{width: 100%; padding: 20px 0 0 0; float: right;}
}

/* ERROR PAGE */
.error-page{
	text-align: center;
	margin: 10% 25px;
}
