/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin:0;
	padding: 0;
}

body {
	background: #fff;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5;
	text-align:justify;
}

body#bd { 
	background: url(../images/bg-main.jpg) no-repeat top center #F4F6F7; 
	color: #454545; 
	margin-top: 20px;
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0;
	font-size: 12px;
	color: #333;
}

body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }

/* Normal links ---*/
a { 
	color: #196BdB;
	text-decoration:none;
}

a:hover, a:active, a:focus { 
	color: #97BEF2; 
	text-decoration: underline; }

/* Readon links ---*/
a.readon {
	border: 1px solid #ddd;
	display: block;
	float: left;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

/* Headings & Titles ---*/
h1 { font-size: 180%; color:#0071BD; border-bottom: 1px dotted #D7E1EA; padding-bottom: 3px; }
h2 { font-size: 150%; color:#0071BD; }
h3 { font-size: 125%; color: #439ECB; }
h4 { font-size: 110%; color: #439ECB; }
h5 { font-size: 100%; color: #439ECB; }

/*p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
	border:none;
}*/

ul {
	list-style: none;
}

ul li {
	padding-left: 30px;
	background: url(../images/bullet.gif) no-repeat 18px 8px;
	line-height: 180%;
}

ol li {
	margin-left: 35px;
	line-height: 180%;
}


.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2;
}

h1.componentheading, .componentheading { margin: 0; padding:0; }

h1.componentheading {
	font-size: 180%;
}

.componentheading { font-size: 180%; color:#0071BD; border-bottom: 1px dotted #D7E1EA; padding-bottom: 3px; }

h2.contentheading, .contentheading { margin: 0; padding-bottom: 3px; }

.contentheading { font-size: 180%; color:#0071BD; border-bottom: 1px dotted #D7E1EA; padding-bottom: 3px; }

.blog .contentheading { font-size: 125%; color: #196BdB; }

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }

.category { font-size: 110%; font-weight: bold; }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }

small, .small { color: #99B4CA; }

.smalldark { text-align: left; }


/* Others ---*/

caption, th, td {
	font-weight: normal;
}

th { padding: 4px; text-align: left;
}

td { font-size: 100%; padding: 0; }

fieldset { border: none; padding: 10px 5px; }

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #eaeaea;
	height: 1px;
}

/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }

input, select, textarea, .inputbox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 3px 5px;
}

.inputbox { background: #fff; border: 1px solid #ccc; }

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }

.button {
	background: url(../images/grad1.gif) repeat-x top #333;
	border: 1px solid #333;
	color: #ccc;
	font-size: 85%;
	padding: 3px 5px;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	background: #333;
	border: 1px solid #999;
	color: #fff;
}

.checkbox { }

.radio { margin: 0 5px; }

/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox {
	width: 20px;
}

.login_form .button { margin-left: 140px; }

/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.form-register label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.form-register .inputbox { margin-left: 10px; width: 200px; }

.form-register .button { margin-left: 140px; }

/* User ---*/
.user-details { padding: 10px 0; }

.user-details p { margin: 0 0 5px; }

.user-details label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .button { margin-left: 140px; }

.user-details .paramlist .paramlist_key {
	width: 130px !important;
	padding: 0 0 5px !important;
}

.user-details .paramlist .paramlist_value {
	padding: 0 0 5px !important;
}

.user-details .user_name span {
	padding-left: 10px;
	font-weight: bold;
}

/* Search ---*/
form#searchForm {
	border-top: 1px solid #ccc;
	padding: 15px 0; 
}

.searchintro {
	border-bottom: 1px solid #ccc;
}

.results h4 {
	text-transform: none;
	font-size: 110%;
	margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog { }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.leading {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}

.article_row { border-bottom: 1px solid #F5F5F5; padding-bottom: 15px; padding-top: 15px; }

.article_column { }

.column_separator { padding: 0 25px; }

/* Article main ( Override fontpage ) ---*/
.article-main {}

.article-main h2 { margin: 0; padding: 0 0 3px 0;
 }

.article-main p { margin-top: 0; }

/* Meta ---*/
.article-tools {
	clear: both;
	color: #99B4CA;
	display: block;
	line-height: normal;
	margin: 0 0 15px;
	padding: 3px 0;
	position: relative;
	
}

.article-meta { float: left; padding: 0; width: 70%; }

.article-section, .article-category {
	color: #99B4CA;
	font-size: 92%;
	padding: 0 5px;
}

.article-section a, .article-category a {
	color: #999;
	text-decoration: none;
}

.article-section a:hover, .article-category a:hover {
	color: #196BdB;
}

.createby {
	padding: 3px;
}

.createdate {
	background: url(../images/meta-sep.gif) no-repeat right center;
	padding: 3px 5px 3px 0;
}

.modifydate { color: #999; display: block; margin: 10px 0; }

.contentdescription {
	background: #f6f6f6;
	border: 1px solid #f5f5f5;
	display: block;
	margin: 0 0px;
	padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }

/*Inline images ---*/
img.caption { margin-top: 5px; }

.img_caption { color: #999; margin-bottom: 10px; }

.article-content img { margin: 5px; }

/*article image*/
img {
	margin: 0;
	padding: 0;
}

.img_caption {
	margin-right: 12px !important;
	margin-bottom: 8px !important;
}

.img_caption p {
	text-align: center;
	color: #CCCCCC;
}

.img_caption.left, .img_caption.right {
	margin-top: 0;
}

.img_caption img {
	padding: 3px;
	background: #e5e5e5;
}

.img_border {
	padding: 3px;
	background:#e5e5e5;
	margin-right: 12px !important;
	margin-bottom: 8px !important;
}

.article-image {
	position: absolute;
	left: 0px;
	top: 3px;
}

.article-image span {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #ddd;
}

/* Tables ---*/
.sectiontableheader {
	background: #003366;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
	margin: 8px 0;
	font-weight:bold;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #FFFFFF; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
}

.sectiontableentry td,
.sectiontableentry0 td,
.sectiontableentry1 td,
.sectiontableentry2 td {
	padding: 5px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; padding: 5px; }

.sectiontableentry2 { background-color: #f6f6f6; padding: 5px; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Content Toc */
table.contenttoc {
	border: 1px solid #ddd;
	background: #F8F8F8;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
}

p.contenttoc {
	margin: 0 ;
	padding: 0;
}

table.contenttoc title {
	background: #0071bd;
	padding: 0;
	margin: 0;
	color:#FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border: 1px solid #ddd; padding: 0 5px; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #ddd;
	padding: 0 5px;
	text-transform: uppercase;
}

table.pagenav {
	margin: 0 auto;
	margin-top: 15px;
}

/* Poll */
div.poll { padding: 15px 0; }

form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll {
	border-bottom: 1px dotted #ccc;
	font-size: 92%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dd { clear: right; }

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 75%; }

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.pagination li span { padding: 0 5px; line-height: 20px; }

ul.pagination a {
	background: #f6f6f6;
	border: 1px solid #ccc;
	color: #000;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background: #196BdB;
	border: 1px solid #196BdB;
	color: #fff;
	text-decoration: none;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.counter {
	float: right;
	line-height: 1;
	margin: 15px 0 !important;
	text-align: right;
	width: 24%;
}

.counter span {
	background: #196BdB;
	border: 1px solid #196BdB;
	color: #fff;
	padding: 1px 5px;
}

.blog_more {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0 5px;
}

.blog_more h2 {
	font-size: 115%;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 5px 6px;
	padding-left: 15px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }

/* Messages ---*/
#system-message { margin: 0 -15px 10px; }

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	color: #fff;
	margin: 0;
	padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul { background: #196BdB; border: 0; }

/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }

/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; }

/* Tooltips --- */
.tool-tip {
	background: #ffffcc;
	border: 1px solid #D4D5AA;
	float: left;
	max-width: 300px;
	padding: 5px;
	z-index: 1000;
}

.tool-title {
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}

.tool-text { font-size: 100%; margin: 0; }

.hasTip img { border: none; margin: 0 5px 0 0; }

.contentpaneopen {
	position: relative;
}

.contentpaneopen_edit img { vertical-align: middle; }

.haveimage {
	padding-left: 76px !important;
}


/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	background: url(../images/h3-bg.gif) no-repeat top left;
	color: #757575;
	font-size: 92%;
	margin: 0 0 10px -14px;
	overflow: hidden;
	padding-left: 20px;
	text-transform: uppercase;
}

div.ja-moduletable h3 span, div.moduletable h3 span {
	background: url(../images/h3-bg.gif) no-repeat top right;
	display: block;
	padding: 14px 0;
}

div.ja-moduletable, div.moduletable {
	margin: 0;
	padding: 0;
	position: relative;
}

/* Login Module ---*/
div.moduletable_login {
	background: #84C225 !important;
	border-bottom: 4px solid #557D17;
	margin-bottom: 20px;
	color:#FFFFFF;
}

div.moduletable_login iframe {
	padding: 15px;
	background: none;
}


div.moduletable_login h3 {
	background: #6C9F1E;
	height: 35px;
	line-height: 35px;
	font-size: 180%;
	color: #FFFFFF;
	width: 180px;
	padding: 0 25px 0 15px;
}

div.moduletable_login a {
	color:#FFFFFF;
}

div.moduletable_login a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

div.moduletable_login .button {
	color:#FFFFFF;
	background: #557D17;
	border: none;
}

div.moduletable_login .button:hover {
	color:#FFFFFF;
	background: #385410;
	border: none;
	cursor:pointer;
}

div.moduletable_login li {
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
}

/* Modalidades Module ---*/
div.moduletable_modalidades {
	background: #303231;
	margin-bottom: 20px;
	color:#FFFFFF;
	padding: 10px 15px;
}

div.moduletable_modalidades h3 {
	margin: 0;
	height: 35px;
	line-height: 35px;
	font-size: 180%;
	color: #FFFFFF;
}

div.moduletable_modalidades p {
	margin-bottom: 10px;
}

/* Convocatoria Module ---*/
div.moduletable_convocatoria {
	background: url(../images/bg-mod-convocatoria2.png) repeat-y;
	margin-bottom: 20px;
	color:#FFFFFF;
}

div.moduletable_convocatoria h3 {
	background: url(../images/bg-mod-convocatoria.png) no-repeat top right;
	height: 44px;
	line-height: 35px;
	font-size: 180%;
	color: #FFFFFF;
	padding-left: 15px;
}

div.moduletable_convocatoria img {
	padding-left: 10px;
}

/* Calendario Module ---*/

div.moduletable_calendario {
	padding: 0;
	margin: 0;
}

div.moduletable_calendario h3 {
	line-height: 35px;
	font-size: 170%;
	color: #196BDB;
	padding-left: 10px;
	border-bottom: 1px solid #196BDB;
	margin-bottom: 10px;
	
}


.eventcalq {
	padding: 10px 0;
	width: 245px;
	margin: 0 auto;
	position: relative;
}

/* Search Module ---*/
#ja-search {
	background: url(../images/search-bg.png) no-repeat center left;
	position: absolute;
	bottom: 20px;
	right: 15px;
	height: 30px;
	width: 255px;
	padding-right: 20px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
	border: 0;
	width: 215px;
	padding: 6px 10px;
	color: #999;
	background: none;
	font-size: 100%;
	font-weight: normal;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button {
	font-size: 100%;
	font-weight: bold;
	margin-left: 5px;
	text-transform: none;
}

/* Login Module ---*/
#form-login {
	border-bottom: 4px solid #557D17;
	padding: 10px 15px;
}

#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	font-weight: bold;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }

/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

form.poll .button { margin-right: 5px; }



.ja-box-br {
	color: #425E64;
}

.ja-box-bl {
	color: #425E64;
}

.ja-box-tr {
	color: #425E64;
}

.ja-box-tl {
	color: #425E64;
}


/* text */
div.module_text h3 {
	clear: both;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
	width: 100%;
	border-bottom: 0;
}

div.module_text span {
	clear: both;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 3px;
	background: #fff;
}

div.module_text {
	background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .ja-box-bl {
	background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .ja-box-tr {
	background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text .ja-box-tl {
	background: url(../images/bt-tl.gif) no-repeat top left;
}

/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {
	background: none;
	padding: 0;
}


/* Box */
div.module_ccv,
div.module_ccv .ja-box-bl,
div.module_ccv .ja-box-tr,
div.module_ccv .ja-box-tl {
	background: none;
	padding-right: 25px;
	padding-left: 15px;
}

/* Module list ---*/
div.ja-moduletable ul, div.ja-module ul {
	margin: 15px 0 0;
}

div.ja-moduletable ul li, div.ja-module ul li {
	padding-left: 12px;
	background-position: 2px 8px;
}

/* HEADER
--------------------------------------------------------- */
#header {
	position: relative;
	margin-top: 15px;
	z-index: 10;
	background: url(../images/bg-header.png) top left no-repeat;
	width: 980px;
	margin: 0 auto;
	height: 148px;
	clear:both;

}

#header-l {
	float:left;
	width: 450px;
	padding: 0;
	position: relative;
}

#header-r {
	float:right;
	width: 500px;
	padding: 0;
	margin-right: 25px;
}

#header-r1 {
	float:right;
	margin: 0;
}

#topnav {
	padding: 13px 0;
	float: right;
}

#toplogo {
	margin-bottom: 12px;
	float:right;
}

#topnav ul {
	margin: 0;
	padding: 2px 0;
}

#topnav li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	background: url(../images/vline.gif) no-repeat center left;
}

#topnav li.first-item {
	background: none;
}

