/*Tipografías e Icónos*/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@font-face{
    font-family: "Mi fuente"; 
    src: url(font/Bienchen_a.ttf) format('truetype'),
         url(font/bienchen_a-webfont.woff) format('woff'),
         url(font/bienchen_a-webfont.svg) format('svg'),
         url(font/bienchen_a-webfont.eot) format('embedded-opentype');
}
/*RESET*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    position: relative;
    min-height: 100%;   
}
body{
    font-family:'Raleway', sans-serif;
    font-weight:400;
    color:#3c3c3b;
    margin: 0 0 411px;
    background: #f3f4f3;
}
main{
    padding-top:61px;
}
li{
    list-style:none;
}
{
    text-decoration: none;
}
h2{
    font-size: 1.125em;
    font-weight: 200;
    color:#003333;
    padding-bottom: 60px;
}
h3{
    font-size: 1.125em;    
    font-weight: 900;
    color:#003333;
    padding-bottom:30px;
}
/*CONTAINER*/
.container{
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.container_2{
    padding: 60px 0px 120px 0px;
    overflow: hidden; 
}
.container_3{
    margin: 0 auto;
    width: 21vh;
}
.container_4{
    margin: 0 auto;
    width: 170px;
}
.container_5{
    padding: 60px 0px 0px 0px; 
}
.container_6{
    padding-top:60px; 
}
/*GRIL*/
[class^="col_"]{
    float:left;
}

.col_33{
    width: 33.3%;
    padding:0 20px 0 20px;
    height: 350px;
}
.col_25{
    width: 25%;
    padding:0 20px 0 20px;       
}
.col_c_33{
    width: 33.3%;
}
/*HEADER*/
header{
    font-size: 1em;
    background:#003333;
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
}
header nav ul{
    padding: 37px 0px 0px 0px;  
}
header nav ul li{
    display: inline-block;    
}
header nav ul li a{
    margin: 5px;
    color:#fff;
    font-weight: 200;    
}
.activo{
    color:#27a4c0;
    border-bottom: 4px solid #27a4c0;
    padding-bottom: 29px; 
}
header nav ul li a:hover{
    color:#fff;
    font-weight: 400;
}
header .logo{
    float: left;
    margin: 0 auto;
    width: 200px;
    padding: 7.5px 0px 7.5px 0px;  
}
.navegation  > nav{
    float: right;
}
#button_menu:hover{
    color:#27a4c0;   
}
#button_menu{
    float:right;
    display: none;
    color:#177899;
    padding: 12px 0px 10px 0px;
}
/*MAIN*/
/*Inicio*/
#home{
    background: url(recursos/fotografias/5472x3078background.jpg) no-repeat top center;
    background-size: cover;
    height:90vh;
}
.dates_1{
    font-size: 2vh;
}
#home h1{
    width: 45%;
    text-align: center;
    margin: 0 auto;
    display: block;
    color:#fff;
    padding-top:9vh;
    padding-bottom: 9vh;
    font-size: 2.5vh;
}
.sub_title{
    color:#003333;
    font-weight: 700;
    font-size: 1em;
}
.home>p{
    width: 45%;
    font-size: 1.125em;
    color: #3c3c3b;
    padding-top: 3vh;
    font-size: 1.9vh;
} 
.home span{
    color: #003333;
    font-weight:600;
} 

.dates img{
    margin-right: 10px;
    width: 25px;
}
.icon_left{
    float: left;
}
.std_1{
    color: #003333;
    position: absolute;
}
[class*="icon_home"]:before {
    content: "";
    margin: 0 auto;
    display: block;
    height: 3vh;        
    width: 3vh;
    margin-right:1vh;
}
.tlf_2{
    background: url(recursos/Iconos/telefono.svg) no-repeat center;
    }
.loc_2{
    background: url(recursos/Iconos/direccion.svg) no-repeat center;
    }
/*Servicios*/
#servicios{
        background: #f5f5f5;
        overflow: hidden;
}
.servicios>p{
    padding-bottom: 60px;
    font-weight: 200;
    width: 40%;
}
#servicios h3{
    text-align: center;
    padding: 30px 0px 30px 0px;
}
[class*="iconser"]:before{
    content: "";
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    height: 118px;
}
.sub_title_s{
    width: 45%;
    padding-bottom: 30px;
}    
.juridico-laboral{
    background: url(recursos/Servicios/1juridicolaboral.svg) no-repeat center;
 
}
.juridico{
    background: url(recursos/Servicios/2juridico.svg) no-repeat center;
}
.laboral{  
    background: url(recursos/Servicios/3laboral.svg) no-repeat center;
 }
