

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-weight: normal;
  line-height: 1.5;
}


input {
  font-size: 8pt;
  color: #000000;
  margin:0px;
  padding:0px;
 	margin-left: 0px;
 	margin-right: 0px; 	
	margin-top: 0px;
	float: left;
}


select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000;
  float: left;
}

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

h1 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0px;
}

h2 {
	color: #F1F1F1;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
  	margin-top: 0px;
}

h3 {
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 0px;
}

h4 {
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 0px;
}

h5 {
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.normal {
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height:1.5;
}

.menuDreta {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
	font-weight: bold;
}

.capcalera {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
}

.capcaleraRepeater {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

.subTaula {
	font-size: 10px;
}

.titolBanner {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.boto {
	color: #000000;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
}

.promocio {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
}

.condicionsLegals {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	color: #D9D9D9; 
	font-size: 8pt; 
}

.header {
	color: #666666; 
	font-weight: normal;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.fingerPrint {color: #B0B0B0}

.petita {
	font-size: 10px;
}

.moltPetita {
	font-size: 9px;
}

.nomUsuariEines {
	font-size: 11px;
	color: #B0B0B0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.lletraEines {
	font-size: 11px;
	color: #B0B0B0;
}

.titolFormulari {
	font-size: 17px;
	font-weight: bold;
}

.lletraFormulari {
	font-size: 11px;
	color: #666666;
}

.lletraFormulariContactar {
	font-size: 11px;
	color: #FFFFFF;
}

.linkDestacat {
	color: #666666;
	font-weight: bold;
	float:left;
}

.error {
	font-size: 10px;
	color: #FE0000;
}

.alertGroc {
	font-size: 10px;
	color: #FFFF23;
}

.alertVerd {
	font-size: 10px;
	color: #00FF01;
}



.alertVermell {
	font-size: 11px;
	color: #FE0000;
}


.alertVerd11 {
	font-size: 11px;
	color: #00FF01;
}

.alertVermell11 {
	font-size: 11px;
	color: #FE0000;
}

.alertGroc11 {
	font-size: 11px;
	color: #CD7F32;
}

.alertBlau11 {
	font-size: 11px;
	color: #1122AA;
}




/*****EVENTOS Y NOTICIAS******/
div.espaiNoticiasColumna1, div.espaiEventosColumna1 {
	width:33%;
	float: left;
	margin-bottom: 3px;
}

div.espaiNoticiasColumna2,div.espaiEventosColumna2{
	width:50% !important;
	float: left;
	margin-bottom: 1px;
}

/*div.destacadoNoticia {
   margin:0px;
   padding:0px;
   min-height: 250px;
}*/

div.contenidoNoticia,div.contenidoEvento{
   width: 100%! important;
   margin: 0 auto;
   padding-top: 10px;
   min-height: 150px;   
}
div.noticiasgeneral{
   margin:0 5px 10px 5px;
   padding:0;
   float:left;
   position: relative;
   padding-bottom: 10px;
   width: 97% !important;
   width /**/: 98%;
}

div.noticiasesquerra, div.eventosesquerra{
   margin:0 5px 10px 5px;
   padding:0;
   float:left;
   position: relative;
   padding-bottom: 10px;
   width: 48% !important;
   width /**/: 48%;
   clear: left;
}

div.noticiasdreta, div.eventosdreta{
   margin:0 5px 10px 5px;
   padding:0;
   float:left;
   position: relative;
   padding-bottom: 10px;
   width: 47% !important;
   width /**/: 47%;
}

div.contenidoNoticia h3{
	color:#000000
}

.errorProfessors {
  	font-weight: bold;
	color: #FF0000; 
}

img.imagenEventosestil2, img.imagenEventosestil1, img.imagenNoticiaestil2{
	padding: 5px 5px 10px 0pt; 
	float: left;
	width: 45%;	
}


.tamanyo100{
	width:100%;
	float: left;
	margin-bottom: 3px;
}


.ban_der {
   margin-top: 12px;
}


label.labelGeneral{
	font-weight: bold;
	float: left;
	height: 15px;
	margin-top: 3px;
}


h1.borde {
    border-bottom: 1px solid #2b6ba6;
    color: #2b6ba6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20pt;
    margin: 5px 0 5px;
    text-align:left;
    width:100%;
}
h2.borde {
    border-bottom: 1px solid #2b6ba6;
    color: #2b6ba6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16pt;
    margin: 1%;
    text-align:left;
    width:98%;
}

















/********* Estilo Tabla Campus **********/
.tbl_col_gris_campus {
   margin-top: 1px;
   margin-bottom: 1px;
   border: solid 1px gray;
   clear: both;
   width: 100%;
   border-collapse: collapse;   
}


.tbl_col_gris_campus_add_repeater {
   margin-top: 0px;
   margin-bottom: 0px;
   clear: both;
   width: 99%;
   border: solid 1px gray;
   border-collapse: collapse;   
}

.tr_col_gris_campus_add_repeater {   
   background-color:#dbd4bd;
}


.tbl_col_gris_campus_button {
   margin-top: 0px;
   margin-bottom: 0px;
   border: solid 1px gray;
   clear: both;
   width: 100%;
   border-collapse: collapse;
   background-color:#aca89b;
   align:right;
   height: 33px
}

.tbl_col_gris_campus TH, .tbl_col_gris_campus_add_repeater TH {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   background: url("/img/edu/fdo_tabla_th_gris.gif") repeat-x;
   height: 26px;
   color: #FFF;
   padding: 0 10px;
   border: solid 1px #FFF;
}

.tbl_col_gris_campus TH.cabeceraDerecha {
   background-image: none;
   background-color:#aca89b;
}


.tbl_col_gris_campus TD, .tbl_col_gris_campus_add_repeater TD {
   height: 24px;
   padding: 1px;
   border-bottom: 1px solid #DDD;
}

.tbl_col_gris_campus_none TD {
   height: 0px;
   padding: 0px;
   border-bottom: 0px;
}

.tbl_col_gris_campus  TD.total, TD.total_number {
   font-family:Arial,Helvetica,sans-serif;
   font-size:10pt;
   color:white;
   background-color:#ACA89B;
   font-weight:bold;
}

.tbl_col_gris_campus  TD.total {   
   padding-left:50%
}

div.paginadorPage{
	width:100%; 
	float:left;
	font-weight: bold;
}
div.paginadorPage div.botonesDerecha{
	float:left; 
	width:48%;
	text-align: right;
}
div.paginadorPage div.pagina{
	float:left; 
	width:4%;
	text-align: center;
	margin-top: 5px;
	font-size: 11pt;
}
div.paginadorPage div.botonesIzq{
	float:left; 
	width:48%;
	text-align: left;
}

div.paginadorPage div.left{
	float:left; 
	width:50%;
}
div.paginadorPage div.right{
	float:left; 
	width:50%; 
	text-align:right;
} 
div.paginadorPage_actions{
	width:60%; 
	float:right; 
	text-align: center;
}
div.paginadorPage_actions div.img{
 	width: 10%;
 	float:left; 
 	margin-top:2px
}
div.paginadorPage_actions div.center{
 width: 6%;float:left; 
}




div.formsBox {
	bottom:-10px;
	padding:0;
	position:relative;
	background:none repeat scroll 0 0 #F9F9F9;
	border-left:1px solid #C5C5C5;
	border-right:1px solid #C5C5C5;
	margin:0 0 2em;
	float:left;
	width:100%;
}

div.formsBox div.formsBoxContent {
	margin: -1px;
	
}

div.formsBox div div.formsBoxBottomLeft {
	background:url("/img/forms/forms_bg_bottom_left.png") no-repeat scroll 0 100% transparent;
	margin:0;
	float:left;	
	width:100%;
	position:relative;
	left: 0px;
	*left: -1px;
}

div.formsBox div div div.formsBoxBottomRight {
	background:url("/img/forms/forms_bg_bottom_right.png") no-repeat scroll 100% 100% transparent;
	float:left;	
	width:100%;
}

div.formsBox div div div div.formsBoxTopLeft {
	background:url("/img/forms/forms_bg_top_left.png") no-repeat scroll 0 0 transparent;
	margin-right:9px;
	position:relative;
	top:-8px;
	float:left;
	width:100%;
	
}

div.formsBox div div div div div.formsBoxTopRight {
	background:url("/img/forms/forms_bg_top_right.png") no-repeat scroll 100% 0 transparent;
	height:1%;
	margin-right:0;
	padding:10px 0px 0px 0px;
	right:9px;
	top:0;
	float:left;
	width:100%;
}

.formsBox div div div div div div.forms-text {
	background:none;
	float:left;	
	margin-right:0;
	padding:3px 0px 0px 0px;
	right:-13px;
	top:0;
	width:97%;
	margin:13px;
}


div.bannerestil1{
	width: 762px; 
	text-align:left
}
div.bannerestil2{	
	width: 580px; 
	text-align:left
}
div.bannerestil3{
	width: 400px; 
	text-align:left
}


label.outputText {
	float: left;
	margin-top: 3px;
}

label.outputText75 {
	float: left;
	margin-top: 3px;
	width: 75%;
}


input.outputText {
	float: left;
	border: 1px #666666 solid;
}

input.outputText75 {
	float: left;
	border: 1px #666666 solid;
	width: 75%;
}


input.textGeneral {
	float: left;
	border: 1px #666666 solid;
	margin-top: 3px;
	padding:1px;
	text-align:left;
}

input.textGeneralRight {
	float: left;
	border: 1px #666666 solid;
	margin-top: 3px;
	text-align:right;
	padding:1px;
}

label.labelGeneral {
	font-weight: bold;
	float: left;
	height: 15px;
	margin-top: 3px;
	text-align:left;
}

input.checkGeneral {
	float: left;
	border: 1px #666666 solid;
}

input.textAntic {
	float: left;
}

input.hasDatepicker {
	width: 68px;
	float:left;
}

img.ui-datepicker-trigger {
	float:left;
}

select.selectGeneral {
	float:left;
	border: 1px #666666 solid;
}


.accions {
	display: inline-block;
	width: 100%;
	align: right;	
	margin-botton: 15px;
	float: left;
}

.accions_repeater {
	width: 92%;
	align: right;
	float: left;
	margin-top: 5px;
}

.accions div.botonGeneral,.accions_repeater div.botonGeneral {
	width: 13%;
	float: right;
	padding-right: 1%;
	padding-left: 1%;
}

.accions div.botonGrande,.accions_repeater div.botonGrande {
	width: 26%;
	float: right;
	padding-left: 1%;
	padding-right: 1%;
}


.accions div.botonGrande32,.accions_repeater div.botonGrande32 {
	width: 32%;
	float: right;
	padding-left: 1%;
	padding-right: 1%;
}


.accions div.botonGrandeXL,.accions_repeater div.botonGrandeXL {
	width: 32%;
	float: right;
	padding-left: 1%;
	padding-right: 1%;
}

.accions div.botonMediano,.accions_repeater div.botonMediano {
	width: 21%;
	float: right;
	padding-left: 1%;
	padding-right: 1%;
}

button.button {
    background: none repeat scroll 0 0 #918875;
    border: 0 none;
    color: white;
    text-align: center;
    width: 100%;
}


DIV.titulo_cdd_noticias {
	width: 100%;
	float: left;
}

DIV.doscolumnas h2.titulo,DIV.doscolumnas DIV.titulo,DIV.titulo_cdd_noticias h2
	{
	font-size: 11pt;
	color: #FFF;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	margin: 0;
	height: 22px;
	border: none;
	background: #999 url("/img/edu/fdo_tabla_th_gris.gif") repeat-x;
}








ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background: #746f61;
	font-weight: bold;
}

ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}

ul.tabs li a:hover {
	background: #3f3a31;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
	background: #3f3a31;
	border-bottom: 1px solid #fff;
	border: 1px solid #999;
}


.questionari {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.headerBoxForms {
    border-bottom: 1px solid #DDDDDD;
    margin: -7px -3px 2px;
    text-align: center;
}





div #idiomesTradHeader  {
	float: right;
    margin-bottom: 11px;
    margin-top: -35px;
    width: 16%;
}

div #idiomesTradHeader  ul {
	list-style:none;
	float:left;
}

div #idiomesTradHeader  ul li {
	display:inline;
}

div #idiomesTradFooter  {
	float: right;
    margin-bottom: 11px;
    margin-top: 0px;
    width: 16%;
}