#topnav li a {
	display: inline;
	padding: 0 10px;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; border: none;}

h1.logo, div.logo-text { float: left; z-index: 1; position: relative; border: none; }

/* Logo Image ---*/
h1.logo { height: 124px; margin-top: 15px; margin-left: 30px; width: 219px; border: none; }

h1.logo a {
	background: url(../images/logo.png) no-repeat left;
	display: block;
	height: 124px;
	width: 219px;
	border: none;
}

h1.logo a span { position: absolute; top: -1000px; border: none; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
	color: #ccc;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

p.site-slogan {
	background: #444;
	color: #999;
	display: block;
	font-size: 85%;
	letter-spacing: 1px;
	margin: 8px 0 0;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#mainnav {
	width: 950px;
	margin: 0 auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 41px;
	font-size: 11px;
	background: none;
	position:relative;
	z-index: 900;
	padding-bottom: 12px;
}

span.has-image {
	padding-left: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left 2px;
}

span.menu-title { display: block; }

span.menu-desc {
	display: block;
	font-weight: normal;
	font-size: 92%;
	color: #999;
}

/* Breadcrumbs ---*/
.ja-navhelper {}
.ja-navhelper .main { padding: 5px 0; }

.ja-navhelper a { padding: 0 2px; color: #196BdB; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #196BdB;}

.ja-breadcrums {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	width: 80%;
}

.ja-breadcrums strong { margin-right: 5px; }

.ja-breadcrums img { margin: 1px 5px; }

/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }

.ja-links li { background: none; padding: 0; display: inline; }

.ja-links li.top a {
	background: url(../images/arrow2.png) no-repeat 5px center;
	padding-left: 17px;
	padding-right: 5px;
}

.ja-links li.top a:hover { background-color: #196BdB; }

.ja-links li.layout-switcher a {
	background: #196BdB;
	color: #fff;
	text-decoration: none;
}

.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-links li.user-reset a {
	background: #bf0000;
	color: #fff;
	text-decoration: none;
}

.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }

#ja-container ul.menu li {
	background: none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#ja-container ul.menu li a {
	color: #333;
	display: block;
	outline: none;
	padding: 6px 0;
	text-decoration: none;
	text-indent: 5px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { color: #57212a; background: #f6f6f6; }

#ja-container ul.menu li.active a { color: #57212a; font-weight: bold; }

#ja-container ul.menu li ul { margin: 0 0 0 10px; }

#ja-container ul.menu li li {
	background: url(../images/arrow.png) no-repeat left 11px;
	border-bottom: 0;
	border-top: 1px dotted #ccc;
}

#ja-container ul.menu li li a {
	color: #333 !important;
	font-weight: normal !important;
	text-indent: 10px;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { color: #57212a !important; background: none; }

#ja-container ul.menu li.active > a { color: #57212a !important; font-weight: bold !important; }

#ja-container ul.menu span.separator { display: none; }


/* Bot spotlight ---*/
#ja-botsl {
	font-size: 100%;
	margin: 0 auto;
}

#ja-botsl .main {  
	width: 950px; 
	margin: 0 auto; 
	border-top: 3px solid #D8D8D8;
	padding-bottom: 25px;
 }

