/* COMMON STYLE
--------------------------------------------------------- */
body {margin:0; -webkit-font-smoothing: antialiased; line-height: 1.4; /* Fix for webkit rendering */ }
/* me cargo el interlineado de 1.8 line-height:1.8em;*/
body#bd{font-weight:normal; color:#666; line-height: 1.4;}
img { border: 0; } 
.column ul li{
line-height: 1.4;
}
/* Normal links ---*/
a{text-decoration: none; color: #1EB3D8;
  font-weight: normal;
}
a:hover, a:active{text-decoration:none; opacity:0.7;
}
a img:hover{opacity:1.0;}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
/* Logo Image ---*/
h1.logo {float:left; margin:0; padding:0; text-indent:-9999px; overflow:hidden;}
h1.logo a {display:block; background: url(../images/logo.png) no-repeat;}

/* Logo Text ---*/
div.logo-text{margin:25px 0 75px 25px; height: 86px;}
div.logo-text h1 {font: bold 250% Arial, sans-serif; margin-top:15px}
div.logo-text h1 a {color: #555; text-decoration: none;}
div.logo-text h1 a:hover, div.logo-text h1 a:active, div.logo-text h1 a:focus {text-decoration: none;}
p.site-slogan {display: block; margin: 0; padding: 0; text-transform: uppercase; color: #000;}


/* Header --- IMPORTANTE ACORTAR ESPACIOS PARA QUE SE PAREZCA MAS margin:15px 0 35px 0; */
/* elimino del ja-header antes del } final background:url(../images/bg-header.png) 50% 0 repeat-y; */

#ja-header {position:relative; padding:0; margin:10px 0 15px 0; }
#ja-header .main{padding:0;}

/* Main Blocks Style */
.main{padding:0 5px!important;}
#ja-wrapper, #ja-footer{background:url(../images/spotlight.png) 50% 0 no-repeat;}
#ja-main{position:relative;}
#ja-main .inner{padding:0; margin:0;}
#ja-content-mass-bottom{position:relative;}
#ja-topmodules{padding:10px 0 0 0;}
#ja-topmodules #topnav{}
/*BARRA DE IDIOMAS*/
.lang-active a{
font-weight:bold;
}
.idiomas{
float: left;
}
/* estas son para que se vea el facebook y el twitter por fuera en el módulo de redes sociales*/
.ja-box{
overflow: visible;
}
/* REGLAS DEL SLIDER */
#ja-slider {background: url(../images/gradient.jpg) repeat-x 0 100%;}

/*estas 2 reglas la hago para los partners de abajo */
#nsp-nsp_173 div.nspArts.bottom div.nspArtScroll1 div.nspArtScroll2.nspPages3 div.nspArtPage.nspCol3 div.nspArt.nspCol4 p a img {
   -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
  border: 2px solid #e0e0e0;
  padding: 6px;
  border-radius: 6px;
  width: 95%;
}
#nsp-nsp_173.nspMain p.nspText span{
margin-top:5px;
}

#ja-maps{padding-bottom:5px;}

div.ja-box div.ja-box-ct div.custom p {
font-size: 14px;

}
.column ul li {
margin-bottom: 15px;
background: none;
overflow: visible;
padding-left: 0px;
}

/* AGENDA */
div#ja-contentwrap.clearfix div#ja-content.column div#ja-current-content.column div#ja-content-main.ja-content-main div.item-page iframe{
width:100%;
min-width:200px;
}
div#gcalendar_component.fc{
font-size: 13px;
}
/* FORMULARIO DE RESERVA */
div#ja-right1.ja-col div#Mod248.ja-moduletable{
width: 95%;
margin-left: 20px;
}

/* formulario precolegiación */
.detallesdelprecolegiado-edit div#wrapper div#navigation ul{
font-size: 12px;
}
.detallesdelprecolegiado-edit div#wrapper div#navigation ul li{
margin: 0;
}
/* botones de los anuncios */
#vbReplyButton button.button, #vbMessageFormListButton button#vbMessageFormSubmitButton.button, #vbMessageFormListButton button.button  {
  border-radius: 4px;
}

html body#bd.bd div#ja-wrapper div#ja-container.wrap div.main div#ja-mainbody div#ja-main div.inner div#ja-contentwrap.clearfix div#ja-content.column div#ja-current-content.column div#ja-content-main.ja-content-main div.vbContainer div.pagination{
display:none;
}

