/* Joomla CSS typography template by OpenWeb http://www.openwebsoft.com */


/* Typography CSS. Global settings start and then get over-ridden later in sheet*/
/* Begin of Global page settings. Should get over-ridden later on*/

/* BEGIN Basic Layout */
html, body {
	text-align: left;
	font-family: "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	background:#616161 url(../images/franjafondo.jpg) repeat-x scroll top;
}

#pagewidth {
	text-align:left;
}
 
#header {
	background: #ffffff url(../images/header.jpg) no-repeat scroll left;
}

#wrapper {
	background-color: White;
}

#maincol {
	background-color: transparent;
}

#mainBody{ 
	clear: both;
}

#leftcol {
	background-color: transparent;
}

#leftModules {
	
}

#footer {
	background-color: transparent;
	text-align: center;
	padding: 0px;
}

#footerModules, #footerModules td {
	text-align: center;
}

#copyright, #creditsOWS, #creditsJOS {
	font-size: 0.9em;
	color: #D5D5D5;
	padding-left: 0px;
	margin-top: 5px;
	text-align: center;
}

#creditsOWS a	{
	color: #D5D5D5;
}

#creditsOWS a:hover	{
	color: White;
}

/* END Basic Layout */


h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, .componentheading, .contentheading, .contentpagetitle, .sectiontableheader, .newsfeedheading {
	margin: 0.5em 0px;
	padding: 0px;
}

li, dd, blockquote {
	margin-left: 1em;
}

fieldset {
	
}

input, select, textarea {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* End of Global page settings. Should get over-ridden later on*/

/* Main titles for various pages. Mix and match hX tags with Joomla titles */

img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* Non-title text */
p, td, tr, div { /*over-ridden later on*/
	color: #2B2B2B;
	font-size:1em;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	/*text-align: justify;*/
}

p {
	color: #2B2B2B;
	font-size:1em;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	/*text-align: justify;*/	
}

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}

td {
	color: #2B2B2B;
	font-size:1em;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	text-align: left;	
}

tr {
	color: #2B2B2B;
	font-size:1em;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	/*text-align: justify;*/	
}

div {
	margin: 0px;
	padding: 0px;
}

abbr, acronym {
	font-size:1em;
	color: #2B2B2B;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	background-color: transparent;
	cursor: help;
}

/* ----- LISTS ----- */
ol, ul, li {
	list-style: none;
	font-size:1em;
	line-height: 1.2em;
	margin:0px;
	padding:0px;
}

ul,ol {
}

ul {
	margin:0px;
	padding:0px;
}

ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li {
	list-style: disc outside none;
	margin-left: 2em;
	line-height: 1.2em;
}

/********* LINK STYLES *********/

/*Catch all for all link styles */
a:link, a:visited, a:hover, a:active, a:focus {
	color: Navy;
	text-decoration: none;
}

/*Individual link styles */
a:link {

}

a:visited {

}

a:hover {

}

a:focus {
	
}

a:active {

}

/* horizontal line in your template*/
hr {
	
}

hr.separator {
	
}



.contentpaneopen {
	
} /* Table that holds the actual text for an article.*/

