/*
	Theme Name: Abogada
	Theme URI: http://www.mitema.com
	Description: Despacho de Abogada.
	Author: Tu nombre
	Author URI: http://www.tunombre.com
	Version: 1.0
	*/
    * {
        box-sizing: border-box;
    }
    body{
        margin-left: 2.5%;
        max-width: 95%;
        font-family: monospace,sans-serif;
    }
    [class*="col-"] {
        float: left;
        padding: 0px;
        /* border: 1px solid red; */
    }
    .row:after {
        content: "";
        clear: both;
        display: block;
    }
    [type="checkbox"], label {
        display: none;
    }
    .email{
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .cabezera h2,section h2{
        display: none;
    }
    section aside h2{
        display: block;
        text-align: center;
    }
    #logo{
        max-height: 90px;
        min-height: 90px;
        float: left;
    }
    .menu{
        background-color: #e8e8e7;
    }
    .menu ul{
        list-style: none;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .menu li{
        display: inline-block;
        border-right: 1px solid black;
        padding: 10px 5px;
    }
    .menu a{
        text-decoration: none;
        color: black;
    }
    .imagen img{
        max-width: 100%;
        width: 100%;
        height: auto;
        
    }
    aside img{
        height: 70px;
        max-height: 70px;
        max-width: 90px;
    }
    .centrar{
        text-align: center;
    }
    .texto{
        text-align: left;
    }
    p{
        padding-left: 1.2em;
        padding-right: 1.2em;
    }
    footer{
        margin-bottom: -20px; 
        background-color: #000;
        color:  #f6f5f5; 
        text-align: center; 
    }
    footer ul{
        list-style: none;
    }
    footer li{
        display: inline-block;
    }
    footer a{
        font-style: none;
    }
    .paginas{
        padding-right: 10%;
        padding-left: 10%; 
    }
    .centrarPagina{
        text-align: center;
        padding-top: 20px;
    }
    hr{
        clear: both;
        height: 0;
        border: solid #e8e8e7;
        border-width: 5px 0 0;
    }
    #header,#paginaPenal,.paginaCabeza{
        background-color: #f6f5f5; 
    }
    .widget{
        padding-left: 5%;
        padding-right: 5%;
    }
    .widgetDoce{
        padding-left: 1.67%;
        padding-right: 1.67%; 
        min-height: 200px;    
    }
    .paginaCabeza h1{
        background-color:#f6f5f5;
    }
    .individual{
        font-size: 2em;
        background-color: #f6f5f5;
        margin-bottom: -33px; 
    }
    .individual h1{
        text-align: center;
        background-color: #f6f5f5;
    }
    .main{
        background-color: #333333;
    }
    .more-container {
     /* estilos del contenedor */
    }
    .more-link {
      /* estilos del enlace */
    }
    button{
      background: #333333;
      background-image: -webkit-linear-gradient(top, #333333, #f6f5f5);
      background-image: -moz-linear-gradient(top, #333333, #f6f5f5);
      background-image: -ms-linear-gradient(top, #333333, #f6f5f5);
      background-image: -o-linear-gradient(top, #333333, #f6f5f5);
      background-image: linear-gradient(to bottom, #333333, #f6f5f5);
      -webkit-border-radius: 29;
      -moz-border-radius: 29;
      border-radius: .6em;
      text-shadow: 1px 1px 3px #333333;
      font-family: Courier New;
      color: #ffffff;
      font-size: .7em;
      border: solid #333333 .1em;
      text-decoration: none;
      margin-left: 5%;
      margin-top: 1%;
    }

    button:hover {
      background: #b91717;
      background-image: -webkit-linear-gradient(top, #f6f5f5, #333333);
      background-image: -moz-linear-gradient(top, #f6f5f5, #333333);
      background-image: -ms-linear-gradient(top, #f6f5f5, #333333);
      background-image: -o-linear-gradient(top, #f6f5f5, #333333);
      background-image: linear-gradient(to bottom, #f6f5f5, #333333);
      text-decoration: none;
    }
    .coocki{
        max-width: 90%;
        background-color: #e8e8e7;
        position: fixed;
        bottom: 0px;
    }
    }
    .inner {
      position: relative;
    }
    aside.col-4.lateral{
        margin-bottom: 2.1em;
        padding-right: 2em;
        float: right;
    }
    aside.col-4.lateral ul#menu{
        list-style: none;
        max-height: 350px;
        padding-left: 0px;
        width: 100%;
        max-width: 100%;
        top: 0px;
        border: 1px solid #e8e8e7;
        border-radius: 30px;
        background-color: #e8e8e7;
        padding-bottom: 1em;
    }
    aside.col-4.lateral ul#menu li{
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 1em;
        border-bottom: 3px solid #c8c6c5;
    }
    aside.col-4.lateral ul#menu li:last-child{
        
    }
    aside.col-4.lateral ul#menu a{
        text-decoration: none;
        color: #000000;
        font-size: 2em;
    }
    #m{
        position: fixed;
        top: 0px;
        width: 90%;
    }
    .col-12.imagen{
        margin-top: 47px;
    }
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
    @media only screen and (min-width: 50px) and (max-width: 399px){
        .col-sx-1 {width: 8.33%;}
        .col-sx-2 {width: 16.66%;}
        .col-sx-3 {width: 25%;}
        .col-sx-4 {width: 33.33%;}
        .col-sx-5 {width: 41.66%;}
        .col-sx-6 {width: 50%;}
        .col-sx-7 {width: 58.33%;}
        .col-sx-8 {width: 66.66%;}
        .col-sx-9 {width: 75%;}
        .col-sx-10 {width: 83.33%;}
        .col-sx-11 {width: 91.66%;}
        .col-sx-12 {width: 100%;}
        .cabezera{
            margin-top: 48px;
        }
        .cabezera h1{
            text-align: center;
        }
        .cabezera h1:last-child{
            display: none;
        } 
        aside img{
            height: 70px;
            max-height: 70px;
        }
        .menu li{
            min-height: 70px;
        }
        nav ul {
            display: none;
        }

        label {
            display: block;
            background: #e8e8e7;
            height: 40px;
            cursor: pointer;
        }
        label:after{
            content:'';
            display: block;
            width: 30px;
            height: 5px;
            background: #777;
            margin: 7px 5px;
            box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
        }

        [type="checkbox"]:checked ~ ul {
            display: block;
        }

        nav ul li {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
            min-height: 70px;
        }

        nav > ul > li {
            margin-left: 0px;
            min-height: 70px;
            float: none;
        }
        .col-4.lateral{
            display: none;
        }
        #m{
            width: 90%;
            min-width: 95%;
        }
        .col-12.imagen{
        margin-top: 43px;
        }
    }
    @media only screen and (min-width: 400px) and (max-width:614px){
        .col-s-1 {width: 8.33%;}
        .col-s-2 {width: 16.66%;}
        .col-s-3 {width: 25%;}
        .col-s-4 {width: 33.33%;}
        .col-s-5 {width: 41.66%;}
        .col-s-6 {width: 50%;}
        .col-s-7 {width: 58.33%;}
        .col-s-8 {width: 66.66%;}
        .col-s-9 {width: 75%;}
        .col-s-10 {width: 83.33%;}
        .col-s-11 {width: 91.66%;}
        .col-s-12 {width: 100%;}
        .cabezera{
            margin-top: 48px;
            width: 90%;
        }
        .cabezera h1{
            padding-bottom: 0px;
            margin-bottom: -20px; 
            min-height: 70px;
            word-wrap: break-word;
            text-align: center;
        }
        .cabezera h1:last-child{
            font-size: 1.2em;
        }
        .menu li{
            min-height: 70px;
        }
        nav ul {
            display: none;
        }
        label {
            display: block;
            background: #e8e8e7;
            height: 40px;
            cursor: pointer;
        }
        label:after{
            content:'';
            display: block;
            width: 30px;
            height: 5px;
            background: #777;
            margin: 7px 5px;
            box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
        }

        [type="checkbox"]:checked ~ ul {
            display: block;
        }

        nav ul li {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
            min-height: 70px;
        }

        nav > ul > li {
            margin-left: 0px;
            min-height: 70px;
            float: none;
        }
        .col-4.lateral{
            display: none;
        }
        #m{
            width: 95%;
            min-width: 95%;
        }
        .col-12.imagen{
        margin-top: 40px;
    }
    }

    @media only screen and (min-width: 615px) and (max-width: 767px) {
        /* For tablets: */
        .col-m-1 {width: 8.33%;}
        .col-m-2 {width: 16.66%;}
        .col-m-3 {width: 25%;}
        .col-m-4 {width: 33.33%;}
        .col-m-5 {width: 41.66%;}
        .col-m-6 {width: 50%;}
        .col-m-7 {width: 58.33%;}
        .col-m-8 {width: 66.66%;}
        .col-m-9 {width: 75%;}
        .col-m-10 {width: 83.33%;}
        .col-m-11 {width: 91.66%;}
        .col-m-12 {width: 100%;}
        .cabezera{
            margin-top: 48px;
            width: 90%;
        }
        .cabezera h1{
            font-size: 1.9em;
            display: block;
            text-align: center;
            margin: auto 0px;
            word-wrap: break-word;
        }
        .menu li{
            min-height: 70px;
            padding-top: 24.5px;
        }
        .menu a{
            font-size: 1.3em;
        } 

        nav ul {
            display: none;
        }

        label {
            display: block;
            background: #e8e8e7;
            height: 40px;
            cursor: pointer;
        }
        label:after{
            content:'';
            display: block;
            width: 30px;
            height: 5px;
            background: #777;
            margin: 7px 5px;
            box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
        }

        [type="checkbox"]:checked ~ ul {
            display: block;
        }

        nav ul li {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
            min-height: 70px;
        }

        nav > ul > li {
            margin-left: 0px;
            min-height: 70px;
            float: none;
        }
        .col-4.lateral{
            display: none;
        }
        #m{
            width: 95%;
            min-width: 95%;
        }
    }
    @media only screen and (min-width: 768px) {
        /* For desktop: */
        .col-1 {width: 8.33%;}
        .col-2 {width: 16.66%;}
        .col-3 {width: 25%;}
        .col-4 {width: 33.33%;}
        .col-5 {width: 41.66%;}
        .col-6 {width: 50%;}
        .col-7 {width: 58.33%;}
        .col-8 {width: 66.66%;}
        .col-9 {width: 75%;}
        .col-10 {width: 83.33%;}
        .col-11 {width: 91.66%;}
        .col-12 {width: 100%;}
        body{
            margin-right: 5%;
            margin-left: 5%;
        }
        .cabezera h1{
            font-size: 1.6em;
            text-align: right;
            word-wrap: break-word;
            padding-right: 1%;
        } 
        .menu li{
            font-size: 1.7em;
            word-wrap: break-word;
        }
        body.page-template-page-civil-php  nav.col-12.menu{
            display: none;
        } 
        body.page-template-page-penal-php  nav.col-12.menu{
            display: none;
        } 
        body.page-template-page-laboral-php  nav.col-12.menu{
            display: none;
        } 
        body.page-template-page-administrativo-php  nav.col-12.menu{
            display: none;
        }
        body.page-template-page-cookie-php  nav.col-12.menu{
            display: none;
        } 
    }