/*----------------------------------------------------------
Tema :	210.css
Target: Abogados, Procuradores
Fonts:
Main Color[0d95da] Second Color[f50052]
Links: General[] Amarillo[]
Headers: h1[] h1[] h2[] h2[] h3[] h3[]
----------------------------------------------------------*/

/* -- Document -- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,600,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
/*
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}*/
@import url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css);

html { overflow-x:hidden; height:100%; }
body { font-family:"Open Sans", sans-serif, Arial; font-size:15px; color:#555; background-color:#fff; height:100%; min-width:300px; } 

/* -- Layout : Wrapper -- */
.lay_top { min-height:100%; margin-bottom:-8.0em; }
.lay_top:after { content:""; display:block; }
.lay_top:after, .lay_bot { height:8.0em; }
.lay_bot { width:100%; margin:0; position:relative; display:block; }
.lay_header { margin:0; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #dadada; border-top:8px solid #0d95da; background: linear-gradient(#FFF, #FAFAFA) repeat scroll 0% 0% transparent;}
.lay_body   { margin:0; /*position:relative;*/ padding:94px 0 30px; }
.lay_bot { background:#0084b4; }
.cont_wrapper { margin:0 auto; padding:0 15px; }
@media (min-width: 768px)  { .cont_wrapper { width:750px; } }
@media (min-width: 992px)  { .cont_wrapper { width:970px; } }
@media (min-width: 1200px) { .cont_wrapper { width:970px; } }

/* -- Elementos y Clases -- */
h1, .h1, h1 * { color:#0d95da; font-size:38px; display:block; line-height:1.1; }
h2, .h2, h2 * { color:#4c4c4c; font-size:30px; display:block; line-height:1.1; }
h3, .h3, h3 * { color:#5a7792; font-size:20px; display:block; line-height:1.1; }

a { text-decoration:none; color:#f50052; transition: all 0.3s ease 0s; }
a:hover { text-decoration:underline; }
p { line-height:19px; margin:0px 0px 16px; }

a.a_btn	{ display:inline-block; color:#fff; background:#39669b; padding:9px 20px; margin-top:10px; border-radius:5px; border:1px solid #39669b; 
       	  text-decoration:none; font-size:14px; font-family:"Archivo Narrow", Arial, sans-serif:; }
a.a_btn:hover { text-decoration:none; color:#39669b; background:#fff; border:1px solid #39669b; }

a.a_map { display:inline-block; font-weight:bold; text-decoration:none; padding:0 20px 0 50px; line-height:30px;
          background: url("/images/shared/icons/ico_map.png") no-repeat transparent left top; 
          background-color:#fafafa; border-radius:5px; border:1px solid #dadada; }


/* -- Misceláneas : Pages -- */
.h2_title { overflow:hidden; margin-top:20px; }
.h2_title h2 { display:inline-block; width:100%; overflow:hidden; padding-bottom:14px; }
.h2_title h2 span { display:block; margin-right:8px; float:left; }
.h2_title h2 strong { display:block; height:1px; margin-top:26px; background:none repeat scroll 0% 0% #bcbcbc; overflow:hidden; }

.li_dash li:before	{ content:"-"; color:#dc0e23; padding:0px 7px 0px 0px; margin-left:-14px; }
.li_dash li			{ line-height:1.5em; padding: 0px 0px 0px 14px; }

.tb_row { display:table; width:100%; table-layout:auto; }
.tb_row .tb_col { display:table-cell; padding:0 20px; }
.tb_row .tb_col:first-child { padding-left:0; } 
.tb_row .tb_col:last-child  { padding-right:0; } 


/* -- Layout : Header : Top -- */
header		 { z-index:9999; position:relative; }
header .header_l { float:left; vertical-align:top; }
header .header_r { float:right; vertical-align:top; }

/* -- Layout : Header : Menu -- */
.menu_box { max-height:340px; height:auto !important; width:auto; display:block !important; padding:0 15px 0 0; overflow:visible !important; }
.menu_box nav	{ }
ul.menu_top		{ margin:14px 0 0 0; }
ul.menu_top:last-child { margin-right:-15px; }

ul.menu_top > li { display:block; position:relative; float:left; margin-right:30px; }
ul.menu_top > li > a { color:#555; font-size:16px; text-decoration:none; font-weight:bold; }
ul.menu_top > li > a:hover, ul.menu_top > .current > a { color:#0d95da;}

ul.menu_top > li > span { display:block; font-size:12px; font-weight:lighter; padding:2px 0 0; }

ul.menu_top li.menu_pop > i.down{ padding:0 0 0 36px; color:#0d95da; }

.menu_drop 	  { margin:0 0 0 0; padding:10px 20px; display:none; position:absolute; opacity:.90; z-index:1;
           	    min-width:260px; border:1px solid #456969; background-color:#fff; border-radius:4px; }
.menu_drop li   { margin-bottom:8px; line-height:1.5em; }
.menu_drop li a { color:#555; font-weight:normal; }
.menu_drop li.divider:before { content:" "; display:block; width:100px; height:2px; margin:0 auto 0; background-color:#555; }


/* -- Layout : Footer -- */
footer	 { color:#fff; }
footer a { color:#fff; text-decoration:underline; }
footer a:hover { color:#f50052; }

footer .tb_row { padding:10px 0; }
footer span.h4 { display:block; text-transform:uppercase; }

footer ul { margin:0 0 14px 14px; }
footer ul li { list-style:disc outside none; line-height:1.5em; }

/* -- Home y Servicios : Bloques de texto -- */
.hm_blk { padding-bottom:20px; }

.hm_blk .tb_row	{ table-layout:fixed; border-bottom:1px dotted #c1c1c1; margin-bottom:20px; padding:20px 0; }
.hm_blk .tb_col { padding:0 10px; }
.hm_blk .h3, .hm_blk h3	{ font-size:20px; font-weight:normal; text-transform:uppercase; text-align:center; padding-bottom:4px; }
.hm_blk .tb_row	p { margin-top:10px; text-align:justify; }
.hm_blk .tb_row	p:before { content:" "; display:block; width:60px; height:3px; margin:0px auto 15px; background-color:#c1c1c1; }

/* -- Páginas Internas --*/
.pg_V0 { padding:10px 0 0 0; } /* Nivel de sección */
.pg_V0 .head { }
.pg_V0 .head h1	 { padding:0 0 20px 0; }
.pg_V0 .head h1	a { color:#0d95da; }
.pg_V0 .head h1	a:hover { color:#f50052; text-decoration:none; }
.pg_V0 .head img { float:left; padding:0 20px 0 0; vertical-align:top; }
.pg_V0 .head p	 { text-align:justify; }
.pg_V0 ul { margin: 10px 0 0; }
.pg_V0 li { line-height:1.5em; padding: 0px 0px 0px 14px; }
.pg_V0 li:before	{ content:"-"; padding:0px 7px 0px 0px; }

.pg_V0 .h2_title { margin-top:30px; }
.pg_V0 .h2_title p { text-align:justify; }
.pg_V0	h3 { margin:0 0 10px 0; font-family:Arial; }

.pg_V0 .head .addInfo   { margin-top:20px; text-align:center; }
.pg_V0 .head .addInfo p { display:inline-block; max-width:718px; margin:0; padding:10px 20px 10px 10px; text-align:center; 
                          border:1px solid #ffcd48; border-radius:10px 0; background:#f7f9fb; }
.pg_V0 .head .addInfo p i { color:#f50052; }


/* -- Localización y Contacto--*/
.pg_cto_form { padding:20px 0; }
.pg_cto_form_l  { width:320px; float:left; display:inline-block; }
.pg_cto_form_r  { width:620px; float:right; display:inline-block; }

/* -- Maps -- */
#lay_MapIn	{ width:610px; height:360px; border:4px solid #bde7fb; }
#lay_MapObj	{ width:100%; height:100%; }

/* -- Formulario -- */
.form_form	 { width:540px; }
label { display:inline-block; width:220px; margin:10px 0 4px 0; color:#3c3c3c; font:16px bold Arial,sans-serif;}
textarea, input[type='text']{ background: #fafafa; padding:4px 6px; width:300px; border:1px solid #bbb;
                              border-radius:5px; font-family:Tahoma,Arial,sans-serif; font-size:15px; }

textarea { width:524px; height:140px; }

.form_form .label_textarea { width:500px; }
.form_btn { text-align:right; }
.form_btn a.a_btn	{ font-weight:bold; }
.form_form div.lopd { margin:10px 0 0 0 !important; display:block; }

/* -- Formulario V -- */
.form_v	 { width:100%; }
.form_v	input[type='text']{ width:96%; margin:0 0 4px 0; }
.form_v	textarea { width:96%; margin:0 0 4px 0; }
.form_v div.lopd { margin:10px 0 0 0 !important; display:block; }
.form_v	h3 { margin:0 0 10px 0; }

/* ---- Classes ------------------------ */
.b { font-weight:bold; } .i { font-style:italic; } .bi { font-weight:bold; font-style:italic; }
.float_l	{ float:left; }
.float_r	{ float:right; }
.relative	{ position:relative; }
.block		{ display:block; }
.txt_c		{ text-align:center; } .txt_r { text-align:right; } .txt_j  { text-align:justify; }
.mgt_10		{ margin-top:10px; } .mgl_20 { margin-left:20px; }