html, body {
	
	margin: 0;
	
}
body {
	background-color: #EAEADE;
	color: #3F3C30;
	margin:0; padding:0;
    font-size: 12px; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

#badge {
	display: none;
	position: absolute; 
	right: 20px; 
	bottom: 50px; 
	margin: 0; 
	padding: 0; 
	border: none; 
	float: none;
	z-index: 99;
} 
#badge a img { 
	background-color: transparent; 
	color: white; 	
	border: none; 
	text-decoration: none; 
}

#skipnav {
	display: none;
}




#idx_page_search form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#idx_page_search {
	text-align: left;
	display: inline-block;
	width: 163px;
	height: 32px;
	margin: 0 4px 0 0;
	padding: 0;
	background-image: url('../media/idx_search_bg.png');
	background-repeat: no-repeat;
}
#idx_page_search_txt {
	margin: 4px 0px 0 6px;
	height: 20px;
	width: 110px;
	background-color: #ffffff;
	border: 0px solid #cccccc;
	outline: none;
	font-size: 10px;
}




#idx_page_container {

    border: 0px solid #ffff00;
    padding-bottom: 110px;	/* Height of the footer */
	
}

.push {
	/*
	overflow:auto;
	padding-bottom: 130px;
	*/
}


#idx_lside {
	float: left;
	
	width: 680px;
	max-width: 680px;
}
#idx_rside {
	float: right;
	width: 260px;
	max-width: 260px;
	overflow: hidden;
	
}







.fb_bttn, .tw_bttn, .yt_bttn {
	border: 1px solid #80807F;
	display: inline-block;
	padding: 2px 2px 2px 2px;
}
.fb_bttn {
	background-color: #365495;
}
.tw_bttn {
	background-color: #B0EBEE;
}
.yt_bttn {
	background-color: #ffffff;
}


.search_results {
	margin: 0 0 0 0;
	background-color: #ffffff;
	padding: 12px 12px 12px 12px;
	font-size: 11px;
	
}




/*-------------*/

#idx_page_mnu {
	text-align: right;
	height: 80px;
	padding: 0 0 0 0;
	margin: 0 0 1px 0;
	min-width: 1132px;
	
	background-color: #3D3D3C;
	border-bottom: 2px solid #96D746;
}
#idx_page_rum {
	float: left;
	width: 320px;
	padding-top: 0px;
}

#idx_page_rum_mnu {
	color: #ffffff;
	float: left;
	margin: 12px 0 0 6px;
	
	
}

#idx_page_rum_mnu a, #idx_page_rum_mnu a:visited {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	line-height: 24px;
	display: block;
	float: left;
	padding: 2px 4px 2px 4px;
	margin-right: 4px;
	outline: none;
}
#idx_page_rum_mnu a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#uprm_full_mnu_ct {
    margin : 0 0 0 0;
    padding: 0 5px 2px 5px;
    display: block;
    height: 150px;

    overflow: hidden;
        
    color: #ffffff;
    
    background: url(../media/full_mnu_bg.png) repeat-x;
    z-index: 9991;
    
    position: absolute;
    top: 82px;
    left: 130px;
    
    -moz-box-shadow: 2px 1px 6px #404040;
    -webkit-box-shadow: 2px 1px 6px #404040;
    box-shadow: 2px 1px 6px #404040;
}
#uprm_full_mnu_ct .closebox {
	position: absolute;
	bottom: 2px;
	right: 2px;
	display: block;
	
	width: 20px;
	height: 20px;
}
#uprm_full_mnu_ctx {
    padding: 0 0 0 0;
    font-weight: normal;
	width: 900px;
}
#uprm_full_mnu_ctx .col {
    padding: 3px 0 0 0;
    margin: 0 0 0 0;
    float: left;
    width: 25%;
    position: relative;
    
}
#uprm_full_mnu_ctx ul {
    text-align: left;
    margin: 0 0 0 0;
    padding: 0px 0px 0.5em 0px;
    color: #ffffff;
    list-style-type: none;
    display: block;
}

#uprm_full_mnu_ctx li {
    font-weight: normal;
    
    color: #CCCCCC;
    list-style-image: none;
    list-style-type: none;
}

#uprm_full_mnu_ctx li.title {
    font-weight: bold;
    color: #ffffff;
}
#uprm_full_mnu_ctx li a {
    line-height: 1.4em;
    text-decoration: none;
    color: #CCCCCC;
	outline: none;
}
#uprm_full_mnu_ctx li a:hover {
    text-decoration: underline;
}
#uprm_full_mnu_ctx li.title a {
    color: #ffffff;
	outline: none;
}

.portada_portico {
	z-index: -1;
	position: absolute;
	
	top: 42px;
	left: -180px;
	
	display: block;
}

#idx_page {
	min-height:100%;
	position:relative;
	overflow:hidden;  /* Fix Firefox y Safari bug */

}
#idx_page_body {
	width: 960px;
	padding-top: 12px;
	margin-left: auto;
	margin-right: auto;
	
}

