/*////////////////////////////////////////////////////////////////////*/
/*   CONTENT               ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

.Content section {
    background-color: #fff;
}

.Content .grid-layout{
    display: grid;
    grid-template-columns: 50% 50%;
}

.Content .banner{
    border: 1px solid #e3e3e3;
    margin-bottom: 15px;
    padding: 15px;
}

.Content .banner.faqs{
    grid-column: 1/3;
}

.Content .banner.rebate{
    margin-left: 7.5px;
}

.Content .banner.ventas{
    margin-right: 7.5px;
}

.Content .banner.faqs h2{
    text-transform: uppercase;
    font-weight: normal;
    color: #002364;
    line-height: 37px;
}

.Content .banner p{
    font-size: 16px;
    color: #676767;
}

.Content .banner img{
    width: 100%;
    max-width: 100%;
}

.Content .banner.faqs a{
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.Content .banner.faqs a > div:first-child{
    padding-right: 22.5px;
}

.Content .banner a > div:first-child{
    text-align: center;
}

.Content .banner.faqs a > div:last-child{
    padding-left: 22.5px;
}

.Content .banner.ventas h2, .Content .banner.rebate h2{
    font-size: 24px;
    font-weight: 600;
    color: #002364;
}

.Content ._contact_holder .short_desc, .Content ._contact_holder .short_desc p {
    color: #002364 !important;
    font-size: 30px !important;
    line-height: 40px !important;
    margin: 0 0 15px !important;
    text-transform: uppercase;
}
.Content ._contact_holder .long_desc, .Content ._contact_holder .long_desc p {
    color: #676767;
    font-size: 15px;
    line-height: 24px;
}
.Content ._contact_holder .long_desc p span{font-weight: 600;}
.Content ._contact_holder .long_desc p:first-child span{font-size: 23px;}
.Content ._contact_holder .long_desc p:nth-child(2){margin-bottom: 25px;}
.Content ._contact_holder .long_desc p:nth-child(3) span{font-size: 21px;color: #002364;}
.short_desc p, .long_desc p  {margin:0 0 7px}

.long_desc img {max-width: 100%; height: auto; margin-bottom: 20px;}

.Content .images img {max-width: 100%; height: auto; width: 100%;}

.long_desc h2 {
    float: left;
    font-size: 1.55em;
    font-weight: 500;
    margin: 40px 0 15px;
    position: relative;
    width: 100%;
    color: #00B4AA;
}
.long_desc > h2:first-child {
    margin-top: 0;
}
.long_desc ul {
    clear: both;
    float: left;
    margin: 0 0 20px;
}
.long_desc ul > li {
    clear: left;
    float: left;
    margin-bottom: 6px;
    padding-left: 16px;
    position: relative;
}
.long_desc ul > li::before {content: "\f363"}
.long_desc ul > li::before {
    font-family: "Ionicons";
    font-size: 1.1em;
    left: 1px;
    opacity: 0.3;
    position: absolute;
    top: 0;
}

.long_desc > h3 {
    border-top: 1px solid #dedede;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 0.07em;
    padding-top: 20px;
    width: 100%;
}
.Content .caja .images {
    width: 40%;
}

.Content .caja ._contact_holder{
    width: 60%;
    padding: 15px 0 0 59px;
}

.contentform {
    float: left;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    padding-top: 14px;
    margin-top: 20px;
}
.contentform select {
	appearance: menulist !important;
	-moz-appearance: menulist !important;
	-webkit-appearance: menulist !important;
}




@media (max-width: 767px) {

.Content .grid-layout, .Content .banner.faqs a{
    grid-template-columns: 100%;
}
.Content .banner.faqs{
    grid-column: auto;
    border: 0;
}
.Content .banner.ventas, .Content .banner.rebate{
    margin: 0 15px;
}
.Content .banner.ventas{
    margin-bottom: 15px;
}
.Content .banner.faqs h2{
    font-size: 21px;
    line-height: 30px;
}
.Content .banner p{
    font-size: 1em;
}
.Content .banner.ventas h2, .Content .banner.rebate h2{
    font-size: 19px;
}
.Content .banner.faqs a > div:first-child{
    padding: 0;
}    
.Content .menu_tree {
    margin: -10px 0 0;
}
.Content .menu_tree > ul {
    border: 0 none;
    margin: 0;
}
.Content .menu_tree > ul a {
    background: #f3f3f3 none repeat scroll 0 0;
    float: left;
    line-height: 1.2em;
    margin: 0 0 2px;
    padding: 12px 20px;
}

.Content.Contact .caja{
    flex-wrap: wrap;
    border: 0 !important;
    padding: 0 !important;
    margin-top: 20px;
}

.Content .caja .images, .Content .caja ._contact_holder{
    width: 100%;
    padding-left: 0;
}

.Content .caja ._contact_holder{
    padding-top: 25px;
}

.Content ._contact_holder .short_desc, .Content ._contact_holder .short_desc p{
    font-size: 21px !important;
    line-height: 30px !important;
}

.Content ._contact_holder .long_desc, .Content ._contact_holder .long_desc p{
    font-size: 14px;
}

.Content ._contact_holder .long_desc p span{font-size: 19px !important;}
}



.long_desc h2 {
    float: left;
    font-size: 1.55em;
    font-weight: 500;
    margin: 40px 0 15px;
    position: relative;
    width: 100%;
    color: #002364;
}
.long_desc h2:first-child {
    margin-top: 0;
}

.long_desc h3 {
    font-size: 1.45em;
    font-weight: bold;
    margin: 20px 0 14px;
    float: left;
    width: 100%;
}
.long_desc h4 {
    color: #054fa2;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 20px 0 10px;
    float: left;
    width: 100%;
}

.long_desc hr {
    border-top: 1px solid #ddd;
    float: left;
    margin: 40px 0 30px;
    width: 100%;
}

.long_desc a {
    text-decoration: underline;
    color: #1381B2;
}
.long_desc a:hover {color: #000}

.long_desc ul, .long_desc ul li {
    float: left;
    width: 100%;
}
.long_desc ul li {
    margin-bottom: 5px;
}
.long_desc ul li::before {
    float: left;
    content: "\f3d1";
    font-family: 'Ionicons';
    margin-right: 12px;
    color: #003a7e;
    font-size: 12px;
    opacity: 0.7;
}

blockquote {
    float: left;
    width: 100%;
    color: #919191;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 15px 0 40px;
    font-weight: normal;
}
code {
    color: #002364;
    font-weight: normal;
    background: #2990FF2B;
}



/* CONTACTO ******************************/
.Contact h1 {}