#ja-bot a { 
	color: #537244;
}

#ja-bot a:hover, 
#ja-bot a:focus, 
#ja-bot a:active { 
	color: #537244;
	text-decoration: underline;
}

#ja-botsl a, #ja-botsl li a { 
	color: #425E64;
 }

#ja-botsl h3 { 
	color: #425E64;
	font-size: 130%;
	padding: 25px 0 15px 0;
 }

#ja-botsl .ja-box-left .ja-module { 
	margin-left: 0;
 }

#ja-botsl .ja-box-right .ja-module { 
	margin-right: 0;
 }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable {

}

#ja-botsl div.module, #ja-botsl .ja-module {

}

#ja-botsl ul li {
	background: none;
	border-bottom: 1px solid #CCDBDD;
	padding: 4px 0 ;
}

#ja-botsl ul li a, #ja-botsl ul li a:hover, #ja-botsl ul li a:focus, #ja-botsl ul li a:active {
	border: 0;
}

#ja-botsl ul li a:hover, #ja-botsl ul li a:focus, #ja-botsl ul li a:active {
	border: 0;
	color: #8DAEB4;
}


/* FOOTER
--------------------------------------------------------- */
#footer {
	clear: both;
	font-size: 92%;
	width: 980px;
	height: 156px;
	margin: 0 auto;
	background: url(../images/bg-footer.png) no-repeat;
	margin-bottom: 25px;
}

