/* ots4 */

h1 { 
	color: #666;
}

h2 {
	color: #360;
}

h3 {
	color: #333;
}

body {
	color: #333;
	background: #D7D7D7;
}

a {
	color: #360;
}

img.album {
	border: 2px solid #206ba8;
}

/* horizontal  menu */

#horiz-menu a {
	color: #fff;
	/*letter-spacing: -1px;*/
	z-index:88;
}

#horiz-menu li.active a {
	color: /*#B6B500*/ #000;
}

#horiz-menu ul li:hover,
#horiz-menu ul li.sfHover,
#horiz-menu ul ul {
	background: #264C00;
}

#horiz-menu ul li:hover a,
#horiz-menu ul li.sfHover a,
#horiz-menu ul li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color: #B6B500;
}

#horiz-menu ul li:hover li a,
#horiz-menu ul li.sfHover li a,
#horiz-menu ul li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li a {
	color: #fff;
}

#horiz-menu ul ul li,
#horiz-menu ul ul li:hover,
#horiz-menu ul ul li.sfHover {
	background: url(../images/ots4/dropdown-div.png) 0 100% repeat-x;
}


#horiz-menu ul ul li,
#horiz-menu ul ul li:hover,
#horiz-menu ul ul li.sfHover
 {
	background: url(../images/ots4/dropdown-div.png) 0 100% repeat-x;
}

#horiz-menu ul ul li:hover,
#horiz-menu ul ul li.sfHover
 {
	background-color:#265C00;
}


#horiz-menu a.daddy {
	background: url(../images/ots4/dropdown-child.png) 100% 70% no-repeat;
}

ul.sidenav a {
	background: #f5f5f5 url(../images/ots4/bullets-mainmenu.png) 5px 5px no-repeat;
}

a.mainlevel {
	/*background: #f5f5f5 url(../images/ots4/bullets-mainmenu.png) 5px 5px no-repeat;*/
	background: url(http://www.ots.ac.cr/images/bullets-mainmenu2.png) 5px 5px no-repeat;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	color: #999;
}

.componentheading {
	color: #336600;
	border-bottom: 5px solid #eee;
}

#mainframe td.contentheading,
.contentheading {
	background: #f3f3f3;
/*	border-bottom:solid #f3f3f3 3px;
	color: #333;
	background: url(../images/ots4/bullet-header-hilite2.png) 5px 5px no-repeat;*/
}

#mainframe td.buttonheading,
#mainframe .contentpaneopen td.buttonheading,
#mainframe td.buttonheading,
#mainframe .contentpaneopen td.buttonheading {
	background: #f3f3f3;
}

/* structure */

#body-b {
	background: url(../images/ots4/bg-bottom.png) 0 100% repeat-x;
}

#body-t {
	background: url(../images/ots4/bglargo.png) 0 0 repeat-x;
	}

#frame-1 {
	background: url(../images/ots4/shadow-br.png) 100% 100% no-repeat;
}

#frame-2 {
	background: url(../images/ots4/shadow-bl.png) 0 100% no-repeat;
}

#frame-3 {
	background: url(../images/ots4/largoright.png) 100% 0 no-repeat;
}

#frame-4 {
	background: url(../images/ots4/largo.png) 0 0 no-repeat;
}

#masthead {
	background: url(../images/ots4/masthead-bg2.png) 0 0 repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#logo {
	background: url(http://www.ots.ac.cr/images/otsoet.png) 0 0 no-repeat;
}

#horiz-menu {
	background: url(../images/ots4/menu-bg.png) 0 0 repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#mainbody {
	background: url(/templates/rt_firenzie/images/ots4/bg-bg.png) 0 0 repeat-y;
}

#mainbody-1 {
	background: url(../images/ots4/body-b.png) 0 100% repeat-x;
}

#mainbody-2 {
	background: url(../images/ots4/body-t.png) 0 0 repeat-x;
}

#mainbody-3 {
	background: url(../images/ots4/body-br.png) 100% 100% no-repeat;
}

#mainbody-4 {
	background: url(../images/ots4/body-bl.png) 0 100% no-repeat;
}

