/* ----------------------------------------	*/
/* CSS File for Bachillerato							 	*/
/* author: keepU   						 							*/
/* date: 03/2008   						 							*/
/* ---------------------------------------- */

/****************
*	DEFAULT STYLES
****************/

*{
	margin:0px;
	padding:0px;
	border: none;
	text-decoration:none;
	background:transparent;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body{
	background:transparent url('/images/bgBody.gif');
}

body.pop-up{
	background:#ffffff;
}

u {
  text-decoration:underline;
}

strike {
  text-decoration:line-through;
}

a:hover{
	text-decoration:underline;
}
a.noUnderline:hover{
	text-decoration:none;
}

a.defaultColor{
	font-weight:bold;
	color:#333333;
}
img.iconaCantonada{
	margin-left:145px;
	margin-top:-30px;
	position:absolute;
}
img.iconaCantonada3{
	margin-left:185px;
	margin-top:-30px;
	position:absolute;
}

/***************************
*	COLOR & STYLE DECLARATION
***************************/

.blackColor{
	color:#333333;
}
.blackColorLite{
	color:#333333;
	font-size:11px;
}
.blackColorSub{
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
}
.greyColor{
	color:#999999;
}
.greyColorBold{
	color:#999999;
	font-weight:bold;
}
.greyhardColor{
	color:#666666;
}
.whiteColor{
	color:#ffffff;
}
.greenColor{
	color:#00cc00;
}
.redhardColor{
	color:#990000;
}
.boldText{
	font-weight:bold;
}
.boldTextP{
	font-weight:bold;
	padding-left:5px;
}
.normalText{
	font-weight:normal;
	letter-spacing:0px;
}
.italicText{
	font-style:italic;
}
.tenText{
	font-size:10px;
}
.seventeenText{
	font-size:17px;
}
.textToRight{
	text-align:right;
}
.textToLeft{
	text-align:left;
	margin-left:300px;
	padding-top:5px;
}
.fontSize10 {
  font-size:10px !important;
}

/***********************
*	STRUCTURE DECLARATION
***********************/

div.mainContent{
	width:981px;
	margin:auto;
	background:#ffffff;
}
div.mainContentPopUp{
	width:425px;
	margin:auto;
	background:#ffffff;
}
div.content{
	width:981px;
	float:left;
	background:#ffffff;
}
div.contentPopUp{
/*	width:425Px;*/
	float:left;
	background:#ffffff;
}
div.headerContent{
	width:941px;
	height:109px;
	/*background:url('/images/bgHeader.gif') no-repeat top left;*/
        background: no-repeat top left;
	padding:20px;
	padding-bottom:0px;
}
div.leftContent{
	width:220px;
	padding-left:17px;
	float:left;	
	padding-bottom:24px;
}
div.rightContent{
	width:744px;
	float:right;
	padding-bottom:24px;
}
div.centerContent{
	width:947px;
	padding-left:17px;
	padding-right:17px;
	float:left;	
	padding-bottom:24px;
}
div.centerContentPopUp{
	padding-top:15px;
	padding-left:17px;
	padding-right:17px;
	float:left;	
	padding-bottom:20px;
}
div.footContent{
	background:url('/images/bgFoot.gif') no-repeat top left;
	clear:both;
	padding:20px;
	width:941px;
}

/****************
*	HEADER CONTENT
****************/

div.headerContent img.logoBachillerato{	
        width:504px;
	height:104px;	
	margin-top:-11px;
	float:left;
}
div.headerContent p.projectAuthor{
	clear:right;
	text-align:right;
}
div.headerContent p.projectAuthor span.createdBy{
	float:right;
	font-size:11px;
	margin-top:17px;
	margin-right:5px;
}
div.headerContent p.projectAuthor img.logoMcGrawHill{
	float:right;
	margin-top:17px;
}
table.header {
  width:100%;
  height:26px;
  margin-top:3px;
  margin-bottom:20px;
  padding-left:17px;
  padding-right:20px;
  border:none;
}
table.header td {
  vertical-align:bottom;
}

/**************
*	FOOT CONTENT
**************/

div.footContent ul.toolList{
	display:block;
	margin:auto;
	width:500px;
	text-align:center;
}
div.footContent ul.toolList li{
	list-style:none;
	display:inline;
}
div.footContent ul.toolList li a{
	font-size:10px;
}
div.footContent ul.toolList li a:hover{
	text-decoration:underline;
}
div.footContent span.copyRight{
	position:absolute;
	font-size:10px;
}

/*********
*	CONTENT
*********/

div.content h1{
	font-size:17px;
	letter-spacing:-1px;
}

div.content h2{
	font-size:14px;
	letter-spacing:-1px;
}
div.content div.free{
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
}
div.content div.separator15{
	float:none;
	clear:both;
	height:15px;
	line-height:15px;
}

div.content img.iconCorner{
	position:absolute;
	margin-left:158px;
	margin-top:-6px;
}
div.content img.iconCornerExtraLarge{
	position:absolute;
	margin-left:906px;
	margin-top:-6px;
}
div.content img.iconCornerBig{
	position:absolute;
	margin-left:679px;
	margin-top:-6px;
	z-index:1;
}
div.content a.goToTop{
	margin-top:25px;
	margin-right:24px;
	float:right;
}

/**************
*	LEFT CONTENT
**************/

div.leftContent div.box{
	margin-top:20px;
}

div.leftContent div.box2{
}

div.leftContent div.boxLite{
	width:167px;
	padding-left:14px;
	padding-right:14px;	
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
}
div.leftContent span.boxLiteTop{
	display:block;
	width:199px;
	height:10px;
	line-height:10px;
}
div.leftContent span.boxLiteBottom{
	display:block;
	width:199px;
	height:10px;
	line-height:10px;
}
div.leftContent div.modelA{
	background:url('/images/boxLiteA.gif') no-repeat bottom left;
}
div.leftContent ul.menuList{
	display:block;
	padding-bottom:10px;
}
div.leftContent ul.menuList li{
	list-style:none;
	padding-top:5px;
}
div.leftContent ul.subMenuList{
	display:block;
	padding-top:5px;	
	padding-bottom:5px;
	padding-left:15px;
}
div.leftContent ul.subMenuList li.submenu{
	list-style:none;
	padding-left:15px;
}
div.leftContent ul.contactList{
	display:block;
}
div.leftContent ul.contactList li{
	list-style:none;
	padding-top:5px;
	/*padding-bottom:15px;*/
}
div.leftContent ul.contactList li p.infoContact{
	margin-top:-30px;
	margin-left:45px;
}
div.leftContent ul.contactList li p.infoBlog{
	margin-top:-30px;
	.margin-top:-12px;
	margin-left:5px;
}
div.leftContent ul.contactList li a.inactiveContact img{
	border:2px solid #ff0000;
}
div.leftContent ul.contactList li a.activeContact img{
	border:2px solid #00ff33;
}

/**************
*	RIGHT CONTENT
**************/
div.moduleWelcome{
	float:left;
	width:459px;
	padding:10px;
	padding-top:0px;
	padding-bottom:70px;
	background:url('/images/bgBenvinguda.jpg') no-repeat top right;
	margin-left:5px;
	margin-right:5px;
	padding-left:30px;
}
div.moduleWelcomePublic{
	float:left;
	width:479px;
	padding:10px;
	padding-top:0px;
	padding-bottom:40px;
	/*background:url('/images/img_bienvenida_publica.jpg') no-repeat top right;*/
	margin-left:5px;
	/*margin-right:5px;
	padding-left:0px;*/
}
div.moduleWelcomePublic img.welcome{
	float:right;
	margin-left:5px;
	margin-bottom:10px;
}
div#breadcrumb {
  font-size:11px;
  font-weight: bold;
}