#footer .inner {
	color: #425E64;
	padding-top: 20px;
	position: relative;
	width: 930px;
	margin: 0 auto;
}

#footer .inner a { color: #425E64; }

#footer .inner a:hover, #footer .inner a:focus, #footer .inner a:active {
	color: #8DAEB4;
}

#footer small { color: #425E64; font-size: 100%; }

/* Foot Links ---*/
#footer .footnav {
	font-size: 100%;
	padding-bottom: 15px;
	overflow: hidden;
	position: relative;
}

.footnav ul { float: left; line-height: normal; }

.footnav li {
	display: block;
	float: left;
	padding: 0 10px;
}

.footnav li a {
	display: block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

.footnav li a:hover, .footnav li a:active, .footnav li a:focus { }

.footnav .firstitem { border-left: 0; padding-left: 0; }

/* Copyright Info. ---*/
.copyright { 
	border-top: 1px solid #AEBDC1; 
	padding-top: 5px;
	color:#53727B;	
	text-align:center;
}


/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 15px;
	right: 20px;
}

ul.ja-usertools-font li, ul.ja-usertools-screen li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

ul.ja-usertools-screen  {
	font-size: 11px;
	position: absolute;
	top: 15px;
	right: 90px;
}

/* Others ---*/
#ja-banner {
	border-top: 1px solid #ccc;
	margin: 0;
	overflow: hidden;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

