* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }

body {
	font-size: 14px;
	line-height: 18px;
	font-family: "Myriad Pro";
	color: #3e3e3e;
	min-width: 1100px;
	margin:0;
	padding:0;

}

body a { -webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	color: #e97900; text-decoration: none; cursor: pointer; }
body a:hover{ color:#bd6200;}


#main-in .more{ background:#FF9138; padding:8px 45px; color:#FFF; text-shadow:1px 1px 1px #666; border-radius:3px; font-size:16px; text-transform:uppercase; transition:all .4s; }
#main-in  .more:hover{color:#FFF; background:#1e1e1e;}

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }
ul{ list-style:none;}

	h2{}
	h3{ text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-style:italic;   font-size:24px; font-weight:100; margin:6px 0;}
	h4{ text-transform:uppercase;  color:#646464; font-weight:100; letter-spacing:1px;}

p{ margin:10px 0;}
.contenedor { width:1100px; margin:0 auto;}

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.padd10{ padding:10px;}
.padd15{ padding:10px 15px;}
.padd20{ padding:10px 20px;}

#header .contenedor{ position:relative;}
#header .logo{ position:absolute; top:0; left:0; z-index:9999;}
#header .logo a{ display:block; width:400px; height:189px; background:url(../images/law-review.png) no-repeat 0 0; text-indent:-9999px;}
#header .h-right{ position:absolute; top:0; right:0; z-index:9999;}
#header .menus{}
#header .menus li{ float:left; margin:0 5px;}
#header .menus a{ background:rgba(0,0,0,0.5); padding:20px 15px; color: #fff; text-transform:uppercase; width:105px; display:block; text-align:center; font-size:15px; font-family: 'Dosis', sans-serif;  height:60px; transition:all .4s;}
#header .menus a:hover{ background:rgba(235,124,77,0.9); color:#FFF;}

#main h3{ text-align:center; line-height:30px;}
#main .col1{ float:left; width:330px; height:200px; border-top:#333 1px dotted; padding-top:15px; margin-right:50px;}
#main .col2{ float:left; width:330px; height:200px; border-top:#333 1px dotted; padding-top:15px; margin-right:50px;}
#main .col3{ float:left; width:330px; height:200px; border-top:#333 1px dotted; padding-top:15px;}
#main .title{ font-size:22px; color:#e8760f; font-family:"Times New Roman", Times, serif; font-style:italic;  }
#main .more{ display: inline-block;  border:#9c5616 1px solid; padding:5px 20px; color:#9b4a00; text-transform:uppercase; font-size:13px;}

#main-in{ background: url(../images/bg-paper.jpg) #fff; height:780px; z-index:9999; width:800px; margin:20px auto; box-shadow: 0px 0px 18px #343433; border:#a0a0a0 1px solid; padding:30px 40px;}
#main-in h4{ margin:15px 0;}
#main-in h3{ font-size:34px; color:#333;}
#main-in .col1{ /*width:470px; float:left;*/ text-align:justify; font-family: "Times New Roman", Times, serif; font-style:italic; font-size:17px;}
#main-in .col3{  float:left; text-align:justify; }
	.italic{ font-style:italic;}
	.italic p{ margin:2px 0;}
#main-in .col4{  float:right; width:580px; font-family: "Times New Roman", Times, serif; font-style:italic; font-size:17px;}
	.lista1 li{ background:url(../images/icons/arrow.png) 0 4px no-repeat; padding-left:25px; margin-bottom:5px;}
	.lista1 strong{ color: #474747;}
#main-in .col2{ float:right;}
	.borde{ border:#666 1px dotted; padding:6px;}
	

 .servicios-in{ height:330px;}
 	
 .servicios-in li{ float:left; margin-right:50px;}
 .servicios-in li a{ display:block; width:329px; height:324px; transition:all .7s;}
 .servicios-in li a:hover{ opacity:0.8;}
 .servicios-in li .circle1{ background: url(../images/circle-1.png) no-repeat;}
 .servicios-in li .circle2{ background: url(../images/circle-2.png) no-repeat;}
 .servicios-in li .circle3{ background: url(../images/circle-3.png) no-repeat;}
 .servicios-in li h4{ padding:202px 20px 0 160px; font-size:16px; text-align:center; color:#FFF; line-height:20px;}
 
 /* cv */
 .cv .title{ font-size:16px; color:#000;}
 .cv .sub{ margin:0;}
 
 /*contacto */
 .formulario{ width:650px; margin:0 auto;}
 .formulario input{ width:300px; background:#d7d7d7; padding:8px 15px; border:0;}
 .formulario textarea{width:632px; background:#d7d7d7; padding:8px 15px; border:0;}
 .formulario input[type="submit"]{ background:#ff9138; padding:8px 10px; color:#FFF; text-align:center; cursor:pointer;width:200px; font-size:15px; transition:all .5s;}
 .formulario input[type="submit"]:hover{background:#000;}
 .mapa{ border:#CCC 1px solid; padding:15px;}


#footer{ background:#141414; min-height:320px; color:#FFF; border-top:#3a3a3a 5px solid; font-size:13px;}
#footer  h3{ color:#FFF;}
#footer .menu{ width:600px; margin:0 auto; padding:10px 0; height:30px;}
#footer .menu li{ float:left; margin:0 24px;}
#footer .menu li a{ color:#FFF; padding:5px 0; text-transform:uppercase; font-size:16px; font-size:13px; border-bottom:#CCC 1px dotted;}
#footer .menu li a:hover{ }
#footer .contact{ background:url(../images/bar-foot.png) center top no-repeat; padding:7px 0; font-family: 'Dosis', sans-serif; font-size:19px; text-align:center; height:30px; margin:12px 0 10px 0; line-height:20px;}
#footer .contact .email{ background:url(../images/icons/mail.png) no-repeat; padding-left:30px; display:inline-block; margin-right:30px;}
#footer .contact .phone{ background:url(../images/icons/phone.png) no-repeat; padding-left:30px; display:inline-block;}
#footer .empresa{ width:300px; float:left; margin-right:120px;}
#footer .empresa img{ float:left; margin:0 15px 0 0; border:1px dotted #CCC; padding:3px;}
#footer .redes{ width:300px; float:left;}
#footer .redes h3{ margin-bottom:15px;}
#footer .redes a{ margin-right:5px; border:1px dotted #CCC; padding:3px; float:left;}

#footer .direccion{ width:300px; float:right;}
#footer .copy{ text-align:center; font-style:italic; color:#999; font-size:14px;}
#footer .copy a{ color:#666; text-decoration:underline;}