div#breadcrumb a{
  font-weight: normal;
}

div.rightContent div.box{
	margin-top:24px;
}
div.rightContent div.boxLarge{
	width:686px;
	padding-left:15px;
	padding-right:15px;	
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	padding-bottom:8px;
}

div.rightContent span.boxLargeTop{
	display:block;
	width:720px;
	height:10px;
	line-height:10px;
}
div.rightContent span.boxLargeBottom{
  float:left;
  display:block;
	width:720px;
	height:10px;
	line-height:10px;
}
div.rightContent div.modelJ{
	background-color:white;
}
div.rightContent span.modelJtop{
	background:url('/images/boxLargeJTop.gif') no-repeat bottom left;
}
div.rightContent span.modelJbottom{
	background:url('/images/boxLargeJBottom.gif') no-repeat top left;
}
div.rightContent div.moduleLarge{
	width:658px;
	padding:7px;
	padding-left:14px;
	padding-right:14px;
	padding-top:10px;
	.margin-top:16px;
	clear:both;
}
div.rightContent span.moduleLargeBottom{
	display:block;
	width:686px;
	height:8px;
	line-height:8px;
	margin-bottom:16px;
	.margin-bottom:0px;
}
div.rightContent div.moduleVisible, div.rightContent span.moduleVisible, .moduleVisible{
	display:block;
}
div.rightContent div.moduleInvisible, div.rightContent span.moduleInvisible, .moduleInvisible{
	display:none;
}
div.rightContent div.modelE{
	background:#f1f1f1 url('/images/moduleLargeETop.gif') no-repeat top left;
}
div.rightContent span.modelEbottom{
	background:url('/images/moduleLargeEBottom.gif') no-repeat bottom left;
}
div.rightContent div.moduleLarge p{
	margin-top:10px;
}

ul.StyleNone li{
	list-style-type:none;
}
div.rightContent div.moduleLarge a.moduleBtnMinimize, a.moduleBtnMinimize{
	float:right;
	margin-top:-19px;
	margin-right:-7px;
	background:url('/images/icoMinimize.gif') no-repeat top left;
	width:16px;
	height:16px;
}
div.rightContent div.moduleLarge a.moduleBtnMaximize, a.moduleBtnMaximize{
	float:right;
	margin-top:-19px;
	margin-right:-7px;
	background:url('/images/icoMaximize.gif') no-repeat top left;
	width:16px;
	height:16px;
}
div.rightContent div.moduleLarge a.moduleBtnMinimize:hover, div.rightContent div.moduleLarge a.moduleBtnMaximize:hover, a.moduleBtnMaximize:hover, a.moduleBtnMinimize:hover{
	text-decoration:none;
}

div.rightContent div.boxNoMarginTop{
	margin-top:-15px;
}

/* Start Tabs */

ul.tabList{
	float:left;
	width:718px;
	margin-top:-8px;
	margin-left:-15px;
	position:absolute;
	background:url('/images/bgTab.gif') repeat-x 0px 25px;
}
ul.tabList li{
	list-style:none;
	float:left;
	height:27px;
	line-height:27px;
	vertical-align:middle;
	padding-left:15px;
	padding-right:15px;
}
ul.tabList li a, ul.tabList li span{
	font-size:14px;
	letter-spacing:-1px;
}
ul.tabList li.partRight{
	background:url('/images/tabRight.gif') no-repeat top left;
	width:15px;
	height:25px;
	line-height:25px;
	float:left;
	padding:0px;
}
ul.tabList li.partLeft{
	background:url('/images/tabLeft.gif') no-repeat top left;
	width:15px;
	height:25px;
	float:left;
	padding:0px;
}
ul.tabList li.activeTab{
	height:25px;
	line-height:25px;
	border-bottom:1px solid #ffffff;
}

span.borderBottomL{
	border-bottom:1px solid #ffffff;
	display:block;
	height:20px;
	line-height:20px;
	margin-top:5px;
	margin-left:2px;
}
span.borderBottomR{
	border-bottom:1px solid #ffffff;
	display:block;
	display:block;
	height:20px;
	line-height:20px;
	margin-top:5px;
	margin-right:2px;
}

/* End Tabs */

div.rightContent table.tableList{
	margin-top:18px;
}
div.rightContent table.tableEstad{
	margin-top:18px;
	padding-bottom:0px;
}

table.tableEstad td.estadLeft{
	text-align:left;
	vertical-align:top;
}

table.tableEstad td.estadRight{
	text-align:left;
	vertical-align:top;
	padding-top:10px;
	padding-left:120px;
}
										
div.rightContent table.tableList *{
	font-size:11px;
}
div.rightContent table.tableList th{
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	text-align:left;
	padding-right:5px;
	padding-left:10px;
}
div.rightContent table.tableList th.alignCenter{
	text-align:center;
}
div.rightContent table.tableList th.alignLeft{
	text-align:left;
}
div.rightContent table.tableList td{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
}

div.rightContent table.tableList td.noBorder{
	border:none;
}

div.rightContent table.tableList td.alignLeft{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:-5px;
	text-align:left;
}
div.rightContent table.tableList td.alignLeftC{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	text-align:left;
}