div.ja-innerdiv {
	border-bottom: 1px dotted #ccc;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 12px;
}

div.ja-innerdiv h4 {
	font-family: Arial, sans-serif;
	font-size: 92%;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
	text-transform: uppercase;
}

div.ja-innerdiv img {
	margin-right: 8px;
}

.cufon-canvas { padding: 1px 0 3px; }

.small-links { font-size: 92% !important; margin-top: 5px; }

.small-links a { color: #666 !important; }
.small-links a:hover, .small-links a:focus, .small-links a:active { color: #fff !important; }

/* Postulate  ---*/
#conten-slider {
	background: #D3DFE2;
	width: 675px;
	float: left;
	margin-bottom: 15px;
	margin-left: 7px;
}

#conten-slider h3 {
	background: url(../images/bg-title-azul.png) top left no-repeat;
	width: 689px;
	height: 43px;
	float: left;
	position:relative;
	margin-left: -7px;
}

#conten-slider h3 span {
	background: none;
	height: 43px;
	line-height: 35px;
	float: left;
	color:#FFFFFF;
	font-size: 200%;
	text-transform:none;
	margin: 0;
	padding: 0;
}

#conten-slider img {
	border: 5px solid #EBF0F1;
	padding: 0;
	margin: 0;
	margin-bottom: 8px;
}