/*POSICION BOTONES - BUSCADOR DE COLEGIADOS y CONTACTO */
div#ja-wrapper div#ja-container.wrap div.main div#ja-mainbody div#ja-main div.inner div#ja-contentwrap.clearfix div#ja-content.column div#ja-current-content.column div#ja-content-main.ja-content-main div.cbUsersList div#cbUsersListInner form#adminForm.cb_form div.cb_template_default div.cbUserListHeadTitle div#cbUserListsSearcher.contentdescription div.cbUserListSearchFields div.cb_form_buttons_line input#cbsearchlist.button{
position: relative;
left: 260px;
}
div.foxcontainercontacto form#FoxForm.foxform div button.foxbutton{
position: relative;
left: 212px;
}
/* elimino el indentado y el punto de los li en el template.css del plugin jat3*/

/* alineo los accesos directos con el buscador en la página principal*/
div#ja-mainbody div#ja-main div.inner div#ja-content-mass-top.ja-mass div.ja-box div#Mod212.ja-moduletable , #ja-mainbody div#ja-main div.inner div#ja-content-mass-top.ja-mass div.ja-box div#Mod261.ja-moduletable{
margin-top: 0;
}
.iconos_acceso{
float: left; position: relative; width: 145px; height: 195px;
}
/* contenidos de los accesos directos del principio */
/*#ja-content-mass-top {*/
.moduletableaccesosdirectos {
  background-color: #f0f0f0;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  font-family: 'Oswald';
  font-weight: lighter;
  font-size: 21px;
  color: #9e9e9e;
  line-height: 1.2em;
}
.moduletableaccesosdirectos  a{
color: #9e9e9e;
}
div.customaccesosdirectos {
  padding: 15px 15px 0;
  display: inline-block;
}
/* ventanilla unica */
.ja-box div#Mod271.ja-moduletable div.padding div.ja-box-ct div.custom ul li ,.ja-box div#Mod272.ja-moduletable div.padding div.ja-box-ct div.custom ul li ,.ja-box div#Mod251.ja-moduletable div.padding div.ja-box-ct div.custom ul li , .ja-box div#Mod252.ja-moduletable div.padding div.ja-box-ct div.custom ul li{
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
padding-bottom: 2px;

}
.ja-box div#Mod272.ja-moduletable div.padding div.ja-box-ct div.custom ul li a,.ja-box div#Mod271.ja-moduletable div.padding div.ja-box-ct div.custom ul li a, .ja-box div#Mod251.ja-moduletable div.padding div.ja-box-ct div.custom ul li a, .ja-box div#Mod252.ja-moduletable div.padding div.ja-box-ct div.custom ul li a{
color: #555;
}
/* espacio hasta el modulo de noticias */
#Mod31.ja-moduletable div.padding h3 , #Mod265.ja-moduletable div.padding h3
{
margin-top: 38px;
}
/* espacio en la solapa de contacto entre sedes y salas*/

/* fuentes en negro para los h3 de la portada */

#Mod31.ja-moduletable div.padding h3 span ,#Mod265.ja-moduletable div.padding h3 span{
  color: black;
}
/* linea debajo de la categoria e igualo las fuentes a Oswald, agrego la línea baja*/

h1.componentheading {
  border-bottom: 1px solid #1EB3D8;
}
h1, #community-wrap h2.componentheading{
 font-family: 'Oswald'; font-weight: lighter;
 
}

/* fuentes para los módulos adicionales de interes */

.padding div.ja-box-ct ul.menu a span.image-title{
  color: #1EB3D8;
    font-size: 14px;
    padding-left: 6px;
    text-transform: uppercase;
    vertical-align: 10px;

}

/* linea fina bajo los numeros del top en la portada */
#ja-topsl {background: white; padding:25px 0 0 0;
  border-bottom: 1px solid #e4e4e4;
}
#ja-portfolio {background: white; padding:50px 0 0 0;}
#ja-container{margin:0; padding:30px 0 10px 0; background-color: white; }
#ja-promo {background-color:#f1f1f1; padding:35px 0}
#ja-userpanel {background-color:#f1f1f1; padding:10px 0 20px 0;}
#ja-recent-blog {background-color: white; position:relative; z-index:auto;}
#ja-recent-blog { margin-top:-6px!important; position:relative; z-index:9999;
  padding: 30px 0 45px;
}
/* esta es la linea de puntos sobre el apartado de partners */
#ja-recent-blog {
  border-top: 3px dotted #e4e4e4;
}