.fiscal{
    background: url(recursos/Servicios/4fiscal.svg) no-repeat center;
 }
 .financiero{
    background: url(recursos/Servicios/5financieroseguros.svg) no-repeat center;
 }
 .ris-laboral{
    background: url(recursos/Servicios/6prevencionriesgos.svg) no-repeat center;
 }
 
 
 
 
/*Fundación*/
#fundacion{
    background-color: #cba55b;
    color:#fff;
}
.fundacion{
    font-size: 1.7em;
}
.name{
    background-color: #cba55b;
    color:#003333;
}
.txt_f p{
    column-count: 2;
    text-align: left;
    column-gap: 20px;
    padding-top: 60px;
}
.txt_f span{
    color:#003333;
}
/*Contacto*/
#contacto{
    background: url(recursos/fotografias/contac1.jpg) no-repeat top center;
    background-size: cover;
    height: 100%;
}
.cont-date{
        display: none;
    }
.std_2{
    color: #fff;
}
.horarios p:first-child{
    padding-bottom: 30px;
}
.horarios{
    text-align: center;
}
[class*="iconcont"]:before {
    content: "";
    margin: 0 auto;
    display: block;
    height: 25px;        
    width: 25px;
    margin-right: 10px;
}
.tlf{
    background: url(recursos/Iconos/telefono.svg) no-repeat center;
    }
.loc{
    background: url(recursos/Iconos/direccion.svg) no-repeat center;
    }
.asterisco{
    padding-top: 20px;
    margin-left: 20%;
    margin-right: 20%;
    font-size:0.7em;
}

.social1,.share{
    text-align: center;
}
 .social1 a{
    display: inline-block;
    width: 40px;
    height: 40px;
    }
    .f-c1{
        background: url(recursos/Iconos/facebook.svg) no-repeat center;
    }
    .l-c1{
        background: url(recursos/Iconos/linkedin.svg) no-repeat center;
    }
    .g-c1{
         background: url(recursos/Iconos/googleplus.svg) no-repeat center;
    }

.share ul li{
    display:inline-block;
    padding: 0 25px 0 25px;
}
.social1 ul li{
    display:inline-block;
    padding: 0 25px 0 25px;
}
.email {
    margin-bottom: 10px;
    text-align: center;
    margin-top: 11px;
}
.email a{
    border: 1px solid #003333;
    border-radius: 5px;
    color:#003333;
    padding: 10px;  
}
p span a{
    color:#003333;
}
/*FOOTER//////////////////////////////////////////////////////////////////////*/
footer{
    background: #003333;
    color:#fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 411px;
}
footer a {
    color: #fff;
}
footer h3 {
    color: #fff;
}
.copyright{
    font-size: 0.7em;
    display: table;
    width: 100%;
    text-align: center;
    padding: 60px 20px 20px 20px;
}
.copyright a{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom:10px;
}
.jsocial{
    background: url(recursos/Iconos/justiciasocial.svg) no-repeat center;

}
.social ul li{
    display: inline-block;
    padding: 0px 10px 0px 10px;  
}
.col_left img{
    margin-right: 10px;
}
#fundacion img:first-child{  
float: left;
padding-right: 20px;
}
.sub_title_f{
    width: 50%
}
 .social a{
    display: inline-block;
    width: 40px;
    height: 40px;
    }
    .f-c{
        background: url(recursos/Iconos/facebookblanco.svg) no-repeat center;
    }
    .l-c{
        background: url(recursos/Iconos/linkedinblanco.svg) no-repeat center;
    }
    .g-c{
         background: url(recursos/Iconos/googleplusblanco.svg) no-repeat center;
    }
    .loc_1{
        background: url(recursos/Iconos/direccionblanco.svg) no-repeat center;
    }
    .tlf_1{
        background: url(recursos/Iconos/telefonoblanco.svg) no-repeat center;
    }
    .letter{
        background: url(recursos/Iconos/emailblanco.svg) no-repeat center;
    }
/*Home*/
  