div.rightContent table.tableList td.alignLeftNoBorder{
	border-bottom:none;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:-5px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenterC{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:15px;
	text-align:left;
}
div.rightContent table.tableList td.alignLeftName{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenter{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:15px;
	text-align:center;
}
div.rightContent table.tableList td.alignCenterIco{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:35px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenterIcoNoBorder{
	border-bottom:none;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:35px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenterIcoDelete{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:30px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenterIcoDeleteC{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:25px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenterIcoEdit{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:33px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenterIcoContact{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:78px;
	text-align:left;
}
div.rightContent table.tableList td.alignCenterIcoSet{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:26px;
	text-align:left;
}
div.rightContent table.tableList td.pagerListTop{
	padding-bottom:15px;
	padding-top:5px;
	text-align:right;
	border:none;
}
div.rightContent table.tableList td.pagerListBottom{
	padding-top:15px;
	padding-bottom:5px;
	text-align:right;
	border:none;
}
div.rightContent table.tableList td.legendList{
	padding-top:15px;
	padding-bottom:5px;
	text-align:left;
	border:none;
}
div.rightContent table.tableList td.allLegend{
	padding:12px;
	background:#f8f6f6;
	text-align:left;
	border:none;
}
div.rightContent table.tableList td.allLegend2{
	background:#f8f6f6;
	text-align:right;
	padding-right:15px;
	border:none;
}

div.rightContent table.tableList td.legendList span.legendLeft{
	float:left;
	background:url('/images/legendLeft.gif') no-repeat top left;
	width:3px;
	height:24px;
}
div.rightContent table.tableList td.legendList span.legendCent{
	float:left;
	background:#f8f6f6;
	height:20px;
	padding-left:2px;
	padding-right:2px;
	padding-top:4px;
}

div.rightContent table.tableList td.legendList span.legendRight{
	float:left;
	background:url('/images/legendRight.gif') no-repeat top right;
	width:3px;
	height:24px;
}

div.rightContent table.tableList td.toLeft{
	text-align:left;
	border:none;
}
div.rightContent table.tableList td.toRight{
	text-align:right;
	border:none;
}

table.tablePop{
	margin-top:5px;
	margin-bottom:10px;
}
table.tablePop td{
	text-align:left;
	vertical-align:top;
	padding-top:12px;
	padding-right:10px;
}

div.rightContent table.tableForm{
	margin-top:18px;
	margin-bottom:10px;
	
}
div.rightContent table.tableForm td{
	text-align:left;
	vertical-align:top;
/*	padding-top:5px;*/
/*	padding-right:10px;*/
}

div.rightContent table.tableForm td.toRight{
	text-align:right;
}
td.toRight{
	text-align:right;
}
table.toCenter{
	margin-left:170px;
	.margin-left:80px;
}
/* Table Form Search */
table.tableFormSearch{
	float:right;
}
table.tableFormSearch td{
  text-align:right;
  border:none;
}
/* */
div.rightContent table.tableForm input, input{
	border:1px solid #999999;
	background:#ffffff;
	padding:1px;
}
div.rightContent table.tableForm input.inputCheck{
	border:none;
	padding:0px;
	background:transparent;
}
div.rightContent table.tableForm input.inputText, input.inputText{
	width:270px;
}
div.rightContent table.tableForm input.inputTextLite, input.inputTextLite{
	width:90px;
}
div.rightContent table.tableForm input.inputTextMedium, input.inputTextMedium{
	width:162px;
}
div.rightContent table.tableForm input.inputTextMedium2, input.inputTextMedium2{
	width:140px;
}
div.rightContent table.tableForm input.inputTextLarge, input.inputTextLarge{
	width:600px;
}
input.inputTextELarge2{
	width:360px;
}
input.inputTextELarge3{
	width:360px;
}
div.rightContent table.tableForm input.inputText, input.inputTextMail{
	width:215px;
}
div.rightContent table.tableForm select.inputSelect{
	border:1px solid #999999;
	background:#ffffff;
	padding:1px;
	width:138px;   
}
div.rightContent table.tableForm select.inputSelect02{
	border:1px solid #999999;
	background:#ffffff;
	padding:1px;
	width:300px;
	width:250px;
	margin-bottom:3px;
}
div.rightContent table.tableForm textarea{
	border:1px solid #999999;
	background:#ffffff;
/*	width:268px;*/
/*	padding:2px;*/
/*	height:100px;*/
	overflow:auto;
}
div.rightContent table.tableForm textarea.TextMedium{
	border:1px solid #999999;
	background:#ffffff;
	width:214px;
	padding:2px;
	height:75px;
	overflow:auto;
}
div.rightContent table.tableForm textarea.legalNote{
	border:1px solid #999999;
	background:#ffffff;
	width:294px;
	padding:2px;
	height:70px;
	overflow:auto;
}

div.rightContent table.tableForm input.inputButton, div.rightContent table.tableList input.inputButton, input.inputButton, div.rightContent table.tableForm input.inputButton, table.tableFormSearch input.inputButton, input.inputButton{
	background:url('/images/btnMedThin.gif') no-repeat top right;
	width:120px;
	height:20px;
	padding:0px;
	border:none;
	font-size:12px;
	cursor:pointer;
}
input.inputButton:hover{
  color:'#0066ff';
}
div.rightContent table.tableForm input.inputButtonLarge, div.rightContent table.tableList input.inputButtonLarge, input.inputButtonLarge, div.rightContent table.tableForm input.inputButtonLarge, table.tableFormSearch input.inputButtonLarge, input.inputButtonLarge{
	background:url('/images/btnLargeThin.gif') no-repeat top right;
	width:145px;
	height:20px;
	padding:0px;
	border:none;
	font-size:12px;
	cursor:pointer;
}
span.lineDivisor{
	display:block;
	height:1px;
	line-height:1px;
	border-top:1px solid #cccccc;
}
span.lineDivisorWhite{
	display:block;
	margin-top:10px;
	height:10px;
	line-height:10px;
	border-top:3px solid #ffffff;
}
span.examInfo2 li{
	
}

input.inputCheckBox{
	border:none;
	background:transparent;
}

/* Iconos para el detalle de archivos */
div.rightContent table.tableList ul#iconsDetail {
	margin:5px 0 0 20px;
	list-style: none;
  vertical-align: bottom;
}

div.rightContent table.tableList ul#iconsDetail li {
	float: left;
	padding: 0 25px 5px 20px;
	color: #999;
}

div.rightContent table.tableList ul#iconsDetail li#user {
	padding: 0 10px 0 0;
}

div.rightContent table.tableList ul#iconsDetail li#view {
	background: url('/images/eye.png') no-repeat 0 0;
}
div.rightContent table.tableList ul#iconsDetail li#rating {
	background: url('/images/rating.png') no-repeat 0 0;
}
div.rightContent table.tableList ul#iconsDetail li#comments {
	background: url('/images/iu2/bot_comentario.gif') no-repeat 0 0;
	padding: 0 0 0 30px;
        height: 26px;
}
div.rightContent table.tableList ul#iconsDetail li#tag {
	background: url('/images/tag.png') no-repeat 0 0;
}


/*****************
*	CENTER CONTENT
*****************/

div.centerContent div.box{
	margin-top:20px;
}

div.centerContent div.boxLite{
	width:167px;
	padding-left:14px;
	padding-right:14px;	
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
}
div.centerContent span.boxLiteTop{
	display:block;
	width:199px;
	height:10px;
	line-height:10px;
}
div.centerContent div.boxExtraLarge{
	width:914px;
	padding-left:14px;
	padding-right:14px;	
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
}

div.centerContent div.boxExtraLargePopUp{	
	padding-left:14px;
	padding-right:14px;	
}

div.centerContent span.boxExtraLargeTop{
	display:block;
	width:946px;
	height:10px;
	line-height:10px;
}
div.centerContent span.boxExtraLargeBottom{
	display:block;
	width:946px;
	height:10px;
	line-height:10px;
}
div.centerContent span.modelFbottom{
	background:url('/images/boxExtraLargeFBottom.gif') no-repeat bottom left;
}
div.centerContent ul.examInfo, table.tableEstad ul.examInfo{
	display:block;
	float:left;
	margin-top:10px;
	padding-bottom:10px;
}
div.centerContent ul.examInfo li, table.tableEstad ul.examInfo li{
	list-style:none;
	padding-top:3px;
}
div.centerContent div.areaRight{
	float:right;
	text-align:right;
	padding-bottom:10px;
}