#ja-botsl{background:#f3f3f3; padding:40px 0 25px 0; color:#666; border-top:1px solid #fff;}
#ja-botsl a{color:#666; text-decoration:underline;}
#ja-botsl a:hover{color:#333; text-decoration:none;}
#ja-botsl .main{padding:0;}

/* Left and Right Sidebar Blocks */
#ja-right #ja-left {position:relative; }
#ja-right .ja-colswrap {padding-left:0;}
#ja-left .ja-colswrap {padding-right:0;}

/* Breadcrumbs */
#ja-navhelper{padding:10px 0; background:url(../images/transparent.png); color:#fff; margin-bottom:5px;}
#ja-navhelper .ja-moduletable{margin:0; padding:0;}
#ja-navhelper a{background:none; padding:3px 4px; color:#fff;}
#ja-navhelper a:hover{text-decoration:none;}
#ja-navhelper strong {margin:0; float:left; color:#fff; font-weight:normal;}

/* Footer */
#ja-footer{padding:0; color:#fff;}
#ja-footer .wrap-inner1{background:url(../images/transparent.png) 0 0 repeat-x; padding:30px 0;}
#ja-footer .main{padding:30px 0;}
#ja-footer a{padding-bottom:0; padding-left: 6px; color:#fff; vertical-align: middle;}
#ja-footer a:hover{border-bottom:none; text-decoration:none; opacity:0.6;}
#ja-footer .ja-copyright {text-align: left;  width:auto; max-width:48%; min-width:200px; float:left;}
#ja-footer .ja-footnav {text-align: left; margin: 0 0 5px 0; float:right; max-width:50%;}
#ja-footer .ja-footnav ul li{
  padding: 0 10px;
}
#ja-footer .ja-footnav ul li:last-child {border-right:0; padding-right:0}
#ja-footer h3{
color: #fff;
margin-bottom:0px;
}
#ja-footer.wrap div.wrap-inner1 div.main div.ja-copyright div.custom h3{
margin-bottom:7px;
margin-top: 3px;
}
/* MODULE STYLES
--------------------------------------------------------- */
#ja-topsl .ja-moduletable img{padding-right:12px;}
#ja-topsl .ja-moduletable{padding-bottom:15px;}
#ja-container .ja-moduletable .padding, #ja-container .moduletable .padding {padding:0;}

#ja-right-mass-bottom .ja-moduletable{background:none; padding:0;}/*I use this line because there is no suffix option on JG Map Modules*/
#ja-right .ja-moduletable{margin-right:0; margin-left:40px; margin-bottom:50px; margin-top:0!important; padding:0!important}
#ja-left .ja-moduletable{margin-right:40px;  margin-left:0; margin-bottom:50px; margin-top:0!important; padding:0!important}
#ja-recent-blog .ja-moduletable h3{margin:0;}
#ja-topsl div.ja-moduletable h3{padding:0 0 20px 0;  margin:0;}
#ja-botsl .ja-moduletable h3 {padding:5px 0 15px 0; margin-bottom:0;}

