/*
Description: Website LC / ABOGADOS
*/


/* ------------------------------------------------------------------------------- */
/*  General
/* ------------------------------------------------------------------------------- */	

html, body {
	margin:0;
	padding:0;
	font-size: 100%;
    height:100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;

}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;

}

.main-wrapper {
    width: 100%;
    margin: 0 auto;
	background-color:#ffffff;
	
}

/* ------------------------------------------------------------------------------- */
/*  Header
/* ------------------------------------------------------------------------------- */	


.header {
    width: 100%;
    margin: 0 auto;
	padding: 1.250em 0 0 2.500em;
    max-width: 1024px;
    min-width: 320px;
	height:8.438em;
	z-index:999;
	
	-webkit-box-sizing:border-box;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	
}


/* ------------------------------------------------------------------------------- */
/*  Social
/* ------------------------------------------------------------------------------- */	

.social-area {
   width: 96px;
   float:left;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

#social {
   overflow: hidden;
   margin: 0;
   padding: 0;
}

#social ul {
   margin: 0;
   padding: 0;
}

#social ul li {
   list-style: none;
   cursor: pointer;
   display: list-item;
   margin: 0 0.125em 0.125em 0;
   float: left;
}

#social ul li a {
   display: block;
   width: 2.875em;
   height: 2.875em;
   background: #ffffff;
}

#social ul li a:hover {
	background-color:#404040;
}

/* ------------------------------------------------------------------------------- */
/*  Isologo
/* ------------------------------------------------------------------------------- */	

.isologo { 
    float:left;
	width:6.875em;
	height:5.875em;
	margin-left:0.625em;
	padding-top:0.2em;
	text-align:center;
	border-left: 1px solid #999999;
	
	-webkit-box-sizing:border-box;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ------------------------------------------------------------------------------- */
/*  Menu Nav
/* ------------------------------------------------------------------------------- */

.menu-area {
   float:left;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

#nav {
   float: left;
   overflow: hidden;
   margin: 0;
   padding: 0;
	
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;   
}

#nav ul {
	float: left;
	height:5.875em;
    overflow: hidden;
	margin: 0 27px 0 0;
    padding: 0.6em 0 0 0;
	border-left: 1px solid #999999;
	
	-webkit-box-sizing:border-box;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

#nav ul li {
   font-family: 'bebas_neueregular';
   font-size:1.188em;
   line-height:1em;
   margin-left: 12px;
   text-transform:uppercase;
   letter-spacing:0.05em;
   list-style:none;
   
}

#nav ul li a {
	color:#666666;
	text-decoration:none;
	letter-spacing:0.05em;
    list-style:none;

}

#nav ul li a:hover {
	color:#B17B56;
	list-style-image:url(../images/rectangle.jpg);
	list-style-position: outside;
    display: list-item;
	
}


/* ------------------------------------------------------------------------------- */
/*  Logo
/* ------------------------------------------------------------------------------- */

#logo  {
   float:right;
   padding:1.813em 2.7em 0 0;
	
	-webkit-box-sizing:border-box;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ------------------------------------------------------------------------------- */
/*  Home Banner
/* ------------------------------------------------------------------------------- */

.homeBanner { 
    width:100%;
	height:21.063em;
	float:left;
}

.homeBannerImage { 
    width:100%;
	float:left;
	height:20.000em;
	background-color:#8b8e7b;
	
}

#homeBannerImage { 
	background:url(../images/banner-home.png) no-repeat center;
	height:20.000em;
}

.email-icon { 
    width:1024px;
	height:22.4em;
	margin:0 auto;
	left: 0;
    right: 0;
	position:absolute;
	z-index: 10;
}

.email-position { 
   position:absolute;
   bottom:0;
   right:90px;
}

#slash { 
    width:100%;
	height:0.938em;
	margin-top:0.125em;
	background:url(../images/bg-slash.jpg) repeat-x;
} 


/* ------------------------------------------------------------------------------- */
/*  Pages Banners
/* ------------------------------------------------------------------------------- */

.pageBanner { 
    width:100%;
	height:11.1em;
	float:left;
}

.pageBannerImage { 
    width:100%;
	height:158px;
	float:left;
background: #afb3a8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNhZmIzYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiM5NTk5ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGM5MDdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, #afb3a8 1%, #959987 60%, #8c907d 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#afb3a8), color-stop(60%,#959987), color-stop(100%,#8c907d)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #afb3a8 1%,#959987 60%,#8c907d 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #afb3a8 1%,#959987 60%,#8c907d 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #afb3a8 1%,#959987 60%,#8c907d 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #afb3a8 1%,#959987 60%,#8c907d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afb3a8', endColorstr='#8c907d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	
} 

.pageBannerImageTitle { 
width: 1024px;
height: 158px;
margin: 0 auto;
	
}

