/* COMMON STYLE
--------------------------------------------------------- */
body {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
}

body#bd { background: #444; color: #ccc; }

/* Normal links ---*/
a { color: #00A9DD; text-decoration: none; }

a:hover, a:active, a:focus { text-decoration: underline; color: #00A9DD; }

/* Readon links ---*/
a.readon { text-transform: uppercase; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1.componentheading, .componentheading {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

h2.contentheading, .contentheading {
	font-weight: normal;
}

.contentheading { font-size: 200%; }

.blog-featured .contentheading { font-size: 150%; }

.jitem-title { font-size: 110%; font-weight: bold; }

/* Others ---*/
hr { border-top: 1px solid #ccc; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	padding: 2px;
	font-family: Helvetica, Arial, sans-serif;
}

.inputbox { border: 1px solid #ccc; background: #fff; }

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

/* Search ---*/

#ja-search {
top: 5px;
bottom:auto;
position: absolute;
right: 10px;
text-align: right;
}

#ja-search .inputbox {
	background: #444444;
	border-color: #555555;
	color: #CCCCCC;
}

#ja-search label {
display: inline;
}

form.search {
	background: url(../images_obra/icon-search.gif) no-repeat center left;
	padding-left: 20px;
}

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { text-transform: none; font-size: 110%; }

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc;}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading { border-bottom: 1px solid #ccc; }

.items-row { border-bottom: 1px solid #ccc; }

/* Meta ---*/
dl.article-info { color: #999; text-transform: uppercase; }

.contentdescription { border-bottom: 1px solid #ccc; }

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }

/* Tables ---*/
thead tr th {
	background: #333;
	color: #fff;
	padding: 5px;
}

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

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

.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }

table.contenttoc td { border-bottom: 1px dotted #ccc; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}

/* Poll */
form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

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; }

/* Pagination ---*/
.pagination li span,
.pagination li strong { line-height: 20px; }

.items-more { border-bottom: 1px solid #ccc; }

.items-more h3 { font-size: 125%; }

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	font-size: 100%;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #ccc;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }

/* Rounded Module */
.ja-box-br {
	background: url(../images_obra/b-br.gif) no-repeat bottom right #fff;
}

.ja-box-bl {
	background: url(../images_obra/b-bl.gif) no-repeat bottom left;
}

.ja-box-tr {
	background: url(../images_obra/b-tr.gif) no-repeat top right;
}

.ja-box-tl {
/*	background: url(../images_obra/b-tl.gif) no-repeat top left;
	padding: 0 15px 10px;*/
	background-color: #444;
}

/* Azul */
div.moduleazul {
	background: url(../images_obra/bb-br.gif) no-repeat bottom right #00A9DD;
}

div.moduleazul .ja-box-bl {
background: url(../images_obra/bb-bl.gif) no-repeat bottom left;
}

div.moduleazul .ja-box-tr {
	background: url(../images_obra/bb-tr.gif) no-repeat top right;
}

div.moduleazul .ja-box-tl {
	background: url(../images_obra/bb-tl.gif) no-repeat top left;
	color:#fff;
}

/* Verde */
div.moduleverde {
	background: url(../images_obra/bg-br.gif) no-repeat bottom right;
}

div.moduleverde .ja-box-bl {
background: url(../images_obra/bg-bl.gif) no-repeat bottom left;
}

div.moduleverde .ja-box-tr {
	background: url(../images_obra/bg-tr.gif) no-repeat top right;
}

div.moduleverde .ja-box-tl {
	background: url(../images_obra/bg-tl.gif) no-repeat top left;
	color:#fff;
}

/* Gris*/
div.modulegris {
	background: url(../images_obra/bl-br.gif) no-repeat bottom right;
}

div.modulegris .ja-box-bl {
background: url(../images_obra/bl-bl.gif) no-repeat bottom left;
}

div.modulegris .ja-box-tr {
	background: url(../images_obra/bl-tr.gif) no-repeat top right;
}

div.modulegris .ja-box-tl {
	background: url(../images_obra/bl-tl.gif) no-repeat top left;
	color:#fff;
}

/* Rojo */
div.modulerojo {
	background: url(../images_obra/br-br.gif) no-repeat bottom right;
}

div.modulerojo .ja-box-bl {
background: url(../images_obra/br-bl.gif) no-repeat bottom left;
}

div.modulerojo .ja-box-tr {
	background: url(../images_obra/br-tr.gif) no-repeat top right;
}

div.modulerojo .ja-box-tl {
	background: url(../images_obra/br-tl.gif) no-repeat top left;
	color:#fff;
}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container .main { padding: 20px 0 0; }

.main .main-inner1 { margin-left: 0; margin-right: 0; }

/* HEADER
--------------------------------------------------------- */
#ja-header .main {
	border-bottom:none; 
	padding:0;
	background: url(../images_obra/Header.png) no-repeat left;
}
#ja-header {border-bottom: 1px solid #555; background:#444;}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px;}

/* Logo Image ---*/
h1.logo { width: 500px; height: 110px;}

h1.logo a {
	background: url(../images_obra/logo.png) no-repeat left;
	width: 500px;	
	height: 109px;
}

/*--  Cpanel --*/
a#ja-cpanel-toggle {background:#555; color:#ccc;}

a#ja-cpanel-toggle:hover, #ja-cpanel-toggle.open {
	background: #00A9DD;
	color: #FFFFFF;
	border:none;
}

#ja-cpanel-main h3 {
	font-family: Helvetica, sans-serif;
}


/* Logo Text ---*/
div.logo-text h1 {
	font-size: 200%;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

div.logo-text h1 a {
	text-decoration: none;
}

p.site-slogan {
	color: #ccc;
	display: block;
	font-size: 85%;
	margin: 3px 0 0;
	padding: 0 10px;
	text-transform: uppercase;
}

#ja-top-header {
	margin-top:-5px;
	position:absolute;
	right:180px;
	text-align:right;
	width:50%;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav .main {border-bottom: none;}

#ja-mainnav {
	background: #444 url(../images_obra/grad1-mask.png) repeat-x center top; 
	border-bottom: 1px solid #222;	
}

/* Breadcrumbs ---*/
#ja-navhelper {
	border-bottom: 1px solid #222; 
	border-top: 1px solid #222;	
	background:#444;
}
#ja-navhelper .main {border:none;}

