/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

body,td {
	line-height: 135%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

body {
	margin: 0;
	padding: 0;
			
}

body.f-smaller {
	font-size: 10px;
}

body,body.f-default {
	font-size: 11px;
}

body.f-larger {
	font-size: 15px;
}

p {
	/* setup some more readable paragraph spacing */
	margin-top: 8px;
	margin-bottom: 13px;
}

h1, h2, h3, h4, h5 {
	/* setup some more readable header spacing */
	padding-bottom: 3px;
	margin: 10px 0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

h1 { 
	font-size: 200%;
	line-height:100%;
}

h2 {
	font-size: 175%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 110%;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration: underline; color:#FF9900
}

a:active {
	text-decoration: underline; color:#66CC00
}

/* @end */

/* @group Joomla Elements */

.small, div.mosimage_caption {
	font-size: 95%;
}

.modifydate, .createdate {
	font-size: 80%;
}

.componentheading {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 170%;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0 12px 0;
}

#mainframe td.contentheading,.contentheading {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 170%;
	padding-left: 10px;
	width: 100%;
	height: 26px;
	line-height: 26px;
}

#mainframe td.buttonheading, #mainframe .contentpaneopen td.buttonheading {
	padding: 7px 3px 0;
}

#mainframe td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

#mainframe td.sectiontableheader {
	font-weight: bold;
	padding: 4px 2px;
}

#mainframe td.sidebar.left {
	background: url(../images/left-shadow.png) 100% 0 repeat-y;
}

#mainframe td.sidebar.right {
	vertical-align:top;
	background: url(../images/right-shadow.png) 0 0 repeat-y;
}

.sectiontableentry1, .sectiontableentry2 {
	text-align: left;
	padding: 2px 0;
}

.contentpane, .contentpaneopen {
	width: 100%;
}

#mainframe .contentpaneopen td {
	padding: 0 10px;
}

/* @end */

/* @group Structure */

#frame-4 {
	padding: 0 36px;
}

#masthead {
	height: /*111px;*/ 101px;
	position: relative;
}

#logo {
	width: 203px;
	height: 76px;
	margin-top: 14px;
	margin-left: 18px;
}

/*#logo {
	width: 222px;
	height: 61px;
	margin-top: 22px;
	margin-left: 18px;
}*/

div#mod-banner {
	top: 22px;
	right: 180px;
	position: absolute;
	width: 468px;
	height: 60px;
}

div#mod-top {
	top: 10px;
	right: 10px;
	width: 160px;
	height: 90px;
	overflow: hidden;
	position: absolute;
}

div#mod-top .top-padding {
	padding-left:  15px;
}

#pathway {
	height: 26px;
	padding: 0 32px;
	overflow: hidden;
}

.mainbody-padding {
	padding: 3px 25px 3px 25px;
}

.component-padding {
	padding-bottom: 8px;
}

.body-padding {
	margin-top: 8px;
	padding-right: 8px;
}

#footer-padding {
	padding: 10px 15px;
}

#rocket-3 {
	height: /*90px;*/ 55px;
	text-align: center;
}

img#rocket {
	width: 149px;
	height: 39px;
	border: 0;
	margin: 0 auto;
}

#mainframe .sections .left, #mainframe .sections .right {
	background: none;
}

/* @end */

/* @group Table Control */

#mainframe {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
}

table.sections {
	width: 100%;
	border-collapse: collapse;
}

#mainframe td, .sections td {
	padding: 0;
}

td.w24 {
	width: 25%;
}

td.w33 {
	width: 33%;
}

td.w49 {
	width: 50%;
}

td.w99 {
	width: 100%;
}

td.spacer img {
	width: 5px;
}

#mainframe tr {
	vertical-align: top;
}

/* @end */

/* @group Modules */

.module {
	margin-top: 0px;	
}

.module-hilite1, .module-hilite2, .module-hilite3, .module-hilite4, .module-hilite5 {
	margin-top: 9px;	
}

.module h3, .module-hilite1 h3, .module-hilite2 h3, .module-hilite3 h3, .module-hilite4 h3, .module-hilite5 h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;


	font-size: 125%;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
	padding-left: 22px;
	margin-bottom: 1px;
}

.module div div div, .module-hilite1 div div div, .module-hilite2 div div div, .module-hilite3 div div div, .module-hilite4 div div div, .module-hilite5 div div div {
	padding: 11px;
}

.module div div div div, .module-hilite1 div div div div, .module-hilite2 div div div div, .module-hilite3 div div div div,
.module-hilite4 div div div div, .module-hilite5 div div div div {
	background: none;
	padding: 0;
}

#footer-1 .module h3 {
	padding-left: 0;
	background: none;
}

#footer-1 .module div div div {
	padding: 0px 9px;
}