table.contentpaneopen {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.contentpaneopen td {
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	text-align: left;
	color: #2B2B2B;
}

table.contentpaneopen td.componentheading {
	padding: 0px;
	margin: 0px;
	font-size: 1.4em;
}



h1, .componentheading {
	color: #2B2B2B;
	font-size:1.3em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

h2, 
.contentheading, 
table.contentpaneopen 
td.contentheading, 
a.contentheading:link, 
a.contentheading:visited, 
.contentpagetitle, 
a.contentpagetitle:link, 
a.contentpagetitle:visited,
.componentheading {
	color: #cc0000;
	font-size:16px;
	font-family: inherit;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {
	font-size:1em;
}

a.contentheading:hover {

}

a.contentpagetitle:hover {
	text-decoration: none;
}

h3, table.moduletable th {
	color: #2B2B2B;
	font-size:1.5em;
	font-family: inherit;
	font-style: normal;
	font-weight: inherit;
	text-align: left;
}

h4 {
	color: #2B2B2B;
	font-size:1.4em;
	font-family: inherit;
	font-style: normal;
	font-weight: inherit;
	text-align: left;
}

h5 {
	color: #2B2B2B;
	font-size:1.3em;
	font-family: inherit;
	font-style: normal;
	font-weight: inherit;
	text-align: left;
}

h6 {
	color: #2B2B2B;
	font-size:1.2em;
	font-family: inherit;
	font-style: normal;
	font-weight: inherit;
	text-align: left;
}


.componentheading {

}

.contentpane {
	
} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/

table.contentpane {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

table.contentpane td.componentheading {
	font-size: 14px;
}



table.contentpaneopen fieldset {

}




/* SECTIONS LISTINGS */
td.sectiontableheader {
	font-weight: bold;
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
	padding-left: 10px;
	background-color: #2B2B2B;
	color: White;
} /* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {
	background-color : #D5D5D5;
}

.sectiontableentry2 {
	background-color : White;
}


.sectiontableentry1 a:link, 
.sectiontableentry1 a:visited, 
.sectiontableentry1 a:hover, 
.sectiontableentry2 a:link, 
.sectiontableentry2 a:visited, 
.sectiontableentry2 a:hover {
	color : #2B2B2B;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
}


/* Begin MODULES FORMATTING */
.module {
	
} /* Formatting the module table if using -3 suffix */

table.moduletable {/* Formatting the module table if using 0,1,-2 suffix */
	width: 100%;
	margin: 0px;
	padding: 0px;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	color: #2B2B2B;
	text-align: left;
	padding-left: 0px;
	height: 21px;
	line-height: 21px;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}/* Formatting the table cells of the module table */
 

/* Rounded div corners if using -3 suffix. Images go in /template/images folder
div.module {
background: url(../images/topleftofbox.png) 0 0 no-repeat;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
}
div.module div {
background: url(../images/toprightofbox.png) 100% 0 no-repeat;
}
div.module div div{
background: url(../images/bottomleftofbox.png) 0 100% no-repeat;
}
div.module div div div {
background: url(../images/bottomrightofbox.png) 100% 100% no-repeat;
padding: 0px;
width: auto !important;
width: 100%;
}*/
/* End MODULES FORMATTING */


/* FORMS SETTINGS */ 
form {
	margin: 0px;
 	padding: 0px;
}

.button {
  color: #2B2B2B;
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  width: auto;
  padding: 0px;
  line-height: 1.4em;
  border: 1px solid #2B2B2B;
}

.inputbox {
	padding: 0px;
	background-color: #D5D5D5;
	border: 1px solid #2B2B2B;
	font-family: monospace;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #2B2B2B;
}

label {
	font-weight: bold;
}
.search {
	
}
/*formatting the <div> which holds search items: inputbox, search button...*/

/* NAVIGATION/MENU SETTINGS */
ul#mainlevel {
	list-style-type: none;
	padding: 0px;
	margin: 0px;


}

ul#mainlevel li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	
}

ul#mainlevel li a {
	
}

ul#mainlevel li a:hover {
	
}

.mainlevel {/* mainlevel class */
	
}

a.mainlevel {
	display: block;
	padding: 0px 0px 0px 30px;
	text-decoration: none;
	color: white;
	font-size: 1.3em;
	line-height: 40px;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	text-transform: uppercase;
	
} /* this styling is for the MAIN items in the menu */

a.mainlevel:link, a.mainlevel:visited {
	text-decoration: none;
	background: #cc0000 url(../images/cuadro1.png) no-repeat scroll left;
}

a.mainlevel:link {

}

a.mainlevel:visited {

}

a.mainlevel:hover {
	text-decoration: none;
	color: #ababab;
	background: #cc0000 url(../images/cuadro2.png) no-repeat scroll left;
}

#active_menu {
	
		
} /* this styling is for the menu item when it is active, even in main/sub position*/

a.mainlevel#active_menu {
	text-decoration: none;
	color: White;
}

a.mainlevel#active_menu:visited {
	text-decoration: none;
	color: #ea9d00
}

a.mainlevel#active_menu:hover {
	text-decoration: none;
	color: #ababab;
	background: #cc0000 url(../images/cuadro2.png) no-repeat scroll left;
}

/* sufixx -nav definido en joomla administrator */
ul#mainlevelFooterMenu {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