div #idiomesTradFooter  ul {
	list-style:none;
	float:left;
}

div #idiomesTradFooter  ul li {
	display:inline;
}

div #idiomesTradEn {
	display:none;	
}

div #idiomesTradCa {
	display:none;	
}

div.headerForm {
    border-bottom: 1px solid #AAAAAA;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    color:#212121;
    display:block;
    width:96%;
		
}



.botoneraExport {
	margin: 1% 2% 0pt 1%;
	width: 98%;
	float: left;
}


.botonCalendar {
	background: url("/img/campus/ical.gif");
	border: 0 none;
    float: right;
    height: 14px;
    margin-left: 2px;
    margin-top: 5px;
    width: 36px;
    cursor: hand;
}



a.botonPDF {
	background: url("/img/campus/pdf.png");
	border: 0;
	width: 22px;
	height: 22px;
	float: right;
	cursor: hand;
}

div.divPDF {
	background: url("/img/icons/pdf16.png") no-repeat;
	border: 0;
	width: 18px;
	height: 16px;
	float: left;
}


div #alerta {
	background: url("/lib/jquery/ui/css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #777777;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8.5pt;
    line-height: 1pt;
    float: left;
    min-height: 24px;
    width: 99%;
}

div #alerta:hover {
    color: #555555;
}


 tr #professor:hover{
	background-color: #E6E6E6;
}
	

