@font-face {
font-family: normal;
src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
font-family: negrita;
src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face {
font-family: italica;
src: url(../fonts/OpenSans-Italic.ttf);
}
@font-face {
font-family: italicaB;
src: url(../fonts/OpenSans-BoldItalic.ttf);
}

* {
  margin: 0;
  padding: 0;
  font-family:normal;
}
body {
  margin: 0;
  padding: 0;
  font-family:normal;
  background:#e8e8e8;
  overflow-x: hidden;
}
.clear{
    clear: both;
}
h2{
    color:#213a72;
    font-family: italicaB;
    font-size:27px;
}
h3{
    color:#cd954c;
    font-family: italicaB;
    font-size:27px;
}
h4{
    color:#e0be91;
    font-family: italicaB;
    font-size:24px;
}
h5{
    color:#213a72;
    font-family: italicaB;
    font-size:20px;
}
h6{
    color:#cd954c;
    font-family: italicaB;
    font-size:18px;
}
.alineaDerecha{
    text-align: right;
}
/* Encabezado */
.encabezado{
    
	position:relative;
    background: transparent;
    background-size: cover;
    background-position: center center;
    width:100%;
    height:75vh;
    position:relative;
}
.logoGrande{
    position:absolute;
    width:500px;
    height:auto;
    top: 15%;
   left: calc(50% - 250px);
}
.cuadrosMenu{
    position:absolute;
    width:90%;
    left:5%;
    bottom:-100px;
    text-align: center;
}
.cuadroMenu{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background:#FFF;
    width:150px;
    height:150px;
    padding:20px;
    margin:20px;
    display:inline-block;
    transition:1s;
}
.cuadroMenu:hover{
    
    background:#d8e1f6;
}
.imgCuadro{
    width:100%;
    height:100%;
}
@media screen and (max-width: 1050px) {
    .cuadroMenu{
        width:130px;
        height:130px;
        padding:10px;
        margin:10px;
    }
}
@media screen and (max-width: 800px) {
    .cuadroMenu{
        width:100px;
        height:100px;
        padding:10px;
        margin:10px;
    }
    .cuadrosMenu{
        bottom:-75px;
    }
}
@media screen and (max-width: 700px) {
    
    .logoGrande{
        position:absolute;
        width:300px;
        height:auto;
        top: 25%;
       left: calc(50% - 150px);
    }
    
    .encabezado{

        position:relative;
        background: transparent;
        background-size: cover;
        background-position: center center;
        width:100%;
        height:50vh;
        position:relative;
    }
}
@media screen and (max-width: 650px) {
    
    .cuadrosMenu{
        position:absolute;
        width:96%;
        left:2%;
        bottom:-75px;
        text-align: center;
    }
}
@media screen and (max-width: 600px) {
    #cuadro4{
        display:none;
    }
}
@media screen and (max-width: 450px) {
    #cuadro3{
        display:none;
    }
    .logoGrande{
        position:absolute;
        width:200px;
        height:auto;
        top: 35%;
       left: calc(50% - 100px);
    }    
    .encabezado{

        position:relative;
        background: transparent;
        background-size: cover;
        background-position: center center;
        width:100%;
        height:35vh;
        position:relative;
    }
}
@media screen and (max-width: 300px) {
    .cuadroMenu{
        width:75px;
        height:75px;
        padding:8px;
        margin:8px;
    }
    .cuadrosMenu{
        bottom:-50px;
    }
}
/* Menu */
.menu{
    text-align: right;
    padding:10px;
}
.menuOp{
    display:inline-block;
    color:#FFF;
    text-decoration: none;
    margin-left: 10px;
    margin-right:10px;
}
.menuFijo{
    background:#FFF;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    position: fixed;
    z-index: 999999999999999999999999999999999999999999999999999999999999999;
    top:0;
    left:0;
    width:100%;
    display:none;
}
.logoMenu{
    height:50px;
    width:auto;
    margin:10px;
}
.menuB{
    position:absolute;
    right:0;
    padding:10px;
    top:10px;
}
.menuOpB{
    display:inline-block;
    color:#414042;
    text-decoration: none;
    margin-left: 10px;
    margin-right:10px;
    font-family: negrita;
}
.menuOpIc{
    display:none;
}
.menuMovil{
    background:#858584;
    display:none;
    color:#FFF;
    position:fixed;
    height:100vh;
    width:80%;
    top:0;
    left:0;
    box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.75);
    z-index: 999999999999999999999999999999999999999999999999999999999
}
.fondoMenuMovLog{
    background:#616161;
}
.imgLogoMenu{
    width:80%;
    margin:10%;
}
.menuOpMov{
    display:inline-block;
    padding:10px;
    width:calc(100% - 21px);
    text-decoration: none;
    color:#FFF;
}
#borderTopi{
    border-bottom:1px solid #616161;
}
@media screen and (max-width: 600px) {
    .menuOp{
     display:none;   
    }
    .menuOpB{
     display:none;   
    }
    .menuOpIc{
        display:inline-block;
    }
    .imgOpIc{
        cursor:pointer;
        height:60px;
        width: auto;
    }
    .imgOpIcB{
        margin-top:-10px;
        cursor:pointer;
        height:45px;
        width: auto;
    }
}