#mainbody-5 {
	background: url(../images/ots4/body-tr.png) 100% 0 no-repeat;
}

#mainbody-6 {
	background: url(../images/ots4/body-tl.png) 0 0 no-repeat;
}

#footer-1 {
	background: url(../images/ots4/footer-bg.png) 0 100% repeat-x;
}

#footer-2 {
	background: url(../images/ots4/footer-edge.png) 100% 0 repeat-y;
}

#footer-3 {
	background: url(../images/ots4/footer-edge.png) 0 0 repeat-y;
}

#footer-4 {
	background: url(../images/ots4/footer-edge2.png) 100% 100% no-repeat;
}

#footer-5 {
	background: url(../images/ots4/footer-edge2.png) 0 100% no-repeat;
}

#rocket-1 {
	background: url(../images/ots4/footer-shadow-bg.png) 0 0 repeat-x;
}

#rocket-2 {
	background: url(../images/ots4/footer-shadow-r.png) 100% 0 no-repeat;
}

#rocket-3 {
	background: url(../images/ots4/footer-shadow-l.png) 0 0 no-repeat;
}

img#rocket {
	background: url(../images/ots4/rocket.png) 0 0 no-repeat;
}

/* modules */

.module-hilite1 {
	color: #fff;
}

.module-hilite3 {
	color: #330;
}

.module-hilite4 {
	color: #ccc;
}

.module-hilite5 {
	color: #fff;
}

.module-hilite1 a {
	color: #fff;
}

.module-hilite3 a {
	color: #330;
}

.module-hilite4 a {
	color: #fff;
}

.module-hilite5 a {
	color: #fff;
}

.module-hilite5 a:hover {
	color: #FFA500;
}

#footer-1 .module {
	color: #000;
}

#footer-1 .module a {
	color: #336600;
}

#footer-1 .module h3 {
	color: #336600;
}

.module h3,
.module-hilite2 h3 {
	background: url(../images/ots4/bullet-header-hilite2.png) 0 0 no-repeat;
	font-weight:bold;
}

.module-hilite1 h3 {
	color: #fff;
	background: url(../images/ots4/bullet-header-hilite1.png) 0 0 no-repeat;
	font-weight:bold;
}

.module-hilite3 h3 {
	color: #330;
	background: url(../images/ots4/bullet-header-hilite3.png) 0 0 no-repeat;
	font-weight:bold;
}

.module-hilite4 h3 {
	color: #fff;
	background: url(../images/ots4/bullet-header-hilite4.png) 0 0 no-repeat;
	font-weight:bold;
}

.module-hilite5 h3 {
	color: #fff;
	background: url(../images/ots4/bullet-header-hilite5.png) 0 0 no-repeat;
	font-weight:bold;
}

.module .readon,
.module-hilite2 .readon {
	background: url(../images/ots4/arrow-1.png) 0 0 no-repeat;
}

.module-hilite1 .readon {
	background: url(../images/ots4/arrow-4.png) 0 0 no-repeat;
}

.module-hilite3 .readon {
	background: url(../images/ots4/arrow-6.png) 0 0 no-repeat;
}

.module-hilite4 .readon {
	background: url(../images/ots4/arrow-5.png) 0 0 no-repeat;
}

.module-hilite5 .readon {
	background: url(../images/ots4/arrow-5.png) 0 0 no-repeat;
}

/* generic */