.confirmarrechazar {
	border: 0;
}
	


div.popupCurso {
	width: 800px;
	text-align: left;
}


.classtamanyo60 {
	width: 60%;
	float: left;
}

.classtamanyo50 {
	width: 50%;
	float: left;
}

.classtamanyo40 {
	width: 40%;
	float: left;
}

.classtamanyo30 {
	width: 32%;
	float: left;
}

.classtamanyo10 {
	width: 10%;
	float: left;
}

input.findGestion{
	float: left;
	border: 1px #666666 solid;
	margin-top: 3px;
/*	padding:1px;*/
	text-align:left;
	width: 72%; 
}

.columnaPreguntaControl{
	padding-left: 10px;
}
.columnaTextoControl{
	padding-left: 15px;
}


.changeForm {
	margin-top:0.5px;
	display:none;
	float:left;
}

.saveOKForm {
	margin-top:0.5px;
	display:none;
	float:left;
}



.updatingForm {
	margin-top:0.5px;
	display:none;
	float:left;
}

.updatingFormPunts {
	margin-top:0.5px;
    display:none;
	float:left;
}



}

.formCalendario {
	width: 97%;
	float: left;
	margin-left: 4%;
}

.classCursos100 {
	width: 90%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12%;
	padding-right: 8%;
	float: left;
}

