@CHARSET "ISO-8859-1";
/* IMPORTS CSS
 * --------------------------------------- */

 @import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
 @import url("../fonts/stylesheet.css");
 @import url("https://fonts.googleapis.com/css?family=Lato:400,700");
 

 
 /* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a {
    text-decoration:none;
    outline: 0;

}

p a {
    text-decoration:none;
    color: #333;
}

p a:hover {
    text-decoration:none;
    color: #B0B0B0;
}

table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
    font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:20px;
    padding:0;
    color: #231F20;
    font-family: 'Lato';
}

h2.titulo {
    font-size: 2.2em;
    margin-left: 20px;
    margin-top: 100px;
    font-weight: 800;
    margin-bottom: 65px;
}

q:before,q:after {
    content:'';
}
abbr,acronym { 
    border: 0;
}

p {
    color: #231F20;
    font-family: 'Lato';
}

span {
    color: #231F20;
}







/* RRSS
 * --------------------------------------- */

.rrss {
   text-align: right; 
}

.rrss ul {

    margin: 64px 180px 
}

.rrss li {
    list-style: none;
    display: inline-block;
    margin-left: 20px;
}

.rrss a {
    
}

.rrss a:hover {
    
}

.rrss a img{
    width: 34px;    
}








/* CONTAINER
* --------------------------------------- */



.container-fluid {
    margin-top: 160px;
}

.logo {
    position: fixed;
    top: 40px;
    left: 100px;
    display: block;
    z-index: 999;
}

.logo img{
    width: 165px;
    
}

.col-md-7 {
    /*background-color: #003399;*/
    max-height: 580px;
    min-height: 580px;
    padding-left: 0px;
    padding-right: 105px;
}

.col-md-5 {
    max-height: 580px;
    min-height: 580px;
    padding-left: 85px;
}



.section .col-md-5 h1 {
    font-size: 2.2em;
    margin-left: 20px;
    margin-top: 100px;
    font-weight: 800;
    margin-bottom: 65px;
}

.bca .section .col-md-5 h1 {
    font-size: 2em;
}

.ben .section .col-md-5 h1.doble::after {
    top: 96px;
}

.section .col-md-5 h1 span {
    font-weight: 300;
}

.section .col-md-5 h1::after {
    content: '';
    position: absolute;
    top: 150px;
    left: 106px;
    width: 103%;
    height: 7px;
    margin-left: 0px;
    background-color: #231F20;
    z-index: 100;   
}

.section .col-md-5 h1.doble::after {
    top: 180px;
}

.section .col-md-5 p {
    font-size: 1.3em;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 300;
    font-family: 'Lato';
}

.section .col-md-5 p span {
    font-weight: 700;
    font-family: 'Lato';
}





/* FULL MENU
* --------------------------------------- */


.menu-btn {
    position: fixed;
    top: 6px;
    right: 20px;
    z-index: 999;
    display: inline;
    font-size: 64px;
    margin-right: 75px;
    margin-top: 30px;
}
.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}
.btn-open:after {
    color: #333;
    content: "\f394";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.btn-open:hover:after {
    color: #34B484;
}
.btn-close:after {
    color: #fff;
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.btn-close:hover:after {
    color: #34B484;
}


/* OVERLAY */
.overlay {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    padding-top: 130px;
}
.overlay .menu {
    margin: 10% auto;
    width: 80%;
}
.overlay .menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.overlay .menu ul li {
  padding: 5px 0;
  width: 100%;
  list-style: none;
  text-align: center;
  text-transform: uppercase;
}

.overlay .menu ul li a {
    /*color: #34B484;*/
    font-family: 'latothin';
    color: rgb(245,245,245);
    font-weight: bold;
    font-size: 2em;
}


.overlay .menu ul li a:hover {
    color: #B0B0B0;
    text-decoration: none;
}

.overlay .menu ul ul {
    margin-top: 50px;
}
.overlay .menu ul ul li {
    position: relative;
    float: none;
    margin: 0;
    width: 100%;
    border: 0;
}
.overlay .menu ul ul li a {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
}
.overlay .menu ul ul li a:hover {
    color: #34b484;
}


/* Fixed header and footer.
* --------------------------------------- */
#header, #footer{
        position:fixed;

        display:block;
        width: 100%;
        z-index:9;
        text-align:center;
        color: #f2f2f2;
        padding: 0px 0 0 0;
}

#header{
        top:0px;
        height: 50px;
}
#footer{
        bottom:0px;
        height: 140px;
}