ul#mainlevelFooterMenu li {
	list-style-type: none;
	padding: 0px 10px;
	margin: 0px auto;
	float: left;
	white-space: nowrap;
	text-align: center;
}

ul#mainlevelFooterMenu li a {
	text-align: center;
}

ul#mainlevelFooterMenu li a:hover {
	text-align: center;
}


.mainlevelFooterMenu {
	text-align: center;
}

a.mainlevelFooterMenu {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #D5D5D5;
	background: transparent;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

a.mainlevelFooterMenu:link, 
a.mainlevelFooterMenu:visited {
	text-decoration: none;
	text-align: center;
}
a.mainlevelFooterMenu:link {
	
}
a.mainlevelFooterMenu:visited {
	
}
a.mainlevelFooterMenu:hover {
	text-decoration: none;
	color: White;
	text-align: center;
}

#active_menuFooterMenu {
	
}
/* this styling is for the menu item when it is active, even in main/sub position*/

a.mainlevelFooterMenu#active_menuFooterMenu {
	font-weight: normal;
	color: White;
	text-align: center;
}

a.mainlevelFooterMenu#active_menuFooterMenu:hover {
	color: #D5D5D5;
	font-weight: normal;
	text-align: center;
}


/* Inicio fotrmato de menu TOP */
ul#mainlevel-nav
{
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #B40000;
	/*background: #B40000;*/
	background-color: #D5D5D5;
}
/* Fin fotrmato de menu TOP */

a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link, a.sublevel:visited {

}

a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {

}

a.sublevel#active_menu {

}

/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ 
.pagenav,.pagenavbar {
	font-size: 10px;
	color: Gray;
	margin: 0px 3px;
}

.pagenav {
	
}
.pagenavbar {
	
}

.pagenav_prev {
} /*Style for the PRE button*/
.pagenav_next {
} /*Style for the NEXT button*/

a.pagenav:visited, 
a.pagenav:link, 
a.pagenav:active, 
.pagenavbar:focus, 
.pagenavbar:link, 
.pagenav_prev a:link, 
.pagenav_prev a:visited, 
.pagenav_prev a:active,
.pagenav_prev a:focus,
.pagenav_next a:link, 
.pagenav_next a:visited, 
.pagenav_next a:active,
.pagenav_next a:focus  {
	font-size: 10px;
	color: #CC0000;
	text-decoration: none;
}

a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover {
	color: #B40000;
	text-decoration: none;
}

.pagenavcounter {
	display: none;
	visibility: hidden;
}



/*Style for the "Read More" link that is displayed for large content items*/
.readon {
	font-size: 1em;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
a.readon:link,a.readon:visited {
	font-size: 1em;
	color: Navy;
	text-decoration: none;
	font-weight: bold;
}

a.readon:hover {
	font-size: 1em;
	color: Navy;
	text-decoration: none;
	font-weight: bold;
}

/*Style for the "Read More" link that is displayed for large content items - PUSH BUTTON VERSION
a.readon:link,a.readon:visited {
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	display: block;


	width:;
	background:;
} 
a.readon:hover {
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	position: relative;
	top: 1px;
	left: 1px;

}
*/

/*Style for the "BACK" button.*/
.back_button {
	
}

a.back_button {
/*
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	background:;
	text-decoration:;
*/
}

a.back_button:hover {
/*
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	background:;
	text-decoration:;
*/
} 

/*Style for the "BACK" button. Push button version
a.back_button {
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	display: block;


	width:;
	background:;
}

a.back_button:hover {
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	position: relative;
	top: 1px;
	left: 1px;

}
*/


/*Style for latest news list - by default, latest news is user1 module*/
.latestnews {
		
}
.latestnews ul {
/*
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	background:;
	list-style:;
	float:;
	margin:;
	padding:;
*/
}

.latestnews li {
/*
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	background:;
	list-style:;
	float:;
	margin:;
	padding:;
*/
}

/*Style for most popular list - by default, most popular is user2 module*/
.mostread {
	
}

.mostread ul {
/*
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	background:;
	list-style:;
	float:;
	margin:;
	padding:;
*/
}

.mostread li{
/*
	font:;
	color:;
	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	text-align:;
	margin:;
	padding:;
	background:;
	list-style:;
	float:;
	margin:;
	padding:;
*/
}


/* CONTENT PAGE SETTINGS */
.category {
	
}

a.category:link {}
a.category:hover {}
a.category:visited {}

.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */

.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */

table.contenttoc {
  padding: 0px;
  margin: 10px 5px;
  border: 1px solid #2B2B2B;
  background-color: #D5D5D5;
}

 /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {
  padding: 5px;
  text-align: right;
}

 /* same as above, used to format the td and able cells */
table.contenttoc th {
  display: none;
  visibility: hidden;
  color: #2B2B2B;
	text-align: center;
	padding: 0px;
	height: 21px;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
}

 /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
.toclink {
	
}
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {
	color: #CC0000;
} /* same as above, used to format toc link text status*/
a.toclink:visited {
	color: #CC0000;
} 
a.toclink:hover {
	color: #CC0000;
} 

/* COMPONENTS */

/* Begin Newsfeeds */
.newsfeed    {
	
}
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
/* End Newsfeeds */

/* Begin Polls */
#poll {
	
}
.polls {
	
}
.pollsborder {
	
}