.ja-moduletable h3 { margin:0 0 25px 0;
  color: #1eb3d8;
}
.blocks{border:1px solid #ddd; background:#fff!important;}
.blocks .padding{margin:20px;}
.blocks h3{border-bottom:0!important; padding:0 0 15px 0!important; margin:0!Important; background:0!important;}
.blocks h3 span{background:0!important; margin:0!important; padding:0!important}
.blocks ul.menu li a {border-bottom:1px solid #e9e9e9;}
.blocks ul.menu li a:last-child{}
.blocks ul.menu, .blocks #login-form {padding:0!important;}
.blocks #login-form ul li:last-child{border-bottom:0;}

/* Overwrite T3 module padding and margin ---*/
.ja-content-main {margin-bottom:0;}
.ja-box-left .ja-moduletable{padding-right:0; margin-right:15px!important; margin-left:0!important;}
.ja-box-right .ja-moduletable{padding-left:0; margin-left:15px!important; margin-right:0!important;}
.ja-box-center .ja-moduletable{padding-left:0; padding-right:0; margin-left:15px!important; margin-right:15px!important;}
.ja-box-full .ja-moduletable{margin-left:0!important; margin-right:0!important;}
.ja-box-right {position:relative;}
#ja-right-mass-bottom .ja-moduletable{margin:0 0 0 20px!important; padding:0!important;}
#ja-topmodules .ja-moduletable, #ja-portfolio .ja-moduletable, #ja-slider .ja-moduletable, #ja-recent-blog .ja-moduletable, #ja-promo .moduletable, #ja-page-desc .ja-moduletable, #ja-maps .ja-moduletable{margin:0!important; padding:0!important;}


/* MENU 
--------------------------------------------------------- */
/* COMMON STYLE
/*POR SI SELECCIONAMOS CSS CREO LAS REGLAS PARA MENU CSS*/
#ja-cssmenu ul{
margin:12px 0 0 0;
padding-bottom: 4px;
width: 205px;
}
#ja-cssmenu li ul{
background-color: #45A6C5 !important;
padding: 8px;
}
#ja-cssmenu li ul ul{
margin: -50px 0 0 16em;
}
#ja-cssmenu ul a{
width: 100%;
}
#ja-cssmenu ul li a.active, #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus{
font-weight: normal;
}
/*HASTA AQUI MENU CSS */
/* Main Megamenu  he borrado background-image: url(../images/transparent.png); y agregado el background white cambio el z-index a 200 de auto*/
#ja-mainnav {padding:0 0 0 15px; position:relative; z-index:20; float:right; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;  -khtml-border-radius:5px 0 0 5px;
  background-color: white;
}
/* COLORES DE LAS FUENTES DEL MENU Y MAYUSCULAS PARA TODOS */
#ja-mainnav ul li{padding:12px 0; text-transform:uppercase;}
#ja-mainnav ul li a{padding:8px 15px; color: #1eb3d8;
  font: 1.1em 'Oswald';
}
/* COLOR DEL MENU AL PASAR EL RATON SOBRE */
#ja-mainnav ul li a:hover{opacity:0.6; color: black;}
#ja-mainnav li ul li{border-left:0; height:auto; padding:0;}
/* PREGUNTAR A JACOBO POR ESTE COLOR -DICE Q SI */
#ja-mainnav ul li a.active{
  color: #0a657c;
}
/* estilos de los submenus desplegables del menu principal */
#ja-mainnav li ul li a{color:#fff!important; padding:12px 0px 10px 2px; background:none; text-transform:none;}
#ja-mainnav li ul li a.active{background:none!important;}
#ja-mainnav li ul li a:hover, #ja-mainnav li ul li a:focus, #ja-mainnav li ul.level1 li.haschild-over a.haschild.over{background:url(../images/transparent.png)!important; padding:12px 0px 10px 6px!important; opacity:0.7;}

/* Joomla Menu on Topmodules Block */
#ja-topmodules ul.menu li{display:inline; padding:0 20px 0 0!important; background:none;}
#ja-topmodules ul.menu li a{color:#fff;}
#ja-topmodules ul.menu li a:hover{color:#333; text-decoration:none;}
#ja-topmodules ul.menu{ float:right; margin-top:7px; text-align:center;}

/* Joomla! Menu in container, topsl, and extras Block ---*/
#ja-container ul.menu li, #ja-topsl ul li, #ja-extras ul.menu li {padding:0 0 0 2px; background:none;}
#ja-container ul.menu li a , #ja-topsl ul li a, #ja-extras ul.menu li a{padding:4px 0;font-size: 1.1em;}
#ja-container ul.menu li a:hover, #ja-topsl ul li a:hover, #ja-extras ul.menu li a:hover{text-decoration: none; opacity:1.0;}
#ja-container ul.menu li li {border-bottom:0; background:url(../images/bullet.png) 0 14px no-repeat; margin-left:10px;}
#ja-container ul.menu li li a{padding-left:5px;}
#ja-container ul.menu ul{border-top:0;}
#ja-container ul.menu li.active > a{font-weight:bold!important;}
#ja-container ul.menu li.active a {font-weight:normal;}




/* Joomla Menu in botsl block*/
#ja-botsl ul.menu{border-top:1px dotted #ccc;}
#ja-botsl ul.menu li{padding:0 0 0 2px; background:none;}
#ja-botsl ul.menu li a:hover{color:#555; text-decoration:none;}
#ja-botsl ul.menu li a{color: #777;  padding:6px 0 6px 20px;  background:url(../images/arrow.png) 0 -40px no-repeat; display:block; border-bottom:1px dotted #ccc; text-decoration:none;}



