﻿/*----------------------------------------------------------
Template :	210.css
Target: Abogados, Procuradores etc.
Abstarct: Responsive
Fonts:
Main Color[0d95da] Second Color[f50052]
Links: General[] 
Headers: h1[] h1[] h2[] h3[] 
----------------------------------------------------------*/

/* -- Reset -- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i
{ font-size:100%; margin:0; padding:0; border:0; outline:0; vertical-align:top; background:transparent;  }
body{ line-height:1; }
ol,ul{ list-style:none; }
blockquote, q { quotes:none; } 
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus{ outline:0; }
ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; }
input,textarea{ margin:0; padding:0; }
hr{ background-color:#000; border:0; color:#000; height:1px; margin:0; padding:0; }

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }

/*img { max-width:100%; height:auto; }*/

/* -- Document -- */
@media screen { * { box-sizing:border-box; } }
html { overflow-x:hidden; }
body { position:relative; } 

/* -- Elementos y Clases -- */
h1 { font-size:20px; font-weight:400; line-height:1.22; margin-bottom:14px; }
h2 { font-size:20px; font-weight:400; line-height:1.22; margin-bottom:14px; }
h3 { font-size:18px; font-weight:400; line-height:1.22; margin-bottom:14px; }
h4 { font-size:16px; font-weight:400; line-height:1.22; margin-bottom:14px; }
h1 a:hover { text-decoration:none; }

