/* 
Developer: Juan Ignacio Cieri 
Developer URI: http://juancieri.com
*/

@charset "utf-8";
@font-face {
    font-family: 'open_sansitalic';
    src: url(../fonts/OpenSans-Italic-webfont.eot);
    src: url(../fonts/OpenSans-Italic-webfont.eot?#iefix) format('embedded-opentype'),
        url(../fonts/OpenSans-Italic-webfont.woff2) format('woff2'),
         url(../fonts/OpenSans-Italic-webfont.woff) format('woff'),
         url(../fonts/OpenSans-Italic-webfont.ttf) format('truetype'),
         url(../fonts/OpenSans-Italic-webfont.svg#open_sansitalic) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url(../fonts/OpenSans-Regular-webfont.eot);
    src: url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),
        url(../fonts/OpenSans-Regular-webfont.woff2) format('woff2'),
         url(../fonts/OpenSans-Regular-webfont.woff) format('woff'),
         url(../fonts/OpenSans-Regular-webfont.ttf) format('truetype'),
         url(../fonts/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url(../fonts/OpenSans-Semibold-webfont.eot);
    src: url(../fonts/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),
        url(../fonts/OpenSans-Semibold-webfont.woff2) format('woff2'),
         url(../fonts/OpenSans-Semibold-webfont.woff) format('woff'),
         url(../fonts/OpenSans-Semibold-webfont.ttf) format('truetype'),
         url(../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url(../fonts/OpenSans-SemiboldItalic-webfont.eot);
    src: url(../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix) format('embedded-opentype'),
        url(../fonts/OpenSans-SemiboldItalic-webfont.woff2) format('woff2'),
         url(../fonts/OpenSans-SemiboldItalic-webfont.woff) format('woff'),
         url(../fonts/OpenSans-SemiboldItalic-webfont.ttf) format('truetype'),
         url(../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic) format('svg');
    font-weight: normal;
    font-style: normal;
}
.opensans-regular {
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.opensans-italic {
    font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
}
.opensans-semibold {
    font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
}
.opensans-semibold-italic {
    font-family: 'open_sanssemibold_italic', Arial, Helvetica, sans-serif;
}
.lato-light {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 300;
}
.lato {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.lato-italic {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: italic;
}
.lato-bold {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
.wrapper {
    position: relative;
    margin: 0 auto;
    width: 1090px;
}
.rojo {
    color: #a30000;
}
.white {
	color: #fff !important;
}
.center {
    text-align: center;
}
a.btn {
    background-color: #a30000;
    color: #fff;
    transition: .5s;
}
a.btn:hover {
    color: #fff;
    background-color: #660303;
}
header {
    background-color: #fff;
}
/* PARALLAX BACKGROUND HEADER */
/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
}
/* fullscreen setup */
html, body {
    height:100%;
}
.fullscreen, .content-a {
    width:100%;
    min-height:485px;
}
.not-fullscreen, .not-fullscreen .content-a, .fullscreen.not-overflow, .fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}

/* PARALLAX EFFECT */
.parallax {
    height: 450px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*--------------------
    MENU
--------------------*/
#nav {
    background: #fff;
    border: 0px;
    z-index: 5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}
#nav .container {
    width: 100%;
}
#nav-wrapper {
    padding-top: 10px;
}
#nav ul li a {
    color: #000;
    font-size: 14px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
#nav ul li:hover a {
    font-weight: 700;
    color: #a30000;
}
#nav ul li:hover {
    border-bottom: #a30000 solid 3px;
}
body#home #nav ul li.home a, body#areas-de-practica #nav ul li.areas-de-practica a, body#quienes-somos #nav ul li.quienes-somos a, body#clientes #nav ul li.clientes a, body#contacto #nav ul li.contacto a {
    font-weight: 700;
    color: #a30000;
}
body#home #nav ul li.home, body#areas-de-practica #nav ul li.areas-de-practica, body#quienes-somos #nav ul li.quienes-somos, body#clientes #nav ul li.clientes, body#contacto #nav ul li.contacto {
    border-bottom: #a30000 solid 3px;
}
#portada {
    background: url(../img/portada-home.jpg) no-repeat center center;
}
#areas-de-practica #portada {
    background: url(../img/portada-areas-de-practica.jpg) no-repeat center center;
    height: 400px;
	background-position: center top;
}
#quienes-somos #portada {
    background: url(../img/portada-quienes-somos.jpg) no-repeat center center;
    height: 360px;
    width: 100%;
	background-position: center right;
}
#portada #logo {
    float: right;
    margin-top: 120px;
}
#portada #logo img {
    max-width: 470px;
}
#portada p {
    color: #3b3d48;
    font-size: 18px;
    max-width: 470px;
    text-align: center;
    margin-top: 30px;
}
#publicaciones-destacadas, #publicaciones-recientes, #post {
    margin: 70px auto;
}
#home #publicaciones-destacadas {
	margin: 35px auto;
}
h1 {
    text-align: center;
    font-size: 30px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.line {
    max-width: 360px;
    height: 1px;
    margin: 20px auto 45px auto;
    border-top: 2px solid #a30000;
    display: block;
}
/*--------------------
    PUBLICACION
--------------------*/

.publicacion {
    max-width: 373px;
    margin: 0 auto 50px auto;
}
.publicacion .icon-date {
    width: 16%;
    text-align: center;
    margin-bottom: 20px;
}
.publicacion .imagen {
    width: 84%;
    display: block;
    height: 94px;
    background: url(../img/default.jpg) center center no-repeat;
    margin-bottom: 20px;
}
.publicacion .icon-date .fecha {
   background-color: #3b3d48;
    color: #fff;
}
.publicacion .icon-date .fecha p:first-child {
    font-size: 31px;
    margin: 0;
}
.publicacion .icon-date .fecha p:nth-child(2) {
    font-size: 16px;
    margin: 0;
}
.publicacion .icon-date .icon {
    padding: 4px 0px;
}
.publicacion h2 {
    color: #3b3d48;
    font-size: 20px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.publicacion.normativas .icon-date .icon {
    background-color: #f7941e;
}
.publicacion.jurisprudenciales .icon-date .icon {
    background-color: #00a79d;
}
.publicacion.doctrinarias .icon-date .icon {
    background-color: #27aae1;
}
.publicacion.varias .icon-date .icon {
    background-color: #c49a6c;
}
.publicacion h2 small {
    font-size: 14px;
    font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
    border-left: 2px solid #3b3d48;
    padding-left: 10px;
    margin-left: 10px;
}
.publicacion.normativas h2 small {
    color: #f7941e;
}
.publicacion.jurisprudenciales h2 small {
    color: #00a79d;
}
.publicacion.doctrinarias h2 small {
    color: #27aae1;
}
.publicacion.varias h2 small {
    color: #c49a6c;
}
.publicacion p.texto {
    color: #939598;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.publicacion a {
    color: #a30000;
    font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
}


/*--------------------
    FOOTER
--------------------*/
footer {
    background: url(../img/footer.jpg) no-repeat center center;
    background-size: 100%;
}
footer p, footer a {
    color: #fff;
    font-size: 13px;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
footer .overlay {
    background: rgba(0, 0, 0, .5);
    padding: 40px 0px;
}
footer h2 {
    color: #fff;
    font-size: 20px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 700;
    border-bottom: 3px solid #a30000;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
footer h3 {
    margin: 0 0 10px 0;
}
footer h3 a {
    font-size: 14px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 700;
}
footer .fecha {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
footer ul {
    list-style-type: none;
    padding: 0;
}
footer ul li {
    margin-bottom: 10px;
}
a.anteriores {
    font-family: 'open_sanssemibold_italic', Arial, Helvetica, sans-serif;
}
footer a:hover {
    color: #fff;
}
footer a.img {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 15px;
}
footer img {
    width: 70px;
}
footer .recent-post:nth-child(3) {
    margin: 40px 0 20px 0;
}
#Container .mix{
	display: none;
}
#blog #filtros {
    max-width: 975px;
    margin: 0 auto 50px auto;
    text-align: center;
}
#blog ul#filtros {
    list-style: none;
}
#blog #filtros li {
    display: inline-block;
    cursor: pointer;
    color: #808285;
    font-size: 18px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0 23px;
    padding-bottom: 8px;
}
#blog #filtros li:hover, #blog #filtros li.active {
    font-weight: 700;
    color: #a30000;
    border-bottom: 3px solid #a30000;
    padding-bottom: 5px;
}
#blog #filtros li.naranja:hover, #blog #filtros li.naranja.active {
    color: #f7941e;
    border-bottom: 3px solid #f7941e;
}
#blog #filtros li.verde:hover, #blog #filtros li.verde.active {
    color: #00a79d;
    border-bottom: 3px solid #00a79d;
}
#blog #filtros li.azul:hover, #blog #filtros li.azul.active {
    color: #27aae1;
    border-bottom: 3px solid #27aae1;
}
#blog #filtros li.violeta:hover, #blog #filtros li.violeta.active {
    color: #c49a6c;
    border-bottom: 3px solid #c49a6c;
}
#blog-post {
    max-width: 800px;
    margin: 0 auto;
}
#blog-post > center > img {
    margin-bottom: 50px;
}
#blog-post #tipo-post {
    text-align: right;
    padding: 5px 25px 5px 25px;
    color: #fff;
    background-color: #3b3d48;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
    position: relative;
}
#blog-post #tipo-post .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 30px;
    padding: 4px 25px;
    font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
}
#blog-post #tipo-post .icon.normativas {
    background-color: #f7941e;
}
#blog-post #tipo-post .icon.jurisprudenciales {
    background-color: #00a79d;
}
#blog-post #tipo-post .icon.doctrinarias {
    background-color: #27aae1;
}
#blog-post #tipo-post .icon.varias {
    background-color: #c49a6c;
}
#blog-post h2 {
    font-size: 30px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