#conten-slider .ja_slidetitle {
	padding-bottom: 8px;

}

#conten-slider .ja_slidetitle a {
	color: #0C2369;
	font-size: 150%;
	text-transform:none;
	padding: 0;
	margin: 0;
}

#conten-slider .jsslide {
	
}

#conten-slider .ja-slidereadmore a {
	background: url(../images/bg-button-azul.png) no-repeat;
	width: 66px;
	height: 20px;
	color:#FFFFFF;
	font-size: 92%;
	text-align:center;
	line-height: 20px;
	margin: 0;
	padding: 0;
	float: right;
	border: none;
}

#conten-slider .ja-slidereadmore a:hover {
	background: url(../images/bg-button-azul-up.png) no-repeat;
}

#conten-slider .ja-contentslide-buttonwrap {
	background: url(../images/bw-bg-azul.png) no-repeat left top;
	position: absolute;
	top: 7px;
	right: 16px;
	z-index: 20;
	height: 22px;
	width: 45px;
}

#conten-slider .ja-contentslide-buttonwrap img {
	border: none;
}

/* JA Slideshow2 ---*/
.ja-slidewrap { border: 1px solid #E1E6D0; }

.ja-slide-thumb-inner {
	background: #F6F8F0;
	border-top: 1px solid #E1E6D0;
	color: #757575;
}

#ja-slideshow .ja-slide-thumb img {
	background: #fff;
	border: 1px solid #E1E6D0;
}

.ja-slide-thumb-inner img {
	background: #fff;
	border: 1px solid #E1E6D0;
}

.ja-slide-thumbs-wrap .ja-slide-thumb-inner h3 {
	text-transform: none !important;
	font-size: 175%;
	margin-bottom: 5px !important;
	text-align:center;
	color: #6c9f1e;
	font-weight: normal;
	background: none;
}

.active .ja-slide-thumb-inner img {
	background: #84C225;
	border: 1px solid #6C8E5C;
}

.ja-vertical_right .active {
	background: url(../images/light_green/arrow-bg.png) no-repeat center left;
}

.ja-vertical_left .active {
	background: url(../images/light_green/arrow-bg.png) no-repeat center right;
}

.ja-slide-thumbs-wrap .active .ja-slide-thumb-inner { background: url(../images/light_green/grad-bg.gif) repeat-x top left #537244; }


/* DIV CONTENTS
----------------------------------------------------------- */
#wrapper-top {
	background: #FFFFFF;
	width: 980px;
	margin: 0 auto;
}

#wrapper-top .inner {
	width: 950px;
	margin: 0 auto;
}

#wrapper-main {
	background: #FFFFFF;
	width: 980px;
	margin: 0 auto;
	margin-top: 10px;
	padding-top: 15px;
}

#wrapper-main .inner {
	width: 950px;
	margin: 0 auto;
}

#content {
	clear:both;
	padding-bottom: 20px;
	padding-top: 10px;
}

#col-1 {
	float: left;
	width: 682px;
	overflow: hidden;
	margin-left: -22px;
}

#col-2 {
	float:right;
	width: 28%;
	overflow: hidden;	
}

#col-2 ul.menu { 
	margin-bottom: 20px; 
	padding: 0 15px;
	border: 1px solid #eaeaea;
}

#col-2 .moduletable h3 {
	margin-top: 20px;
	font-size: 150%;
	color:#0033CC;
	border-bottom: 1px solid #0033CC;
	background: none;
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
	width:100%;
}