#title-derechoCivil { background:url(../images/title-derechoCivil.png) no-repeat center center;}
#title-derechoComercial { background:url(../images/title-derechoComercial.png) no-repeat center center;}
#title-derechoLaboral { background:url(../images/title-derechoLaboral.png) no-repeat center center;}
#title-derechoAdministrativo { background:url(../images/title-derechoAdministrativo.png) no-repeat center center;}
#title-derechoTributario { background:url(../images/title-derechoTributario.png) no-repeat center center;}
#title-derechoAmbiental { background:url(../images/title-derechoAmbiental.png) no-repeat center center;}
#title-propiedadIntelectual { background:url(../images/title-propiedadIntelectual.png) no-repeat center center;}
#title-telecomunicaciones { background:url(../images/title-telecomunicaciones.png) no-repeat center center;}

.pageBanner-icon { 
    width:1024px;
	height:13em;
	margin:0 auto;
	left: 0;
    right: 0;
	position:absolute;
	z-index: 10;

}

.icon-position { 
   position:absolute;
   bottom: 6px;
   right: 90px;
}





/* ------------------------------------------------------------------------------- */
/*  Main Content Home
/* ------------------------------------------------------------------------------- */

.mainContentHome { 
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 320px;
	overflow: hidden;
}

.grid-wrap { 
    width: 100%;
	margin: 0 auto;
	padding:2.875em 0 8.125em 2.100em;
    float: left;
	overflow:hidden;
	
	-webkit-box-sizing: border-box;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

} 

.grid-module {
	 width: 22.8%;
	 float:left;
	 height:208px;
	 text-align:center;
	 margin-right:1.8em;
	 position:relative;

	-webkit-box-sizing: border-box;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid-module h1 {
	 font-family: 'intro_regular';
	 font-size:1.188em;
	 color:#333333;
	 line-height:1.2em;
	 letter-spacing:-0.05em;
	 font-weight:normal;
	 margin:0;
	 padding:0;

}

.grid-module h2 {
	 font-family: 'intro_regular';
	 font-size:0.813em;
	 color:#B17B56;
	 line-height:0.6em;
	 text-transform:uppercase;
	 font-weight:normal;

}

.grid-module p {
	 font-family: 'helvetica_neue_lt_std35_thin';
	 font-size:0.813em;
	 color:#4D4D4D;
	 text-align:center;
	 line-height:1.3em;
	 margin: 0;
	
}

.grid-circles { 
}

.grid-circles ul {
	list-style:none;
	padding: 0;
	margin: 0 0 0.3em 0;
}

.grid-circles ul li { 
   width:0.563em; height:0.563em;
   margin-right:0.375em;
   display:inline-block;
   background-color:#9D9F90;
   border-radius: 100px 100px 100px 100px;
   -moz-border-radius: 100px 100px 100px 100px;
   -webkit-border-radius: 100px 100px 100px 100px;

}

.first-module {
	width:11.250em;
	height:13.000em;
	float:left;
	margin-right:2em;
	background-color:#404040;
	
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;	
}

.first-module-content { 
    width:94%;
	margin:5px auto;
	height:12.3em;
	padding:1.375em 1.2em 0 0.875em;
    border:1px solid #D6D6D6;

    -webkit-box-sizing: border-box;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.first-module-content h {
	font-family: 'bebas_neueregular';
	font-size:1.625em;
	letter-spacing: 0.05em;
	line-height:0.9em;
	color:#F2F2F2;
	float:left;
	
}

.first-module-content a {
	font-family: 'helvetica_neue_lt_std45_light';
	font-size:0.875em;
	color:#ffffff;
	text-decoration:none;
	float:left;
	
}

.first-module-content a:hover {
	color:#B17B56;
	
}


.circles { 
    float:left;
}

.circles ul {
	list-style:none;
	padding: 0;
	margin: 0.2em 0 0.2em 0;
}

.circles ul li { 
   width:0.313em; height:0.313em;
   margin-right:0.375em;
   display:inline-block;
   background-color:#B17B56;
   border-radius: 100px 100px 100px 100px;
   -moz-border-radius: 100px 100px 100px 100px;
   -webkit-border-radius: 100px 100px 100px 100px;

}

/* ------------------------------------------------------------------------------- */
/*  Main Content Pages
/* ------------------------------------------------------------------------------- */

.mainContentPages { 
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 320px;
	overflow: hidden;
}

.column-image { 
    width:370px;
	height:300px;
	float:left;
	
}

#image-derechoCivil { background:url(../images/imagen-derechoCivil.jpg) no-repeat top left;}
#image-derechoComercial { background:url(../images/imagen-derechoComercial.jpg) no-repeat top left;}
#image-derechoLaboral { background:url(../images/imagen-derechoLaboral.jpg) no-repeat top left;}
#image-derechoAdministrativo { background:url(../images/imagen-derechoAdministrativo.jpg) no-repeat top left;}
#image-derechoTributario { background:url(../images/imagen-derechoTributario.jpg) no-repeat top left;}
#image-derechoAmbiental { background:url(../images/imagen-derechoAmbiental.jpg) no-repeat top left;}
#image-propiedadIntelectual { background:url(../images/imagen-propiedadIntelectual.jpg) no-repeat top left;}
#image-telecomunicaciones { background:url(../images/imagen-telecomunicaciones.jpg) no-repeat top left;}

.column-content { 
    width:654px;
	float:left;
	
}

#content-text { 
    width:450px;
	margin-top:60px;
	float:left;
	
}

#content-text p { 
	font-family: 'helvetica_neue_lt_std35_thin';
	font-size:15px;
	color:#4D4D4D;
	list-style-position: inside;
    display: list-item;
	list-style-image:url(../images/circle.jpg);

	
}