#blog-post h2.normativas {
    color: #f7941e;
}
#blog-post h2.jurisprudenciales {
    color: #00a79d;
}
#blog-post h2.doctrinarias {
    color: #27aae1;
}
#blog-post h2.varias {
    color: #c49a6c;
}
#blog-post p, #blog-post a {
    font-size: 19px;
    color: #939598;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
#blog-post a {
    color: #a30000;
    font-weight: 700;
}
#blog-post p:last-child {
    margin-bottom: 30px;
}
#contacto #contenedor, section.clientes {
    padding: 70px 0px;
}
section.quienes-somos {
    padding: 100px 0px;
}
#contacto #contenedor h2 {
    color: #3b3d48;
    font-size: 27px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    background: url(../img/line.png) 0px 13px repeat-x;
}
#contacto #contenedor h2 span {
    background-color: #fff;
    padding: 3px;
}
form, #contacto #contenedor #address {
    margin-top: 60px;
}
#contacto #contenedor #address {
    font-size: 13px;
}
#contacto #contenedor #address address {
    margin-top: 50px;
}
#contacto #contenedor #address address p {
    color: #000;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
}
#contacto #contenedor #address address p:first-child:before {
    background: url(../img/address.png) center center no-repeat;
    width: 6px;
    height: 11px;
    position: absolute;
    content: "";
    margin-left: -18px;
    margin-top: 4px;
}
#contacto #contenedor #address p {
    color: #939598;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