/**ESTILOS CALENDARIO**/

table.calendar {
background-color:#dddad3;
text-align:center;
width:178px;
height:160px;
border-bottom:1px solid #d5d2cb;
border-left:1px solid #d5d2cb;
}

caption.calendar-month {
   color:#031033;
font-size:9pt;
font-weight:bold;
border-left:1px solid #d5d2cb;
border-right:1px solid #d5d2cb;
background-color:#dddad3;
}

.cabeceira {
background-color:#031033;
color:#DFCFCF;
height:20px;
text-align:center;
width:178px;
font-size:13px;
}

.cabecera {
background-color:#031033;
color:#DFCFCF;
height:20px;
text-align:center;
font-size:13px;
}

.calendar td {
   border-right:1px solid #d5d2cb;
   border-top:1px solid #d5d2cb;
}

.calendar th {
   border-top:1px solid #d5d2cb;
   border-right:1px solid #d5d2cb;
   color: #666;
}
caption.calendar-month2 {
	color: white;
	font-size: 9pt;
	font-weight: bold;
	border-left: 1px solid #d5d2cb;
	border-right: 1px solid #d5d2cb;
	background-color: #58061C;
}

.finSemana,.diaFestivo {
	background-color: #989383;
	color: #58061C;
	border-right: 1px solid #d5d2cb;
	border-top: 1px solid #d5d2cb;
}

.fueraMes {
	background-color: #DBDDD3;
	border-right: 1px solid #d5d2cb;
	border-top: 1px solid #d5d2cb;
}

.eventosCalendario {
	background-color: #ADADC9;
	color: #58061C;
	border-right: 1px solid #d5d2cb;
	border-top: 1px solid #d5d2cb;
}

