body { margin: 0px; padding: 0px; font-family: sans-serif; font-size: 12px; background-color: #FFFFFF; }

	table.list thead { background-color: #00906F; }
	table.list thead th { height: 20px; color: #FFFFFF; padding-left: 10px; font-size: 12px; }
	table.list tbody td { height: 20px; color: #6F6F6F; text-align: left; padding-left: 10px; font-size: 12px; }
	table.list tbody td a { color: #047C9F; }
	table.list tfoot { background-color: #EEEEEE; }
	table.list tfoot a { text-decoration: none; color: #666666; }
	table.list tfoot a img { border: none; }

	#register { margin-top: 20px; }

	#container { width: 1024px; margin-left: auto; margin-right: auto; }

	#container #title { width: 800px; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; }

	#container #welcome-menu { width: 440px; margin-left: auto; margin-right: auto; padding-left: 45px; padding-right: 45px; text-align: center; }
	#container #welcome-menu .item { float: left; width: 130px; margin-right: 15px; }

	#container #welcome-menu .item .icon { height: 63px; margin-bottom: 25px; text-align: center; }
	#container #welcome-menu .item .icon a img { border: none; }

	#container #header { width: 1000px; }
	
	#container #menu { float: left; width: 200px; margin-top: 20px; background-image: url(../img/menu-left.jpg); background-repeat: repeat-y; background-position: left; }

	#container #menu ul { margin-left: 20px; padding: 0px; }
	#container #menu ul li { list-style: none; }
	#container #menu ul li.selected { padding: 10px 0px 10px 30px; background-color: #F87700; background-image: url(../img/bullet-orange.jpg); background-repeat: no-repeat; background-position: 10 10; }
	#container #menu ul li.selected a { color: #FFFFFF; text-decoration: none; }
	#container #menu ul li.unselected { padding: 10px 0px 10px 30px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD;  background-image: url(../img/bullet-black.jpg); background-repeat: no-repeat; background-position: 10 10; }
	#container #menu ul li.unselected a { color: #000000; text-decoration: none; }

	#container #menu fieldset { padding-right: 25px; border-style: none; text-align: right; }

	#container #menu fieldset form input[type=text] { border: solid 1px #BDBDBD; }
	#container #menu fieldset form input[type=submit] { margin-top: 5px; padding: 2px; background-color: #047C9F; border: solid 1px #BDBDBD; color: #FFFFFF; }
	
	#container #content { float: left; width: 780px; padding: 10px; }
	
	#container #content #profile { width: 500px; padding-left: 50px; padding-top: 20px; padding-bottom: 100px; position: relative; background-image: url(../img/profile-page.jpg); background-repeat: repeat-y; background-color: #FCFCFC; border: solid 1px #D6D6D6; }

	#container #content #profile div input[type=submit] { margin-top: 5px; margin-left: 5px; padding: 2px; background-color: #047C9F; border: solid 1px #BDBDBD; color: #FFFFFF; }

	#container #content #profile .profile-header { margin-top: 20px; margin-bottom: 20px; font-size: 12px; font-weight: bold; }

	#container #content #profile .profile-fields { width: 400px; margin-bottom: 10px; padding-bottom: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #BDBDBD; }

	#container #content #profile .profile-fields .profile-icon { float: left; width: 50px; }
	#container #content #profile .profile-fields .fields { float: left; width: 300px; }
	#container #content #profile .profile-fields .fields .profile-title { font-size: 10px; font-weight: bold; }
	#container #content #profile .profile-fields .fields .profile-content { font-size: 16px; color: #666666; }
	#container #content #profile .profile-fields .fields .profile-content input, select, input[type=file] { border-style: solid; border-width: 1px; border-color: #BDBDBD; }

	#container #header #logo { float: left; width: 220px; height: 44px; text-align: center; }
	#container #header #logo a img { margin-top: 10px; border: none; }
	
	#container #header #aula { float: right; width: 780px; height: 44px; background-color: #F87700; }

	#container #header #aula .icon { float: left; padding-left: 10px; }
	#container #header #aul#container #menu { float: left; width: 200px; margin-top: 20px; background-image: url(../img/menu-left.jpg); background-repeat: repeat-y; background-position: left; }a .title { float: left; padding-left: 20px; padding-top: 10px; font-size: 18px; color: #FFFFFF; }

	#container #header #perfil { float: right; width: 780px; height: 44px; background-color: #0288BB; }

	#container #header #perfil .icon { float: left; padding-left: 10px; }
	#container #header #perfil .title { float: left; padding-left: 20px; padding-top: 10px; font-size: 18px; color: #FFFFFF; }

	#container #header #companeros { float: right; width: 780px; height: 44px; background-color: #00906F; }

	#container #header #companeros .icon { float: left; padding-left: 10px; }
	#container #header #companeros .title { float: left; padding-left: 20px; padding-top: 10px; font-size: 18px; color: #FFFFFF; }

	#container #header #profesores { float: right; width: 780px; height: 44px; background-color: #8A2744; }

	#container #header #profesores .icon { float: left; padding-left: 10px; }
	#container #header #profesores .title { float: left; padding-left: 20px; padding-top: 10px; font-size: 18px; color: #FFFFFF; }

	#container #header #biblioteca { float: right; width: 780px; height: 44px; background-color: #3F0B00; }

	#container #header #biblioteca .icon { float: left; padding-left: 10px; }
	#containemanualr #header #biblioteca .title { float: left; padding-left: 20px; padding-top: 10px; font-size: 18px; color: #FFFFFF; }

	#container #header #navigator { float: right; width: 780px; margin-top: 15px; }

	#container #header #navigator .date { float: left; }
	#container #header #navigator .top-menu { float: right; }
	#container #header #navigator .top-menu .item { float: left; margin-left: 10px; padding-top: 5px; }
	#container #header #navigator .top-menu .item a img { border: none; }

	#welcome-login { width: 100%; height: 100%; position: relative; background-image: url(../img/background-login.jpg); background-repeat: repeat-x; text-align: center; }

	#welcome-login #login { width: 960px; margin-left: auto; margin-right: auto; }
	
	#welcome-login #login #clouds { height: 318px; background-image: url(../img/login-clouds.jpg); background-repeat: no-repeat; text-align: left; }

	#welcome-login #login #clouds form { padding-top: 100px; padding-left: 310px; font-size: 10px; }
	
	#welcome-login #login #clouds form #message { margin-bottom: 10px; padding-left: 20px; font-size: 18px; color: #566A9F; }

	#welcome-login #login #clouds form label { width: 135px; display: block; float: left; }
	#welcome-login #login #clouds form input[type=text] { width: 185px; border: solid 1px #DDDDDD; font-size: 12px; }
	#welcome-login #login #clouds form input[type=password] { width: 185px; border: solid 1px #DDDDDD; font-size: 12px; }
	#welcome-login #login #clouds form span { padding-left: 175px; }
	#welcome-login #login #clouds form span a { color: #666666; }

	#indication-form-header { margin-top: 30px; padding-left: 10px; padding-bottom: 5px; font-size: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD; }

	#indication-form { margin-top: 10px; border: none; }
	#indication-form span { font-size: 10px; }
	#indication-form textarea { width: 100%; height: 100px; margin-top: 10px; border: solid 1px #BDBDBD; background-color: #EEEEEE; font-family: sans-serif; }
	#indication-form label { padding: 5px; font-weight: bold; font-size: 10px; }
	#indication-form input[type=text] { width: 300px; border: solid 1px #BDBDBD; background-color: #EEEEEE; }
	#indication-form input[type=file] { margin-top: 5px; margin-left: 5px; }
	#indication-form input[type=submit] { margin-top: 5px; margin-left: 5px; padding: 2px; background-color: #047C9F; border: solid 1px #BDBDBD; color: #FFFFFF; }

	.indication { float: right; width: 650px; margin: 10px; padding: 10px; background-color: #E8F9FF; border: solid 1px #D5F1FC; }

	#subject { margin-top: 20px; }

	#forum { margin-top: 20px; }

	#discussion { margin-top: 20px; }
	#discussion #discussion-header { padding-left: 10px; padding-bottom: 5px; font-size: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD; }

	#subject-attachments { margin-top: 20px; }
	#subject-attachments #subject-attachments-header { padding-left: 10px; padding-bottom: 5px; font-size: 10px; }
	
	#subject-attachments table thead { height: 20px; background-color: #CECECE; }
	#subject-attachments table thead th { font-size: 12px; }
	#subject-attachments table tbody { height: 20px; }
	#subject-attachments table tbody tr td { font-size: 12px; }
	#subject-attachments table tbody tr td a { font-weight: bold; text-decoration: none; color: #000000; }
	#subject-attachments table tbody tr td a img { border: none; }

	#subject-form-header { margin-top: 30px; padding-left: 10px; padding-bottom: 5px; font-size: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD; }

	#subject-form { margin-top: 10px; text-align: right; border: none; }
	#subject-form span { font-size: 10px; }
	#subject-form textarea { width: 100%; height: 100px; border: solid 1px #BDBDBD; background-color: #EEEEEE; font-family: sans-serif; }
	#subject-form input[type=submit] { margin-top: 5px; margin-left: 5px; padding: 2px; background-color: #047C9F; border: solid 1px #BDBDBD; color: #FFFFFF; }

	#forum-attachments { margin-top: 20px; }
	#forum-attachments #forum-attachments-header { padding-left: 10px; padding-bottom: 5px; font-size: 10px; }
	
	#forum-attachments table thead { height: 20px; background-color: #CECECE; }
	#forum-attachments table thead th { font-size: 12px; }
	#forum-attachments table tbody { height: 20px; }
	#forum-attachments table tbody tr td { font-size: 12px; }
	#forum-attachments table tbody tr td a { font-weight: bold; text-decoration: none; color: #000000; }
	#forum-attachments table tbody tr td a img { border: none; }

	#forum-form-header { margin-top: 30px; padding-left: 10px; padding-bottom: 5px; font-size: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD; }

	#forum-form { margin-top: 10px; border: none; }
	#forum-form span { font-size: 10px; }
	#forum-form textarea { width: 100%; height: 100px; margin-top: 10px; border: solid 1px #BDBDBD; background-color: #EEEEEE; font-family: sans-serif; }
	#forum-form label { padding: 5px; font-weight: bold; font-size: 10px; }
	#forum-form input[type=text] { width: 300px; border: solid 1px #BDBDBD; background-color: #EEEEEE; }
	#forum-form input[type=file] { margin-top: 5px; margin-left: 5px; }
	#forum-form input[type=submit] { margin-top: 5px; margin-left: 5px; padding: 2px; background-color: #047C9F; border: solid 1px #BDBDBD; color: #FFFFFF; }

	#comment-form-header { margin-top: 30px; padding-left: 10px; padding-bottom: 5px; font-size: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD; }

	#comment-form { margin-top: 10px; text-align: right; border: none; }
	#comment-form span { font-size: 10px; }
	#comment-form textarea { width: 100%; height: 100px; border: solid 1px #BDBDBD; background-color: #EEEEEE; font-family: sans-serif; }
	#comment-form input[type=submit] { margin-top: 5px; margin-left: 5px; padding: 2px; background-color: #047C9F; border: solid 1px #BDBDBD; color: #FFFFFF; }

	.comment-container { margin-bottom: 5px; padding: 10px; }
	
	.comment-container .comment-profile { float: left; width: 150px; padding-top: 20px; text-align: center; }
	.comment-container .comment-profile div { margin-bottom: 5px; }
	.comment-container .comment-profile div a { color: #0A8960; }
	.comment-container .comment { float: left; width: 575px; padding: 10px; background-color: #E8F9FF; border: solid 1px #D5F1FC; }
	.comment-container .comment-attachments { float: right; padding: 5px 20px 5px 5px; }
	.comment-container .comment-attachments span { font-size: 10px; color: #666666; }
	.comment-container .comment-attachments a { font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; }
	.comment-container .comment-attachments a img { border: none; }
	.comment-container .comment-attachments em { font-size: 10px; color: #666666; }

	.classes { padding: 5px 5px 10px 5px; font-weight: bold; }

	.logout { margin-top: 20px; padding-right: 20px; text-align: right; text-transform: uppercase; font-family: Verdana; }
	.logout a { text-decoration: none; color: #666666; }
	.logout a img { border: none; }

	.logo { margin-bottom: 20px; }
	.e-learning { font-size: 18px; font-weight: bold; }
	.welcome { font-size: 14px; }

	.aulas { padding-top: 5px; height: 20px; background-color: #F87700; text-align: center; }
	.aulas a { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: uppercase; }
	
	.perfil { padding-top: 5px; height: 20px; background-color: #0288BB; text-align: center; }
	.perfil a { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: uppercase; }
	
	.alumnos { padding-top: 5px; height: 20px; background-color: #00906F; text-align: center; }
	.alumnos a { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: uppercase; }
	
	.profesores { padding-top: 5px; height: 20px; background-color:#8A2744; text-align: center; }
	.profesores a { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: uppercase; }
	
	.biblioteca { padding-top: 5px; height: 20px; background-color: #3F0B00; text-align: center; }
	.biblioteca a { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: uppercase; }

	.shadow-icon { text-align: center; margin-bottom: 20px; }

	.shadow-button { margin-top: 10px; text-align: center; }

	.title { padding-left: 10px; font-size: 14px; font-weight: bold; color: #000000; }
	.content { font-size: 14px; color: #047C9F; }
	.item { color: #6F6F6F; }#container #menu ul li.selected { padding: 10px 0px 10px 30px; background-color: #F87700; background-image: url(../img/bullet-orange.jpg); background-repeat: no-repeat; background-position: 10 10; }
	#container #menu ul li.selected a { color: #FFFFFF; text-decoration: none; }
	#container #menu ul li.unselected { padding: 10px 0px 10px 30px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD;  background-image: url(../img/bullet-black.jpg); background-repeat: no-repeat; background-position: 10 10; }
	#container #menu ul li.unselected a { color: #000000; text-decoration: none; }

	.clear { clear: both; }
	.subject{width: 100%; border-bottom: dashed 1px #cccccc;}
	
	.subject img{border: none}
	.subject a{text-decoration: none}
	.subject a span{margin-left: 3em; }
	.subject-program{width: 95%; border-right: dashed 1px #cccccc;border-left: dashed 1px #cccccc; background-color: #dddddd; min-height: 3em; margin: 0 auto 0 auto; }
	.avatarlink{text-decoration: underline none;}
	.avatarlink img{border: none;}
	#adm_login {width:250px; margin: 100px auto 0 auto; }
	#frmlogin {width: 50%; height:100%; float: left;}
	#frmlogin form {margin-top: 2em; margin-left: 2em; }
	#mainpanel {margin: 0em auto 0 auto; width: 900px; background-color: #ffffff;}
	#headermainpanel {width: 100%; }
	#contentmainpanel {width: 100%}
	#contentmainpanel table{width: 100%; font-size: 9pt; }
	#footermainpanel {width: 100%; }
	#menu{float: left; width: 20%;}
	#gestion{float: left; width: 75%;background-color: #ffffff; min-height: 200px; padding-left: 10px;}
	#portadaAdm {width: 50%; height:100%; float: left; background-color: #eeeeee;}
	#subject_panel { width: 100%; border: solid 1px #ffffff; margin: 0 auto 0 auto;}
	#subject_panel div{min-height: 125px; margin-top: 10px;}
	#subject_panel h2{padding-left: 10px;}
	#subject_panel .form_subject_panel{padding-left: 10px;}
	#subject_panel div div{min-height: 10px; margin-top: 1.5px;}
	#subject_panel div form table{width: 95%; margin: 5px auto 5px auto}
	#subject_teachers {width: 95%; margin: 0 auto 0 auto}
	#subject_students {width: 95%; margin: 0 auto 0 auto}
	#subject_registered_students {width: 100%;}
	#subject_unregistered_students {width: 100%;}
	#contentmainpanel #menu ul li.selected { padding: 10px 0px 10px 30px; background-color: #F87700; background-image: url(../img/bullet-orange.jpg); background-repeat: no-repeat; background-position: 10 10; }
	#contentmainpanel #menu ul li.selected a { color: #FFFFFF; text-decoration: none; }
	#contentmainpanel #menu ul li.unselected { padding: 10px 0px 10px 30px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #BDBDBD;  background-image: url(../img/bullet-black.jpg); background-repeat: no-repeat; background-position: 10 10; }
	#contentmainpanel #menu ul li.unselected a { color: #000000; text-decoration: none; }
	#contentmainpanel #menu { float: left; width: 200px; margin-top: 20px; background-image: url(../img/menu-left.jpg); background-repeat: repeat-y; background-position: left; }
	#adm_login #login { width: 200px; margin-top: 20px; background-image: url(../img/menu-left.jpg); background-repeat: repeat-y; background-position: left;  }
	#adm_login #login form{margin-left: 10px;}
	#manual { width: 100%; text-align: center; margin-top:20px;}
	#manual a{font-family: arial, sans-serif; font-size: 10pt; text-decoration: none; font-style: italic; color: #000000; font-weight: bolder; }
	#manual a img{border: 0}
	.fieldform{width: 500px;}
	#content-extras  {width: 95%;}
	#form-extras{} 
	#content-extras {width: 90%; margin: 0 auto 0 auto;} 
	.form-extras input[type=submit] { margin-top: 5px; margin-left: 5px; padding: 2px; background-color: #047C9F; border: solid 1px #BDBDBD; color: #FFFFFF; }
	.form-extras textarea { width: 100%; height: 100px; margin-top: 10px; border: solid 1px #BDBDBD; background-color: #EEEEEE; font-family: sans-serif; }
	.form-extras div {margin-top: 10px;}
	.inputADM{}
	.inputADMBAD{border: 1px solid #ffcccc;}