/* section table overrides */
.sections .left .module-hilite1 div div, .sections .left .module-hilite2 div div, .sections .left .module-hilite3 div div, .sections .left .module-hilite4 div div, .sections .left .module-hilite5 div div, .sections .right .module-hilite1 div div, .sections .right .module-hilite2 div div, .sections .right .module-hilite3 div div, .sections .right .module-hilite4 div div, .sections .right .module-hilite5 div div {
	background: none;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
	height: 26px;
}

#horiz-menu ul.nav {
	padding-left: 15px;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#horiz-menu li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	/* margin-right: 10px; */	
	margin-right: 10px;
	padding: 0;
}

#horiz-menu li span {
	display: block;
	float: left;
}

#horiz-menu a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 4px;	
	/* padding: 0 15px; */
	font-weight: normal;
	font-size: 110%;
}

#horiz-menu li li a {
	font-size: 100%;
}

#horiz-menu a:hover {
	text-decoration: none;
}

#horiz-menu li:hover, #horiz-menu li.sfHover {
	background: none;
}

/* @end */
/* @group Sub Menu */

ul.sidenav {
	margin: 0;
	padding: 0;
}

ul.sidenav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sidenav li.active a {
	font-weight: bold;
}

ul.sidenav li.active li a {
	font-weight: normal;
}

ul.sidenav a {
	display: block;
	padding: 5px 0 5px 25px;
	margin-bottom: 1px;	
}

ul.sidenav ul {
	margin: 0;
	padding-left: 20px;
}

ul.sidenav ul a {
	background-image: none;
	padding-left: 5px;
}

ul.sidenav a:hover {
	background-position: 5px -20px;
}

/* @end */
/* @group Mainmenu */

a.mainlevel {
	padding: 5px 0 2px 25px;	
	display:  block;
	margin-bottom: 1px;
}

a#active_menu.mainlevel {
	font-weight: bold;
}

a.mainlevel:hover {
	background-position: 5px -20px;
	text-decoration:none;
}

a.sublevel {
	line-height: 20px;
}

/* @end */

/* @group Mainmenu Palo Verde Test*/

a.mainlevel2 {
	padding: 5px 0 2px 25px;	
	display:  block;
	margin-bottom: 1px;
}

a#active_menu.mainlevel2 {
	font-weight: bold;
}

a.mainlevel2:hover {
	background-position: 5px -20px;
	text-decoration:none;
}

a.sublevel {
	line-height: 20px;
}

/* @end */
/* @group Content Styles */
/* @group Top Module */

div#mod-top ul {
	padding: 0;
	margin: 0
}

div#mod-top li {
	float:  left;
	width: 100%;
	margin-bottom: 3px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	list-style: none;
}

div#mod-top a.mainlevel {
	background: none;
	display: inline;
	padding: 0;
	margin: 0;
}

/* @end */
/* @group Readon */

.readon-hack {
	display: block;
	float: left;
	clear: both;
	line-height: 30px;
	width: 101px;
	text-align: center;
	margin-top: 15px;
}

.module .readon, .module-hilite1 .readon, .module-hilite2 .readon, .module-hilite3 .readon, .module-hilite4 .readon, .module-hilite5 .readon {
	float: none;
	clear: both;
	padding-left: 22px;
	line-height: 18px;
	width: auto;
	text-align: left;
}

#footer-1 .readon {
	background: none;
	padding-left: 0;
}

/* @end */
/* @group Pathway */

span.pathway {
	float: left;
	display: block;
	line-height: 28px;
	height: 30px;
	font-weight: normal;
	margin-bottom: 15px;
	padding-left: 0px;
}

span.pathway img {
	float: left;
	width: 10px;
	height: 10px;
	
}

span.pathway a {
	float: left;
	padding: 0 15px 0 0;
}

/* @end */
/* @group Typography */

ul.number, ul.flame-1, ul.flame-2, ul.flame-3, ul.arrow-1, ul.arrow-2, ul.arrow-3, ul.arrow-4, ul.arrow-5, ul.arrow-6, ul.triangle-1, ul.triangle-2, ul.triangle-3, ul.triangle-4, ul.triangle-5, ul.triangle-6, ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4,
ul.bullet-5, ul.bullet-6 {
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0;
}

ul.number li, ul.flame-1 li, ul.flame-2 li, ul.flame-3 li, ul.arrow-1 li, ul.arrow-2 li, ul.arrow-3 li, ul.arrow-4 li, ul.arrow-5 li, ul.arrow-6 li, ul.triangle-1 li, ul.triangle-2 li, ul.triangle-3 li, ul.triangle-4 li, ul.triangle-5 li, ul.triangle-6 li, ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li, ul.bullet-6 li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 24px;
}

pre {
	padding: 8px;
	white-space:normal;
}

blockquote {
	background: url(../images/quote.png) top left no-repeat;
	font-style: italic;
	font-size: 100%;
	line-height: 160%;
	width: auto;
	padding: 8px 40px 8px 40px;
	margin: 15px 0;
}