.empresas {
	font-family: 'helvetica_neue_lt_std35_thin';
    font-size: 0.813em;
    color: #4D4D4D;
    text-align:left;
	line-height: 23px;
	padding-left: 30px;
	
}

.volver { 
    font-family: 'helvetica_neue_lt_std45_light';
    font-size: 0.875em;
    color: #4D4D4D;
    text-decoration: none;
    position: absolute;
    bottom: 45px;
	right:70px;

}

.volver:hover { 
    color: #B17B56;
    text-decoration: none;

}

/* ------------------------------------------------------------------------------- */
/*  Form
/* ------------------------------------------------------------------------------- */

.form-details {
    width: 450px;
    float: left;
	margin-top:130px;
	margin-bottom:80px;
}

.form-details h1 {
	font-family: 'intro_regular';
	font-size:0.813em;
	color:#333333;
	font-weight:normal;
	padding: 0;
    margin: 0;
	display: inline;
}

#color-text { color:#B17B56;}

.form-details-circles { 
}

.form-details-circles ul {
	list-style:none;
	padding: 0;
	margin: 0 0 0.3em 0;
}

.form-details-circles ul li { 
   width:0.313em; height:0.313em;
   margin-right:0.375em;
   display:inline-block;
   background-color:#9D9F90;
   border-radius: 100px 100px 100px 100px;
   -moz-border-radius: 100px 100px 100px 100px;
   -webkit-border-radius: 100px 100px 100px 100px;

}

#contact-form {
	width:100%;
}

#contact-form p {
margin-bottom: 10px;
margin-top: 10px;
}

#contact-form input {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#contact-form input, #contact-form textarea {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #D4D4D4;
color: #4D4D4D;
font-size: 14px;
height: auto;
margin: 0;
resize: none;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #4D4D4D;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

input, button, select, textarea {
font-weight: 300;
font-family: 'helvetica_neue_lt_std35_thin';
outline: 0;
}

#contact-form .submit:hover {}

#contact-form .submit {
	width: 106px;
    height:41px;
	float:right;
	margin-top: 10px;	
	background:url(../images/bt-send.jpg) no-repeat top left;	
	display: inline-block;

	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;
	-moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
	-o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
	transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

.error_strings{ 
    font-family: 'helvetica_neue_lt_std35_thin';
    font-size: 0.8em;
    color: #4D4D4D;
	
	}
	
.error_strings ul { 
    padding-left: 17px;
    line-height: 17px;
	
	}

/* ------------------------------------------------------------------------------- */
/*  mensaje
/* ------------------------------------------------------------------------------- */

.main-mensaje { 
     width: 48%;
     float: left;
     height: 208px;
     text-align: center;
     margin-right: 1.8em;
	 overflow:hidden;
	 position:relative;
	
	}

.mensaje { 
     width:100%; 
	 height:auto; 
	 position:absolute; 
	 top: 38px;
	 left:37px; 
	 right:0; 
	 margin-left:auto; 
	 margin-right:auto;
	 
	 }
	 
.mensaje h1 {font-family: 'intro_regular';
font-size: 1.188em;
color: #333333;
font-weight: normal;
text-align:center;} 

.mensaje h2 {
	font-family: 'intro_regular';
font-size: 1em;
color: #B17B56;
line-height:10px;
text-transform: uppercase;
font-weight: normal;}

.mensaje p {font-family: 'helvetica_neue_lt_std35_thin';
font-size: 1em;
color: #4D4D4D;
text-align: center;
line-height:10px;} 	 
	
	


/* ------------------------------------------------------------------------------- */
/*  Footer
/* ------------------------------------------------------------------------------- */

.footer { 
    width: 100%;
    margin: 0 auto;
	height:10.000em;
	float: left;
	background: #0d0d0d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0d0d0d 1%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0d0d0d), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0d0d0d 1%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0d0d0d 1%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0d0d0d 1%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0d0d0d 1%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#333333',GradientType=0 ); /* IE6-8 */
	
} 

.footer p { 
    font-family: 'helvetica_neue_lt_std55_roman';
	font-size:0.750em;
	color:#5F6062;
	text-align:center;
	letter-spacing:0.05em;

}

.footer p a { 
    color:#B07B57;
	text-decoration:none;
}

.footer p a:hover { 
    color:#ffffff;
}

/* ------------------------------------------------------------------------------- */
/*  MEDIA QUERIES
/* ------------------------------------------------------------------------------- */