/* FOOTER COLUMN
* --------------------------------------- */      
        
#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
        padding-right: 65px;
        padding-left: 65px;

}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
}
#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
}


/* Estilos del footer
* --------------------------------------- */


#footer h2 {
    text-align: left;
    font-size: 5em;
    font-weight: 700;
    padding: 0px;
    margin: 0px;    
    color: #A7A6A6;
}

#footer h2::after {
    content: '';
    position: absolute;
    top: 70px;
    left: 0px;
    width: 90%;
    height: 7px;
    margin-left: 0px;
    background-color: #A7A6A6;
}

#footer p {
    text-align: left;
    font-size: 1.5em;
    color: #A7A6A6;
}


/* 
* --------------------------------------- */

.slidebar {
    position: absolute;
    width: 85px;
    height: 1px;
    right: 0px;
    top: 0px;
    z-index: 1;
    background-color: #1D1D1D;
}

/* 
* --------------------------------------- */

.sidebarfooter{
    position: absolute;
    width: 105px;
    height: 155px;
    right: 0px;
    top:0px;
}

.sidebarfooter .navegacionprincipal {
    font-size: 40px;
    display: block;
    color: #231F20;
}

.sidebarfooter .navegacionprincipal:hover {
    color: rgba(35,31,32,0.54);
}

.sidebarfooter a:hover {
    color: rgb(226,226,5);
}

#footer a {
    text-decoration: none;
    display: block
}

#footer a:hover h2 {
    color: #231F20 !important;
}

#footer a:hover h2:after {
    background-color: #231F20 !important;
}

#footer a:hover p {
    color: #231F20 !important;
}

#footer .active h2 {
    color: #231F20 !important;
}

#footer .active p {
    color: #231F20 !important;
}

#footer .active h2:after {
    background-color: #231F20 !important;
}


/* 
* --------------------------------------- */

.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
    background-color: #3E3535 !important;
}

/* 
* --------------------------------------- */

.lista li {
    font-family: 'Lato';
    margin-left: 20px;
    font-size: 1.3em;
}

.prenumero {
    position: absolute;
    top: 80px;
    left: 17px;
    font-size: 5em;
    font-weight: 700;
    font-family: 'Lato';
    z-index: 1;
    color: #231F20;
}

/* 
* --------------------------------------- */

.contact-icons {
    
    line-height: 0px;
    
}

.contact-icons i {
    
    font-size: 24px;
    display: inline-block;
    width: 24px;
    
}

.padding-left5 {
    padding-left: 5px;
}

.padding-left25 {
    padding-left: 25px;
}

.scroller {
    height: 380px;
    overflow-y: hidden;
    overflow-x:hidden;
    
    
}

.spansubtitulo {
    font-size: 1.4em;
}

.col-md-7 {
    text-align: right;
} 






/*
@media (min-width: 1300px) and (max-height: 820px) {
    #footer {
        bottom: 0px;
        height: 110px !important;
    }
    .section .col-md-5 h1 {
        margin-top: 65px;
        margin-bottom: 30px;
    }
    .section .col-md-5 p, .section .col-md-5 ul, .section .col-md-5 li {
        line-height: 20px;
        font-size: 1.1em
    }
    .prenumero {
        top: 38px;
    }
    .section .col-md-5 h1::after {
        top: 108px;
    }
    .slidebar {
        height: 438px;
    }
}
*/


@media (min-width: 1440px) and (max-height: 950px) {

    .slidebar {
        height: 1px;
    }
    .section .col-md-5 h1 {
        margin-top: 66px;
        margin-bottom: 42px;
    }

    .section .col-md-5 h1::after {
        top: 110px;
    }  

    h1.doble::after {
        top: 144px !important;
    }  
    .section .col-md-5 p {
        font-size: 1.2em;
    }    
    .prenumero {
        top: 41px;

    }    
    .lista li {

        font-size: 1.2em;
        line-height: 1.1em;

    }   
    h2.titulo {
        margin-top: 50px;
        margin-bottom: 30px;
    }

}