.eventosCalendario2 {
	background-color: #ADBBC9;
	color: #58061C;
	border-right: 1px solid #d5d2cb;
	border-top: 1px solid #d5d2cb;
}

.eventosCalendario3 {
	background-color: #C9BBAD;
	color: #58061C;
	border-right: 1px solid #d5d2cb;
	border-top: 1px solid #d5d2cb;
}

.leyendaCalendario {
	width: 93%;
	float: left;
	margin: 1% 2% 0 1%;
}

.textoLeyenda {
	float: right;
	width: 70%;
	text-align: right
}

.leyendaClrFest {
	background-color: #989383;
	width: 10px;
	color: #58061C;
	text-align: center;
	padding: 0 2px 0 2px
}

.leyendaClrEventoCurso {
	background-color: #ADADC9;
	width: 10px;
	color: #58061C;
	text-align: center;
	padding: 0 2px 0 2px
}

.leyendaClrEventoGeneral {
	background-color: #ADBBC9;
	width: 10px;
	color: #58061C;
	text-align: center;
	padding: 0 2px 0 2px
}

.leyendaClrEventoMixto {
	background-color: #C9BBAD;
	width: 10px;
	color: #58061C;
	text-align: center;
	padding: 0 2px 0 2px
}

.leyendaClrEvent {
	background-color: #938398;
	width: 10px;
	color: #58061C;
	text-align: center;
	padding: 0 2px 0 2px
}

.leyendaEventos {
	margin-right: 20px;
	width: 50px;
}

.calendarioDiv {
	width: 28%;
	float: left;
	padding: 2% 0 1% 5%
}
h2.calendar {
    color: #2b6ba6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16pt;
    margin: 1%;
    text-align:left;
    width:98%;
}
.eventDer {
	width: 20%;
	float: left
}

.eventIzq {
	width: 80%;
	float: left
}
a.nuevo{
color:#58061C;
}
a.nuevo:link {
	text-decoration: none;
}  /* unvisited link */
a.nuevo:visited {
	text-decoration: none;
}  /* visited link */
a.nuevo:hover {
	text-decoration: none;
}  /* mouse over link */
a.nuevo:active {
	text-decoration: none;
}  /* selected link */
p.i18n {
	font-weight: bold;
	padding-left: 10px;
}
/**FIN ESTILOS CALENDARIO**/
input.file.hidden {
    opacity: 0;
    position: relative;
    text-align: right;
    z-index: 2;
    filter:alpha(opacity: 0);
    -moz-opacity:0 ;
    
}




div.fileShow {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.fileinputs input {
	float:none;
}

div.fileinputs {
	position: relative;
}


input.file {
    margin: 0;
    width: 320px;
}


input.buttonDelete {
	position: relative;
	z-index: 3;
}




/********panel desplegable**********************/

h3.trigger {
	
	margin: 0 0px 5px 0;
	background: #e3e3e3 url("/img/edu/fdo_nav_vertical_submenu_n.png")
		repeat-x bottom left;
	width: 98%;
	float: left;
	padding: 0.5em 0.5em 0.5em 0.7em;
	color: #212121;
	font-size: 1em;
}

h3.trigger a {
	text-decoration: none;
	display: block;
	color: #212121;
	font-size: 1em;
	
}

h3.trigger a:hover {
	
}


.toggle_container {
	padding: 0;
	border: 1px solid #d6d6d6;
	background: #f3f3f3;
	overflow: hidden;
	width: 100%;
	clear: both;
}

.toggle_container .block {
	padding: 20px;
	/*	background: url(toggle_block_btm.gif) no-repeat left bottom;*/
}

.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}

.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}


a.botonHelpCalendar {
	background: url("/img/icons/help_intranet24.png");
	border: 0;
	width: 24px;
	height: 24px;
	float: right;
	cursor: hand;
	margin-left: 5px;
}

/* NOTICIAS */
div.foto_izquierda {
	float: left;
	padding: 0 0 5px 7px;
}

div.foto_izquierda img {
    float: left;
    padding: 5px 5px 10px 0;
    width: 100px;
}

DIV.hr { 
   width: 100%;
   height: 3px;
   background-color: #2B6BA6;
   clear: both;
   margin: 6px 0;
   overflow:hidden;
}