/* Menu Fin */
/* Menu Secciones */

.menuFijoSecciones{
    background:#FFF;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    position: fixed;
    z-index: 999999999999999999999999999999999999999999999999999999999999999;
    top:0;
    left:0;
    width:100%;
    display:inline;
}
.separadorMenuSecciones{
    position:relative;
    height:70px;
}

/* Menu Secciones Fin */
/* Encabezado Fin */
/* Reseñas */
.resenasConte{
    position:relative;
    text-align: center;
    top:45px;
    margin-bottom: 20px;
    width:100%;
    height: 350px;
}
.resena{
    position:absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    
    max-height:140px;
    margin: auto;
    padding:10px;
    font-family: italica;
    padding-bottom: 75px;
    width:80%;
    background:#FFF;
    border-radius: 10px;
}
.tblRes{
    display:table;
    height:140px;
    width:100%;
}
.tdTx{
    display:table-cell;
    vertical-align: middle;
    padding:10px;
    width:calc(100% - 100px);
    text-align:center;
}
.tdQA{
    display:table-cell;
    vertical-align: top;
    padding:10px;
    width:40px;
}
.tdQC{
    display:table-cell;
    vertical-align: bottom;
    padding:10px;
    width:40px;
}
.imgQuoteN{
    width:100%;
    height:auto;
}
.imgQuote{
    position: absolute;
    top:10px;
    left:10px;
    width:40px;
    height:auto;
}
.imgQuoteB{
    position: absolute;
    bottom:75px;
    right:10px;
    width:40px;
    height:auto;
}
.autorResena{
    position:absolute;
    color:#6e6e6e;
    left:0;
    right:0;
    margin:auto;
    bottom:45px;
    font-size: 16px;
    font-family: normal;
}
.autorResena span{
    color:#cd954c;
}
.linkResena{
     position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:15px;
    font-size: 16px;
    font-family: normal;
    color:#4285f4;
    text-decoration: none;
}
#resena2{
    left:100%;
}
#resena3{
    left:100%;
}
#resena4{
    left:100%;
}
#resena5{
    left:100%;
}
.resenasConteRes{
    display:none;
}

@media screen and (max-width: 1050px) {
    
    .resena{
        position:absolute;
        left: 0;
        right: 0;
        top:0;
        bottom:0;

        max-height:140px;
        margin: auto;
        padding:10px;
        font-family: italica;
        padding-bottom: 75px;
        width:90%;
        background:#FFF;
        border-radius: 10px;
    }
    
    .tdTx{
        display:table-cell;
        vertical-align: middle;
        padding:10px;
        width:calc(100% - 80px);
        text-align:center;
    }
    .tdQA{
        display:table-cell;
        vertical-align: top;
        padding:5px;
        width:35px;
    }
    .tdQC{
        display:table-cell;
        vertical-align: bottom;
        padding:5px;
        width:35px;
    }
    .autorResena{
        position:absolute;

        left:0;
        right:0;
        margin:auto;
        bottom:40px;
        font-size: 16px;
        font-family: normal;
    }
}
@media screen and (max-width: 800px) {
    .resenasConte{
        display:none;
    }

    .resenasConteRes{
        position:relative;
        display:block;
        text-align: center;
        top:90px;
        margin-bottom: 95px;
        width:100%;
        clear:both;
    }
    .resenaRes{
        position:relative;
        padding:10px;
        font-family: italica;
        display:inline-block;
        font-size:20px;
        padding-left: 55px;
        padding-right: 55px;
        padding-bottom: 75px;
        width:calc(90% - 90px);
        background:#FFF;
        border-radius: 10px;
        
    }
    .autorResena{
        position:absolute;

        left:0;
        right:0;
        margin:auto;
        bottom:45px;
        font-size: 16px;
        font-family: normal;
    }
    .autorResena span{
        color:#cd954c;
    }
    .linkResena{
         position:absolute;
        left:0;
        right:0;
        margin:auto;
        bottom:15px;
        font-size: 16px;
        font-family: normal;
        color:#4285f4;
        text-decoration: none;
    }
}