.post_blog{
    padding-bottom:30px;
    display:flex;
    display: -webkit-flex;
}
h4 a{
    color:#003333;
    text-decoration: underline;
}
.abstract_blog{
    padding:30px 0px 30px 0px;
}
.screen-reader-text{
      padding-bottom: 20px;
      color:#003333;
      text-transform: uppercase;
      display: block;
          font-size: 1.125em;
    font-weight: 200;
}
.dates_blog ul li{
    display: inline-block;
    padding-right: 20px;
    color:#b2b1b1;
}
.dates_post ul li{
    display:block;
    color:#b2b1b1;
    padding-bottom: 10px;
    font-size: 0.9em;
}
.post_categories{
    display: none;
}

.dates_blog ul li a{
    color:#b2b1b1;
}
.dates_post ul li a{
    color:#b2b1b1;
}
.dates_blog ul li img{
    vertical-align: middle;
    margin-right: 5px;
}
.dates_post ul li img{
    vertical-align: middle;
    margin-right: 5px;   
}

.cont_txt_post{
    float: left;
    width: 80%;
    padding-left: 3%
}
.cont_img_post img{
    width: 130px;
    height: 130px;
    border-radius: 100%;
}
.searchform input{
    border: 1px solid #003333;
    border-radius: 5px;
    width: 100%;
    height: 25px;
    padding-left: 10px;
    background: url("recursos/Iconos/busquedalupa.svg") no-repeat scroll right 0 transparent;
}
#searchsubmit{
    display: none;
}
.sidebar_se_ca{
    float: left; 
    width: 23.5%;
}
.container_blog{
    float:left;
    width: 73.5%;
    margin-right: 3%;
}
.post_blog img{

    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
}
.post_content img{
      margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.share_img{
    width: 40px;
}
.share-post{
        padding-top: 30px;
    }
/*Categorias*/
.widgettitle{
    padding:30px 0px 20px 0px;
      color:#003333;
      text-transform: uppercase;
}
.cat-item{
      color:#003333;
}
.cat-item a{
      color:#003333;
}
/*Content-none*/
.none_content{
    text-align: center;
}
.none_content p{
    width: 80%;
    margin: 0 auto;
    display: block;
}
.none_content p a{
    color:#003333;
    font-weight: 600; 
}
.none_content p a:hover{
     color:#b2b1b1;
}
.search_none_content label{
    display: none;
}
.search_none_content input{
    width: 50%;
}
/*Author*/
.author_post{
    float: left; 
    width: 20%;
}
.author_post h4{
   width: 90px;
}
.author_post_responsive{
    display: none;
}


.avatar{
width: 80px;
height: 80px;
border-radius: 100%;
}

@media (min-width:1201px){
    
    Header nav{
        height: inherit !important;
    }
}
@media  (max-width:1200px ) {
    /*RESET*/
     body{
        margin: 0 0 655px;
    }  
    /*GRIL*/
    .col_left{
        float: none;
    }
    .col_50{
        width: 50%
    }
     .col_left img{
        margin-right: 0px;
    }
    /*CONTAINER*/
    .container{
        width: 90%;
    }
    /*HEADER*/    
    header{
        position: absolute;
    }
    header nav ul{
        padding: 20px 0px 20px 10px;
    }
    header nav ul li{
        display: block;  
    }
    header nav ul li a{
        color:#fff;
    }
    header a:hover{
        border-bottom: none;
        padding-bottom: 10px;
    }
    header nav{
        text-align: center;
        height:0;
        overflow: hidden;
        transition: all 1s;
    }
    header nav a{
        display: block;
        padding-bottom:10px;
    } 
    .navegation > nav{
        float: none;
        clear: left;
    }
    #button_menu{ 
        display:block;
    }
    /*MAIN*/
    /*Inicio*/
    .home>p {
        width: 75%;
    }
    /*Servicios*/
    .sub_title_s {
        width: 75%;
    } 
    /*Fundación*/
   .txt_f p{
    column-count: 1;
    text-align: left;  
    }
    #fundacion img:first-child{  
        float: left;
        padding-right: 20px;
    }
    /*Contacto*/
    .social1{
        display: none;
    }   
   
    /*FOOTER*/
    footer{
        height: 655px;
        text-align: center;
    } 
    .sub_title_f{
        width:100%;
    }
    
    .line_footer{
        overflow: hidden;
        padding-bottom: 30px;
    }
    /*Home.php*/
    .sidebar_se_ca{
        display: none;
        float: none; 
        width:0%;
    }
    .container_blog{
    float:none;
    width: 100%;
    margin-right: 0%;
    }
    .dates_post ul li img{
    display: none;
}
}