#col-2 ul.menu li {
	background: none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#col-2 ul.menu li a {
	color: #333;
	display: block;
	outline: none;
	padding: 6px 0;
	text-decoration: none;
	text-indent: 5px;
}

#col-2 ul.menu li a:hover,
#col-2 ul.menu li a:active,
#col-2 ul.menu li a:focus { color: #57212a; background: #f6f6f6; }

#col-2 ul.menu li.active a { color: #57212a; font-weight: bold; }

#col-2 ul.menu li ul { margin: 0 0 0 10px; }

#col-2 ul.menu li li {
	background: url(../images/arrow.png) no-repeat left 11px;
	border-bottom: 0;
	border-top: 1px dotted #ccc;
}

#col-2 ul.menu li li a {
	color: #333 !important;
	font-weight: normal !important;
	text-indent: 10px;
}

#col-2 ul.menu li li a:hover,
#col-2 ul.menu li li a:active,
#col-2 ul.menu li li a:focus { color: #57212a !important; background: none; }

#col-2 ul.menu li.active > a { color: #57212a !important; font-weight: bold !important; }

#col-2 ul.menu span.separator { display: none; }


/* slider */
#slider {
	padding-bottom: 5px;
}

#content-news {
	margin-left: 15px;
	padding-bottom: 15px;
	clear:both;
}

#content-cont {
	padding-left: 10px;
	font-size: 13px;
}

#content-cont p, #content-cont pre, #content-cont blockquote, 
#content-cont ul, #content-cont ol, #content-cont h3, 
#content-cont h4, #content-cont h5, #content-cont h6 {
	margin: 1em 0;
	padding: 0;
	border:none;
}

#content-news-l,
#content-map {
	float: left;
	width: 640px;
	padding-bottom: 10px;
}
#content-map {
	margin-left: 25px;
}

#content-news-l td {
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 10px;
}

#content-news-l td.last-item {
	border-bottom: 0;
}

#content-news h4.gk_npro_header {
	font-size: 13px;
	text-decoration: none;
	color: #324723;
	text-transform: none;
	padding-left: 0;
	margin: 5px 0;
}

#content-news-l h3,
#content-map h3 {
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}

#content-news-l h3 span,
#content-map h3 span {
	color: #196BDB;
	border-bottom: 1px solid #196BDB;
	font-size: 170%;
	display:block;
	width: 100%;
	line-height: 38px;
	float: left;
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}

#content-news-r {
	float: right;
	width: 250px;
	overflow: hidden;
	margin-bottom: 15px;
	border: none;
}

#content-news-r .ja-slidewrap { border: 0; }

#content-news-r .ja-slide-main-wrap { border: 0;}

#bottom {
	background: url(../images/bg-bottom.png) repeat-x top left #EEEEEE;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 5px;
}


#content-events {
	background: #EDEFDE;
	width: 390px;
	float: left;
	margin-bottom: 15px;
	margin-left: 22px;
	padding: 0;
}

#content-events table.gk_npro_table {
	margin-left: 9px;
	
}

#content-events h3 {
	margin-top: 8px;
	background: url(../images/bg-title-verde.png) top left no-repeat;
	width: 390px;
	height: 44px;
	line-height: 38px;
	float: left;
	position:relative;
	margin-left: -7px;
}

#content-events h3 span {
	background: none;
	height: 43px;
	line-height: 35px;
	float: left;
	color:#FFFFFF;
	font-size: 200%;
	text-transform:none;
	margin: 0;
	padding: 0;
}

#content-events h4.gk_npro_header a  {
	font-size: 14px;
	text-decoration: none;
	color: #324723;
	text-transform: none;
	margin-bottom: 10px;
}

#content-events img.gk_npro_image {
	background: #CCD2A2;
	padding: 1px;
	margin: 8px;
}

#content-events img.gk_npro_image_static {
	background: #CCD2A2;
	padding: 4px;
	margin-right: 8px;
}

#content-events a.p_right {
	float: right !important;
	background: url(../images/bg-button-verde.png) no-repeat;
	width: 66px;
	height: 20px;
	color:#FFFFFF;
	font-size: 92%;
	text-align:center;
	line-height: 20px;
	padding: 0;
	border: none;
}