@media screen and (max-width: 550px) {
    .resenaRes{
        position:relative;
        padding:10px;
        font-family: italica;
        display:inline-block;
        font-size:17px;
        padding-left: 55px;
        padding-right: 55px;
        padding-bottom: 75px;
        width:calc(90% - 90px);
        background:#FFF;
        border-radius: 10px;
        
    }
}
@media screen and (max-width: 450px) {
    .resenaRes{
        position:relative;
        padding:10px;
        font-family: italica;
        display:inline-block;
        font-size:15px;
        padding-left: 55px;
        padding-right: 55px;
        padding-bottom: 75px;
        width:calc(90% - 90px);
        background:#FFF;
        border-radius: 10px;
        
    }
    .autorResena{
        position:absolute;

        left:0;
        right:0;
        margin:auto;
        bottom:45px;
        font-size: 13px;
        font-family: normal;
    }
    .autorResena span{
        color:#cd954c;
    }
    .linkResena{
         position:absolute;
        left:0;
        right:0;
        margin:auto;
        bottom:15px;
        font-size: 13px;
        font-family: normal;
        color:#4285f4;
        text-decoration: none;
    }
}
/* Reseñas Fin */
/* Servicios */
.contenidoServicios{
    position:relative;
    background: transparent;
    background-size: cover;
    background-position: center center;
    width:100%;
    padding-top:30px;
    padding-bottom: 30px;
}
.servicioContenedor{
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
    display:inline-block;
    width: 200px;
    height: 195px;
    background:#FFF;
    padding:10px;
    margin:20px;
    position:relative;
    border-bottom:5px solid #213a72;
}