@media(max-width:750px ) {
    .dates_1{
    font-size: 2vh;
    text-align:center;
}
.icon_left{
    float: none;
}
    /*RESET*/
    body{
        margin: 0 0 952px;
    }
    h2{
        padding-bottom: 30px;
    }    
    /*GRIL*/
    [class^="col_"] {
        float: none;
    }
     .icon_normal{
        float: none;
    }
    .col_100{
        float: none;
        width: 100%;
        padding:0px 0px 0px 0px; 
    }
    .col_33{
        height: 100%;
    }
    /*CONTAINER*/
    .container_2{
        padding: 30px 0px 60px 0px;
    }   
    .container_5{
    padding: 30px 0px 0px 0px;
    }
    /*MAIN*/
    /*Inicio*/
    .home p:first-child{
        width: 100%;
    }
    #home h1{
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
        color:#fff;
    }
    .std_1{
        position: relative;
    }
    [class*="icon_home"]:before {
    margin-right:auto;
}
    /*Servicios*/
     #servicios img{
        height: 88px;
    }   
    .sub_title_s{
        width: 100%;
    }
    .p_bottom{
        padding-bottom: 30px;
    }
    /*Fundación*/
    .fundacion {
        font-size: 1em;
    }
    .txt_f img{
        padding-top: 30px;
        margin: 0 auto;
        display: block;
    }
    #fundacion img:first-child{   
        margin: 0 auto;
        display: block;
        float: none;
        padding-bottom: 30px;
    }
    .txt_f p{
    padding-top: 30px;
}
    /*Contacto*/
     .dates{
        margin-bottom: 30px;
        text-align: center;
    }
     .cont-date{
        display:block;
    }
    .dates img{
    margin-right: 0;
    }
    [class*="iconcont"]:before {
    margin-right:auto;
    }
    /*FOOTER*/
    footer{
        height: 952px;
    }
    .social ul li {
        padding: 0px 25px 0px 25px;
    }
    .line_footer {
        padding-bottom:0px;
    }
    .line_footer div{
        padding-bottom:30px;
    }
    .social ul li{
        padding: 0px 15px 0px 15px;
    }
    .top_b{
        padding-bottom: 30px;
    }
    /*home.php*/
    .cont_img_post{
        margin:0 auto;
        display: block;
        float: none;
        width: 100%;
        padding-bottom: 30px;
        
    }
    .cont_img_post img{
        margin:0 auto;
        display: block;
    }
    .cont_txt_post{
        float: none;
        width: 100%;
        padding-left: 0%;
    }
    .post_blog{
    padding-bottom:30px;
    display:inline-block;
    }
    .dates_blog ul li {
        display: block;
    }
    /*Author*/
    .author_post{
    display: none;
    }
    .author_post_responsive{
    display: block;
    padding-top: 30px;
    }
    .author_post_responsive>img{
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    }
    .author_post_responsive h4{
        text-align: center;
    }
    .dates_responsive{
        text-align: center;
    }

}
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
    #home{
        height:auto;
    }
    .home>p{
        padding-top: 30px;
        font-size: 1em;
    }
    #home h1{
        padding-top: 30px;
        padding-botton:30px;
        font-size: 1.5em;
    }
    .dates_1{
        font-size: 1em;
    }
    [class*="icon_home"]:before{
        content: "";
        margin: 0 auto;
        display: block;
        height: 25px;        
        width: 25px;
        margin-right:none;
    }
    .container_3 {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 60px;
    }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
    #home{
        height:auto;
    }
    .home>p{
        padding-top: 30px;
        font-size: 1em;
    }
    #home h1{
        padding-top: 30px;
        padding-botton:30px;
        font-size: 1.5em;
    }
    .dates_1{
        font-size: 1em;
    }  
    [class*="icon_home"]:before {
        content: "";
        margin: 0 auto;
        display: block;
        height: 25px;        
        width: 25px;
        margin-right:none;
    }
    .container_3 {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 60px;
    }
}

.pagination{
    text-align: center;
}
.pagination a{
    padding: 5px;
    color:#003333;
}
.current{
    color:#b2b1b1;
}
#tf a{
    color:red;
}

/*Botón Subir*/
.go-top{
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 0.8em;
	padding: 1em;
	display: none;
        z-index: 999999;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

#barraaceptacion {
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    padding-left:5px;
    font-size:12px;
    top:30%;
    padding: 20px;
}
 
.inner a.ok {
   color:#fff;
   text-decoration:underline;
}
 
.inner a.info {
      color:#fff;
   text-decoration:underline;
}