div.centerContentPopUp div.boxExtraLargePopUp{
	width:361px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;	
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
/*  background:url('/images/boxExtraLargePopUpTop.gif') no-repeat bottom right;*/
}
div.centerContentPopUp span.boxExtraLargePopUpTop{
	display:block;
	width:373px;
	height:6px;
	line-height:6px;
	background:url('/images/boxExtraLargePopUpTop.gif') no-repeat bottom right;
}
div.centerContentPopUp span.boxExtraLargePopUpBottom{
	display:block;
	width:373px;
	height:6px;
	line-height:6px;
	background:url('/images/boxExtraLargePopUpBottom.gif') no-repeat top right;
	margin-top:-2px;
}
div.centerContentPopUp span.boxExtraLargeTop{
	display:block;
	width:380px;
	height:10px;
	line-height:10px;
	padding-top:5px;
	margin-bottom:-12px;
	margin-left:-6px;
}
div.centerContentPopUp span.boxExtraLargeBottom{
	display:block;
	width:380px;
	height:10px;
	line-height:10px;
	margin-left:-6px;
}
div.centerContent div.modelF{
	background:url('/images/boxExtraLargeF.gif') no-repeat top right;
}
div.centerContent div.modelF2{
	background:url('/images/boxExtraLargeF2.gif') no-repeat top right;
}
div.centerContent span.modelFtop{
	background:url('/images/boxExtraLargeFTop.gif') no-repeat top left;
}
div.centerContent span.modelF2top{
	background:url('/images/boxExtraLargeF2Top.gif') no-repeat top left;
}
div.centerContent span.modelFbottom{
	background:url('/images/boxExtraLargeFBottom.gif') no-repeat bottom left;
}

div.centerContentPopUp span.modelFtopPopUp{
	background:url('/images/boxPopUp.gif') no-repeat bottom left;
}
div.centerContentPopUp span.modelFbottomPopUp{
	background:url('/images/boxPopUpBottom.gif') no-repeat bottom left;
}
div.centerContentPopUp div.moduleExtraLargePopUp{
	width:333px;
	padding:7px;
	padding-left:14px;
	padding-right:14px;
	padding-top:0px;
	clear:both;
}
div.centerContentPopUp span.moduleExtraLargeBottomPopUp{
	display:block;
	width:361px;
	height:6px;
	line-height:8px;
}
div.centerContentPopUp span.modelHbottomPopUp{
	background:url('/images/moduleExtraLargeHBottomPopU.gif') no-repeat top left;
}
div.centerContentPopUp div.moduleExtraLargePopUp ul.answers{
	margin-top:10px;
}
div.centerContentPopUp div.moduleExtraLargePopUp ul.answers li{
	list-style:none;
	padding-top:5px;
	padding-left:19px;
	text-align:justify;
}

div.estads{
	display:block;
}

div.estads div.areaLeft{
	float:left;
	text-align:left;
	padding-bottom:10px;
}
div.estads div.areaRight{
	float:right;
	text-align:left;
	padding-bottom:10px;
	display:inline;
}



div.centerContent ul.marksInfo, div.centerContent table.marksInfo{
	display:block;
	margin-top:30px;	
}

div.centerContent table.marksInfo td{
	padding-left:5px;
	text-align:left;
}
div.centerContent ul.marksInfo li{
	list-style:none;
	padding-top:3px;
}
div.estadText{
	padding:0px;
	margin:0px;
	float:left;
	width:156px;
}
div.estadBarra{
	padding:0px;
	margin:0px;
	float:left;
	width:113px;
}
div.estadNota{
	padding:0px;
	margin:0px;
	
}

div.centerContent p.alumnInfo{
	padding-top:10px;
	padding-bottom:12px;
	float:left;
}
div.centerContent p.mark{
	float:right;
	border:1px solid #cccccc;
	margin-top:8px;
}
div.centerContent span.markTitle{
	font-size:24px;
	padding:5px;
	padding-right:50px;
	background:#f8f6f6;
	float:left;
}
div.centerContent span.markValue{
	font-size:24px;
	background:#ffffff;
	padding:4px;
	padding-right:50px;
	padding-left:50px;
	float:left;
}
div.centerContent div.moduleExtraLarge{
	width:886px;
	padding:7px;
	padding-top:10px;
	padding-left:14px;
	padding-right:14px;
	margin-top:16px;
	clear:both;
}

div.centerContent div.moduleExtraLargePopUp{
	width:333px;
	padding:7px;
	padding-top:10px;
	padding-left:14px;
	padding-right:14px;
	margin-top:16px;
	clear:both;
}

div.centerContent span.moduleExtraLargeBottom{
	display:block;
	width:914px;
	height:8px;
	line-height:8px;
}

div.centerContent span.moduleExtraLargeBottomPopUp{
	display:block;
	width:361px;
	height:6px;
	line-height:8px;
}

div.centerContent div.modelG{
	background:#f1f1f1 url('/images/moduleExtraLargeGTop.gif') no-repeat top left;
}
div.centerContent span.modelGbottom{
	background:url('/images/moduleExtraLargeGBottom.gif') no-repeat bottom left;
}
div.centerContent span.modelHbottomPopUp{
	.margin-top:-3px;
	background:url('/images/moduleExtraLargeHBottomPopU.gif') no-repeat bottom left;
}
div.centerContent div.moduleExtraLarge ul.answers{
	margin-top:10px;
}
div.centerContent div.moduleExtraLargePopUp ul.answers{
	margin-top:10px;
}
div.centerContent div.moduleExtraLarge ul.answers li{
	list-style:none;
	padding-top:5px;
	padding-left:19px;
}
div.centerContent div.moduleExtraLargePopUp ul.answers li{
	list-style:none;
	padding-top:5px;
	padding-left:19px;
	text-align:justify;
}
div.centerContent div.moduleExtraLarge ul.answersIco{
	float:right;
	margin-bottom:7px;
}
div.centerContent div.moduleExtraLarge ul.answersIco li{
	list-style:none;
	float:left;
	padding-right:19px;
}

div.centerContent div.moduleExtraLarge ul.answersIcoLite{
	float:right;
	clear:both;
	margin-top:-16px;
	padding-right:12px;
}
div.centerContent div.moduleExtraLarge ul.answersIcoLite li{
	list-style:none;
	float:left;
	padding-right:5px;
}
div.centerContent div.moduleExtraLarge ul.answersIcoLite li img{
	width:20px;
	height:20px;
}
div.centerContent div.moduleExit{
	display:block;
	width:914px;
	height:25px;
	padding-top:10px;
	text-align:right;
}
div.rightContent table.tableForm select.inputSelectLarge{
	border:1px solid #999999;
	background:#ffffff;
	padding:1px;
	width:274px;
}
td.width220{
	width:220px;
}
div.rightContent div.boxMedium{
	width:315px;
	padding-left:14px;
	padding-right:14px;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
}
div.rightContent span.boxMediumTop{
	display:block;
	width:333px;
	height:10px;
	line-height:10px;
}
div.rightContent span.boxMediumBottom{
	display:block;
	width:333px;
	height:10px;
	line-height:10px;
}
div.rightContent div.boxMarginTop {
	margin-top:25px;
  float:left;
}
div.rightContent div.boxMediumLeft, div.rightContent div.boxMediumRight {
	margin-top:26px;
}
div.rightContent div.boxMediumLeft {
  float:left;
}
div.rightContent div.boxMediumRight{
  float:right;
  padding-right:24px;
}
div.rightContent span.modelItop{
	background:url('/images/boxMediumI.gif') no-repeat bottom left;
}
div.rightContent span.modelIbottom{
	background:url('/images/boxMediumIBottom.gif') no-repeat top left;
}
div.rightContent span.modelKtop{
	background:url('/images/boxMediumK.gif') no-repeat bottom left;
  width:347px;
}
div.rightContent span.modelKbottom{
	background:url('/images/boxMediumKBottom.gif') no-repeat top left;
  width:347px;
}
ul.postList{
	display:block;
	margin-top:10px;
	margin-left:-10px;
}
ul.postList li{
	float:left;
	width:136px;
	list-style:none;
	padding-right:15px;
	border-right:1px solid #cccccc;
	padding-left:10px;
	padding-bottom:10px;
}
ul.postList li p{
	margin-top:10px;
}
ul.postList li.noBorder{
	border:none;
	padding-right:0px;
}