.md-trigger{
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
    display:inline-block;
    width: 200px;
    height: 195px;
    background:#FFF;
    padding:10px;
    margin:20px;
    position:relative;
    border-bottom:5px solid #213a72;
    cursor:pointer;
    transition:1s;
}
.md-trigger:hover{
    background:#d8e1f6;
}
.serviceIcon{
    border:1px solid #213a72;
    border-radius:50%;
    padding:10px;
    position:absolute;
    width:50px;
    height:50px;
    left:0;
    right:0;
    top:20px;
    margin:auto;
}
.tituloServicio{
    color:#213a72;
    position:absolute;
    font-size:21px;
    font-family: negrita; 
    top:130px;
    bottom: 0;
    left:0;
    right:0;
    margin:auto;
}
/* Servicios Fin */
/* Blog */
.contenidoBlog{
    position:relative;
    width:100%;
    padding-top:30px;
    padding-bottom: 30px;
}
.articulo{
    display:inline-block;
    width: calc(25% - 65px);
    background:#FFF;
    padding:10px;
    margin:20px;
    border-radius:5px;
    position:relative;
    padding-top:165px;
    padding-bottom: 25px;
    color:#000;    
    font-size:15px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
vertical-align: top;
}
.imgPorBlog{
    position:absolute;
    width:100%;
    height:155px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    right: 5px;
    top:0;
    left:0;
}
.tituloArticulo{
    color:#213a72;
    font-family: negrita;
    font-size:17px;
}
.fechaArticle{
    color:#cd954c;
    font-size: 13px;
    font-family: italica;
    margin-top:10px;
    margin-bottom:10px;
}
.btnArticulo{
    position:relative;
    background:#cd954c;
    text-decoration: none;
    color:#FFF;
    padding:5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:5px;
    transition:1s;
    
}
.btnArticulo:hover{
    background:#ebc087;
}
.btnVerMas{
    display:inline-block;
    border-radius:5px;
    width:auto;
    padding:5px;
    padding-left: 15px;
    padding-right: 15px;
    background:#213a72;
    text-decoration: none;
    color:#FFF;
    transition:1s;
}
.btnVerMas:hover{
    background:#119ddb;
}
@media screen and (max-width: 950px) {
    
.articulo{
    display:inline-block;
    width: calc(25% - 45px);
    background:#FFF;
    padding:10px;
    margin:10px;
    border-radius:5px;
    position:relative;
    padding-top:165px;
    padding-bottom: 25px;
    color:#000;    
    font-size:15px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
vertical-align: top;
}
}
@media screen and (max-width: 850px) {
    
.articulo{
    display:inline-block;
    width: calc(50% - 45px);
    background:#FFF;
    padding:10px;
    margin:10px;
    border-radius:5px;
    position:relative;
    padding-top:165px;
    padding-bottom: 25px;
    color:#000;    
    font-size:15px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
vertical-align: top;
}
}
@media screen and (max-width: 550px) {
    
    .articulo{
        display:inline-block;
        width: calc(100% - 45px);
        background:#FFF;
        padding:10px;
        margin:10px;
        border-radius:5px;
        position:relative;
        padding-top:165px;
        padding-bottom: 25px;
        color:#000;    
        font-size:15px;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    vertical-align: top;
    }
    #nArticulo4{
        display:none;
    }
}
/* Blog Fin */
/* Pie */
.contenidoPie{
    position:relative;
    width:100%;
    padding-top:30px;
    padding-bottom: 30px;
    background:#213a72;
}
.coluPieA{
    display:inline-block;
    padding:10px;
    width:calc(30% - 30px);
    vertical-align: top;
    text-align: left;
}
.coluPieB{
    display:inline-block;
    padding:10px;
    width:calc(30% - 30px);
    vertical-align: top;
    text-align: left;
}
.coluPieC{
    display:inline-block;
    padding:10px;
    width:calc(40% - 30px);
    vertical-align: top;
    text-align: left;
}
.linkPie{
    display:block;
    line-height: 1.8;
    color:#FFF;
    font-size:17px;
    text-decoration: none;
    padding-left: 20px;
    transition:1s;
}
.linkPie:hover{
    color:#ebc087;
}
.fbkLink{
    text-decoration:none;
    color:#FFF;
}
.SitioIdioma{
    text-align: right;
    color:#ebc087;
    font-size:17px;
    font-family:negrita;
    margin-top:10px;
    display:block;
    text-decoration: none;
}
.logoPie{
    width:95%;
    heigth:auto;
}
.tablePie{
    display:table;
    width:100%;
    height:20px;
}
.tdPieA{
    
    padding:10px;
    display:table-cell;
    height:30px;
    vertical-align: middle;
    color:#FFF;
    width:calc(100% - 30px);
    text-align: right;
    font-size:20px;
}
.tdPieB{
    padding:10px;
    display:table-cell;
    height:30px;
    width:30px;
    vertical-align: middle;
}
.redSocial{
    height:25px;
    width:auto;
    
}
.pieB{
    background:#0a2051;
    color:#FFF;
    font-size: 14px;
    padding:5px;
    text-align:right;
}
@media screen and (max-width: 800px) {
    
    .SitioIdioma{
        text-align: center;
    }
    .coluPieA{
        display:inline-block;
        padding:10px;
        width:calc(50% - 30px);
        vertical-align: top;
        text-align: center;
    }
    .coluPieB{
        display:inline-block;
        padding:10px;
        width:calc(50% - 30px);
        vertical-align: top;
        text-align: center;
    }
    .coluPieC{
        display:inline-block;
        padding:10px;
        width:calc(100% - 30px);
        vertical-align: top;
        text-align: center;
    }
    
    .logoPie{
        width:380px;
        heigth:auto;
    }
    
.tablePie{
    display:table;
    width:auto;
    height:20px;
    margin-top:10px;
}
.tdPieA{
    
    padding:10px;
    display:table-cell;
    height:30px;
    vertical-align: middle;
    color:#FFF;
    width:auto;
    text-align: right;
    font-size:20px;
}
.tdPieB{
    padding:10px;
    display:table-cell;
    height:30px;
    width:auto;
    vertical-align: middle;
}
}