#idx_page_footer {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    border: 0px solid #ff0000;
	background-color: #e2e2e2;
    
	position:absolute;
	bottom: 0;
	
	width: 100%;
    height: 100px;

}
#idx_page_footer_body {
	
    min-height: 120px;
    clear: both;
    padding: 0 0 0 0;
    margin-top: 0;
    margin-bottom: 0;
	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#idx_page_address {
	float: left;
	height: 120px;
	width: 280px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
	border-right: 1px solid #ababab;
}
#idx_page_address > img {
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
}
#idx_page_footer_body > ul {
	float: left;
	display: block;
	height: 120px;

	overflow: hidden;
	list-style-type: none;
	margin: 0px 6px 0px 6px;
	border-right: 1px solid #ababab;
	padding: 8px 6px 0px 0px;
	
}
#idx_page_footer_body > ul > li {
	padding: 0 0 0 0;
	line-height: 18px;
}
#idx_page_footer_body > ul > li > a, #idx_page_footer_body > ul > li > a:visited {
	color: #333333;
	text-decoration: none;
}



#rss {
	background-image: url("../media/social.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -155px 0px;
}
#rss:hover {
	background-position: -155px -23px;
}
#fb {
	background-image: url("../media/social.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
}
#fb:hover  {
	background-position: 0px -23px;
}
#tw {
	background-image: url("../media/social.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -21px 0px;
}
#tw:hover  {
	background-position: -21px -23px;
}
#yt {
	background-image: url("../media/social.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -42px 0px;
}
#yt:hover  {
	
	background-position: -42px -23px;
}
#it {
	background-image: url("../media/social.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -105px 0px;
}
#it:hover {
	background-position: -105px -23px;
}

#mnu_social a, #mnu_social a:focus {
	display: inline-block;
	height: 19px;
	width: 19px;
	margin-right: 3px;
	outline: none;
	padding: 0;
	text-indent: 30px;
	overflow: hidden;
	
	float: none;
}
#mnu_social {
	margin-right: 19px;
	position: absolute;
	right: 0;
	top: 12px;
	z-index: 10;
}

#page_title {
	margin: 4px 10px 10px 0px;
}
#page_title h2 {
	font-size: 30px;
	font-family: "Times New Roman",Georgia,Serif;
	color: #298238;
	
	margin: 0px 0px 0px 0px;
	text-shadow: #9B9B9B 1px 1px 3px;
}
#page_title span {
	font-size: 18px;
	font-family: "Times New Roman",Georgia,Serif;
	color: #212121;
	padding-left: 20px;
	margin: 0px 0px 0px 0px;
	text-shadow: #3D3D3C 2px 2px 3px;
}

#page_title {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#page_body h2  {
	color: #005fa9 !important;
	font-weight: bold !important;
	font-size: 1.2em !important;
	margin-top: 12px;
}
#page_body .highlight {
	
	padding: 12px 12px 12px 24px;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	text-shadow:1px 1px 0px #3A3A3A;
	background-color: #628B28;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(98,139,40)),
		color-stop(0.7, rgb(186,226,133))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(98,139,40) 0%,
		rgb(186,226,133) 70%
	);
}

.enum_button, .enum_button:visited {
	display: inline-block;
	width: 20px;
	
	text-align: center;

	background-color: #474747;
	
	border: 1px solid #9B9B9B;
	text-decoration: none;
	margin-right: 8px;
	
	
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	
	border-radius: 4px;
}
.enum_button:hover {
	border: 1px solid #FFFFFF;
	background-color: #D6D6D6;
	color: #ffffff;
}



.fileindex a {
   display:inline-block;
   color: #444;
   background-position: 2px 2px;
   background-repeat: no-repeat;
   padding-left: 24px;
   line-height:20px;
   vertical-align: middle;
   text-decoration: none;
}