span.modelLargeItop{
	display:block;
	width:686px;
	background:url('/images/boxLargeITop.gif') no-repeat bottom left;
}
span.modelLargeIbottom{
	display:block;
	width:686px;
	background:url('/images/boxLargeIBottom.gif') no-repeat top left;
}

div.modelI{
	background:#ffffff;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	width:654px;
	padding:7px;
	padding-left:14px;
	padding-right:14px;
	padding-top:10px;
	/*.margin-top:16px;*/
	clear:both;
}

/********************
*********************
********************/

p.titular_login{
  width:100px;
	background:transparent;
	font-weight:bold;	
	font-family: Arial,Helvetica, sans-serif;
	line-height: 0.96;
	font-size:16px;
	margin-bottom:9px;
	padding:0px;	   
}
div.perfil{
	width:60%;
  padding-top: 5px;   
}


div.boton_grande{
	display:block;
	width:170px;		
	padding-top:5px;
	padding-bottom:0px;
}
p.btnGrey{
	clear:both;
	height:25px;   
}
span.btnGreyLeft{
	float:left;
	height:25px;
	width:6px;
	background:transparent url('/images/btn/btnGreyLeft.gif') no-repeat top left;
}
span.btnGreyRight{
	float:left;
	height:25px;
	width:6px;
	background:transparent url('/images/btn/btnGreyRight.gif') no-repeat top left;
}
a.btnGreyCenter{
	float:left;
	height:25px;
	background:transparent url('/images/btn/btnGreyCenter.gif') top left;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding-left:22px;
	padding-right:22px;
	line-height:25px;
	vertical-align:middle;
  text-align:center; 
}
div.boton_grande a.btnGreyCenter{
	width:144px;
	float:left;
	height:25px;
	background:transparent url('/images/btn/btnGreyCenter.gif') top left;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px; 
  vertical-align:middle;
}


/**************/
/* PAGINACIÓN */
/**************/
div.pagination span.disabled {
  color: #aaa;
}

div.pagination{
/*	margin:15px 0 15px 0;*/
/*	padding-right:10px;*/
	text-align:right;
/*	width:660px;*/
  font-weight:bold;
}
div.pagination a{
	/*margin:3px;*/
}
.formError{
 	font-size:12px; 	
 	color:#F00;
}

/***********/
/* GALERÍA */
/***********/
.gallery_left_top{
  background: url('/images/gallery/gallery_left_top_2.gif') left top no-repeat ;  
  width: 23px;
  height: 8px;      
}
.gallery_top{
  background: url('/images/gallery/gallery_top_2.gif') top repeat-x;      
}
.gallery_right_top{
  background: url('/images/gallery/gallery_right_top_2.gif') right top no-repeat;
  width: 23px;
  height: 8px;      
}
.gallery_left_bottom{
  background: url('/images/gallery/gallery_left_bottom_2.gif') left bottom no-repeat;
  width: 23px;
  height: 8px;      
}
.gallery_bottom{
  background: url('/images/gallery/gallery_bottom_2.gif') bottom repeat-x;      
}
.gallery_right_bottom{
  background: url('/images/gallery/gallery_right_bottom_2.gif') right bottom no-repeat;
  width: 23px;
  height: 8px;      
}
.gallery_left{
  background: url('/images/gallery/gallery_left_2.gif') left repeat-y;      
}
.gallery_right{
  background: url('/images/gallery/gallery_right_2.gif') right repeat-y;      
}

/****************/
/* NUBE DE TAGS */
/****************/
cloud1{
font-size:10px
}
.cloud2{
font-size:14px
}
.cloud3{
font-size:18px
}
.cloud4{
font-size:22px
}
.cloud5{
font-size:26px
}
.cloud6{
font-size:30px
}
/*****************/
/* OTROS ESTILOS */
/*****************/
table.loginForm tr td{
	padding:2px;
	.padding:1px;
	*padding-bottom:0px;
}
div.botonLogin{
	display:block;
	padding-top:10px;	
	padding-bottom:15px;
	*padding-bottom:0px;
}
div.column2{
	width:510px;
	float:left;
	margin-left:-5px;
	margin-right:-5px;
	.margin-left:2px;
}
div.column3{
	width:215px;
	float:left;
}
div.subcolumn1{
	width: 250px;
	float:left;
	margin-left:0px;
}

div.moduleMedBlue{
	padding-top:10px;
	width:248px;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	display:block;
}
div.moduleMedBlue p.moduleMedBlueTop{
	background:url('/images/pastilla_azul_gran_top.gif') no-repeat bottom left;
	height:12px;
}
div.moduleMedBlue div.moduleMedBlueMiddle{
	background:url('/images/pastilla_azul_gran_middle.gif') no-repeat top right;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	padding:10px 5px 10px 10px;float:left;width:220px;
}
div.moduleMedBlue p.moduleMedBlueBottom{
	background:url('/images/pastilla_azul_gran_bottom.gif') no-repeat top center;
	height:12px;float:left;width:239px;
}

div.moduleLiteBlue{
	width:199px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:20px;
}
div.moduleLiteBlue p.moduleLiteBlueTop{
	background:url('/images/pastilla_azul_peq_top.gif') no-repeat bottom left;
	height:12px;
}
div.moduleLiteBlue div.moduleLiteBlueMiddle{
	background:url('/images/pastilla_azul_peq_middle.gif') no-repeat top right;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	padding:10px;
}
div.moduleLiteBlue div.moduleLiteBlueMiddle p{
	margin-bottom:10px;
}
div.moduleLiteBlue p.moduleLiteBlueBottom{
	background:url('/images/pastilla_azul_peq_bottom.gif') no-repeat top center;
	height:12px;
}