.ja-breadcrums {
	text-indent: 10px;
}

/* Tabs */
div.current {
	border: 1px solid #222;
	clear: both;
	max-width: 500px;
	padding: 10px;
}

/* Extras ---*/
.ja-links { padding-right: 10px; }

.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-bottom: 1px dotted #ccc; }

#ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ccc; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .main-inner1, #ja-botsl .main-inner1 {border:none; padding: 0;}

#ja-topsl .ja-box, #ja-botsl .ja-box { 
/*	background: url(../images_obra/dot-1.gif) repeat-y right;*/
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
	background: 0;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-top: 10px;
	margin-bottom: 10px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }


/* Top spotlight ---*/
#ja-topsl {border-bottom: 1px solid #222; background:#444;}
#ja-topsl .main { padding: 10px 0;}
/* #ja-topsl .main-inner1 { padding: 10px 0; border-bottom: 1px solid #ccc; } */

/* Bot spotlight ---*/
#ja-botsl {border-top: 4px solid #ccc; background:#e6e6e6;}
#ja-botsl .main {padding: 10px 0;}
/* #ja-botsl .main-inner1 { padding: 10px 0; border-top: 1px solid #ccc; } */

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-top-panel .main-inner1 {
	border: 2px dotted #e2e2b5;
	padding: 5px 10px;
	text-align: center;
	margin-top: 15px;
	background: #ffffcc;
	position: relative;
}

#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv { border-bottom: 1px dotted #ccc; }

div.ja-innerdiv h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 92%;
	font-weight: normal;
	text-transform: uppercase;
}

a.ja-icon-video {
	background: url(../images_obra/icon-youtube.gif) no-repeat 5px 8px #fff;
	border: 1px solid #ccc;
	color: #666;
	display: block;
	font-weight: bold;
	position: absolute;
	padding: 5px 5px 5px 43px;
	right: 10px;
	top: 8px;
	text-decoration: none;
	width: 35px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
a.ja-icon-video span { color: #666; }

a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active { border-color: #ddd; text-decoration: none; }

a.ja-icon-video:hover span { color: #0F85D8; }

#ja-absolute .main {
	position: fixed;
	width: auto;
	height: auto;
	z-index: 99999;
	top: 1px;
	left: 1px;
}

#ja-absolute .main a {
	width: 91px;
	height: 99px;
	overflow: hidden;
	display: block;
	background: url(../images_obra/joomla16.png) no-repeat left top;
	text-indent: -9999px;
}

#ja-absolute .main a:hover,
#ja-absolute .main a:focus {
	background-position: left bottom;
}

/*  MAIN BODY GENERAL STYLE
---------------------------------------------------------  */
/* Normal links ---*/
a { color: #00A9DD;}

/* Read-more link ---*/

p.readmore a {
	background: url(../images_obra/arrow-white.png) no-repeat 8% 47% #00A9DD;
	border: 1px solid #00A9DD;
	padding: 2px 8px 2px 20px;
	color: #fff;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	-moz-border-radius:5px;
	-moz-box-shadow:0 0 3px black;
}

p.readmore a:hover, p.readmore a:active, p.readmore a:focus {
	background: url(../images_obra/arrow-white.png) no-repeat 8% 47% #333;
	text-decoration: none;
	border-color: #333;
}


/* Button Styling */
.button {
	border:none;
	background: #00A9DD; 
	padding: 2px 8px; 
	color: #fff; 
	font-weight:bold; 
	text-transform:uppercase;
	-moz-border-radius:5px;
	-moz-box-shadow:0 0 3px black;
}

.button:hover {
	background: #333; 
	cursor:pointer;
}

/* Article meta */
.article-tools {
	background: #444;
	border-top: 1px solid #444;
	padding: 2px 5px;
}


/* HTML Override ---*/
.leading-frontpage {
	padding: 10px 15px; 
	border:1px solid #ccc; 
	background: #e6e6e6; 
	border-bottom: none;
}