@media (min-width: 1280px) and (max-height: 820px) {
    #footer {
        bottom: 0px;
        height: 110px !important;
    }
    .section .col-md-5 h1 {
        margin-top: 25px;
        margin-bottom: 30px;
    }
    .section .col-md-5 p, .section .col-md-5 ul, .section .col-md-5 li {
        line-height: 17px;
        font-size: 1.0em
    }
    .section .col-md-5 h1.doble::after {
        top: 100px;
    }    
    .prenumero {
        top: -4px;
    }
    .section .col-md-5 h1::after {
        top: 65px;
    }
    .slidebar {
        height: 1px;
    }
    .logo img {
        width: 130px;
    }   

    h2.titulo {
        font-size: 2.1em;
        margin-left: 20px;
        margin-top: 30px;
        font-weight: 800;
        margin-bottom: 18px;
    }   
}


/* RESPONSIVE */
@media (max-width: 1200px) {
  

    .container-fluid {
        margin-top: 110px;
    }


    .section .col-md-5 h1 {
        font-size: 2em;
        margin: 0px 5px;
        font-weight: 600;
        margin-bottom: 20px;
        text-align: center;
    }

    .section .col-md-5 h1::after {
        display:none;
    }

    .section .col-md-5 p {
        font-size: 1em;
        margin-left: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
        font-weight: 300;
        font-family: 'Lato';
        line-height: 22px;
    }

    .col-md-5 {
        min-height: 0;
        padding: 0px 25px 0px 25px;
        margin: 5px auto 30px auto;
        
        
    }

    .col-md-7 {
        background-color: #fff;
        min-height: 0px;
        padding-left: 0px;
        padding-right: 28px;
        margin:  10px auto 10px auto;
    }

    .slidebar {
        width: 20px;
        height: 1px;
        right: 0px;
        top: 0px;
    }

    .sidebarfooter {
        display: none;
    }
    
    #fullpage {
        padding-bottom: 50px !important;
    }
    
    /*footer*/
    
    #footer {
        height: 70px;
        background-color: white !important;
    }

    #footer h2 {
      font-size: 3em !important;
        text-align: center  !important;

    }
    #footer #container5 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #footer p {
        text-align: center;
        font-size: 0.7em;
        font-variant: all-small-caps;
        text-transform: lowercase;
    }
    
    /*header*/
    .logo img {
        width: 70px;
    }

    .logo {
        top: 10px;
        left: 10px;
    }

    .menu-btn {
        top: 6px;
        right: 20px;
        font-size: 42px;
        margin-right: 20px;
        margin-top: 10px;
    }

    #header {
        top: 0px;
        height: 90px;
        background-color: white;
    }

    .rrss ul {
        margin: 29px 0px;
        text-align: center;
    }

    .rrss li {
        margin-left: 5px;
    }    

    /*slider*/
    
    .slidebar {
        width: 20px;
        height: 1px;
        right: 0px;
        top: 0px;
    }
    
    .overlay .menu ul li a {
        font-size: 1.3em;
    }

    .overlay .menu ul li {
         margin-bottom: 0px;
    }    
     

    .lista li {
        font-size: 1em;
    }
    
    .spansubtitulo {
        font-size: 1em;
    }
    
    /*contacto*/    

    h2.titulo {
        font-size: 1.3em;
        margin-left: 20px;
        margin-top: 27px;
        font-weight: 800;
        margin-bottom: 22px;
        text-align: center;
    }

    .section .col-md-5 p {
        font-size: 1em;
        margin-left: 0px;
        margin-top: 6px;
        margin-bottom: 6px;
        font-weight: 300;
        font-family: 'Lato';
        line-height: 20px;
        text-align: justify;
    }

    .contact-icons i {
        font-size: 16px;
        display: inline-block;
        width: 24px;
    }

    .padding-left25 {
        padding-left: 12px;
    }

    .padding-left5 {
        padding-left: 3px;
    }

    .contact-icons i {
        font-size: 16px;
        display: inline-block;
        width: 24px;
    }

    .contacto .col-md-5 {
        margin-bottom: 30px;
    }
    
    
    #fullpage .section:first-child .container-fluid {
        margin-top: 110px !important ;
    }

    #fullpage .section .container-fluid {
        margin-top: 0px !important ;
    }


    .prenumero {
        position: absolute;
        top: -34px;
        left: 14px;
        font-size: 4em;
        font-weight: 700;
        font-family: 'Lato';
        z-index: 1;
        color: #231F20;
    }
        /**/
}