ul.listCenter{
	margin:0;
	padding:0;
	float:left;
}
ul.listCenter li{
	list-style:none;
	float:left;
}
ul.listCenter li div.sep{
	border-bottom: 1px solid #CCC;
	padding-top:0px;
	*padding-top:0px;
	margin-bottom:15px;
	clear:both; 
	width:210px;
	
}
ul.listCenter li div.sepPad{
	border-bottom: 1px solid #CCC;
	padding-top:10px;
	*padding-top:0px;
	margin-bottom:15px;
	clear:both; 
	width:210px;
	
}
ul.listCenter div.listImg{
	padding-top:10px;
	width:100px;
	margin-right:5px;
	float:left;
}
ul.listCenter div.listImg img{
	border:1px solid #CCC;
}
ul.listCenter div.listText{
	padding-top:10px;
	width:115px;
	float:left;
}
ul.listCenter div.franja_gris{
	width:212px;
	background:url('/images/franja_gris.gif') no-repeat bottom left;	
}
ul.listCenter div.listText a:hover{
	text-decoration:underline;
}
ul.listCenter div.listText2{
	width:100%;
}
ul.listCenter div.listText2 p{
	margin-bottom:5px;
}
ul.listCenter div.listText2 p a:hover{
	text-decoration:underline;
}
ul.listCenter div.listText3{
	width:170px;
	float:left;
}
ul.listCenter div.listText3 p a:hover{
	text-decoration:underline;
}
ul.listCenter div.listText3 p{
	margin-bottom:5px;
}
ul.listCenter div.listText4{
	width:470px;
}
ul.listCenter div.listText4 p{
	margin-bottom:5px;
}
ul.listCenter div.listText4 p.nosub a:hover{
	text-decoration:underline;
}
ul.listCenter div.listText4 p a:hover{
	text-decoration:underline;
}

ul.listInfo li{
	list-style:none;
	display:block;
	margin-top:2px;
	margin-bottom:3px;
	font-weight:normal;
	}
ul.listInfo li a:hover{
	text-decoration:underline;
}

ul.listInfo4 li{
	list-style:none;
	display:block;
	margin-bottom:3px;
	font-size:11px;
	width:100%;
}
ul.listInfo4 li strong{
	font-size:11px;
}
ul.listInfo4 li a{
	font-size:11px;
	font-weight:bold;
}
ul.listInfo4 li a:hover{
	text-decoration:underline;
}
ul.listInfo5 li{
	width:190px;
	list-style:none;
	display:block;
	margin-bottom:3px;
	font-size:11px;
	clear:both;
}
ul.listInfo5 li strong{
	font-size:11px;
}
ul.listInfo5 li a{
	font-size:11px;
	font-weight:bold;
}
ul.listInfo5 li a:hover{
	text-decoration:underline;
}

p.introWelcome{
	width:200px;
	line-height:16px;
}
div.sep2{
border-bottom: 1px solid #CCC;
	padding-top:15px;
	*padding-top:0px;
	margin-bottom:5px;
	clear:both; 
	width:210px;
	}
	
.spacerHomeInt{
	height:19px;
	line-height:19px;
	clear:both;
	float:none;
}

.boldTextPHigh{
	font-weight:bold;
	font-size:16px;
}

/*****************************************
*	ESTILOS PARA LOS CAMPOS CON AUTOCOMPLETE
*****************************************/
div.auto_complete {  
  width: 350px;
  background: #fff;
  z-index: 10
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
  float: none;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.highlight {
  color: #800; 
  margin:0;
  padding:0;
}

/*****************************************
*	ESTILOS PARA EL RATING CON ESTRELLAS
*****************************************/
.star-rating{
  list-style:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 125px;
  height: 25px;
  position: relative;
  overflow:hidden;
  background: url('/images/alt_star.gif') top left repeat-x;
}
.star-rating li{
  padding:0px;
  margin:0px;
  width:25px;
  height:25px;
  float: left;
}
.star-rating li a{
  display:block;
  width:25px;
  height: 25px;
  line-height:25px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
  overflow:hidden;
}
.star-rating li a:hover{
  background: url('/images/alt_star.gif') left bottom;
  z-index: 2;
  left: 0px;
  border:none;
}
.star-rating a.one-star{
  left: 0px;
}
.star-rating a.one-star:hover{
  width:25px;
}
.star-rating a.two-stars{
  left:25px;
}
.star-rating a.two-stars:hover{
  width: 50px;
}
.star-rating a.three-stars{
  left: 50px;
}
.star-rating a.three-stars:hover{
  width: 75px;
}
.star-rating a.four-stars{
  left: 75px;
}
.star-rating a.four-stars:hover{
  width: 100px;
}
.star-rating a.five-stars{
  left: 100px;
}
.star-rating a.five-stars:hover{
  width: 125px;
}
.star-rating li.current-rating{
  background: url('/images/alt_star.gif') left center;
  position: absolute;
  height: 25px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}
.star-information{
  color: #999999;
  margin-left: 2px;
}

/* remove halo effect in firefox   */

.star-rating a.one-star:visited{
  outline: none
}
.star-rating a.two-stars:visited{
  outline: none
}
.star-rating a.three-stars:visited{
  outline: none
}
.star-rating a.four-stars:visited{
  outline: none
}
.star-rating a.five-stars:visited{
  outline: none
}
.star-rating a.one-star:link{
  outline: none
}
.star-rating a.two-stars:link{
  outline: none
}
.star-rating a.three-stars:link{
  outline: none
}
.star-rating a.four-stars:link{
  outline: none
}
.star-rating a.five-stars:link{
  outline: none
}

.star-rating-peq{
  text-align:left; /* */
  list-style:none;
  margin: 0px;
  padding: 0px;
  width: 75px;
  height: 15px;
  position: relative; 
  overflow:hidden;
  background: url('/images/alt_star_peq.gif') top left repeat-x;
}
.star-rating-peq li{
  padding:0px;
  margin:0px;
  width:15px;
  height:15px;
  float: left;
}

.star-rating-peq li a{
  display:block;
  width:15px;
  height: 15px;
  line-height:15px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
  overflow:hidden;
}

.star-rating-peq li a:hover{
  background: url('/images/alt_star_peq.gif') left bottom;
  z-index: 2;
  left: 0px;
  border:none;
}
.star-rating-peq a.one-star{
  left: 0px;
}
.star-rating-peq a.one-star:hover{
  width:15px;
}
.star-rating-peq a.two-stars{
  left:15px;
}
.star-rating-peq a.two-stars:hover{
  width: 30px;
}
.star-rating-peq a.three-stars{
  left: 30px;
}
.star-rating-peq a.three-stars:hover{
  width: 45px;
}
.star-rating-peq a.four-stars{
  left: 45px;
}
.star-rating-peq a.four-stars:hover{
  width: 60px;
}
.star-rating-peq a.five-stars{
  left: 60px;
}
.star-rating-peq a.five-stars:hover{
  width: 75px;
}
.star-rating-peq li.current-rating-peq{
  background: url('/images/alt_star_peq.gif') left center;
  position: absolute;
  height: 15px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}

/* remove halo effect in firefox   */

.star-rating-peq a.one-star:visited{
  outline: none
}
.star-rating-peq a.two-stars:visited{
  outline: none
}
.star-rating-peq a.three-stars:visited{
  outline: none
}
.star-rating-peq a.four-stars:visited{
  outline: none
}
.star-rating-peq a.five-stars:visited{
  outline: none
}
.star-rating-peq a.one-star:link{
  outline: none
}
.star-rating-peq a.two-stars:link{
  outline: none
}
.star-rating-peq a.three-stars:link{
  outline: none
}
.star-rating-peq a.four-stars:link{
  outline: none
}
.star-rating-peq a.five-stars:link{
  outline: none
}

.star-rating-peq li.current-rating-peq{
  background: url('/images/alt_star_peq.gif') left center;
  /*position: absolute;*/
  height: 15px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}

/*****************************************
*	ESTILOS PARA LA PARTE DE TAGS
*****************************************/
div#content_tags {
	background: #ccc;
	line-height: 16px;
	padding: 5px 0 0 25px;
	background: url(/images/tag_op2.png) no-repeat 5px 5px;
}
div#content_tags a,
div#content_tags a:link,
div#content_tags a:visited {
	text-decoration: underline;
}
div#content_tags a:hover {
	font-weight: bold;
}

