@charset "UTF-8";
/* CSS Document */
body {  background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;color:#000;}
div, ul, li, h1, h2, h3, h4, p, a, span, strong, form, input, label { position:relative;}
body, ul, li, h1, h2, h3, h4, p { margin:0; padding:0; font-weight:normal;}
h1, h2, h3 { font-size:20px; font-weight:bold; text-transform:uppercase; text-align:left; padding-bottom:10px;}
li { list-style:none;}
a { outline:none; text-decoration:none; cursor: pointer; }
a, input, select {-webkit-appearance:none;}
a img { border:none;}
p { line-height:24px;}
.wrapper {max-width:1100px; margin:0 auto;}
.header{overflow:hidden;}
.header ul.language { width:206px; left:894px;}
.header ul.language li { width:90px; margin-right:10px; display:inline-block; vertical-align: top;}
.header ul.language li a { display:block; color:#fff; padding:5px 0; text-transform:uppercase;}

/*NAVEGACION PRINCIPAL*/
.mainNav { overflow:hidden; padding:30px 0;}
.mainLogo, .nav { width:235px; float:left;}
.mainLogo { display:block;}
.nav { width:865px; border-top: 5px solid #003f76;}
.nav li { display:inline-block; vertical-align:top; margin-right:50px; padding:10px 0;}
.nav li a { display:block; font-size:22px;}
.nav li.topSelected { border-top:10px solid #003f76; top:-10px;}
 a#pull { display:none;}

/*CONTENIDO*/
.mainContent h1 { color:#003f76; font-size:22px; display:none;}
.mainContent p { text-align:justify; font-size:16px; padding-bottom:15px;}
.mainContent p.homeInfo { width:90%; font-size:20px; padding:25px 0; margin:0 auto; text-align:center; color:#999;}
.mainContent p.homeInfo a { color:#999;}
.mainContent p.homeInfo a:hover { text-decoration:underline;}
/*DOS COLUMNAS*/
.nosotrosPage h1, .clientesPage h1 { display: inherit;}
.nosotrosPage h2 { width:96%; padding:1% 2%; color:#000; font-size:16px; background:#d2d2d2;}
.mainDesc { overflow:hidden;  padding-bottom:40px;}
.mainDesc h1, .mainDesc .descTXT { width:20%; float:left;}
.mainDesc h1 { font-size:32px; color:#999; text-align:center;}
.mainDesc .descTXT { width:80%;}
 h2.subTitle { font-size:30px; background:none; width:100%; padding:20px 0; color:#a99972;}
.lawyerHolder { padding:30px 0;}
.lawyerImg, .lawyerBox { width:18%; display:inline-block; vertical-align:top;}
.lawyerBox { text-align:left; padding-left:2%; width:79%;}
.lawyerBox h2 { background:none; font-size:16px; width:100%; padding:1% 0; color:#003f76;}
.lawyerBox ul { width:100%;}
.lawyerBox li { font-size:16px; color:#000; padding:0 0 15px 4%; background: url(../images/dot_list.jpg) no-repeat left 5px; width:96%; line-height:22px;}

/*CLIENTES*/
.clientesContent { padding:50px 0;}
.clientesContent li { width:23%; display:inline-block; vertical-align:top;}

/*CONTACTO*/
.contactoContent { padding:40px 0;}
.Col50 { width:42%; display:inline-block; vertical-align:top; text-align:left;}
.Col50 p { font-size:20px; padding-bottom:15px;}
.Col50 p a:hover { text-decoration:underline;}
.formItems li { padding:10px 0; overflow:hidden;}
.formItems li label, .formItems li input, .formItems li textarea  { float:left; font-size:18px;}
.formItems li input, .formItems li textarea { border:none; background-color:#e5e5e5; width:340px; float:right;border:1px solid #fff; padding:10px; right:5px;}
.formItems li input:focus, .formItems li textarea:focus { background-color:#f2f2f2; border:1px solid #999;}
.formItems li textarea { height:150px;}
.formItems li.greenCTA input { background:#003f76; color:#fff; cursor:pointer; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #999;}
.formItems li.greenCTA input:hover { background:#2b7cc3;}

/*SUCURSALES*/
.sucursalesContent { overflow:hidden;}
.sucursalesContent li { width:25%; float:left; }
.sucursalesContent li.w25 .sucLeftNav {text-align:left;}
.sucursalesContent li.w25 .sucLeftNav li { padding-bottom:6px;}
.sucursalesContent li.w25 .sucLeftNav li a {padding:9px 10px; font-size:18px; display:block;}
.sucursalesContent li.w25 .sucLeftNav li a:hover, .sucursalesContent li.w25 .sucLeftNav li.active a { background:#a99972 url(../images/arrows_right.jpg) no-repeat 100% -40PX; color:#fff;}
.sucursalesContent li.w75 { width:75%;}
.mapHolder { width:100%;}
.mapList, .locList { width:100%; position:absolute; z-index:777; top:50px;}
.mapList a { position:absolute; top:0; left:0; font-size:18px; background:url(../images/dot_cr.jpg) no-repeat left 6px; padding-left:20px;}
.mapList a:hover { text-decoration:underline;}
.greciaLoc { top:110px; left:410px;}
.upalaLoc { left:320px;}
.liberiaLoc { top:60px; left:240px;}
.svLoc { top:350px; left:650px;}
.sjLoc {top:170px; left:440px;}
.summit { left:450px; top:95px;}
.bBrook { left:440px; top:140px;}
.locList { top:330px; width:300px;}
.locList li { width:96%;padding:3%;}
.locList li p { text-align:left; font-size:16px;}

/*SERVICIOS*/
.servHolder { width:45%; text-align:left; display:inline-block; vertical-align:top; padding-right:5%;}
.servList { width:100%;}
.servList li { width:95%; font-size:18px; padding:0 0 15px 5%; background:url(../images/list_bullet.jpg) no-repeat left 8px;}
.servHolder p { padding-bottom:15px; text-align:justify; font-size:16px; }

/*FOOTER*/
.footer { width:96%; background:#000; color:#fff; padding:15px 2%; font-size:12px;}

/*---------General styles-------------*/
/*WITH 100%*/
.wrapper, .header, .mainNav, .header ul.language li a, .nav li a, .content,
.mainContent, .bxslider, .twoColContent, .lawyerHolder, .arrow, .clientesContent, .Col50 form,
.Col50 .formItems, .Col50 .formItems li, .sucursalesContent, .sucursalesContent li.w25 .sucLeftNav, .sucursalesContent li.w25 .sucLeftNav li, .mainDesc { width:100%;}
/*Color azul*/
.header ul.language li a, a#pull, .sucursalesContent li.w25 .sucLeftNav li a:hover, .sucursalesContent li.w25 .sucLeftNav li.active a { background-color:#003f76;}
.nav li a:hover, .mainContent p.homeInfo a:hover, .nav li.topSelected a, .mapList a:hover { color:#003f76;}
/*Color Dorado*/
.header ul.language li a:hover { background-color:#a99972;}
.nav li a, .Col50 p a, h2, .sucursalesContent li.w25 .sucLeftNav li a { color:#a99972;}



@media screen and (max-width:1099px)
{
	.header ul.language { width:30%; left:70%;}
	.mainLogo { float:none; margin:0 auto; padding-bottom:20px;}
	.nav { width:100%;}
	.nav li { margin:0 20px;}

	/*CONTACTO*/
	.Col50 { padding-right:5%;}
	.Col50 p img { width:100%;}
	/*CLIENTES*/
	.clientesContent li img { width:100%;}
	
}
@media screen and (max-width:768px)
{

}
@media screen and (max-width:767px)
{
	.header ul.language { width:100%; left:0;}
	/*MENU PRINCIPAL RESPONSIVE*/
	
	.nav { border-top: 0; float:none; display:none;}
	.nav li { margin:0; width:100%; border-top:1px dashed #d2d2d2; }
	.nav li.topSelected { border-top:10px solid #003f76; top:0;}

	 a#pull {width: 100%;height:50px; display: block; text-indent: 25px; line-height:50px; color:#fff; text-align:left; text-transform:uppercase; font-weight:bold; display:inherit;}
	a#pull:after {content:""; background: url('../images/nav-icon.jpg') no-repeat; width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 15px;}
	.mainContent { width:90%; margin:0 auto;}
	/*CONTACTO*/
	.Col50 { width:100%;}
	/*NOSOTROS*/
	.leftCol, .rightCol { width:100%; padding:0}
	.lawyerHolder { width:49%; display:inline-block; vertical-align:top;}
	.rightCol .lawyerImg, .rightCol .lawyerBox { width:100%; padding: 0 0 20px; text-align:center;}
	

}

@media screen and (max-width:480px)
{
	/*CLIENTES*/
	.clientesContent li { width:48%;}
	/*NOSOTROS*/
	.lawyerHolder { width:100%;}

}
@media screen and (max-width:320px)
{
}
@font-face {
    font-family: 'myriad_probold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}