@media screen and (max-width: 550px) {
    
    .coluPieA{
        display:inline-block;
        padding:10px;
        width:calc(100% - 30px);
        vertical-align: top;
        text-align: center;
    }
    .coluPieB{
        display:inline-block;
        padding:10px;
        width:calc(100% - 30px);
        vertical-align: top;
        text-align: center;
        margin-bottom: 10px;
    }
    .coluPieC{
        display:inline-block;
        padding:10px;
        width:calc(100% - 30px);
        vertical-align: top;
        text-align: center;
    }
    
    .logoPie{
        width:90%;
        heigth:auto;
    }
}
/* Pie Fin */
/* Sección de servicios */
.TextoServicios{
    text-align: justify;
    line-height: 1.5;
    width:92%;
    border-radius:5px;
    font-size:17px;
    padding:10px;
    background:#213a72;
    color:#FFF;
}
@media screen and (max-width: 750px) {
    .TextoServicios{
        text-align: justify;
        line-height: 1.5;
        width:85%;
        border-radius:5px;
        font-size:17px;
        padding:10px;
        background:#213a72;
        color:#FFF;
    }
}
@media screen and (max-width: 550px) {
    .TextoServicios{
        text-align: justify;
        line-height: 1.5;
        width:85%;
        border-radius:5px;
        font-size:15px;
        padding:10px;
        background:#213a72;
        color:#FFF;
    }
}
/* Sección de servicios Fin */
/* Paginador */
.paginacionL{
    display:none;
}
.paginacion{
    background:#213a72;
    color:#FFF;
    display:inline-block;
    width:100px;
    text-align:center;
    padding:5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:5px;
    text-decoration: none;
    margin:0px;
    margin-right: 5px;
    transition:1s;
}
#separaDerechaPaginador{
    padding-right: 30px;
}
.paginacion:hover{
    background:#149ee0;
}
.PagSinFormato{
    padding:0;
}
.paginacionNum{
    background:#213a72;
    color:#FFF;
    display:inline-block;
    width:auto;
    text-align:center;
    padding:5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:5px;
    text-decoration: none;
    margin:2px;
    margin-right: 2px;
    transition:1s;
}
.paginaNumActual{
    background:#cd954c;
    color:#FFF;
    display:inline-block;
    width:auto;
    text-align:center;
    padding:5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:5px;
    text-decoration: none;
    margin:2px;
    margin-right: 2px;
    transition:1s;
}
.paginacionNum:hover{
    background:#149ee0;
}
@media screen and (max-width: 600px) {
    
.paginacionNum{
    display:none;
}
.PagSinFormato{
    display:none;
}
.paginaNumActual{
    background:#cd954c;
    color:#FFF;
    display:inline-block;
    width:auto;
    text-align:center;
    padding:5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:5px;
    text-decoration: none;
    margin:2px;
    margin-right: 4px;
    transition:1s;
}
}
@media screen and (max-width: 450px) {
    .paginaNumActual{
     display:none;   
    }
    .paginacion{
    background:#213a72;
    color:#FFF;
    display:inline-block;
    width:80px;
    text-align:center;
    padding:5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius:5px;
    text-decoration: none;
    margin:0px;
    margin-right: 5px;
    transition:1s;
}
}
@media screen and (max-width: 300px) {
    
    .paginacion{
    background:#213a72;
    color:#FFF;
    display:inline-block;
    width:60px;
    text-align:center;
    padding:5px;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius:5px;
    text-decoration: none;
    margin:0px;
    margin-right: 5px;
    transition:1s;
}
}
/* Paginador Fin */
/* Sección Articulo  */
.coluBlogA{
    display:inline-block;
    padding:10px;
    margin-top:10px;
    width: calc(65% - 25px);
    text-align: justify;
    vertical-align: top;
    line-height: 1.5;
}
.coluBlogB{
    display:inline-block;
    padding:10px;
    margin:0px;
    width: calc(35% - 25px);
    text-align: justify;
    border-radius:5px;
    vertical-align: top;
    margin-top:20px;
}
.imgArticulo{
    width:100%;
    height:320px;
}