form .submit {
    text-align: right;
}
#contacto form input, #contacto form textarea {
    background-color: #f1f2f2;
    border: 1px solid #d1d3d4;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#contacto form input {
    height: 50px;
}
#contacto form textarea {
    height: 190px;
}
#contacto form input#submit {
    background-color: #a30000;
    width: 125px;
    height: 50px;
    font-size: 15px;
    color: #fff;
    border: 0px;
    opacity: 1;
}
#contacto form input#submit:hover {
    background-color: #7c0101;
}
.title p {
    text-align: center;
    max-width: 640px;
    margin: 0  auto;
    color: #939598;
    font-size: 16px;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.title .line {
    margin-bottom: 20px;
}
.clientes-logos {
    margin-top: 50px;
}
#areas-de-practica section h3 {
    font-size: 16px;
    color: #3b3d48;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 700; 
}
#areas-de-practica section .item {
    margin-bottom: 40px;
    max-width: 330px;
    margin: 0 auto;
}
#areas-de-practica section .item h3 {
    padding-left: 50px;
}
#areas-de-practica section .item h3:before {
    background: url(../img/plus.png) center center;
    content: "";
    width: 27px;
    height: 26px;
    position: absolute;
    margin-left: -50px;
}
section.quienes-somos .title, section.quienes-somos h1, section.quienes-somos p {
    text-align: left;
}
section.quienes-somos h1 {
    margin-top: 0px;
}
section.quienes-somos .line, section.quienes-somos p {
    margin-left: 0px;
}
.member p, .member h2 {
    text-align: center !important;
    width: 100%;
}
.member h2 {
    color: #a30000;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
}
.member p {
    font-size: 13px;
    color: #3b3d48;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: italic;
}
.success {
    margin: 0 auto;
    max-width: 500px;
    font-weight: bold;
    font-size: 20px;
}
#home .publicacion {
	margin: 0 auto 20px auto;
}

.navbar-brand {
    height: auto;
    padding: 0;
    width: 200px;
    
}
@media (min-width: 768px) {
    .navbar-brand {
        display: none;
    }
}
.navbar-brand {
    width: 200px;
}

.navbar-nav {
    width: 100%;
    text-align: center;
}

@media (min-width: 768px) {
    .navbar-nav li {
        float: none;
        display: inline-block;
    }
}

/*--------------------
    RESPONSIVE
--------------------*/

/* de 1200px a 992px */
@media (max-width: 1200px) {
	}
	
/* de 992px a 768px */
@media (max-width: 992px) {
        #portada #logo {
            float: none;
            max-width: 470px;
            margin: 120px auto;
        }
        .navbar-header, .navbar-brand, .navbar-brand img {
            float: none;
            margin: 0 auto;
            text-align: center;
        }
        #nav-wrapper {
    padding-top: 20px;
}
	}
	
	/* de 768px a 0px */
@media (max-width: 768px) {
        .navbar-brand {
            float: left;
        }
        footer {
        background-size: cover;
}
    section.quienes-somos .title, section.quienes-somos h1, section.quienes-somos p, section.quienes-somos .line {
    text-align: center;
    width: 90%;
    margin: 20px auto;
}
    .member {
        text-align: center;
        margin-top: 50px;
    }
	#quienes-somos #portada {
	background-position: center right;
}
	#home #portada {
		background-position: center right;
	}
	}

@media (max-width: 500px) {
    #portada #logo img {
        width: 90%;
    }
    
}

.logo {
    margin: 30px auto 0 auto;
    width: 220px;
}
@media (max-width: 768px) {
    .logo {
        display: none;
    }
    
}