.module-hilite1 {
	background: url(../images/ots4/hilite1/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite1 div {
	background: url(../images/ots4/hilite1/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite1 div div {
	background: url(../images/ots4/hilite1/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite1 div div div {
	background: url(../images/ots4/hilite1/module-left-br.png) 100% 100% no-repeat;
}

.module-hilite2 {
	background: url(../images/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite2 div {
	background: url(../images/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite2 div div {
	background: url(../images/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite2 div div div {
	background: url(../images/module-left-br.png) 100% 100% no-repeat;
}

.module-hilite3 {
	background: url(../images/ots4/hilite3/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite3 div {
	background: url(../images/ots4/hilite3/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite3 div div {
	background: url(../images/ots4/hilite3/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite3 div div div {
	background: url(../images/ots4/hilite3/module-left-br.png) 100% 100% no-repeat;
}

.module-hilite4 {
	background: url(../images/ots4/hilite4/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite4 div {
	background: url(../images/ots4/hilite4/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite4 div div {
	background: url(../images/ots4/hilite4/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite4 div div div {
	background: url(../images/ots4/hilite4/module-left-br.png) 100% 100% no-repeat;
}

.module-hilite5 {
	background: url(../images/ots4/hilite5/module-left-tl.png) 0 0 no-repeat;
}

.module-hilite5 div {
	background: url(../images/ots4/hilite5/module-left-bl.png) 0 100% no-repeat;
}

.module-hilite5 div div {
	background: url(../images/ots4/hilite5/module-left-tr.png) 100% 0 no-repeat;
}

.module-hilite5 div div div {
	background: url(../images/ots4/hilite5/module-left-br.png) 100% 100% no-repeat;
}

/* left */

.left .module-hilite1 {
	background: url(../images/ots4/hilite1/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite1 div {
	background: url(../images/ots4/hilite1/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite1 div div {
	background: url(../images/ots4/hilite1/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite1 div div div {
	background: url(../images/ots4/hilite1/module-leftcol-br.png) 100% 100% no-repeat;
}

.left .module-hilite2 {
	background: url(../images/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite2 div {
	background: url(../images/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite2 div div {
	background: url(../images/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite2 div div div {
	background: url(../images/module-leftcol-br.png) 100% 100% no-repeat;
}

.left .module-hilite3 {
	background: url(../images/ots4/hilite3/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite3 div {
	background: url(../images/ots4/hilite3/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite3 div div {
	background: url(../images/ots4/hilite3/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite3 div div div {
	background: url(../images/ots4/hilite3/module-leftcol-br.png) 100% 100% no-repeat;
}

.left .module-hilite4 {
	background: url(../images/ots4/hilite4/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite4 div {
	background: url(../images/ots4/hilite4/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite4 div div {
	background: url(../images/ots4/hilite4/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite4 div div div {
	background: url(../images/ots4/hilite4/module-leftcol-br.png) 100% 100% no-repeat;
}

.left .module-hilite5 {
	background: url(../images/ots4/hilite5/module-left-tl.png) 0 0 no-repeat;
}

.left .module-hilite5 div {
	background: url(../images/ots4/hilite5/module-left-bl.png) 0 100% no-repeat;
}

.left .module-hilite5 div div {
	background: url(../images/ots4/hilite5/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left .module-hilite5 div div div {
	background: url(../images/ots4/hilite5/module-leftcol-br.png) 100% 100% no-repeat;
}

/* right */

.right .module-hilite1 {
	background: url(../images/ots4/hilite1/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite1 div {
	background: url(../images/ots4/hilite1/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite1 div div {
	background: url(../images/ots4/hilite1/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite1 div div div {
	background: url(../images/ots4/hilite1/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .module-hilite2 {
	background: url(../images/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite2 div {
	background: url(../images/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite2 div div {
	background: url(../images/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite2 div div div {
	background: url(../images/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .module-hilite3 {
	background: url(../images/ots4/hilite3/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite3 div {
	background: url(../images/ots4/hilite3/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite3 div div {
	background: url(../images/ots4/hilite3/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite3 div div div {
	background: url(../images/ots4/hilite3/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .module-hilite4 {
	background: url(../images/ots4/hilite4/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite4 div {
	background: url(../images/ots4/hilite4/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite4 div div {
	background: url(../images/ots4/hilite4/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite4 div div div {
	background: url(../images/ots4/hilite4/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .module-hilite5 {
	background: url(../images/ots4/hilite5/module-right-tr.png) 100% 0 no-repeat;
}

.right .module-hilite5 div {
	background: url(../images/ots4/hilite5/module-right-br.png) 100% 100% no-repeat;
}

.right .module-hilite5 div div {
	background: url(../images/ots4/hilite5/module-rightcol-tl.png) 0 0 no-repeat;
}

.right .module-hilite5 div div div {
	background: url(../images/ots4/hilite5/module-rightcol-bl.png) 0 100% no-repeat;
}

/* content */

div#mod-top {
	background: url(../images/ots4/masthead-div.png) 0 0 no-repeat;
}

div#mod-top li {
	background: url(../images/ots4/bullet-masthead.png) 0 5px no-repeat;
	color: #333;
/*	letter-spacing: -1px;	*/
}

div#mod-top a {
	color: #FFF;
/*	color: #336600;*/
}

span.pathway {
	color: #333;
	letter-spacing: -1px;
}

span.pathway a {
	color: #336600;
	background: url(../images/ots4/bullet-pathway.png) 100% 50% no-repeat;
}

.readon {
	background: url(../images/ots4/readon-default.png) 0 0 no-repeat;
}

li.number-1 {
	background: url(../images/ots4/number-1.png) 0 2px no-repeat;	
}

li.number-2 {
	background: url(../images/ots4/number-2.png) 0 2px no-repeat;	
}

li.number-3 {
	background: url(../images/ots4/number-3.png) 0 2px no-repeat;	
}

li.number-4 {
	background: url(../images/ots4/number-4.png) 0 2px no-repeat;	
}

li.number-5 {
	background: url(../images/ots4/number-5.png) 0 2px no-repeat;	
}

li.number-6 {
	background: url(../images/ots4/number-6.png) 0 2px no-repeat;	
}

li.number-7 {
	background: url(../images/ots4/number-7.png) 0 2px no-repeat;	
}

li.number-8 {
	background: url(../images/ots4/number-8.png) 0 2px no-repeat;	
}

li.number-9 {
	background: url(../images/ots4/number-9.png) 0 2px no-repeat;	
}

ul.flame-1 li {
	background: url(../images/ots4/flame-1.png) 0 2px no-repeat;
}

ul.flame-2 li {
	background: url(../images/ots4/flame-2.png) 0 2px no-repeat;
}

ul.flame-3 li {
	background: url(../images/ots4/flame-3.png) 0 2px no-repeat;
}

ul.arrow-1 li {
	background: url(../images/ots4/arrow-1.png) 2px 2px no-repeat;
}

ul.arrow-2 li {
	background: url(../images/ots4/arrow-2.png) 2px 2px no-repeat;
}

ul.arrow-3 li {
	background: url(../images/ots4/arrow-3.png) 2px 2px no-repeat;
}

ul.arrow-4 li {
	background: url(../images/ots4/arrow-4.png) 2px 2px no-repeat;
}

ul.arrow-5 li {
	background: url(../images/ots4/arrow-5.png) 2px 2px no-repeat;
}

ul.arrow-6 li {
	background: url(../images/ots4/arrow-6.png) 2px 2px no-repeat;
}

ul.triangle-1 li {
	background: url(../images/ots4/triangle-1.png) 6px 4px no-repeat;
}

ul.triangle-2 li {
	background: url(../images/ots4/triangle-2.png) 6px 4px no-repeat;
}

ul.triangle-3 li {
	background: url(../images/ots4/triangle-3.png) 6px 4px no-repeat;
}

ul.triangle-4 li {
	background: url(../images/ots4/triangle-4.png) 6px 4px no-repeat;
}

ul.triangle-5 li {
	background: url(../images/ots4/triangle-5.png) 6px 4px no-repeat;
}

ul.triangle-6 li {
	background: url(../images/ots4/triangle-6.png) 6px 4px no-repeat;
}

ul.bullet-1 li {
	background: url(../images/ots4/bullet-1.png) 6px 4px no-repeat;
}

ul.bullet-2 li {
	background: url(../images/ots4/bullet-2.png) 6px 4px no-repeat;
}

ul.bullet-3 li {
	background: url(../images/ots4/bullet-3.png) 6px 4px no-repeat;
}

ul.bullet-4 li {
	background: url(../images/ots4/bullet-4.png) 6px 4px no-repeat;
}

ul.bullet-5 li {
	background: url(../images/ots4/bullet-5.png) 6px 4px no-repeat;
}

ul.bullet-6 li {
	background: url(../images/ots4/bullet-6.png) 6px 4px no-repeat;
}

blockquote {
	color: #333333;
}

pre {
	background: #f5f5f5;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

span.spread {
	color: #333;
	border-top: 1px dotted #CCCCCC;
	background: #FFF;
}

span.spread img {
padding:6px 4px 0px 4px;
border:0px;
}


span.alert {
	color: #c00;
	border-top: 2px solid #fe7b7a;
	border-bottom: 2px solid #fe7b7a;
	background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.alertleft {
	display: block;
	padding: 8px 10px 8px 40px;
	margin: 9px 0 9px 5px;	
	float: right;
	width: 30%;
	font-size:90%;
	color: #C00;
	border-top: 2px solid #fe7b7a;
	border-bottom: 2px solid #fe7b7a;
	background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 2px solid #629de3;
	border-bottom: 2px solid #629de3;
	background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}


span.infoleft {
	display: block;
	padding: 8px 10px 8px 40px;
	margin: 9px 0 9px 5px;	
	float: right;
	width: 30%;
	font-size:90%;
	color: #0055BB;
	border-top: 2px solid #629de3;
	border-bottom: 2px solid #629de3;
	background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}


span.note {
	color: #B79000;
	border-top: 2px solid #fde179;
	border-bottom: 2px solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}

span.fondo {
	color:#666666;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #999999;
	background:#CCCCCC;
}

span.fondo2 {
	color:#4B4B4B;
	border-top: 3px solid #999999;
	border-bottom: 3px solid #999999;
	background:#E4E4E4;
}

span.fondo3 {
	color:#497526;
	border-top: 2px solid #497526;
	border-bottom: 2px solid #497526;
	background: #C6BF3E;
}

span.fondo4 {
	color:#9E330A;
	border-top: 2px solid #9E330A;
	border-bottom: 2px solid #9E330A;
	background: #FABBA3;
}

span.fondo5 {
	color:#497526;
	border-top: 2px solid #497526;
	border-bottom: 2px solid #497526;
	background: #B1DA8F;
}

span.fondo6 {
	color:#497526;
	border-top: 2px solid #497526;
	border-bottom: 2px solid #497526;
	background: #B1DA8F;
}

span.fondo7 {
	color:#497526;
	border-top: 2px solid #497526;
	border-bottom: 2px solid #497526;
	background: #B1DA8F;
}

span.fondo2left {
	display: block;
	padding: 8px 10px 8px 40px;
	margin: 9px 0 9px 5px;	
	float: right;
	width: 30%;
	font-size:90%;
	color: #999999;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	background: #E2E2E2;	
}

span.fondo2right {
	display: block;
	padding: 8px 10px 8px 40px;
	margin: 9px 5px 9px 0px;	
	float: left;
	width: 30%;
	font-size:90%;
	color: #999999;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	background: #E2E2E2;	
}

span.noteleft {
	display: block;
	padding: 8px 10px 8px 40px;
	margin: 9px 0 9px 5px;	
	float: right;
	width: 30%;
	font-size:90%;
	color: #B79000;
	border-top: 2px solid #fde179;
	border-bottom: 2px solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;	
}

span.download {
	color: #57861A;
	border-top: 2px solid #c2df88;
	border-bottom: 2px solid #c2df88;
	background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}

span.downloadleft {
	display: block;
	padding: 8px 10px 8px 40px;
	margin: 9px 0 9px 5px;	
	float: right;
	width: 30%;
	font-size:90%;
	color: #57861A;
	border-top: 2px solid #c2df88;
	border-bottom: 2px solid #c2df88;
	background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}

#promo {
	background: url(../images/ots4/firenzie_promo.jpg) 0 0 no-repeat;
	margin-bottom: -20px;
	width: 600px;
	height: 194px;
}

.joomla {
font-size:80%;
color: #999;
text-align:center;
display:block;
padding-bottom:8px;
}

.joomla a:link, .joomla a:visited {
color: #999;
}