.tituloArticuloSelect{
    color:#213a72;
    font-family: negrita;
    font-size:22px;
    
    margin-top: 15px;
    margin-bottom: 15px;
}
.articuloSelect{
    display:inline-block;
    width: calc(100% - 65px);
    background:#FFF;
    padding:10px;
    margin:20px;
    border-radius:5px;
    position:relative;
    padding-top:165px;
    padding-bottom: 25px;
    color:#000;    
    font-size:15px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
vertical-align: top;
}
@media screen and (max-width: 1000px) {
    
    .imgArticulo{
        width:100%;
        height:280px;
    }
}
@media screen and (max-width: 900px) {
    .coluBlogA{
    display:inline-block;
    padding:10px;
    margin-top:10px;
    width: calc(100% - 25px);
    text-align: justify;
    vertical-align: top;
    line-height: 1.5;
}
.coluBlogB{
    display:inline-block;
    padding:10px;
    margin:0px;
    width: calc(100% - 25px);
    text-align: justify;
    border-radius:5px;
    vertical-align: top;
    margin-top:20px;
}
.articuloSelect{
    display:inline-block;
    width: calc(50% - 65px);
    background:#FFF;
    padding:10px;
    margin:20px;
    border-radius:5px;
    position:relative;
    padding-top:165px;
    padding-bottom: 25px;
    color:#000;    
    font-size:15px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
vertical-align: top;
}
    
}

@media screen and (max-width: 800px) {
    
    .imgArticulo{
        width:100%;
        height:250px;
    }
}
@media screen and (max-width: 700px) {
    
    .imgArticulo{
        width:100%;
        height:200px;
    }
}
@media screen and (max-width: 650px) {
.articuloSelect{
    display:inline-block;
    width: calc(100% - 32px);
    background:#FFF;
    padding:10px;
    margin:5px;
    margin-top:20px;
    margin-bottom:20px;
    border-radius:5px;
    position:relative;
    padding-top:165px;
    padding-bottom: 25px;
    color:#000;    
    font-size:15px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
vertical-align: top;
}
    
}

@media screen and (max-width: 500px) {
    
    .imgArticulo{
        width:100%;
        height:175px;
    }
}

