/* @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%;
line-height: normal;
}

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;*/ 151px;
	position: relative;
}

#logo {
	width: 230px;
	height: 55px;
	margin-top: 50px;
	margin-left: 18px;
}

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

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

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-top: 20px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 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 -56px;
	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%;
	}
.tableheadergreen {
	text-align:left;
	background-color:#7BC143;
	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%;
}
.boxleft2 {
	border-left: 1px solid #CCC;
	padding: 0px 0px 0px 10px;
	margin-left: 10px;
	float: right;
	width: 40%;
	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 */
/* ---------- estilos Carlos  ------- */
.tituloadverti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0000;
}
.contactenos1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	font-style: normal;
}
.boldgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #336600;
}
span.noteleft2 {
	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-color: #FEF6D8;
	background-image: url(http://www.ots.ac.cr/templates/rt_firenzie/images/status-note.png);
	background-repeat: no-repeat;
	background-position: 10px 5%;
}
.noteyellow {
	font-size: 10px;
	color: #B79000;
	font-weight: bold;
}
.noteyellow a:link {
	font-size: 10px;
	color: #B79000;
	font-weight: bold;
	text-decoration: none;
}
.noteyellow a:hover {
	font-size: 10px;
	color: #009900;
	font-weight: bold;
	text-decoration: none;
}
.carboback {
	background-image: url(http://www.ots.ac.cr/images/downloads/carbono/backmenucar.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.verdenolink {
	color: #336600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
	float: left;
}
.greennolink {
	color: #336600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.graduatepro {
	background-color: #f1f1f1;
	border: 1px solid #dddddd;
	padding: 5px;
}
.department1 {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.position2 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.biggerlink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.greenbox {
	color: #666666;
	border-top: 2px solid rgb(194, 223, 136);
	border-bottom: 2px solid rgb(194, 223, 136);
	background-attachment: scroll;
	background-color: rgb(238, 247, 221);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
.titleprog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #387C2C;
}
.maintext {
	width:95%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 12px;
}
#sectionscat {
	float: left;
	width: 605px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
}
.imgedu {
	float: left;
	width: 219px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.sectioninfo {
	float: right;
	width: 370px;
}
.contactedu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7b7b7b;
	text-align: right;
	float: right;
	padding-right: 5px;
        width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
background-color: #f3f3f3;
}
.listedu a {
	color: #333333;
	text-decoration: none;
}
.listedu a:hover {
	color: #ff9901;
	text-decoration: underline;
}
#tableinfo {
	background-color: #D8E5F8;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #639DE3;
	border-bottom-color: #639DE3;
	background-image: url(http://www.ots.ac.cr/templates/rt_firenzie/images/status-info.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 30px;
}
#coursebookbox {
	float: left;
	width: 607px;
}
.titlecourse {
	float: right;
	width: 124px;
	margin-top: 30px;
	padding-right: 5px;
	padding-left: 5px;
}
.mainbook {
	background-image: url("http://www.ots.ac.cr/images/downloads/education/coursebook.png");
	background-repeat: no-repeat;
	float: left;
	height: 204px;
	width: 134px;
	margin-top: 5px;
	margin-right: 17px;
	margin-bottom: 8px;
}
.coursedatails {
	background-color: rgb(56, 124, 44);
	padding: 5px;
	float: right;
	width: 110px;
	margin-top: 10px;
}
.shadow1 {
-moz-box-shadow: 3px 3px 3px #888;
-webkit-box-shadow: 3px 3px 3px #888;
box-shadow: 3px 3px 3px #888;
}
.titlemain7 {
	float: left;
	width: 605px;
}
.cajaparados {
	float: left;
	height: auto;
	width: 134px;
	padding-top: 8px;
padding-right: 17px;
}
.courseid {
	float: left;
	height: auto;
	width: 130px;
background-color: rgb(248, 248, 248);
padding: 3px;
margin-bottom: 15px;
}
.bordepic1 {
	border: 1px solid #CCCCCC;
}
.fitdiv {
	clear: both;
	float: left;
	width: 607px;
}

.undergradalink a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.undergradalink a:hover {
	color: #b1da8f;
}
.undergradalink2 a {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.undergradalink2 a:hover {
	color: #387C2C;
}
.button23, .button23 span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button23 {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
	width: 97%;
	text-align: center;
}
.button23.full, .button23.full span {
	display: block;
}
.button23:hover, .button23.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button23:active, .button23.active {
	top:1px;
}
.button23 span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}
.button23.small span {
	font-size:12px;
}
.button23.medium span {
	font-size:14px;
}
.button23.large span {
	font-size:18px;
}
.button23.black {
	background-color: #333333;
}
.button23.gray {
	background-color: #666666;
}
.button23.white {
	background-color: #FFFFFF;
}
.button23.white span{
	color: #666666;
}
.button23.red {
	background-color: #e62727;
}
.button23.orange {
	background-color: #ff5c00;
}
.button23.magenta {
	background-color: #A9014B;
}
.button23.yellow {
	background-color: #ffb515;
}
.button23.blue {
	background-color: #00ADEE;
}
.button23.pink {
	background-color: #e22092;
}
.button23.green {
	background-color: #91bd09;
}
.button23.rosy {
	background-color: #F16C7C;
}
.button23.brown {
	background-color: #804000;
}
.button23.purple {
	background-color: #800080;
}
.button23.cyan {
	background-color: #46C7C7;
}
.button23.gold {
	background-color: #D4A017;
}
.buttongreenfit {
    white-space: nowrap;
    line-height: 1em;
    position: relative;
    outline: medium none;
    overflow: visible;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0% 0% transparent;
    -moz-user-select: none;
    margin-bottom: 10px;
    text-align: center;
}
.listcourseboooks {
	margin-bottom: 5px;
}
.listcourseboooks a {
	font-size: 12px;
	padding-left: 5px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #999999;
	color: #000000;
	text-decoration: none;
}
.listcourseboooks a:hover {
	padding-left: 5px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #387C2C;
	color: #387C2C;
	text-decoration: none;
}
.center1 {
	color: #000000;
	background-color: #f3f3f3;
	float: left;
	width: 98%;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 170%;
	line-height: normal;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.extrainfo {
	color: #FFFFFF;
	font-size: 12px;
	background-color: #F5F5F5;
	padding: 5px;
}
.extrainfo a {
	color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
	margin-right: 3px;
	margin-bottom: 10px;
	line-height: 30px;
}
.extrainfo img {
	padding-right: 3px;
	margin-top: 3px;
}
.extrainfo a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #7BC143;
}
.button24, .button24 span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button24 {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
	width: 150px;
	text-align: center;
}
.button24.full, .button24.full span {
	display: block;
}
.button24:hover, .button24.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button24:active, .button24.active {
	top:1px;
}
.button24 span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}
.button24.small span {
	font-size:12px;
}
.button24.medium span {
	font-size:14px;
}
.button24.large span {
	font-size:18px;
}
.button24.orange {
	background-color: #ff5c00;
}
.button24.green {
	background-color: #7BC143;
}
.button231, .button231 span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button231 {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
	width: 370px;
	text-align: center;
}
.button231.full, .button231.full span {
	display: block;
}
.button231:hover, .button231.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button231:active, .button231.active {
	top:1px;
}
.button231 span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}
.button231.small span {
	font-size:12px;
}
.button231.medium span {
	font-size:14px;
}
.button231.large span {
	font-size:18px;
}
.button231.orange {
	background-color: #ff5c00;
}
.button231.green {
	background-color: #91bd09;
}
.imgleft2 {
	border: 1px solid rgb(204, 204, 204);
	padding: 2px;
	background-color: rgb(238, 238, 238);
	float: left;
	margin-top: 0px;
margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
}
<!--Nuevos estilos para la portada-->
ul.arrow-69 {
padding-left: 20px;
}
ul.arrow-69 li {
	background: url("http://www.ots.ac.cr/images/arrow23.png") no-repeat scroll 2px 2px transparent;
	line-height: 17px;
}
ul.arrow-69 li {
	list-style: none outside none;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-left: 24px;
	padding-right: 5px;
}
ul.arrow-69 li a:hover {
	list-style: none outside none;
	color: #000000;
	text-decoration: none;
}
.send-curriculum {
    border-bottom: 1px solid #360;
    clear: both;
    height: 70px;
    margin-bottom: 39px;
}
.send-curriculum a, .send-curriculum a:hover {
	background-color: #360;
    border-radius: 5px;
    clear: both;
    color: #fff;
    display: block;
    float: right;
    font-size: 16px;
    height: 20px;/arreglo/www.ots.ac.cr/
    margin: 18px 0;
    padding: 7px;
    text-align: center;
    width: 154px;
	text-decoration:none;
}
.send-curriculum a:hover {
	background-color: #ff9900;
}
#ff_elem735, #ff_elem765, #ff_elem733 {
    width: 250px;
}