/*****************************************
*	ESTILOS PARA LA PARTE DE COMENTARIOS
*****************************************/
div#comments {
	width: 450px;
}
div#comments h2 {
	/*color:#0066ff;*/
	font-family: Arial,Helvetica, sans-serif;
	font-size:14px;
	background: url('/images/iu2/bot_comentario.gif') no-repeat 0 0;
	padding: 0 0 0 30px;
        height: 26px;
}
div#comment_detail {
	padding: 10px;
	border-bottom: 1px solid #EFEFEF;
	margin: 0 0 15px 0;
}
div#comment_detail img {
	float: left;
	margin: 0 10px 0 0;
}
div#comment_detail p {
	padding: 0 0 10px 60px;
}
div#comments div#comment_detail span#data_comment {
	font-weight: bold;
	margin: 0 0 0 10px;
	color: #999;
	font-size: 11px;
}
div.boton_peque{
	display:block;
	width:96px;
	height:25px;
	background:url('/images/boton_peque.gif') no-repeat;
	padding-bottom:15px;
	padding-bottom:0px;
}

div.boton_peque p{
	width:96px;
	text-align:center;
	padding-top:4px;
	margin-bottom:50px;
	padding-bottom:0px;
	color:#666666;
	font-family: Arial,Helvetica, sans-serif;
	font-size:14px;

}

div.boton_peque p a{
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	}
/*        
span.btnGreyLeft{
	float:left;
	height:25px;
	width:6px;
	background:transparent url('/images/btnGreyLeft.gif') no-repeat top left;
}
span.btnGreyRight{
	float:left;
	height:25px;
	width:6px;
	background:transparent url('/images/btnGreyRight.gif') no-repeat top left;
}
*/        
form.creacomentario{
	width:100%;
  padding:0px;
 	margin:0px;
}
form.creacomentario ul li{
	list-style:none;
	margin-bottom:5px;
}
form.creacomentario ul li label{
	width:100%;
	font-weight:bold;
}
form.creacomentario ul li input.intro{
	border:1px solid #CCC;
	margin:5px 0 5px 0;
	width:100%;
	background: #FFF;
}
form.creacomentario ul li input.intro2{
 	border:1px solid #CCC;
 	margin:5px 0 5px 0;
 	background: #FFF;
 	padding-bottom:0px;
 	margin-bottom:0px;
}
form.creacomentario ul li textarea{
	border:1px solid #CCC;
	margin:5px 0 5px 0;
  background: #FFF;
}
form.creacomentario ul li input.radiotype{
	margin:0 10px 0 15px;
}
form.creacomentario ul li select{
	margin-top:10px;
	border:1px solid #9A9A9A;
	width:65%;
	padding:5px;
}

/*****************************************
*	ESTILOS COMENTARIOS EN SHOW RECURSOS
*****************************************/
.data_comment {
  font-family: Arial,Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
	font-size: 11px;
  vertical-align: bottom;
}
.comments_header {
	font-family: Arial,Helvetica, sans-serif;
	font-size:14px;
	background: url('/images/iu2/bot_comentario.gif') no-repeat 0 0;
	padding: 0 0 20px 30px;
        height: 56px;
}

/************************************************************
*	ESTILOS PARA CAMPOS AUTOCOMPLETE DEL CONTROLADOR MESSAGES
************************************************************/

/* TextboxList CSS */
div.autocomplete_form ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 0; background-color: white; }
div.autocomplete_form *:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
div.autocomplete_form ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
div.autocomplete_form ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
div.autocomplete_form ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
div.autocomplete_form ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook CSS */
div.autocomplete_form #add { border: 1px solid #999; width: 293px; margin: 50px; padding: 20px 30px 10px; }
div.autocomplete_form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
div.autocomplete_form ol li.input-text { margin: 0; list-style-type: none; padding: 0; }
div.autocomplete_form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
div.autocomplete_form ol li.input-text input { width: 293px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
div.autocomplete_form ul.holder { width: 290px; }
div.autocomplete_form #facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
div.autocomplete_form #apple-list ul.holder li.bit-input { margin: 0; }
div.autocomplete_form #apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
div.autocomplete_form ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/images/close.gif'); }
div.autocomplete_form ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
div.autocomplete_form ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */
div.autocomplete_form #facebook-auto { display: none; position: absolute; width: 293px; background: #fff; }
div.autocomplete_form #facebook-auto ul { display: none; margin: 0; padding: 0; }
div.autocomplete_form #facebook-auto ul li { padding: 5px 12px; margin: 0; list-style-type: none; border: 1px solid #999; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; color: black; }
div.autocomplete_form #facebook-auto ul li.auto-focus em { background: none; color: red; }
div.autocomplete_form #demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
div.autocomplete_form #add a { color: #666; }
div.autocomplete_form #add-test { width: 100px; padding: 2px; }

/*Result list*/
.resultList{
	margin:15px 0 15px 0;
	padding:0;
}
.resultList ul li{
	width: 120px;
	height:170px;
	border:1px solid #CCC;
	float:left;
	list-style:none;
	text-align:center;
	margin-top:10px;
}
.resultList ul li p{
	font-size:10px;
	margin-top:3px;
}
.resultList ul li div.resultListImage{
	height:70px;
	text-align:center;
	margin-bottom:10px;
}
.resultList ul li img{
	margin-top:20px;
	border:1px solid #CCC;
}
.resultList ul li img.imgv{
	margin-top:7px;
	border:1px solid #CCC;
}
.resultList ul li.resultListMargin{
	margin-left:65px;
}

/*End Result list*/

/************************************************************
*	Paginas estaticas de Informacion General
************************************************************/
table.tableGeneralInf{
	margin-top:18px;
	margin-bottom:10px;
	.float:left;
}
table.tableGeneralInf td{
  text-align:left;
  vertical-align:top;
  padding-top:5px;
  padding-right:20px;
}
div.rightContent table.tableGeneralInf td.toRight{
	text-align:right;
}
/* */
ul.itemList{
	margin-left:-14px;
}
ul.itemList li{
	list-style:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:14px;
	text-align:justify;
}
ul.itemList li.item01{
	background:url('/images/bgItem01.gif') no-repeat 0px 6px;
}
ul.itemList li.item02{
	background:url('/images/bgItem02.gif') no-repeat 0px 6px;
}
ul.itemList li.item03{
	background:url('/images/bgItem03.gif') no-repeat 0px 6px;
}
ul.itemList li.item04{
	background:url('/images/bgItem04.gif') no-repeat 0px 6px;
}
ul.infoGeneral{
	text-align:right;
	padding-right:20px;
}
/* */
ul.infoGeneral li{
	list-style:none;
	display:inline;
	padding-left:2px;
	font-weight:bold;
	color:#999999;
}

td.infoGeneral{
	padding-left:20px;
	margin-top:-20px;

}
td.infoGeneral p{
	text-align:justify;
	margin-right:20px;
}
/* */
table.information {
  width: 100%;
  border-collapse: collapse;
}
table.information th, table.information td{
  border: 1px solid black;
  padding: 10px !important;
}

table.information th {
  vertical-align:middle !important;
  text-align:center !important;
  font-weight: bold;
}

table.information td {
  text-align:left !important;
  font-weight: normal;
}

table.information td.title {
  vertical-align:middle !important;
  text-align:center !important;
}

table.information td.center {
  text-align:center !important;
}


table.information td.right {
  text-align:right !important;
}


/* -------------------------------------   Diseño Pag Detalle --------------------------------------------- */


table#datos_fichero {
  margin: 0 0 20px 0;
}