/* Readon links and Button
--------------------------------------------------------- */
.button, .button-clean, #member-registration .validate, .form-validate button{padding:6px 10px 8px 10px; cursor:pointer; text-align:center; color:#fff; border:0;}
#ja-container p.readmore{padding-top:10px!important;}
#ja-container p.readmore span{padding:7px 12px!important; color:#fff!important; border-radius:5px }
#ja-container .readmore a:hover {text-decoration: none;}
#form-login .button:hover{text-decoration:none;}
#ja-right .search .button{position:absolute; right:8px; top:5px;}
#ja-right .search .inputbox {width:98%; border:none; padding:12px;}
#ja-right .search {background:#e9e9e9; padding:1px;}


/* FORM
--------------------------------------------------------- */
label.invalid{font-weight:bold; color:#333!important;}
dt.result-title{padding-top:10px;}
textarea.inputbox{width:400px; height:250px; padding:5px 6px;} 
select.inputbox{padding:8px 5px; height:auto;}
.inputbox:hover, .form-validate input:hover, .login-fields input:hover, .form-validate select:hover, input#recaptcha_response_field:hover {background:#f0f0f0;}
.inputbox:focus, .form-validate input:focus, .login-fields input:focus, .form-validate select:focus, input#recaptcha_response_field:focus{background:#fff;} 
.inputbox, .form-validate input, .login-fields input, .form-validate select, input#recaptcha_response_field{
  width:auto; 
  padding:9px 6px 9px 6px; 
  color:#888; 
  margin:0 5px 0 0;
  border:1px solid #e9e9e9;
  background:#f3f3f3;
}
#password-lbl , #username-lbl{
padding: 6px 15px 0 0;
}
.login{
margin-bottom: 15px;
}
.login_form .button, .login button{
margin-left: 145px;
}