.pdf  { background-image: url(http://www.uprm.edu/uprm4/media/sico_pdf.gif); }

.html { background-image: url(http://www.uprm.edu/portada/cms/media/html.png); }
   
.cal { background-image: url(http://www.uprm.edu/portada/cms/media/cal.png); }

.word { background-image: url(http://www.uprm.edu/uprm4/media/sico_word.gif); }

.any { background-image: url(http://www.uprm.edu/portada/cms/media/layout_link.png); }

.ex { background-image: url(http://www.uprm.edu/portada/cms/media/page_excel.png); }

.ppt { background-image: url(http://www.uprm.edu/portada/cms/media/ppt.png); }

.image { background-image: url(http://www.uprm.edu/portada/cms/media/pictures.png); }
   
.csv { background-image: url(http://www.uprm.edu/portada/cms/media/database_table.png); } 

.mp4 { background-image: url(http://www.uprm.edu/portada/cms/media/film.png); }
   
.mp3 { background-image: url(http://www.uprm.edu/portada/cms/media/cd.png); }
   
.rtf { background-image: url(http://www.uprm.edu/portada/cms/media/email_open.png); }

.pub { background-image: url(http://www.uprm.edu/portada/cms/media/book_link.png); }

.zip { background-image: url(http://www.uprm.edu/portada/cms/media/zip.png);} 

/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#e4eae0; border:1px solid #ececec;}
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#a82d10;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}





/********** Tab Menu **********/
.tab_menu {
	margin-top: -10px;
	padding: 2px 2px 2px 2px;
	
	background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
}
.tab_menu a,.tab_menu a:visited {
	display: inline-block;
	text-decoration: none;
	background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
	padding: 4px 4px 4px 4px;
	color: #222222;
}
.tab_menu a:hover {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	background-color: #EEE;
	background-image: -webkit-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -moz-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -ms-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -o-linear-gradient(top,#EEE,#E0E0E0);
	background-image: linear-gradient(top,#EEE,#E0E0E0);
}
.tabselected {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	background-color: #EEE;
	background-image: -webkit-linear-gradient(top,#EEE,#E0E0E0) !important;
	background-image: -moz-linear-gradient(top,#EEE,#E0E0E0) !important;
	background-image: -ms-linear-gradient(top,#EEE,#E0E0E0) !important;
	background-image: -o-linear-gradient(top,#EEE,#E0E0E0) !important;
	background-image: linear-gradient(top,#EEE,#E0E0E0) !important;
}
.tabcontainer{
	

}
.new_page {
	background-color: #F6EBB9;
	border: 1px dashed #B79847;
}
.new_page a,.new_page a:visited {
	text-decoration: none;
	color: #000000;
}

.dialog {
	display: none;
}

.new_page_dlg {

}


.add_items {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	
	border: 1px solid #A3A3A3;
	background-color: #ffffff;
}

.add_items a, .add_items a:visited {
	outline-style:none;
	display: block;
	border-bottom: 1px solid #A3A3A3;
	
	background-image: url(../media/list-add.png);
	background-repeat: no-repeat;
	padding: 2px 4px 2px 20px;
	margin: 0 -2px 0 -2px;
	
	
	color: #000000;
	text-decoration: none;
}
.add_items a:hover {
	background-color: #cccccc;
	
	background-image: url(../media/list-add.png);
	background-repeat: no-repeat;
}

.fileupload_frame {
	border-width: 0;
}
.site_file_list {
    border: 1px solid #cccccc;
    overflow: scroll;
	padding: 4px 2px 4px 2px;
	margin: 4px 4px 4px 4px;
	min-height: 200px;
}
.site_file_list .file_entry {
	display: block;
	float: left;
	min-width: 48px;
	min-height: 48px;

	margin: 2px 2px 2px 2px;

}


.site_file_list .file_entry a, .site_file_list .file_entry a:visited {
	display: inline-block;
	
	padding: 40px 2px 4px 2px;
	margin: 6px 2px 2px 2px;
	
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 50% 2px;
	
	color: #000000;
	white-space: pre-wrap;
	white-space: pre-line;
	
	text-align: center;
	
	border: 1px solid #ffffff;
	border-radius: 6px 6px 6px 6px;
}
.site_file_list .file_entry a:hover {
	background-color: #BFD9E8;
	border: 1px solid #9BB8C8;
}

.site_file_list .file_entry .file_upload {
	font-weight: bold;
	font-style:italic;
	background-image: url(../media/file_cloud_off.png);
}

.site_file_list .file_entry .file_upload:hover {
	background-image: url(../media/file_cloud_on.png);
	background-color: #F6EBB9;
	border: 1px solid #EED39C;
}
.site_file_list .file_entry .fimage {
	background-image: url(../media/file_image.png);
}
.site_file_list .file_entry .fany {
	background-image: url(../media/file_any.png);
}
.site_file_list .file_entry .ftext {
	background-image: url(../media/file_text.png);
}
.site_file_list .file_entry .fpdf {
	background-image: url(../media/file_pdf.png);
}
.site_file_list .file_entry .fdoc {
	background-image: url(../media/file_doc.png);
}
.site_file_list .file_entry .fppt {
	background-image: url(../media/file_ppt.png);
}
.site_file_list .file_entry .fxls {
	background-image: url(../media/file_xls.png);
}
.site_file_list .file_entry .fzip {
	background-image: url(../media/file_zip.png);
}
.site_file_list .file_entry .fzip {
	background-image: url(../media/file_zip.png);
}


.imgB1 { position: relative; top: -173px; right: -873px; z-index: 3; border: 0;  }


.news_msg {border-left: 2px solid #CCC; padding-left: 8px; color: #30312f; font-size: 1.8 em; }
.news_date {  margin-top: 5px; padding-left: 8px; color: #999;}

.homebox { margin: 0px; padding: 0px; height: auto; overflow: hidden; border-top: 1px solid #E3DAC9;}
.gmap { float: left; width: auto; overflow: hidden;  }
.mycal {float: right;  width: 315px;}


#map_canvas{ width: 803px; height: 521px; }

#howto{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 16px;
	background-image: url(../media/magnifier.png);
	text-decoration: none;
}

.setmenu{ text-decoration: none; color: #3D3D3B;}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.morered{color: #B94A48;}