a.titulo_fichero:hover {
	text-decoration: underline;
}

div.content h1.titulo_fichero { font-size:24px; margin-bottom: 20px;}

div#area_desc_fichero {
	width: 100%;
	margin: 0 0 10px 0;
	
}

div#desc_fichero {
	
	width: 600px;
	
	float: left;
	padding: 0 10px 0 0;
}

div#descarga {
	padding: 0 0 0 10px;
	float:right;
	border-left: 1px solid #ccc;
}

div#descarga h2 {
  padding: 0 0 10px 0;
  
}

div#descarga ul li {
  float: left;
  padding: 0 5px 10px 5px;
  text-align: center;
  border-right: 1px solid #ccc;
  font-size: 11px;
  height: 70px;
  
}
div#descarga ul li img {
  padding: 5px 0 0 0;
}

div#descarga ul li a {
  font-size:11px;	

}

div#detalle_fichero {
	border-top: 1px solid #ccc;
	padding: 10px 0 0px 0px;
	width: 100%;
	
}

div#clr {
	clear: both;
}


div#contens_keywords {
  
}


span#keywords {
	background: url(/images/iu2/bot_palabras-clave.gif) no-repeat 5px 0px;
	padding: 0 0 20px 35px;
        font-size: 14px;
        font-weight: bolder;
}

div#txt_keywords {
	/*padding: 0 0 0 25px;*/
	width: 475px;
	
}

ul#det_fichero {
	list-style: none;
	
}
ul#det_fichero li#item {
	float: left;
	padding: 0 10px 0 10px;
	border-right: 1px solid #ccc;
	height: 20px;

}
ul#det_fichero li#primero {
	float: left;
	padding: 0 10px 0 10px;
	min-height: 20px;
	
}

div#comentarios {
	width: 775px;
	margin: 0 0 0 80px;
}

table#comments {
	background: url(/images/fondo_comments.jpg) repeat-x top left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 100%;
	
}

table#comments2 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	width: 750px;
	margin: 0 0 10px 0;
	background: url(/images/fondo_comments2.jpg) repeat-x bottom left;
	
}
table#comments2  td#toolbar {
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;
	color: #999;

}

table#comments2  td#sep_user {
	border-left: 1px solid #ccc;
	
}
span#data_comment2 {
	color: #999;
}

table#comments2  td a,
table#comments2  td a:link,
table#comments2  td a:visited {
	text-decoration:none;

}

table#comments2  td a:hover {
	text-decoration:none;
}

table#comments tr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table#comments2  td span.firma_comment2 a:hover{	        
        text-decoration: underline
}

div#link_to_add_comments {
	/*height: 53px;*/
	padding: 10px 0 0 5px;
	
}

/***************************/
span.high_school {
  color:#909090;
  font-size: 10px
}

/**************************/
/****** Contactos *********/
/**************************/

div.rightContent div.boxMediumLeftContact {
        float:left;
	margin-right:18px;
	.margin-top:14px;
	margin-top:14px;
}
div.rightContent div.boxMediumRightContact{
  float:right;
  .margin-top:14px;
  margin-top:14px;
}

div.rightContent div.boxMediumContact{
	width:303px;
	padding-left:14px;
	padding-right:14px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

/**/

div.rightContent span.modelIbtop{
	background:url('/images/boxMediumI.gif') no-repeat bottom left;        
}
div.rightContent span.modelIbbottom{
        background:url('/images/boxMediumIBottom.gif') no-repeat top left;
}

span.model686top{
	display:block;
	width:686px;
	background:url('/images/box_686_Top.gif') no-repeat bottom left;        
	/*float:left;*/
}
span.model686bottom{
	display:block;
	width:686px;
	background:url('/images/box_686_Bottom.gif') no-repeat top left;
}

div.model686{
	background:#ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	width:656px;
	padding:0px;
	padding-left:14px;
	padding-right:14px;
	padding-top:0px;
	clear:both;
        overflow:visible
}

/*Contact*/
.contactImage{
	width:135px;
	float:left;
}
.contactImage img{
	border:1px solid #CCC;
}
.contactName{
	width:345px;
	/*height:145px;*/
	float:left;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.contactName .contactNameImg{
	width:90px;
	height:140px;
	text-align:center;
	float:left;
}
.contactName p{
	margin-top:3px;
}
.contactName .labelo{
	width: 75px;
	float:left;
	font-size:11px;
	font-weight:bold;
}
.contactName .cursos{
	width: 170px;
	float:left;
	font-size:11px;
}

.contactLink{
	float:left;
	padding-left:14px;
	padding-top:25px;
}
ul.contacListHor{
	margin-top:15px;
}
ul.contacListHor li{
	list-style:none;
	width:65px;
	float:left;
	text-align:center;
	margin-left:17px;
}
ul.contacListHor li.nomargin{
	margin:0;
}
ul.contacListHor li.activeContact img{
	border:2px solid #00FF32;
}
ul.contacListHor li.inactiveContact img{
	border:2px solid #FF0000;
}
ul.contacListHor li.activeContact a{
	color:#333333;
}
ul.contacListHor li.inactiveContact a{
	color:#999999;
}

.contactBlue{
	width:686px;
	height:184px;
	background:url('/images/fon_contact_azul.gif') no-repeat top left;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
}
span.contactRedTop{
	display:block;
	width:686px;
	height:6px;
	background:url('/images/fon_form_alumno_Top.gif') no-repeat top left;
	line-height:6px;	
}
.contactRed{
	width:686px;
	background:#F9E7E4;
	margin-bottom:0px;
	padding:0px;
}
.contactRedBottom{
	display:block;
	width:686px;
	height:6px;
	line-height:6px;
	background:url('/images/fon_form_alumno_Bottom.gif') no-repeat top left;	
}
.closeContact{
	margin-right:10px;
	padding-top:5px;
	text-align:right;
}


ul.galeryList{
	margin-top:15px;
	
}
ul.galeryList li{
	font-size:10px;
	list-style:none;
	clear:both;
	padding-bottom:10px;
	border:1px solid #FFF;
	margin-top:10px;
}
ul.galeryList li div.galeryImage{
	width:100px;
	float:left;
}
ul.galeryList li div.galeryImage img{
	border:1px solid #CCC;
}

div.exam_statistical_bar{
  background:url('/images/stat00.gif') no-repeat; 
  width:113px; 
  height:8px;
}

div.exam_statistical_bar > div {
  width:111px; 
  height:6px; 
  left:1px; 
  top:1px; 
  position:relative
}