a { text-decoration:none; color:#0d95da; }
a:hover { text-decoration:underline; }
p { margin:0px 0px 16px; line-height:1.22em; }

a.a_btn	{ display:inline-block; color:#fff; background:#0070c0; padding:9px 20px; margin-top:10px; border-radius:5px; border:1px solid #0070c0; 
       	  text-decoration:none; font-size:15px; font-family:sans-serif; }
a.a_btn:hover { text-decoration:none; color:#0070c0; background:#fff; border:1px solid #0070c0; }

.clr_0 { color:#000 !important; }
.clr_1 { color:#0070c0 !important; }
.clr_2 { color:#ff8000 !important; }

.bg_band { background-color:#fafafa; }
.bg_band_hr { border-top:1px solid #c9c9c9; }


/* -- Container ---- */
.container  { position:relative; margin:0 auto; padding:0 10px; }

/* -- Layout Header---- */
.lay_header { background-color:#fff; }
header { }
header .logo	{ float:none; text-align:center; padding:20px 0 0; }
header .social	{ float:none; text-align:center; margin:20px 0 0; font-size:22px; font-weight:700; }
header .social a { font-size:15px; font-weight:700; }

/* -- Layout : Header : Menu -- */
.menu_top { position:relative; overflow:visible !important; background-color:#fafafa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
ul.menu_top	 { display:none; }

ul.menu_top > li { display:block; float:none; margin:0 30px 10px 0; }
ul.menu_top > li:last-child { margin-right:0; }
ul.menu_top > li.bars { margin:0px 10px 0px 0; }
ul.menu_top > li.bars > a i.bars { margin:4px 0px 0px 0; }
ul.menu_top > li.bars > span i.down { margin:-4px 0px 0px 2px; font-size:16px !important; }

ul.menu_top > li > a { color:#555; font-size:16px; font-weight:bold; }
ul.menu_top > li > a:hover, ul.menu_top > .current > a { color:#0d95da;}

ul.menu_top > li > span { display:none; font-size:12px; font-weight:lighter; padding:2px 0 0; }

ul.menu_top li.menu_pop > i.down{ padding:0 0 0 16px; color:#0d95da; }
ul.menu_top li.menu_pop > i.bars{ padding:0 0 0 16px; color:#0d95da; font-size:22px; }
ul.menu_top li.social { }

.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:400; font-family:"Roboto Condensed",Helvetica,sans-serif; }
.menu_drop li.divider:before { content:" "; display:block; width:100px; height:2px; margin:0 auto 0; background-color:#555; }

/* -- Layout : Header : Menu Responsive -- */
.menu_resp { width:100%; text-align:center; }
.menu_resp select { width:80%; max-width:80%; height:30px; margin:10px 20px; font-family:Tahoma,Arial,sans-serif; font-size:14px; 
                    border:1px solid #bbb; border-radius:2px; }
.menu_resp option { font-size:13px; font-family:Tahoma,Arial,sans-serif; }

.lay_body   { margin:0; padding:10px 0 40px; background:#fff; }

/* -- Layout : Footer -- */
footer { color:#fff; padding:30px 0 30px; font-size:16px; font-weight:400; }

footer h3 { color:inherit; font-family:"Roboto Condensed",Helvetica,sans-serif; font-size:26px; padding:0 0 0.8em 0; }
footer a  { color:inherit; font-family:"Roboto Condensed",Helvetica,sans-serif; }
footer p  { padding:0; margin:20px 0 0; }
footer ul { margin:0 0 14px 14px; }
footer ul li { list-style:disc outside none; line-height:2.0em; }

.ft_group { position:relative; overflow:hidden; }
.NAP { border-bottom:1px solid #bbb; padding-bottom:30px; margin-bottom:30px; }

/* ------ Menú de especialidades --*/
.menu_esp { margin:0; }
.menu_esp li { border-bottom:1px solid #dcdcdc; white-space:nowrap; }
.menu_esp a, .menu_esp span  { display:block; line-height:2.0em; color:#000; background:#fafafa; font-size:16px;
								text-align:left; text-transform:uppercase; }
.menu_esp a:hover  { background:#0070c0; color:#fff; text-decoration:none; }
.menu_esp a:before, .menu_esp span:before { content:"\21e2"; padding-right:5px; }

/* ------ Localización y Contacto--*/
.pg_2cols_small_left, .pg_2cols_small_right { width:280px; float:left; display:inline-block; }
.pg_2cols_large_left, .pg_2cols_large_right { width:280px; float:left; display:inline-block; margin-top:20px; }
.pg_2cols_small_right { margin-top:20px; }

/* -- Maps -- */
#lay_MapIn	{ width:100%; height:360px; border:4px solid #bde7fb; }
#lay_MapObj	{ width:100%; height:100%; }

/* ---- Páginas: Top Home y especialidades ------------------------ */
.pg_hm_header, .svc_intro { margin-top:10px; }
.pg_hm_header h1  { text-align:center; }
.pg_hm_header img, .svc_intro img { max-width:100%; height:auto; display:block; }
.pg_hm_header p,   .svc_intro p   { font-size:0.9em; text-align:center; margin-top:6px; }

.pg_header { }
.pg_header h1  { text-align:center; margin-top:10px; }

.svc_section { margin-top:10px; }
.svc_section h1  { text-align:center; text-transform:uppercase; }

.pg_blk_aside { color:#fff; background-color:#0070c0; border-bottom:11px solid rgba(255,255,255,0.1); }
.pg_blk_aside span.title { font-size:42px; font-style:italic; font-weight:600; padding:32px 20px; display:block;
                           border-bottom:11px solid rgba(255,255,255,0.1); }

.pg_blk_aside .cont { padding:20px; font-size:15px; font-weight:500; }
.pg_blk_aside img	{ border-bottom:11px solid rgba(255,255,255,0.1); width:100%; }

.pg_blk_aside span.phone  { font-size:38px; padding:0 0 6px 0; display:block; line-height:38px; }
.pg_blk_aside .border_top { border-top:11px solid rgba(255,255,255,0.1); }
.pg_blk_aside .border_bottom { border-bottom:11px solid rgba(255,255,255,0.1); }

.pg_blk_aside .menu {}
.pg_blk_aside .menu li { border-bottom:1px solid rgba(255,255,255,0.1); white-space:nowrap; }
.pg_blk_aside .menu a, .pg_blk_aside .menu span  { color:#fff; display:block; line-height:2.0em; text-align:left;  }
.pg_blk_aside .menu a:hover  { background:#fff; color:#0070c0; text-decoration:none; }
.pg_blk_aside .menu a:before, .pg_blk_aside .menu span:before, .menu_esp .pg_blk_aside span:before { content:"\21e2"; padding:0 6px 0 8px; }



/* ---- Columnas ------------------------ */
.tb_cols { width:100%; position:relative; }
.tb_cols ul { width:100%; position:relative; text-align:center; }
.tb_cols li { padding-bottom:40px; margin-bottom:40px; display:block; float:none; }
.tb_cols li:hover { background:rgba(245,245,245,1.0); color:#000; }
.tb_cols li h3 { padding:0; }
.tb_cols li p  { margin:15px 0 0; }
.tb_cols li p:before { content:" "; display:block; width:60px; height:2px; margin:0px auto 15px; background-color:#c1c1c1; }
.tb_cols li a  { color:#555; }
.tb_cols li a:hover { text-decoration:none; }

.block_cols { width:100%; position:relative; }
.block_cols .col { padding-bottom:10px; margin-bottom:20px; display:block; float:none; }
.block_cols .col h3 { padding:0; text-align:center; }
.block_cols .col h3:after { content:" "; display:block; width:60px; height:2px; margin:15px auto 0; background-color:#c1c1c1; }

.cols_hr .col h3:after, .cols_hr .col h4:after { content:" "; display:block; width:30%; height:2px; margin:15px auto 0; background-color:#c1c1c1; }

/* ---- Anuncios ------------------------ */
.ad_bg_1  { background-color:#bde7fb !important; border:1px solid #0070c0 !important; }
.ad_bg_2  { background-color:#ffe1c4 !important; border:1px solid #ff8000 !important; }

.ad_intro { text-align:center; }
.ad_intro h2  { text-align:center; }
.ad_intro img.ad_left { float:none; }
.ad_intro p, .ad_intro ul { font-size:18px; }
.ad_intro .block { margin:20px 0 0 0; }
.ad_intro .block h3 { margin:0 0 10px 0; }

.ad_intro_1 { border-bottom:1px dotted #bcbcbc; padding-bottom:10px; }

.ad_1 { border:1px solid #dcdcdc; border-radius:8px; background-color:#fafafa; padding:20px; }
.ad_1 h2 { text-align:center; }
.ad_1 p  { font-size:16px; }
.ad_1 .ad_icon  { font-size:3em; }

.ad_2cols { border:1px solid #dcdcdc; border-radius:8px; background-color:#fafafa; padding:20px; text-align:center; }
.ad_2cols .left  { float:none; }
.ad_2cols .right { float:none; }
.ad_2cols p  { font-size:15px; }
.ad_2cols ul { font-size:15px; text-align:left; }
.ad_2cols li { line-height:1.2em; padding: 0px 0px 10px 14px; }
.ad_2cols li:before { content:"-"; padding:0px 7px 0px 0px; margin-left:-14px; }

.ad_testimonio { padding-bottom:10px; border-bottom:1px solid #dcdcdc; }
.ad_testimonio p { font-style:italic; text-align:justify; }
.ad_testimonio div { text-align:right; font-size:15px; }
.ad_testimonio div span { font-weight:bold; }

.hr_top		{ border-top:1px solid #dcdcdc; }
.hr_bottom	{ border-bottom:1px solid #dcdcdc; }

/* ---- Artículos ------------------------ */
.hm_news { border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:30px; }
.hm_news span.date { font-size:14px; display:block; }
.hm_news a { text-decoration:underline; }
.hm_news a:hover { text-decoration:none; }
.hm_news .readmore { text-align:right; font-size:14px; }

/* ----- News : Migas de pan */
.bread_crumbs { padding-bottom:0px; font-size:13px; }
.bread_crumbs * { vertical-align:baseline; }
.bread_crumbs ul li { display:inline; margin-right:5px; color:#5c5c5c; }
.bread_crumbs ul li a:hover { text-decoration:none; }
.bread_crumbs ul li a.home:before { content:"\2302  "; font-size:20px; }

/* ---- Utilidades ------------------------ */
ul.indent li { line-height:1.2em; padding: 0px 0px 10px 14px; }
ul.indent li:before { padding:0px 7px 0px 0px; margin-left:-14px; }

ul.check li { font-size:inherit; }
ul.check li:before { content:"\2713"; font-weight:700; padding:0px 7px 0px 0px; }
ul.disc li  { list-style:disc inside none; line-height:1.3em; padding-bottom:0.5em; }
ul.dash li:before { content:"-"; padding:0px 7px 0px 0px; }

/* ---- Cookies ---------------------------*/
.cookies { padding: 0.5em 10%; background:#565656; color:#fff; 
           font-size:13px; font-weight:bold; z-index:9999; text-align:center; line-height:2.0em; }
.cookies a, .cookies a:hover { color: #fff; text-decoration: underline; font-size:13px; }

.cookies a.cookie_accept, .cookies a.cookie_decline, .cookies a.cookie_privacity
	{ display:inline-block; color:#000; text-decoration:none; margin:0 0.5em;
	  background:#fafafa; padding:0.2em 0.75em; border-radius:3px; line-height:1.5em; }

.cookies.msg_error{ left:0; top:0; bottom:auto !important; }

/* ---- Responsive ------------------------ */
@media screen and (min-width: 480px) and (max-width: 767px) {
.container { max-width:480px; } 
}
@media screen and (min-width: 768px) {
.container { max-width:768px; }
h1 { font-size:27px; }
h2 { font-size:25px; }
h3 { font-size:20px; }

header .logo	{ float:left;  display:inline-block; padding:10px 0 10px; }
header .social	{ float:right; display:inline-block; padding:10px 0 0; margin:0; }

.menu_resp { display:none; }
ul.menu_top	 { display:block; }
ul.menu_top > li { float:left; position:relative; display:inline-block; margin:0 30px 0px 0; line-height:1.2; padding:6px 0; }
ul.menu_top > li > span { display:block; }
ul.menu_top li.social { float:right; position:relative; display:inline-block; padding:6px 0 6px 10px; border-left:1px solid #ececec; }

footer .ft_group:after { content:""; display:block; width:1px; height:100%; background:#bbb; position:absolute; left:50%; top:0; }
footer .NAP	 { float:left; width:50%; padding:0 9% 0 0; margin:0; border:0; text-align:center; }
footer .sitemap { float:left; width:50%; padding-left:10%; }

.pg_2cols_small_left, .pg_2cols_small_right { width:320px; }
.pg_2cols_large_left, .pg_2cols_large_right { width:610px; }

.block_cols_col_2 .col { float:left; position:relative; display:inline-block; width:48.0%; }
.block_cols_col_2 .col:nth-child(2n+1) { margin:0 2% 20px 0%; clear:both; }
.block_cols_col_2 .col:nth-child(2n+2) { margin:0 0% 20px 2%; }
.block_cols_borderb .col { border-bottom:1px solid #dcdcdc; }

.cols_2 li { float:left; position:relative; display:inline-block; width:48.0%; }
.cols_2 li:nth-child(2n+1) { margin:0 2% 40px 0%; clear:both; }
.cols_2 li:nth-child(2n+2) { margin:0 0% 40px 2%; }

.cols2 .col { float:left; position:relative; display:inline-block; width:48.0%; }
.cols2 .col:nth-child(2n+1) { margin:0 2% 40px 0%; clear:both; }
.cols2 .col:nth-child(2n+2) { margin:0 0% 40px 2%; }

.cols_3 li { float:left; position:relative; display:inline-block; width:32.0%; }
.cols_3 li:nth-child(3n+1) { margin:0 1% 40px 0%; clear:both; }
.cols_3 li:nth-child(3n+2) { margin:0 1% 40px 1%; }
.cols_3 li:nth-child(3n+3) { margin:0 0% 40px 1%; }

.cols3 .col { float:left; position:relative; display:inline-block; width:32.0%; }
.cols3 .col:nth-child(3n+1) { margin:0 1% 40px 0%; clear:both; }
.cols3 .col:nth-child(3n+2) { margin:0 1% 40px 1%; }
.cols3 .col:nth-child(3n+3) { margin:0 0% 40px 1%; }

.cols4 .col { float:left; position:relative; display:inline-block; width:23.5%; }
.cols4 .col:nth-child(4n+1) { margin:0 1% 40px 0%; clear:both; }
.cols4 .col:nth-child(4n+2) { margin:0 1% 40px 1%; }
.cols4 .col:nth-child(4n+3) { margin:0 1% 40px 1%; }
.cols4 .col:nth-child(4n+4) { margin:0 0% 40px 1%; }

.ad_2cols .left  { float:left;  width:70%; }
.ad_2cols .right { float:right; width:25%; text-align:right; }

.ad_intro { text-align:inherit; }
.ad_intro img.ad_left { float:left; }

}
@media screen and (min-width: 980px) {
.container { max-width:980px; }
h1 { font-size:34px; }
h2 { font-size:30px; }
h3 { font-size:22px; }

.pg_hm_header img, .svc_intro img { height:164px; }

.pg_2cols_large_left  { margin-right:30px; margin-top:0; }
.pg_2cols_large_right { margin-left:30px;  margin-top:0; }
.pg_2cols_small_right { margin-top:0; }

.cookies { position:fixed; left:0; bottom:0; width:100%; }
}


/* -- Formulario -- */
.form_form	 { width:540px; }
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_btn { text-align:right; }
.form_btn a.a_btn	{ font-weight:bold; }

/* -- Formulario V -- */
.form_v	 { width:100%; }
.form_v	input[type='text']{ width:100%; margin:0 0 4px 0; }
.form_v	textarea { width:100%; margin:0 0 4px 0; }
.form_v div.lopd { margin:10px 0 0 0 !important; display:block; }

/* ---- Popups ------------------------ */
.pg_static {}
.pg_static p, .pg_static ul, .pg_static table { font-size:14px; margin:0 0 14px 0; }

.pg_static h4 { margin:10px 0; }
.pg_static li { padding-bottom:10px; }
.pg_static a { text-decoration:underline; color:#0d95da; font-size:14px; }
.pg_static td { padding:2px; border:1px solid #cccccc; }
.pg_static td { padding:2px; border:1px solid #cccccc; }


/* ---- 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_l { text-align:left; } .txt_j  { text-align:justify; }
.txt_upper	{ text-transform:uppercase; }
.center_h	{ display:block; margin-left:auto; margin-right:auto; }

.mgt_10	{ margin-top:10px; }	.mgt_20	{ margin-top:20px; }	.mgt_30 { margin-top:30px; }	.mgt_40 { margin-top:40px; }	.mgt_50 { margin-top:50px; }
.mgb_10	{ margin-bottom:10px; } .mgb_20	{ margin-bottom:20px; } .mgb_30 { margin-bottom:30px; } .mgb_40 { margin-bottom:40px; } .mgb_50 { margin-bottom:50px; }
.mgl_20 { margin-left:20px; }

.padt_10	{ padding-top:10px; }		.padt_20	{ padding-top:20px; }		.padt_30 { padding-top:30px; } .padt_40 { padding-top:40px; }
.padb_10	{ padding-bottom:10px; }	.padb_20	{ padding-bottom:20px; }	.padb_30 { padding-bottom:30px; }



img.ad_right { float:right; padding:0 0 20px 20px;}
img.ad_left  { float:left;  padding:0 20px 20px 0;}

.f_large  { font-size:18px; }
.f_normal { font-size:16px; }
.f_small  { font-size:15px; }

/* ---- Position -- */
.top_left  { position:absolute; top:0; left:0;  }
.top_right { position:absolute; top:0; right:0; }

/* ---- Clear -- */
.clear:after { clear:both; }
.clear:after, clear:before { content:""; display:table; }

/* ClearFix */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearFix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearFix { height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */
.none { display: none; } /* End Clearfix */