.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
table.pollstableborder td {
  padding: 0px;
}

/* End Polls */

/* Begin Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
/* End WebLinks */

/* Search page */
table.searchintro {
	width: 100%;
}
/* This is for formatting the box with "Search Keyword: test returned 4 matches" box
that appears after you have entered a search value. It appears on the mainbody
with the search results */
table.searchintro td {
	font-weight: normal;
}

/* MISCELLANEOUS */

/* For styling the date the content/articles are created under contents title */
.createdate {
	color: #ABABAB;
	font-size: 1em;
}

/* Formating "Last updated on" text at the end of articles/contents */
.modifydate {
	color: #ABABAB;
	font-size: 1em;
}

/* OTHER STUFF */
.clr {
	clear: both;
}

.outline {
	background: transparent;
	padding: 0px;
}

span.pathway {
	font-size: 1em;
	line-height: 1.2em;
	color: Gray;
}

a.pathway, a.pathway:link, a.pathway:visited, a.pathway:hover {
	font-size: 1em;
	line-height: 1.2em;
	color: #CC0000;
	text-decoration: none;
}


#pathway_text {

}

#pathway_text img {

}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

.contentcolumn {
	padding-right: 0px;
}

.sectiontablefooter {
	text-align: center;
}


div.mosimage {

}

.mosimage {

  margin: 0px
}

.mosimage_caption {
 
  background: transparent;
  padding: 0px;
  color: #2B2B2B;
  font-size: 1em;

}

span.article_seperator {
	display: none;
	visibility: hidden;
}


#blockrandom {
	
}
#contact_email_copy {
	
}
#contact_text {
	height: 50px;
	
}
#emailForm {
	
}
#mod_login_password {
	
}
#mod_login_remember {
	
}
#mod_login_username {
	
}

#search_ordering {
	
}
#search_searchword {
	
}
#searchphraseall {
	
}
#searchphraseany {
	
}
#searchphraseexact {
	
}
#voteid1,#voteid2 { /*voteid3,voteid4,...*/
	
}
.adminform {
	
}

table.blog {
	margin: 0px;
	padding: 0px;
}


.buttonheading {
	
}
.contact_email {
	
}
.content_rating {
	
}
.content_vote {
	
}

.footer    {
	
}
.frontpageheader    {
	
}

.message    {
	
}


.sectionentry1 {
	
}
.sectionentry2 {
	
}
.sectionheader {
	
}
.sitetitle {
	
}
.small {
	
}
.smalldark {
	
}

.syndicate {
	
}
.syndicate_text {
	
}
.text_area {
	
}

.wrapper {
	
}

.small {

}
/*Found in poll result page, for " Number of Voters".. text */
.smalldark {

}


.maintitle {

}

.error {

}

.highlight {

}

.code {
	
	
}

/* inicio Modulo de newsflash proyectos en venta */
div.moduleNewsflash {
	width: 180px;
	margin: 10px auto;
	padding: 0px;
	border: 1px solid #D5D5D5;
}

div.moduleNewsflash h3 {
	text-align: center;
	background-color: #D5D5D5;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

div.moduleNewsflash a.contentpagetitle {
	font-size: 12px;
	text-align: center;
	line-height: 15px;
}
/* fin Modulo de newsflash proyectos en venta */