@media screen and (max-width: 350px) {
    
    .imgArticulo{
        width:100%;
        height:150px;
    }
}
/* Sección Articulo Fin */
/* FAQ  */
.seccionFaq{
    margin:15px;
}
.preguntaFaq{
    color:#4d5974;
    font-size:18px;
    font-family:negrita;
    cursor:pointer;
    transition:1s;
    line-height: 2;
    padding-right: 50px;
    position:relative;
    padding-bottom: 10px;
    padding-top:10px;
    margin-bottom: 10px;
    margin-bottom: 10px;
    background:#FFF;
    padding-left:10px;
    border-radius:5px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.iconoFaq{
    position:absolute;
    padding:10px;
    font-family: negrita;
    font-size:25px;
    color:#213a72;
    top:0;
    right:0;
    height:10px;
    top:-8px;
    
}
.preguntaFaq:hover{
    color:#149ee0;
}
.preguntaFaq:hover .iconoFaq{
    color:#149ee0;
}
.respuestaFaq{
    display:none;
    line-height: 1.5;
    text-align: justify;
    padding-bottom: 20px;
    color:#303131;
    padding-left: 20px;
    
}
.separaFaq{
    margin-top:10px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.hrFaq{
    height:1px;
    border:none;
    background:#a1a1a1;
    margin-bottom: 10px;
}
/* FAQ Fin */
/* Portfolio */

.contenidoPortfolio{
    position:relative;
    width:100%;
    padding-top:30px;
    padding-bottom: 30px;
    z-index: 1;
}
.portfolioConte{
     display:inline-block;
    padding:5px;
    vertical-align: top;
    width:calc(100% - 55px);
    text-align: left;
}
.clientePortaIndi{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background:#FFF;
    padding:10px;
    display: inline-block;
    height:100px;
    margin-top:10px;
    margin-bottom: 10px;
    margin:10px;
    border-radius:5px;
}
.imgClienteIndi{
    width:auto;
    height:100%;
}
.clientePorta{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background:#FFF;
    padding:10px;
    display: inline-block;
    width:calc(100% - 25px);
    margin-top:10px;
    margin-bottom: 10px;
    border-radius:5px;
}
.clienteTable{
    display: table;
    width:100%;
}
.clienteTdA{
    display:table-cell;
    vertical-align: top;
    width:150px;
    padding:10px;
    border-right:1px solid #cde4ef;
}
.imgCliente{
    width:100%;
    height: auto;
}
.clienteTdB{
    display:table-cell;
    vertical-align: top;
    width:calc(100% - 150px);
    padding:10px;
}
.btnVerGaleria{
    padding:5px;
    padding-left: 20px;
    padding-right: 20px;
    cursor:pointer;
    border-radius:5px;
    color:#FFF;
    background:#213a72;
    transition:1s;
    margin-top:10px;
    display:inline-block;
    width:auto;
}
.btnVerGaleria:hover{
    background:#149ee0;
}
.example-image{
    height:100px;
    width:auto;
    margin:15px;
}
.menuPortaServi{
    position: relative;
    width:100%;
    padding-left: 24px;
    cursor:pointer;
    margin-top:20px;
}
#SeparaAdiPort{
    margin-top:40px;
}
.iconoPort{
    position:absolute;
    padding:10px;
    font-family: negrita;
    font-weight: bold;
    font-size:28px;
    color:#cd954c;
    left:10px   ;
    height:10px;
    top:-0px;
    transform: rotate(90deg) scale(1, 1.6);
    transition:1s;
    
}
.iconoPortB{
    position:absolute;
    padding:10px;
    font-family: negrita;
    font-weight: bold;
    font-size:28px;
    color:#cd954c;
    left:-38px;
    height:10px;
    top:-2px;
    transform: rotate(-90deg) scale(1, 1.6);
    transition:1s;
    display:none;
}
.portafolioServicio{
    padding-left: 50px;
    margin-top:10px;
    display:none;
}
.textoPortafolio{
    background:#213a72;
    color:#FFF;
    padding:10px;
    margin:10px;
    width:calc(95% - 50px);
    text-align: justify;
    border-radius:5px;
    font-size:17px;
}
.nonesPortafolioResp{
    display: none;
}
@media screen and (max-width: 750px) {
    
.clientePortaIndi{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background:#FFF;
    padding:5px;
    display: inline-block;
    height:75px;
    margin-top:10px;
    margin-bottom: 10px;
    margin:5px;
    border-radius:5px;
}
.imgClienteIndi{
    width:auto;
    height:100%;
}
}
@media screen and (max-width: 650px) {
    
.clientePortaIndi{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background:#FFF;
    padding:5px;
    display: inline-block;
    height:50px;
    margin-top:10px;
    margin-bottom: 10px;
    margin:5px;
    border-radius:5px;
}
.imgClienteIndi{
    width:auto;
    height:100%;
}
}
@media screen and (max-width: 550px) {
    
    .portafolioServicio{
        padding-left: 20px;
        margin-top:10px;
        display:none;
    }
    
    .portfolioConte{
         display:inline-block;
        padding:5px;
        vertical-align: top;
        width:calc(100% - 25px);
        text-align: left;
    }
    .nonesPortafolioResp{
        display:inline-block;
        width:100%;
        height:1px;
        border:none;
        background:#cde4ef;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .clienteTdA{
        display:table-row;
        vertical-align: top;
        width:calc(100% - 25px);
        padding:10px;
        border-right:0px solid #cde4ef;
        border-bottom:1px solid #cde4ef;
        text-align: center;
    }
    .imgCliente{
        width:90%;
        max-width: 250px;
        height: auto;
    }
    .clienteTdB{
        display:row;
        vertical-align: top;
        width:calc(100% - 25px);
        padding:10px;
    }
}
@media screen and (max-width: 450px) {
    
.clientePortaIndi{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background:#FFF;
    padding:5px;
    display: inline-block;
    height:40px;
    margin-top:10px;
    margin-bottom: 10px;
    margin:5px;
    border-radius:5px;
}
.imgClienteIndi{
    width:auto;
    height:100%;
}
}
@media screen and (max-width: 350px) {
    
.clientePortaIndi{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background:#FFF;
    padding:5px;
    display: inline-block;
    height:25px;
    margin-top:10px;
    margin-bottom: 10px;
    margin:5px;
    border-radius:5px;
}
.imgClienteIndi{
    width:auto;
    height:100%;
}
}
/* Portfolio Fin */
/* Contacto */
.contenidoContacto{
    position:relative;
    width:100%;
    padding-top:30px;
    padding-bottom: 30px;
    z-index: 1;
}
.contactoColA{
    display:inline-block;
    vertical-align: top;
    width:calc(75% - 25px);
    padding:10px;
}
.contactoColB{
    display:inline-block;
    vertical-align: top;
    width:calc(25% - 25px);
    padding:10px;
}
.inputContenedor50{
    display:inline-block;
    position:relative;
    margin:10px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding:10px;
    width:calc(50% - 50px);
    text-align: left;
    font-size:17px;
    line-height: 2;
}
.inputContenedor50 sup{
    color:#cd4c4c;
    font-family: negrita;
    font-weight: bold;
}
.inputContenedor100{
    display:inline-block;
    position:relative;
    margin:10px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding:10px;
    width:calc(100% - 50px);
    text-align: left;
    font-size:17px;
    line-height: 2;
}
#alturaTextArea{
    height:120px;
}
.inputContenedor100 sup{
    color:#cd4c4c;
    font-family: negrita;
    font-weight: bold;
}
.inputContacto{
    width:calc(100% - 10px);
    border:none;
    border-bottom: 2px solid #213a72;
    padding:5px;
    font-size:17px;
    color:#213a72;
    transition:1s;
    margin-left: -5px;
}
.inputContacto:focus{
    outline:none;
    background:#d8e4ff;
}
.inputContacto::placeholder{
    color:#cd954c;
}
.btnFormulario{
    color:#FFF;
    border:none;
    padding:5px;
    padding-left: 20px;
    padding-right: 20px;
    background:#213a72;
    transition:1s;
    border-radius: 5px;
    cursor:pointer;
}
.btnFormulario:hover{
    background:#149ee0;
}
.contenedorContactoInfo{
    margin:20px;
    padding:10px;
    margin-top:10px;
    border-radius:5px;
    background:#FFF;
    text-align: left;
    line-height: 1.6;
}
.linkContacto{
    color:#cd954c;
    text-decoration: none;
}
.textLatino{
    color:#149ee0;
    font-family: negrita;
    font-weight: bold;
    font-size: 16px;
}
@media screen and (max-width: 1000px) {
    .contactoColA{
        display:inline-block;
        vertical-align: top;
        width:calc(65% - 15px);
        padding:5px;
    }
    .contactoColB{
        display:inline-block;
        vertical-align: top;
        width:calc(35% - 15px);
        padding:5px;
    }
    
    .inputContenedor50{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(50% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
    .inputContenedor100{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(100% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
}
@media screen and (max-width: 800px) {
    .contactoColA{
        display:inline-block;
        vertical-align: top;
        width:calc(50% - 15px);
        padding:5px;
    }
    .contactoColB{
        display:inline-block;
        vertical-align: top;
        width:calc(50% - 15px);
        padding:5px;
    }
    
    .inputContenedor50{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(100% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
    .inputContenedor100{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(100% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
}
@media screen and (max-width: 650px) {
    .contactoColA{
        display:inline-block;
        vertical-align: top;
        width:calc(100% - 15px);
        padding:5px;
    }
    .contactoColB{
        display:inline-block;
        vertical-align: top;
        width:calc(100% - 15px);
        padding:5px;
        text-align: center;
    }
    
    .inputContenedor50{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(50% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
    .inputContenedor100{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(100% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
    .contenedorContactoInfo{
        text-align: center;
    }
}
@media screen and (max-width: 550px) {
    .contactoColA{
        display:inline-block;
        vertical-align: top;
        width:calc(100% - 15px);
        padding:5px;
    }
    .contactoColB{
        display:inline-block;
        vertical-align: top;
        width:calc(100% - 15px);
        padding:5px;
        text-align: center;
    }
    
    .inputContenedor50{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(100% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
    .inputContenedor100{
        display:inline-block;
        position:relative;
        margin:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding:5px;
        width:calc(100% - 30px);
        text-align: left;
        font-size:17px;
        line-height: 2;
    }
    .contenedorContactoInfo{
        text-align: center;
    }
}
/* Contacto Fin */
/* Avisos legales */

.contenidoAvisos{
    position:relative;
    width:100%;
    padding-top:30px;
    padding-bottom: 30px;
    z-index: 1;
}
.textAviso{
    line-height: 1.6;
    text-align: justify;
    margin:30px;
    padding:10px;
    background:#FFF;
    border-radius:5px;
}
.lastUpdated{
    color:#cd954c;
    font-size:14px;
}
.tituloApartado{
    color:#213a72;
    font-family: negrita;
    text-transform: uppercase;
}
/* Avisos legales Fin */