/* RESPONSIVE */
@media (max-width: 992px) {
  

    .container-fluid {
        margin-top: 110px;
    }


    .section .col-md-5 h1 {
        font-size: 2em;
        margin: 0px 5px;
        font-weight: 600;
        margin-bottom: 20px;
        padding-left: 0px;
        text-align: center;
    }
    
    .bportafolio .section .col-md-5 h1 {
        text-align: left !important;
        padding-left: 55px;
    }
     
    .section .col-md-5 h1::after {
        display:none;
    }

    .section .col-md-5 p {
        font-size: 1em;
        margin-left: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
        font-weight: 300;
        font-family: 'Lato';
        line-height: 22px;
    }

    .col-md-5 {
        min-height: 0;
        padding: 0px 25px 0px 25px;
        margin: 5px auto 30px auto;
        
        
    }

    .col-md-7 {
        background-color: #fff;
        min-height: 0px;
        padding-left: 0px;
        padding-right: 28px;
        margin:  10px auto 10px auto;
    }

    .slidebar {
        width: 20px;
        height: 1px;
        right: 0px;
        top: 0px;
    }

    .sidebarfooter {
        display: none;
    }
    
    #fullpage {
        padding-bottom: 50px !important;
    }
    
    /*footer*/
    
    #footer {
        height: 70px;
        background-color: white !important;
    }

    #footer h2 {
      font-size: 3em !important;
        text-align: center  !important;

    }
    #footer #container5 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #footer p {
        text-align: center;
        font-size: 0.7em;
        font-variant: all-small-caps;
        text-transform: lowercase;
    }
    
    /*header*/
    .logo img {
        width: 70px;
    }

    .logo {
        top: 10px;
        left: 10px;
    }

    .menu-btn {
        top: 6px;
        right: 20px;
        font-size: 42px;
        margin-right: 20px;
        margin-top: 10px;
    }

    #header {
        top: 0px;
        height: 90px;
        background-color: white;
    }

    .rrss ul {
        margin: 29px 0px;
        text-align: center;
    }

    .rrss li {
        margin-left: 5px;
    }    

    /*slider*/
    
    .slidebar {
        width: 20px;
        height: 1px;
        right: 0px;
        top: 0px;
    }
    
    .overlay .menu ul li a {
        font-size: 1.3em;
    }

    .overlay .menu ul li {
         margin-bottom: 0px;
    }    
     

    /*contacto*/    

    h2.titulo {
        font-size: 1.3em;
        margin-left: 20px;
        margin-top: 27px;
        font-weight: 800;
        margin-bottom: 22px;
        text-align: center;
    }

    .section .col-md-5 p {
        font-size: 1em;
        margin-left: 0px;
        margin-top: 6px;
        margin-bottom: 6px;
        font-weight: 300;
        font-family: 'Lato';
        line-height: 20px;
        text-align: justify;
    }

    .contact-icons i {
        font-size: 16px;
        display: inline-block;
        width: 24px;
    }

    .padding-left25 {
        padding-left: 12px;
    }

    .padding-left5 {
        padding-left: 3px;
    }

    .contact-icons i {
        font-size: 16px;
        display: inline-block;
        width: 24px;
    }

    .contacto .col-md-5 {
        margin-bottom: 30px;
    }
    
    
    #fullpage .section:first-child .container-fluid {
        margin-top: 110px !important ;
    }

    #fullpage .section .container-fluid {
        margin-top: 0px !important ;
    }


    .prenumero {
        position: absolute;
        top: -34px;
        left: 14px;
        font-size: 4em;
        font-weight: 700;
        font-family: 'Lato';
        z-index: 1;
        color: #231F20;
    }
    /**/
    
    .scroller {
        height: 244px !important;
        overflow-y: hidden !important;
        overflow-x: hidden !important;
        line-height: 10px !important;
    }

    #section4 p, #section4 ul, #section4 li  {
    line-height: 15px;
    }
}


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

    body { -webkit-text-size-adjust: none; }

}


.idiomas * {
    font-family: 'latothin';
    color: rgb(245,245,245);
    font-weight: bold;
}

.idiomas {
  padding-top: 35px !important;
  color: white;
  font-size: 22px;
  text-align: center;
}

.idiomas a, .idiomas span {
  font-size: 22px !important;
    padding: 0px 10px 0px 10px;
}

.idiomas a:hover {
    color: #B0B0B0;
    text-decoration: none;
}

.offs {
  display: block;
  position: relative;
  top: -110px;
  visibility: hidden;
}