#content-events a:hover.p_right {
	background: url(../images/bg-button-verde-up.png) no-repeat;
}


#content-events img {
}

#content-events .ja_slidetitle {
	

}

#content-events .ja_slidetitle a {
	color: #324723;
	font-size: 130%;
	text-transform:none;
	padding: 0;
	margin: 0;
}

#content-events .jsslide {
	
}

#content-events .ja-slidereadmore a {
	background: url(../images/bg-button-verde.png) no-repeat;
	width: 66px;
	height: 20px;
	color:#FFFFFF;
	font-size: 92%;
	text-align:center;
	line-height: 20px;
	margin: 0;
	padding: 0;
	float: right;
	border: none;
}

#content-events .ja-slidereadmore a:hover {
	background: url(../images/bg-button-verde-up.png) no-repeat;
}

#content-events .ja-contentslide-buttonwrap {
	background: none;
	position: absolute;
	top: 7px;
	right: 16px;
	z-index: 20;
	height: 22px;
	width: 45px;
}

#content-events .ja-contentslide-buttonwrap img {
	border: none;
}

#content-events-l {
	float: left;
	width: 100%;
	overflow: hidden;
}

#content-events-r {

}

/* breadcrumbs */
#pathway {
	font-size: 92%;
	margin-bottom: 20px;
	color: #999999;
}

#pathway strong {
	margin-right: 5px;
	font-weight: normal;
}

#pathway a {
	text-decoration: none;
}

#pathway img {
	margin: 1px 3px;
}

#internas {
	width: 660px;
	float:left;
	padding-left: 10px;
	margin-bottom: 15px;
	border: 0;
}

#internas .ja-slidewrap { border: 0; }

/*RSS */
#rss-alcaldia {
	width:390px;
	float: left;
}

#content-rss {
	background: #E2EBEA;
	width: 390px;
	float: left;
	margin-bottom: 15px;
	margin-left: 22px;
	padding: 0;
}

#content-rss h3 {
	margin-top: 8px;
	background: url(../images/bg-title-rss.png) top left no-repeat;
	width: 390px;
	height: 44px;
	line-height: 38px;
	float: left;
	position:relative;
	margin-left: -7px;
}

#content-rss h3 span {
	background: none;
	height: 43px;
	line-height: 35px;
	float: left;
	color:#FFFFFF;
	font-size: 200%;
	text-transform:none;
	margin: 0;
	padding: 0;
}

/*Skype */
#banner-skype {
	width:250px;
	float: right;
}

#content-skype {
	width: 250px;
	overflow: hidden;
	margin-bottom: 15px;
}

div.moduletable_skype {
	padding: 0;
	margin: 0;
	background: url(../images/skype-bg.jpg) no-repeat left top #AFDBF6;
	padding-bottom: 10px;
	padding-top: 80px;
	color: #1F4B63;
}

div.moduletable_skype h3 {
	line-height: 35px;
	font-size: 170%;
	color: #196BDB;
	padding-left: 15px;
	border-bottom: 1px solid #196BDB;
	
}

/*Galeria Fotos y Videos Home */
#galeria-videos {
	margin-left: 25px;
	width: 660px;
	float:left;
	background: #EDEFDE;
	
}

#fotos-home {
	float: left;
	background: #FFFFFF;
	padding: 8px;
	width: 255px;
	margin: 10px 0 10px 10px;
}

#videos-home {
	float: right;
	width: 360px;
	background: #FFFFFF;
	padding: 0;
	margin: 10px 10px 10px 0;
	min-height: 231px;
}

div.moduletable_videos-home h3,
div.moduletable_fotos-home h3 {
	background: none;
	border: none;
}

div.moduletable_fotos-home h3 span {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-transform:none;
	background: none;
	border: none;
	padding-bottom: 0;
}

div.moduletable_videos-home h3 span {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-transform:none;
	background: none;
	border: none;
	margin-top: 8px;
	margin-left: 5px;
	padding-bottom: 0;

}