.search fieldset{border:1px solid #eaeaea; padding:20px;}
.search .pagination{padding:20px 0 60px 0!important;}
.search .word button{height:auto; margin-left:0;}
.word label{display:block; float:left; padding:5px 5px 0 0;}
.filter-search {margin-left:6px; margin-bottom:10px;}
.registration dt{width:200px!important; font-weight:normal!important;}
.registration dl{padding-top:15px!important;}
.results h4 { text-transform: none;}

#searchForm fieldset .inputbox{border:1px solid #fff;}
#searchForm fieldset {background:none; margin:10px 0 15px 0!important}
#searchForm fieldset:hover {background:#f6f6f6;}
#searchForm fieldset:hover .inputbox{border:1px solid #e3e3e3;}
#searchForm legend{padding-left:6px; padding-right:6px;}
#searchForm {margin-top:0!important; padding-top:0!important;}

/* Login --- */
#userlogin {position:relative; float:right; top:0px;}
#userlogin ul {margin:0; padding:0; white-space: nowrap;}
#userlogin li {display: inline; line-height: normal; margin:0;}
#userlogin li a.login-switch, #userlogin li a.register-switch {padding: 9px 0 0 0px; float: left; color:#fff;}
#userlogin li a.login-switch:hover, #userlogin li a.register-switch:hover {text-decoration:none; color:#333;}

#userlogin #user-login {display: none; position: absolute; left:-154px; top:40px; text-align: left; color:#fff;}
#userlogin #user-login .main-inner1 {background:#111; width: 257px; height: auto; overflow: hidden; padding: 25px 20px;}

#modlgn-username.inputbox, #modlgn-passwd.inputbox{width:140px; margin-bottom:6px; border:0; padding:6px 5px!important; color:#999!important; background-color:#fff; font-weight:normal;}
#login-form label{color:#ccc;}

#userlogin li.logout-switch {padding:0 0 0 15px!important; color:#fff;}
#userlogin li.logout-switch .button{margin:0 0 0 5px; float:none; padding:10px 0 0 0!important; background:none; text-transform:uppercase; font-weight:bold; text-decoration:underline; color:#fff;}
#userlogin li.logout-switch .button:hover{text-decoration:none;}
#userlogin .button{float:right; margin-top:5px; margin-right:7px;}
#userlogin #form-login-remember {padding-top:10px;}
#userlogin #form-login-username label{width:110px; display:inline-block;}
#userlogin #form-login-remember label{vertical-align:top; padding-right:2px;}
#userlogin #form-login-password label{width:110px; display:inline-block;}

#userlogin #login-form li{border-bottom:1px dotted #333; line-height:normal; padding:4px 0; display:block; }
#userlogin #login-form li a{color:#ccc;}
#userlogin #login-form li a:hover, #userlogin #login-form li:hover{text-decoration:none; color:#eee; background-color:transparent!important; background:none!important}
#userlogin #login-form ul{padding-top:10px; width:220px; background:none;}

#box-overlay {position: fixed !important;  background: #fff; z-index: 1; top: 0; left: 0;}
.register-switch, .login-switch {position: relative;}
.register-switch, .login-switch, #user-login, #user-register {z-index: 1000;}


/*Title and text heading 
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .componentheading, .componentheading a, .contentheading, .contentheading a{color: #1EB3D8; font-weight: 300; font-family: 'Oswald';  
}
strong, b{
color: #666666; font-weight: 600;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, strong a:hover, b a:hover, .componentheading a:hover, .contentheading a:hover{text-decoration:none;}

#ja-content-main div.blog h2{
  font-size: 18px;
}

h1, h2, h3, div.ja-moduletable h3, div.moduletable h3{margin:0 0 15px 0; padding:0;}
h4, h5, h6 {margin:0 0 10px 0; padding:0;}
h2.contact-name{border-bottom:0;}
h1.componentheading, h2.componentheading, .componentheading{
  margin-bottom:0!important;
  margin-top:10px!important;
  padding:5px 0 5px 0!important;
}
h1.contentheading, h2.contentheading, .contentheading{
  margin:0!important;
  padding:0!important;
  line-height:130%;
}
.ja-moduletable div.padding div.ja-box-ct div.custom h2{
margin:0;
padding:0;
}
#ja-promo .text h3{font-weight:normal!important; margin:0!important; padding:0 0 2px 0!important;}
#ja-promo .text{float:left; width:70%;}
#ja-promo .purchase{float:right; margin-top:12px;}
#ja-promo .purchase a{padding:15px 25px; text-align:center; text-transform: uppercase; color:#fff;}
#ja-promo .purchase a:hover{text-decoration:none;}
#ja-portfolio .ja-moduletable h3{font-size:28px; color:#777; font-weight:normal!important;}
#ja-page-desc p{float:left; padding-top:8px; font-style:italic}
#filter{position:absolute; right:0; top:0;}

/* Others 
--------------------------------------------------------- */
hr {border-top: 1px solid #cbcbcb;}
.item-title {font-weight: bold;}
.item-page ul li{padding:0 0 0 20px; background:url(../images/arrow.png) 0 -25px no-repeat; display:block;  margin-left:10px;}
.ja-links li { padding: 0 10px; }
.ja-links li a{color:#666;}


/* Most Read ---*/
ul.mostread li{padding:0; background:none;}
ul.mostread li a{  
  color: #999!important;
  padding:6px 0 6px 20px;
  background:url(../images/arrow.png) 0 -19px no-repeat;
  display:block;
  border-bottom:1px dotted #d3d3d3;
}

ul.mostread li a:hover{
  text-decoration:none!important; 
  background-position:-20px 12px;
}

ul.newsfeed{margin-top:20px!important;}

/* content columns */
.ja-typo-colswrap {/*text-align: justify;*/overflow:hidden; }
.ja-typo-column { margin: 0 1.5% 0 0; padding: 0; float:left; }
.ja-typo-colswrap.cols-1 .ja-typo-column { width: 100%; float: none; margin:0;}
.ja-typo-colswrap.cols-2 .ja-typo-column { width: 48%; float: left; margin:0 4% 0 0;}
.ja-typo-colswrap.cols-3 .ja-typo-column { width: 32%; float: left; margin:0 1.9% 0 0}
.ja-typo-colswrap.cols-4 .ja-typo-column { width: 23.5%; float: left; margin:0 1.9% 0 0}
.ja-typo-colswrap .ja-typo-column.last {margin-right:0;}


/* JOOMLA STYLE
--------------------------------------------------------- */
/*  ojo a los articulos, reborde por arriba y por abajo */
.article-extra-info{width: 100%; float:left; font-size:11px; border-bottom:1px solid #eee;
  margin-bottom: 15px;
}

#ja-content-main div.blog  h2 {
  border-bottom:1px solid #eee;
}

.article-content-wrap{width:70%; float:right;}

/*Inline images */
.items-leading img, .items-row img, .item-page img{margin:10px 0;}
.img_caption.left {margin-right:30px; }
.img_caption.right { margin-left:30px;}
.image-left {float:left;}
.blog img, .item-page img{margin: 0 8px;}
.contentpaneopen{overflow:hidden;}
p.img_caption {clear: both; margin: 0; padding: 0; text-align: center; }

/* Layout Deco */
.items-leading, .items-row, .item-page {padding:10px 0 35px 0; background:#fff; margin-bottom: 0px; margin-top:0px; height:1%;}
.item-page p, .items-leading p, .items-row p{margin-bottom:10px!important; margin-top:10px!important;}
.items-more {padding-top:20px; padding-bottom:0; margin-top:0px;}
.items-more h3 {color:#363636!important;}

ol.jlinks li a{color:#888!important;}
ol.jlinks li{padding:4px 0 4px 18px; background:url(../images/arrow.png) 0 -20px no-repeat; display:block;  margin-left:0!important;}

/* Meta ---*/
ul.actions li img{padding:0; margin:-5px 0 0 0!important; background:none!important; border:0!important; width:auto!important;}
ul.actions li{background:none; display:inline!important; margin:0!important; padding:0!important;}
ul.actions li a{padding-right:5px;}
.article-extra-info ul.actions {margin: 0; padding: 3px 0;
  display: inline;
}
.article-extra-info dl.article-info {margin:0; color:inherit;}
.article-extra-info dl.article-info dd{padding: 0; margin: 0; display: inline;}

dl.article-info{margin:0px 0 0 0!important;
}

div.content-links {
  clear: left;
}
p.modifydate {text-transform: uppercase; font-style: italic;}
.contentdescription {border-bottom: 1px dotted #ddd;padding: 0;}


/* Category List */
.filters{display:block;}
.category-desc
div.categories-list ul li .jitem-title{}
div.categories-list ul li li .jitem-title{}
div.categories-list ul li li li .jitem-title{}
div.categories-list ul li{padding-bottom:0; padding-top:10px; margin-bottom:10px;}
div.categories-list li .jitem-title a{}
div.categories-list ul li ul {margin-left:0;}
div.categories-list ul li ul ul ul {margin-left:20px;}
div.categories-list ul li li {border-bottom: 0;  background:none;}
div.categories-list ul li li li {background:none; margin:0;  border:0;}

/* Sub Category List */
.cat-children {}
.cat-children h3 {}
.cat-children ul {}
.cat-children ul li {padding-bottom:0; padding-top:0; margin-left:0!important;}
.cat-children ul li span.item-title {}
.cat-children ul li span.item-title a {}

.newsfeed li{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ddd;}
legend.hidelabeltxt {width:auto; float:left; margin:0; padding:6px 0 0 0;}
fieldset.filters  {}
.display-limit{width:auto; padding:0!important; margin:0!important;}

/* Tables */
thead tr th a {color: #555;}
thead tr th a:hover,
thead tr th a:active {color: #fff;}
thead tr th {background:#f3f3f3; padding: 15px 10px; color:#555;}

.cat-list-row1,
.cat-list-row2,
tr.cat-list-row0 td,
tr.cat-list-row1 td {border-bottom: 1px solid #eee; padding:5px 10px; }

.cat-list-row0:hover,
.cat-list-row1:hover { background: #f6f6f6; }
tr.cat-list-row1 td { background-color: #f7f7f7; }
td.list-hits {text-align:right; padding-right:20px!important;}

/* Content Toc */
table.contenttoc,
table {border: 1px solid #eee; margin:10px 0;}
table td.title p{margin-top:5px!important;}
table.contenttoc td, table td.title, table td.hits {border-bottom: 1px solid #eee; padding:0 15px!important;}
table.contenttoc th, table th {background:#f3f3f3; border: 1px solid #eee; text-transform: uppercase; color:#333;}

table tr.sectiontableentry1 {background: #f3f3f3;}
table tr.sectiontableentry2 {background: #fff;}
table tr.sectiontableentry1:hover, table tr.sectiontableentry2:hover{background: #f3f3f3;}

/* Pagination */
.counter{position:relative; margin-top:5px!important; font-weight:bold;}
.pagination{text-align:center; margin:30px 0 30px 0;}
.pagination ul{margin-left:0!important;}
.pagination ul li{text-align:center; margin-right:4px; background-color:#f0f0f0; color:#333; border:0;}
.pagination ul li a, .pagination ul li span {padding:4px 11px!important; display:block;}
.pagination ul li a{color:#333;}
.pagination ul li:hover a{color:#fff!important; text-decoration:none; border:0;}
.pagination ul li span.pagenav{color:#fff;}
.pagination-prev span.pagenav, .pagination-start span.pagenav, .pagination-next span.pagenav, .pagination-end span.pagenav{background-color:#f0f0f0!important; color:#333!important;}



/* MISCELLANOUS
----------------------------------------------------------- */
/* para las tablas de enlaces */
td{
font-size: 92%;
}
/* Others */
.social ul.menu{border-top:0!important; clear:both;}
.social ul li{float:left; margin-right:5px!important; text-indent:-999em; width:32px!important; height:32px!important;}
.social ul li:last-child{margin-right:0!important;}
.social ul li a{width:32px; height:32px;display:block; padding:0!important; background:none!important; border-bottom:0!important;}
.social ul li .linkedin{background:url(../images/linkedin.png) 0 0 no-repeat!important;}
.social ul li a.linkedin:hover{background-position:0 100%!important;}
.social ul li a.fb{background:url(../images/fb.png) 0 0 no-repeat!important;}
.social ul li a.fb:hover{background-position:0 100%!important;}
.social ul li a.tweet{background:url(../images/tweet.png) 0 0 no-repeat!important;}
.social ul li a.tweet:hover{background-position:0 100%!important;}
.social ul li a.vimeo{background:url(../images/vimeo.png) 0 0 no-repeat!important;}
.social ul li a.vimeo:hover{background-position:0 100%!important;}
.social ul li a.rss{background:url(../images/rss.png) 0 0 no-repeat!important;}
.social ul li a.rss:hover{background-position:0 100%!important;}

#FoxForm div a {
  color: white;
}
.foxcontainer form.foxform div a{
  color: white;
}

/* contact list for sidebar */
.address{ padding:0 !important; background:none !important;
}
.address li{ margin: 0 1px; padding:6px 0 0 30px !important;
  line-height: 1.5em;
  display: block;
}  
/* esta regla es para el interlineado de contactos de Jacobo */
/* este es el interlineado de abajo del contacto*/

.address .home{ 
line-height: 16px;
background: url(../images/home.png) no-repeat -3px 6px;
margin-left: 0px;
list-style-image: none;
}
.address .email{background:url(../images/email.png) 0 0 no-repeat; }
.address .phone{background:url(../images/phone.png) 0 0 no-repeat; }
.address .mobile{background:url(../images/mobile.png) 0 0 no-repeat;}    

/* Client List*/
ul.client-list{margin:10px 0px 5px -11px!important; list-style-type:none;}
ul.client-list li{border:1px solid #ddd; margin:0px 0 11px 11px; padding:0; float:left; text-align:center; background:none;}

.newsfeed div{
padding: 0 0 20px 0;
}
/* Content spacing */
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul, .column dl {margin:0 0 5px 0; padding: 0 0 5px 0;}
/* reglas del foro*/
#Kunena td, #Kunena table, #Kunena th, #Kunena div, #Kunena p, #Kunena span{
font-family: 'Droid Sans';
}
#Kunena #ktab a{
padding: 5px 21px;
}
#kprofilebox.kcontainer div.kbody table.kprofilebox tbody tr.krow1 td.kprofileboxcnt form div.input span input.inputbox{
background-color: #fff;
}
#Kunena .button, #Kunena .kbutton, #Kunena .kbutton:hover,#Kunena .button:hover {
padding: 6px 8px;
}
#Kunena .klist-markallcatsread{
-webkit-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
}
#Kunena .kblock div.kheader{
-webkit-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
    padding: 8px;
}
#Kunena div.kblock span.ktoggler{
right: 0;
}
#Kunena #jumpto .inputbox, #Kunena .klist-times-all .inputboxusl{
padding: 6px;
}

/*hacks para community builder */
.cbListFieldCont.cbUserListFC_cb_ncolegiado:before {
  content: "15";
}
.koowa .docman_list__sidebar {
  width: auto;
}
.cbPoweredBy.cb_template.cb_template_default {
  display: none;
}