/*blockquote {
	padding: 15px 40px 15px 60px;
	background: url(../images/open_quotes.gif) 20px 10px no-repeat;
	font: 1em/1.5 Georgia, Times, serif;
}*/

div.quote-grey {
	background: url(../images/quote2.png) no-repeat bottom right;
}

/* @end */
/* @group Notice Styles */

span.alert, span.info, span.download, span.fondo, span.fondo2, span.fondo3, span.fondo4, span.fondo5, span.fondo6, span.fondo7, span.note {
	display: block;
	padding: 8px 10px 8px 45px;
	margin: 9px 0;
}

span.spread {
	display: block;
	padding: 8px 10px 0 10px;
	margin: 2px 0 0 0;	
	text-align:	center;
}

/* @new rules */
.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;}
.important {border: 1px solid #333;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}
span.important-title {color: #333;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #666;}

span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;}
span.dropcap {color: #333;}
span.dropcap-blue {color: #0D507A;}
span.dropcap-red {color: #D12E2E;}
span.dropcap-green {color: #74A824;}
span.dropcap-purple {color: #9E0E87;}
span.dropcap-orange {color: #CC8300;}
span.dropcap-brown {color: #8B6846;}
span.dropcap-grey {color: #666;}

span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}
span.number {color: #333;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}

/* @end */
/* @group RokSlide */

ul#rokslide-toolbar {

}

#rokslide-toolbar li.active { 
	background: #D7D7D7;
}

#rokslide-toolbar li.current { 
	background: #ebebeb;
	color: #333;
}

#rokslide-toolbar li {
	background: #ccc;
	color: #666;
}

div#frame {
	border: 5px solid #EBEBEB;
}

div#frame div.button#left { 
	background: url(../images/tabs-prev.png) 0 -20px no-repeat;
}

div#frame div.button#right { 
	background: url(../images/tabs-next.png) 0 -20px no-repeat;
}

/* @end */

.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

.clr {
	clear:both;
}

/* search field */

.search .inputbox {
	border: 1px solid #666;
	padding-left: 4px;
	margin-bottom: 0;
	background: url(/templates/rt_firenzie/images/ots/icon-search.gif) no-repeat 95% 50% #FFF;
}


.search .inputbox:focus {
	border: 1px solid #666;
	padding-left: 4px;
	margin-bottom: 0;
	background: #EEE;
	background: url(r/templates/rt_firenzie/images/right-shadow.png)  repeat-y #FFF;
}

/* @end */

.external { 
	background: url(/images/M_images/external.png) center right no-repeat;
	padding-right: 13px;
}

.feed { 
	background: url(/images/M_images/feed.png) center right no-repeat;
	padding-right: 20px;
	display: inline-block;
	line-height:20px;
}

/* directory table */

.directory {
	width:100%;
	}
	
.directory td {
	vertical-align:middle;
	}

.tableheader {
	text-align:left;
	background-color:#666;
	color:#FFF;
	vertical-align:middle;
	padding-left:11px;
	font-size:110%;
	}
	
.cells {
	background-color:#EEE;
	}

/* @end */

.boxleft {
	border-left: 1px solid #CCC;
	padding: 0px 0px 0px 10px;
	margin-left: 10px;
	float: right;
	width: 30%;
	font-size:90%;
}

.imgleft {
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px 10px 2px 0px;
	background-color:#EEE;
	float: left;
}

.imgright {
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px 0px 2px 10px;
	background-color:#EEE;
	float: right;
}

.imgcenter {
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px 0px 10px 0px;
	background-color:#EEE;
	text-align:center;
}

.imgcaption {
	padding: 2px;
	margin: 0px 0px 10px 0px;
	text-align:center;
	font-size:80%;
}



caption {
	padding-bottom:10px;
	font-weight:bold;
}

.module-hilite2b {
	border-right: 1px solid #eeeeee; 
	float: left; width: 45%; 
	margin-right: 20px; 
	padding-right: 20px; 
	text-align:left;
}

.module-hilite1b {
	float: left; width: 45%;
	text-align:left;
}

.module-hilite1c {
	float: left; 
	width: 100%;
	text-align:left;
	}
	
	
	

/*  jquery dialogo styles 

.rss-popup {
    margin: 100px auto;
    padding: 0;
    width: 100px;
	position:relative;
}

div.rss-popup em {
    background: url(http://www.ots.ac.cr/templates/rt_firenzie/css/bubble.png) no-repeat ;
    width: 100px;
    height: 250px;
    position:fixed;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#rss-icon {
    width: 42px;
    height: 42px;
    background: url(http://www.ots.ac.cr/templates/rt_firenzie/css/icon.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

 end of jquery dialogo*/
 
/* #tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}  

*/

/*   ------ tool tip  --------- */



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/* ----------end of tool tip  ------- */
/*.inputbox {
	border: 1px solid #666;
	padding-left: 4px;
	margin-bottom: 0;
}
*/

/* @end */