/*
2006 (C) http://www.simarto.com
*/
/* ##############################  START GENERAL SETTINGS ############################ */
html.body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F201B;
	margin-top: 0px;
	background-color: #CC0000;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F201B;
	margin-top: 0px;
	background-color: #CC0000;
        background-image: url(/media/fondo.gif);
}
body.div.table {
	background: #CC0000;
	padding: 2px;
	width: 930px;
}
p {}
h1 {font-size:16px;line-height: 1em;font-weight: bold; color: #1F201B;}
h2 {font-size:14px;line-height: 1em;font-weight: bold; color: #1F201B;}
h3 {font-size:12px;line-height: 1em;font-weight: bold; color: #1F201B;}
h4 {font-size:12px;line-height: 1em;font-weight: bold; color: #1F201B;}
h5 {font-size:11px;line-height: 1em;font-weight: bold; color: #1F201B;}
h6 {font-size:11px;line-height: 1em;font-weight: bold; color: #1F201B;}
th {font-size: 11px;}
tr {}
td{font-size: 11px;	text-align:left;}
a:link {color: #1F201B; text-decoration: underline;}
a:visited {color: #1F201B; text-decoration: underline;}
a:hover {color: #1F201B; text-decoration: underline;}
a:active {color: #1F201B; text-decoration: underline;}
a.image, a.image:hover  {border:0;}
li{
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/dot_grey.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
ul {margin: 0;	padding: 0;	list-style: none;}
hr { width: 95%;}
hr.separator {}
fieldset{margin: 0.5em 0;}
/* ##############################  END GENERAL SETTINGS ############################ */






/* #############################  START LAYOUT SETTINGS  ############################ */
/* for table-less design div tag */
/* ##############################  END LAYOUT SETTINGS ############################# */







/* ##############################  START NAVIGATION SECTION  ######################## */
.pathway {font-size: 11px;color:#1F201B; font-weight:bold;}
a.pathway:link {color:#1F201B; font-weight:normal;}
a.pathway:visited {color:#1F201B; font-weight:normal;}
a.pathway:active {color:#1F201B; font-weight:normal;}
a.pathway:hover {color:#1F201B;text-decoration:none; font-weight:normal;}

/* Mainlevel menu */
.mainlevel {}
a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/bg_leftmenu.png) no-repeat;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	color: #FFCC66;
	line-height:17px;
	text-align: left;
	padding-top: 0px;
	padding-left: 30px;
	height: 17px;
	width: 160px;;
	text-decoration: none;
}
a.mainlevel:hover {
	background-position: 0px -17px;
	text-decoration: none;
	color: #1F201B;
}
#active_menu { /* this styling is for the menu item when it is active, even in main/sub position*/
	color:#FFCC66;
	font-weight: bold;
}

#active_menu:hover {
	color:#1F201B;
	font-weight: bold;
}

/* top menu */
#mainlevel-nav {
	padding:0;
}
#mainlevel-nav li{
	height:22px;
	width: 110px;
	list-style:none;
	float: left;
	margin: 0;
	background: url();
	font-size: 12px;
	line-height: 22px;
	white-space: nowrap;
	font-weight: bold;
}
#mainlevel-nav li{
	margin-left:-15px;
}
#mainlevel-nav li a {
	background: url(../images/bg_topmenu_normal.png) no-repeat;
	text-align:left;
	display: block;
	text-decoration: none;
	height:15px;
	width: 90px;
	padding-left:20px;
	padding-top:7px;
}
#mainlevel-nav li a:link{color: #1F201B;}
#mainlevel-nav li a:visited{color: #1F201B;}
#mainlevel-nav li a:active {color: #1F201B;}
#mainlevel-nav li a:hover {color: #1F201B; 		background: url(../images/bg_topmenu_over.png) no-repeat;}

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



/* Add Custom Menus */
/* Add Custom Menus */
/* ##############################  END NAVIGATION SECTION  ########################## */






/* ##############################  START STANDARD MODULE SECTION  ##################### */
/* JOOMLA - MAMBO MODULES FORMATTING */
.moduletable h3 {
	color: #1F201B;
	padding-left: 7px;
	font-weight: bold;
	height: 20px;
	font-size: 12px;
	text-transform: uppercase;
	margin: 8px 0px 10px 0px;
	text-align: center;
	width: 180px;
	background: url(../images/horizontal_line.png) repeat-x bottom left;
}
div.moduletable {
	padding: 0px 0px 20px 0px;
	background: url(../images/horizontal_line.png) repeat-x bottom left;
}
* html .moduletable h3 {
	width: 180px;
}
table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
/* ##############################  END STANDARD MODULE SECTION  ####################### */






/* ##############################  START CONTENT - SECTIONS & CATEGORIES ##################*/
.contentheading {font-size: 18px; font-weight:bold; color:#1F201B; padding:5px 0px 7px 0px;} /* Title of the content, article, etc. being displayed.*/

.contentpagetitle {} /*Title of articles*/
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
.contentpane ul {list-style:none;}
.contentpane li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/dot_grey.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

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

table.contentpaneopen fieldset {
	width:97%;
	border: 0px;
	border-bottom: 1px solid #F4C0C0;
}

* html table.contentpaneopen fieldset {margin-top:30px;}

table.contentpaneopen fieldset a {margin-top:15px; font-weight:bold;}

/* article rating */
.content_rating {}
.content_vote {}

/* icons */
.buttonheading{}
.pop-ups {}
a.pop-up {}

/* Dates , Authors*/
.createdate {color:#1F201B;} /* For styling the date the content/articles are created under contents title */
.modifydate {color:#1F201B;} /* Formating "Last updated on" text at the end of articles/contents */
.small {color:#1F201B; line-height:12px;} /* Formating "Written by:...." text */
.smalldark {color:#F4C0C0; line-height:14px;}/*Found in poll result page, for " Number of Voters".. text */

/* Newsfeeds */
.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 */

/* Polls */
/* .poll {margin: 3px 5px 3px 5px;}  format the td of poll table */
.poll {font-size: 20px;}
.pooler { 
	font-size: 20px;
         color: #F4C0C0;
}
* html .poll {margin: 3px -1px 3px 14px;} /* format the td of poll table */
.pollstableborder {width:95%;} /* set the border properties of the polls voting table */

/* 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 */

.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}

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

/* 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: bold;}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when  they become hyper links*/
.pagenavbar:visited {}
 .pagenav {} /* as the name implies, this is for formatting texts for those  "<< Start < Previous 1 Next > End >>" links */
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
a.pagenav:link {}
a.pagenav:visited {}
a.pagenav:hover {}
.pagenavcounter{}
.back_button {} /*Style for the "BACK" button*/

/*Style for the "Read More" link that is displayed for large content items*/
a.readon:link {}
a.readon:hover {}
a.readon:visited {}

/* Tables of Contents for multiple pages content or article */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {}
a.toclink:hover {}

/* Title of the component being used to display the content.*/
.componentheading {margin: 5px 0px 0px 0px;font-size: 18px; font-weight:bold; color:#1F201B;}

/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {padding-left: 3px; background-color:#F4C0C0;} /* This is for styling the section table headers on a SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {padding: 2px 5px 2px 10px; background-color:#FFFFFF;}
.sectiontableentry2 {padding: 2px 5px 2px 10px; background-color:#80C6F9;}
.sectiontablefooter {padding-left: 3px; background-color:#F4C0C0;}

/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}

/* blogsection */
.blog {}
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
.blog_heading {}
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 */
.article_seperator {}

/* Search Form Module*/
.search .inputbox {
	padding: 2px 0px 0px 3px;
	background-color: #FCFCFC;
	font-size: 12px;
	line-height: 13px;
	width: 150px;
	height: 18px;
	border: 1px solid #1F201B;
	margin:0px 0px 0px 10px;
}
.searchintro{} /* results if not search google */
.highlight {
	background-color: #FFFC14;
	color: #1F201B;
	padding: 0;
} /*Search Form keyword highlight*/

/* wrapper title */
.wrapper{}

/* ##############################  END CONTENT - SECTIONS & CATEGORIES ###################*/






/* ############################### START FORM SECTION  ###############################*/
form {}
input {font-size: 11px; color:#333; padding: 0px; line-height:12px; height:14px; margin:0px;}
* html input {height:19px;}
selectbox {font-size: 11px; color:#333;}
.inputbox {font-size: 11px; color:#333;}
.text_area {font-size: 11px; color:#333;}
.button {
  color: #1F201B;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px double #bbb;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 16px !important;
  line-height: 14px;
  height: 20px !important;
  height: 18px;
}
.contact_email {}

/* ############################### END FORM SECTION  #################################*/






/* ################################ START TABBED EDITING ############################## */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {background-color: #f0f0f0;}
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}
/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }
/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }
.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }
.edit-tabs {padding: 1em; background: none;}
.tabpadding {padding:1px;}
.tabheading {background-color: #FF6600; text-align: left;}
.pagetext {visibility: hidden; display: none;}
/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* ################################ END TABBED EDITING ################################ */






/* ################################ START MISC ITEM ################################### */
.syndicate {margin:5px 0px 5px 0px;}
.mosimage {
  border: 1px solid #1F201B;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #1F201B;
  padding: 1px 2px;
  color: #333;
  font-size: 10px;
  border-top: 1px solid #1F201B;
}

/* ################################ END MISC ITEM ##################################### */






/* ################################ START SIMARTO CSS ################################# */
div#sm_main {
	width:930px;
	margin-top:0px;
	background-color: #CC0000;
}

div#sm_top {
	width:930px;
	height: 180px;
	background: url(../images/bg_header.png) no-repeat;
}

div#sm_logo {
	float:left;
	height: 60px;
	width: 186px;
	background: url(../images/logo.png) no-repeat;
}

div#sm_search {
	float:right;
	margin:20px 30px 0px 0px;
}

div#sm_topmenu {
	height:45px;
}

div#sm_topmenu_content {
	float: right;
	margin: 14px 0px 0px 0px;
	height: 22px;
}

div#sm_banner {
	width: 100%;
	height: 265px;
	text-align: center;
}
div#sm_banner_content{
	width: 930px;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/banner.png) no-repeat;
}

div#sm_body{
	margin: 10px 8px 10px 8px;
	background: url(../images/horizontal_line.png) repeat-x top left;
	min-height:200px;
}

* html div#sm_body{
	height:186px;
}

div#sm_body_content {
	padding-top: 5px;
}
div#sm_left {
	width:186px;
	float:left;
}

div#sm_right {
	width: 126px;
	float: right;
}

div#sm_center {
	width: 640px;
	margin-left: 180px;
	padding-left:10px;
	background: url(../images/vertical_line.png) repeat-y top left;
	min-height: 500px;
}

* html div#sm_center {
	width: 640px;
	height: 500px;
}

div#sm_center_inner{
	background: url(../images/vertical_line.png) repeat-y top right;
	min-height: 580px;
	padding-right: 5px;
}

* html div#sm_center_inner{
	height: 640px;
}

div#sm_body_full {
	width: 640px;
	margin-left: 202px;
	padding-left:10px;
	background: url(../images/vertical_line.png) repeat-y top left;
	min-height: 500px;
}

* html div#sm_body_full {
	width: 640px;
	height: 600px;
}



div#sm_footer {
	text-align:center;
	border-top: 1px solid #eee;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

/* ################################ END SIMARTO CSS ################################### */