/*
Theme Name: LEX FIRMA S.A.
Theme URI: http://owl-studio.com.ar/
Author: OWL Studio
Author URI: http://owl-studio.com.ar/
Description: En OWL Studio nos especializamos en el diseño y el desarrollo de sitios web, poniéndo especial énfasis en el diseño, usabilidad e intuitividad, aspectos fundamentales de un sitio web exitoso. Trabajamos día a día para que el usuario elija navegar su sitio, examine las ventajas que le ofrece su negocio en Internet y obtenga la mejor imágen de su empresa.
Version: 1.0
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

body * {
	font-family: 'Open Sans', sans-serif;
}

body {
	letter-spacing: 1px;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

#wrap {
	background-color: rgba(200, 186, 151, 0.9);
	background-image: url('images/bg.jpg');
  	min-height: 100%;
  	height: auto;
  	margin: 0 auto -120px;
  	padding: 0 0 120px;
  	position: relative;
}

footer {
	min-height: 120px;
	background-color: #f9f6e1;
	clear: both;
	position: relative;
}

footer .pie {
	position: relative;
	min-height: 120px;
}


@media ( min-width: 992px ) {
	#wrap {
	  	margin: 0 auto -45px;
	  	padding: 0 0 45px;
	}

	footer, footer .pie {
		min-height: 45px;
	}
}


#wrap > nav > div > div.navbar-header > a {
	width: 235px;
	margin-top: 6px;
}

@media ( min-width: 460px ) {
	#wrap > nav > div > div.navbar-header > a {
		width: auto;
		margin-top: 0;
	}
}


footer .pie img {
    margin-right: 10px;
}

footer span.copy,
footer span.owl {
	font-size: 11px;
	color: #b7b6b6;
	display: block;
	text-align: center;
}

@media ( min-width: 992px ) {
	footer span.copy {
		position: absolute;
		left: 19px;
		bottom: 0;
		font-size: 9px;
	}

	footer span.owl {
		position: absolute;
		right: 30px;
		bottom: 0;
		font-size: 9px;
	}
}

footer span.owl a {
	color: #b7b6b6;
	transition: .5s 0s;
}

footer span.owl a:hover {
	color: #5C506D;
	text-decoration: none;
	transition: .5s 0s;
}

 .navbar {
 	background-color: #f9f6e1;
 	border-radius: 0;
 	border: none;
 	margin-bottom: 0;
 }

.navbar-brand {
    padding: 10px;
}

.navbar-toggle {
	border-color: #5c506d;
	margin-top: 25px;
	margin-bottom: 25px;
}


@media ( min-width: 460px ) {
	.navbar-toggle {
		margin-top: 35px;
		margin-bottom: 35px;
	}
}


.navbar-toggle .icon-bar {
	background-color: #5c506d;
}

.navbar li a {
 	color: #5c506d;
 	text-transform: uppercase;
 	font-size: 13px;
    font-weight: 600;
 	transition: .5s 0s;
}

@media ( min-width: 992px ) {
	.navbar li a {
		border-top: 5px solid #f9f6e1;
 		padding: 39px 12px 41px 12px;
 		letter-spacing: 0;
	}
}

@media ( min-width: 1200px ) {
	.navbar li a {
 		padding: 39px 15px 41px 15px;
 		letter-spacing: 1px;
	}
}

 .navbar li a:hover {
 	background-color: #f9f6e1;
 }


 .navbar li.current-menu-item a {
 	background-color: #eae7d5;
 	border-color: #5c506d;
 	transition: .5s .5s;
 }

.rs {
	background-color: #5c506d;
}

.rs .redes {
	display: table;
	float: right;
    padding: 14px 0 14px 16px;
}

@media ( min-width: 992px ) {
	.rs .redes { padding: 14px 16px; }
}

.rs .redes #fb {
	margin-right: 15px;
}

.rs .idiomas {
	display: table;
	float: left;
    padding: 14px 0;
}

.rs .idiomas .btn {
	padding: 4px 12px;
	background-color: #f9f6e1;
	color: #5c506d;
}

address {
	margin-bottom: 0;
	padding-top: 12px;
}

address > div {
	font-size: 12px;
	color: #5c506d;
	font-weight: 600;
	text-align: center;
	margin: 5px 0;
}

@media ( min-width: 992px ) {
	address > div {
		display: inline;
		margin: 0 23px;
	}
}

address > div.mail {
	font-size: 13px;
}

dl {
	margin-bottom: 0;
}

dl dt,
dl dd {
	border-bottom: 3px solid #867c91;
	text-transform: uppercase;
}


.home img {
	margin: 0 auto;
}

.home span {
	font-size: 14px;
	text-align: center;
	color: #5c506d;
	margin-top: 13px;
	display: block;
}

@media ( min-width: 460px ) {
	.home span {
		font-size: 19px;
	}
}

.homepage h1 {
	padding-left: 15px;
	padding-right: 15px;
}

.quienes-somos dl dt,
.quienes-somos dl dd {
	padding: 17px 20px;
}

.areas-de-practica dl dt,
.areas-de-practica dl dd {
	padding: 12px 20px;
	line-height: 15px;
}

.areas-de-practica dl dt.una-linea,
.areas-de-practica dl dd.una-linea {
	padding: 19px 20px;
}

dl dt.border-top {
	border-top: 3px solid #867c91;
}

dl dt {
	background-color: #F9F6E1;
	color: #5c506d;
	font-weight: 800;
}

dl dd {
	background-color: rgba(92,78,107,.45);
	color: #eae7d5;
	cursor: pointer;
	font-weight: 600;
	transition: .5s 0s;
}


dl dd.active {
    background-color: #5C4E6B;
    transition: .5s 0s;
}

.quienes-somos .carousel-inner {
    min-height: 460px;
}



@media ( min-width: 992px ) {
	.areas-de-practica .carousel-inner { min-height: 445px; }
}

.quienes-somos h2 {
	margin-top: 0;
}

.colaboradores > div {
    margin: 30px 0;
}

.quienes-somos .negrita {
	font-weight: 700;
}

.descripcion {
	background-color: rgba(255,255,255,.75);
	height: 455px;
	overflow: auto;
}

.descripcion h2 {
	font-size: 13px;
}

.descripcion h3 {
	font-size: 12px;
	margin-bottom: 12px;
}

.descripcion p {
	font-size: 12px;
	text-indent: 22px;
	line-height: 24px;
}

.brochure span {
	color: #545456;
    display: block;
    font-size: 11px;
}

.brochure span a {
    text-decoration: underline;
    color: #545456;
    font-weight: 600;
}

@media ( min-width: 992px ) {
	.brochure span { margin-top: 35px; }
}

@media ( min-width: 1200px ) {
	.brochure span { margin-top: 15px; }
}

.ms-slide-bgcont img {
	margin-top: 0 !important;
}

.home {
	margin-top: 120px;
	margin-bottom: 100px;
}


.quienes-somos,
.areas-de-practica,
.noticias,
.category-noticias,
.contacto {
	margin-top: 60px;
	margin-bottom: 50px;
}

.loading {
	margin-top: 150px;
	margin-bottom: 100px;
}

@media ( min-width: 1200px ) and ( min-height: 725px ) {
	.home {
	    left: 50%;
	    margin-left: -305px;
	    margin-top: -80px;
	    position: absolute;
	    top: 48%;
	}

	.quienes-somos,
	.areas-de-practica,
	.noticias,
	.category-noticias,
	.contacto {
		position: absolute;
		top: 54%;
		left: 50%;
		margin: -210px 0 0 -585px;
	}

	.loading {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -20px 0 0 -32px;
	}
}

@media ( min-width: 1200px ) and ( min-height: 800px ) {
	.quienes-somos,
	.areas-de-practica,
	.noticias,
	.category-noticias,
	.contacto {
		margin-top: -230px;
	}
}

.single-noticia{
	height: 482px;
}

.single-noticia .contenido-noticia {
	height: 390px;
	overflow: auto;
}

.areas-de-practica #departamentos {
	height: 445px;
}

.noticias {
	background-color: rgba(255,255,255,.75);
	padding-top: 23px;
	padding-bottom: 16px;
}

.noticias h2 {
	margin-top: 0;
	margin-left: 10px;
}

.ultima-noticia {
    margin-top: 90px;
}

.ultima-noticia img {
	margin-left: 10px;
}

.ultima-noticia h1 {
    font-size: 18px;
    margin: 10px 0 12px;
}

.ultima-noticia p {
	font-size: 13px;
    line-height: 24px;
    text-indent: 22px;
    text-align: justify;
}

.ultima-noticia a {
	color: #5C506D;
    float: right;
    font-weight: 600;
    margin-top: 5px;
}

.ultima-noticia img {
    height: 250px;
    width: 290px;
}

.noticia h1 {
	font-size: 14px;
    line-height: 20px;
    margin: 20px 10px 12px -10px;
    color: #545456;
}

.noticia {
	margin-top: 17px;
}

.ultimas-noticias .noticia:first-child {
	margin-top: 0;
}

.ultimas-noticias {
	border-left: 1px solid #545456;
}

.mas-noticias a {
	color: #5C506D;
	border-top: 1px solid;
    display: block;
    margin: 15px 15px 0;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.attachment-single-thumb.wp-post-image {
    height: 390px;
    padding-left: 5px;
    width: 360px;
}

.single-noticia h1 {
	font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}

.single-noticia span {
	display: inherit;
    margin-bottom: 10px;
    margin-top: 5px;
}

.category-noticias {
	background-color: rgba(255,255,255,.75);
}

.category-noticias .navegacion,
.single-noticia .navegacion {
    border-top: 1px solid #5C506D;
    display: block;
    height: 50px;
    margin-top: 410px;
    padding: 15px 30px;
}

.category-noticias .navegacion a,
.single-noticia .navegacion a {
	color: #5C506D;
	font-weight: 600;
}

.contacto {
	background-color: #fff;
}

.contacto h2 {
	padding-bottom: 20px;
}

.contacto .campo {
	display: block;
    margin: 0 0 15px;
    padding-left: 20px;
    padding-right: 20px;
}

@media ( min-width: 1200px ) {
	.contacto .campo {
		padding-left: 20px;
		padding-right: 0;
	}
	.contacto .right-borde .campo  {
		padding-left: 0;
		padding-right: 20px; 
	}
	.contacto .right-borde {
		border-right: 1px solid #ABADB3;
	}
}

.contacto div.wpcf7 {
	padding-bottom: 25px;
}

.contacto label {
	font-weight: 600;
}

.contacto input {
    width: 100%;
    border: 1px solid #ABADB3;
    padding: 4px 5px;
}

.contacto input[type=submit] {
	margin-top: 20px;
	background-color: #fff;
	float: right;
	font-weight: 600;
	width: 100px;
}

.contacto textarea {
    width: 100%;
    border: 1px solid #ABADB3;
    height: 100px;
    padding: 4px 5px;
	resize: none;
}

.contacto p {
	line-height: 30px;
}

.contacto img.mapa {
	width: 545px;
	height: 194px;
}

.contacto .consulta h2 {
	margin-left: 20px;
}

.contacto .ubicacion {
	padding: 0 20px;
}

.contacto #map {
	width: 100%;
	height: 194px;
}

.panel-default>.panel-heading {
	background-color: #5c506d;
	color: #eae7d5;
	cursor: pointer;
	font-weight: 600;
	padding: 14px 15px;
}

.panel-title {
	font-size: 15px;
}

.panel-body p {
	font-size: 12px;
}

.panel-body h3 {
	font-size: 14px;
}

.ms-info a img {
    margin-top: 8px;
}

a.in-icon {
    background-image: url('images/in-icon.png');
    display: inline-block;
    height: 45px;
    margin-top: 8px;
    width: 45px;
}