.Contact .long_desc ul li {
    clear: left;
    float: left;
    line-height: 1.4em;
    margin-bottom: 20px;
    padding-left: 38px;
    position: relative;
}
.Contact .long_desc ul li::before {
    font-family: "Ionicons";
    font-size: 1.8em;
    left: 0;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 28px;
}
.Contact .long_desc ul li.mail:before {content: "\f422"}
.Contact .long_desc ul li.phone:before {content: "\f4b8"}
.Contact .long_desc ul li.rrhh:before {content: "\f47b"}
.Contact .long_desc ul li.address:before {content: "\f455"}


.Contact .long_desc ul li span {
    font-size: 1.1em;
    font-weight: 600;
}
.Contact .long_desc ul li a {text-decoration: underline;}
.Contact .long_desc ul li a:hover {opacity: 0.7;}

.Contact .long_desc h4, .Contact .long_desc h5 {
    margin: 0 0 3px;
}
.Contact .long_desc h4 {
    font-size: 1.2em;
}

.Contact .long_desc .horario {
    color: #777;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    letter-spacing: 0.03em;
    margin: 4px 0;
    text-transform: uppercase;
}

.Contact iframe#mapa {
    border-bottom: 5px solid #ededed !important;
    height: 400px;
    width: 100%;
}

iframe#mapa {
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
iframe#mapa.clicked{
	pointer-events: auto;
}








/* SUCURSALES  ******************************/

/* listado */
.Sucursales .LISTA {
    height: 500px;
    overflow: auto;
    flex-direction: column;
    justify-content: flex-start;
    width: 225px;
    float: left;
}
.Sucursales .LISTA > li ul li {
  padding: 0;
  position: static;
  border-bottom: 1px dashed #ffffff;
  font-size: 1em;
  width: 100%;
}
.Sucursales .LISTA .region {
  padding: 0;
  margin: 0;
  width: 100%;
}
.Sucursales .LISTA .region > a{
    background-color: #00B4AA;
    color: white;
    margin-bottom: 6px;
    width: 100%;
    margin-left: 0;
}
.Sucursales .LISTA .region > a {
    padding: 8px 11px;
    font-size: 1.1em;
}
.Sucursales .LISTA .region > a.collapsed {
    background-color: #000;
    color: white;
    width: 100%;
}
.Sucursales .LISTA .region > a:hover{
    background-color: #008396;
    color: white;
}
.Sucursales .LISTA .region > a:after{
    content: "\f48a";
    float:right;
    font-family:"ionicons";
    position:absolute;
    right:10px;
}
.Sucursales .LISTA > li ul li a {
    font-size: 12px;
    color: #808080;
    display: block;
    padding: 10px 10px;
    border: 1px solid #ddd;
    line-height: 15px;
    margin: 0 5px 5px 0;
    background-color: #f4f4f4;
}
.Sucursales .LISTA > li ul li a:hover, .Sucursales .LISTA > li ul li a:focus, .Sucursales .LISTA > li ul li.active > a {
    background: #fffee5;
    border-color: #fed100;
}
.Sucursales .LISTA > li ul li.region > a:hover,
.Sucursales .LISTA > li ul li.region > a:focus{
    padding-bottom: 8px;
    border: none;
}
.Sucursales .LISTA > li ul a strong {
    color: #333;
    margin: 0 0 6px;
    float: left;
    width: 100%;
    font-size: 13px;
}

/* mapa */
.Sucursales .MAPA {
    width: calc(100% - 225px);
    float: right;
    color: #5a5c5d;
    padding: 0;
    height: 500px;
    border: 6px solid #e3e3e3;
}
.Sucursales .MAPA .tab-pane, .Sucursales .MAPA .tab-pane .map {
    padding: 0;
    width: 100%;
    height: 100%;
}
.Sucursales .mapdef {
    display: flex;
    justify-content: stretch;
    width: 100%;
    height: 100%;
    background: #e0e0e0;
    align-items: stretch;
}
.Sucursales .mapdef img {
    width: auto;
    height: auto;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Sucursales .MAPA iframe {
    width: 100% !important;
    height: 100% !important;

}


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

}


@media only screen and (max-width: 767px) {
.Sucursales .LISTA > li ul li {
	width: 100%;
}
.Sucursales .LISTA, .Sucursales .MAPA {
	width: 100%;
	float: none;
}
}




/***** NEWS // VENDEDOR VIRTUAL ************************************************/


/* content detail ******/

.Content .breadcrumb {
    margin: -10px 0 10px 0;
    margin-bottom: 10px;
    top: 0;
}
.Content.News .breadcrumb li:last-child {display: none}
.Content.News .breadcrumb li:not(:last-child)::after {color: #595959 !important}








/* FAQ - collapsed   ******************************/

.faq h1 {}
.faq_list {
    float: left;
    width: 100%;
}
.faq_list article {
    margin: 5px 0 0;
    padding: 0;
    border-width: 0;
    height: auto;
    flex-direction: column;
}
.faq_list li:last-child article {
    border-bottom: 1px solid #e4e4e4;
}
.faq_list article > a {
    color: #676767;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: normal;
    padding: 13px 15px 10px 40px;
    float: left;
    width: 100%;
    margin: 0;
    border-color: #17B2AB;
    border-width: 1px;
    border-style: solid;
}
.faq_list article > a::before {content: "\f489";}
.faq_list article > a.collapsed::before {content: "\f489";}
.faq_list article > a::before {
    font-family: "Ionicons";
    position: absolute;
    left: 18px;
    top: 14px;
    font-weight: bold;
    font-size: large;
}
.faq_list article > a.collapsed {
    border-color: #e4e4e4;
}
.faq_list article:hover {
    box-shadow: none;
    border: inherit !important;
}

.faq_list article .tab-pane {
    background: #fff;
    float: left;
    width: 100%;
    padding-left: 40px;
}
.faq_list article .tab-pane .short_desc, .faq_list article .tab-pane .long_desc {
    margin: 0 0 10px;
}
.faq_list article .long_desc ul {
    float: left;
    width: 100%;
    margin: 0 0 12px;
}
.faq_list article .long_desc ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 6px;
}
.faq_list article .long_desc ul li::before {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    display: block;
    content: "";
    float: left;
    background: #565656;
    margin: 7px 12px 0 0;
}
.faq_list article .long_desc a {
    color: #002364;
    text-decoration: underline;
}
.faq_list article .long_desc a:hover {color: #000}

.Content.Contact .caja{
    border: 1px solid #D1D1D1;
    display: flex;
    padding: 10px;
}

.Content #tab-video{
    padding: 15px 15px;
    display: flex;
    flex-wrap: wrap;
}

.Content #tab-video .embed{
    margin: 0;
    margin-bottom: 15px;
    width: 48%;
    border: 1px solid #e3e3e3;
    padding: 15px;
}

.Content #tab-video .embed:nth-child(odd){
    margin-right: 15px;
}

.Content #tab-video .embed h2{
    font-size: 24px;
    font-weight: 600;
    color: #002364;
}

.Content #tab-video .embed p{
    font-size: 16px;
    color: #676767;
}

.Content #tab-documentacion h3{
    font-weight: 600;
    color: #002364;
}

.Content #tab-documentacion .docs > div{
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 0 10px;
}

.Content #tab-documentacion .docs span{
    font-size: 17px;
    color: #676767;
}

.Content #tab-documentacion .docs a{
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    color: #17B2AB;
    float: right;
}

@media (max-width: 767px) {
.faq_list article > a {
    font-size: 14px;
    line-height: 19px;
}

.Content .short_desc, .Content .short_desc p{
    font-size: 13px;
    line-height: 21px;
}

.Content.CentroConsultas .breadcrumb{
    padding: 0 15px !important;
}

.Content #tab-video{
    padding: 15px 0;
}

.Content #tab-video .embed{
    width: 100%;
    border: 0;
}

.Content #tab-video .embed:nth-child(odd){
    margin-right: 0;
}

.Content #tab-documentacion h3{
    font-size: 19px;
    border-top: 1px solid #002364;
    margin-top: 0;
    padding-top: 25px;
}

.Content #tab-documentacion .docs span{
    font-size: 14px;
}

.Content #tab-documentacion .docs a{
    font-size: 13px;
    display: block;
    float: none;
    padding-top: 10px;
}
}