/* 

CSS Campus Virtual 5.0
Identificaci— - Default 
OAID - Oficina de l'Aut˜noma Interactiva Docent
UAB  - Universitat Aut˜noma de Barcelona 

*/


/* Layout */

body {	margin: 0;padding: 0;background: #676c70 url('bg.jpg') top repeat-x; width: 810px; margin-right: auto;
	margin-left: auto;font-family: helvetica, arial, sans-serif; color: #333;}
	
#wrap { margin-right: auto; margin-left: auto; padding-bottom: 2em; width: 770px; background: #fff; min-height: 500px; _height: 500px; }


/* DIVS */

#logoOAID {margin: 0;padding: 0;width: 770px;height: 100px;background: #fff url('logoExt.jpg') top left no-repeat;}

	#enllacUAB {float:right;margin:30px 20px 0 0;width:140px;height:40px;text-indent: -9000px}
	
#continguts {float:right;width: 496px; }

#benvinguda {margin: 8px 8px 8px 0; padding: 1px 0 1px 0;width: 100%;background: #8B8B8B url('bg.jpg') bottom repeat-x;}

#noticies {float: left;width: 50%;border-right: 1px solid #d4d4d4;}

  #noticies .noticia {margin: 0 0.5em 1em 0;}
  
#noticiaDestacada {width: 100%;}

  #noticiaDestacada .noticia {margin: 0 0 1.5em 0;}
  
      

div.manuals div.howto_programari {float: right;width: 48%;}
div.manuals div.manuals_campus {float: left;width: 50%;border-right: 1px solid #d4d4d4;}
.manuals_campus {float: left;width: 50%;border-right: 1px solid #d4d4d4;}
.howto_programari {float: right;width: 48%;}

.manuals_campus ul, .howto_programari ul {list-style-type:none;margin:10px 10px 10px 0;padding:0;font-size:70%; }
.manuals_campus li, .howto_programari li {margin:5px 0 0 0;padding:0 0 5px 0;border-bottom:1px solid #CDE6F4;}

div.manuals div.howto_programari {float: right;width: 48%;}
div.manuals div.manuals_campus {float: left;width: 50%;border-right: 1px solid #d4d4d4;}


#suport {float: right;width: 48%;}
	
	#suport .blau, #noticies .noticia .blau {color: #007DC9;font-weight: bold; margin: 0;}

		
#identificacio { margin: 8px; _margin: 8px 4px 0 0; width: 250px; float:right; background: #FFFF99 url('extIdentificacioBk.png') repeat-x;}

#identificacioCV45 { margin: 8px;width: 250px; _margin: 8px 4px 0 0;  float:right;background: #FFFF99 url('extIdentificacioCV4Bk.png') repeat-x;}

#missatge {min-height: 50px;_height: 50px;	background: url(extMissatgeBk.png) top left no-repeat; padding: 20px 20px 10px 85px;
font-size: 75%;font-weight: bold;color: #52360C;}


	#missatge .error {color: #cc000;}

.novetats { border-top:10px solid #fff; border-bottom:10px solid #fff; background: #fff;}
	
	.novetats a { color: #fff; font-weight: bold; } 
	
	.novetats.fons0 {height:190px;background: url(notaFormiga.jpg) no-repeat;}
	
	.novetats.fons1 {height:190px;background: url(notaPapallona.jpg) no-repeat;}
	
	.novetats.fons2 {height:190px;background: url(notaMarieta.jpg) no-repeat;}
	
	.novetats.fons3 {height:190px;background: url(notaSaltamarti.jpg) no-repeat;}
	
	.novetats.fons4 {height:190px;background: url(notaCargolBover.jpg) no-repeat;}
	
	.novetats.fons5 {height:190px;background: url(notaDaisy.jpg) no-repeat;}

#enllacACV45 {height:190px; border-top:10px solid #fff; border-bottom:10px solid #fff; background: #fff;background: url(enllacCV45Bg.jpg) no-repeat;}
	

#colcontinguts {margin: 0 280px 0 0; height: 1%;}

#colcontinguts100 {margin: 0 0 0 0; height: 1%;}

#colcontinguts_activ {margin: 0 160px 0 3px; }

#colcontinguts h4, #colcontinguts100 h4 {color: #CC0000;font-weight: normal;font-size: 90%;padding: 0;}	 


/* T’tols */

h1 {display:none;}

#benvinguda h2 {margin: 10px;font-size: 110%;color: #fff;}

#noticies .noticia h1 {display:block;margin: 10px 10px 10px 0;font-size: 75%;color: #007DC9;text-transform: uppercase;}

#noticiaDestacada .noticia h1 {display:block;margin: 10px 10px 10px 0;font-size: 75%;color: #007DC9;text-transform: uppercase;}

h2.freq { font-size: 85%; text-transform: uppercase; }

h3 {font-size: 80%;color: #fff;background: #017DC9 url('exth3Bk.png') repeat-x top;padding: 3px; margin-right: 7px; width:auto;}

	h3.h34em {width: 4em;}
	h3.h345em {width: 4.5em;}
	h3.h35em {width: 5em;}
	h3.h355em {width: 5.5em;}
	h3.h36em {width: 6em;}
	h3.h365em {width: 6.5em;}
	h3.h37em {width: 7em;}
	h3.h375em {width: 7.5em;}
	h3.h38em {width: 8em;}
	h3.h385em {width: 8.5em;}

/* Parˆgrafs */

p { margin: 10px 10px 10px 0;font-size: 71.6%; line-height: 1.4em;color: #333; }

#benvinguda p {margin: 10px;font-size: 76.3%;color: #fff; line-height: 1.3em;}

#identificacio p.switch {margin-left:20px;font-size:80%;color:#333;}

#identificacioCV45 p.switch {margin-left:20px;font-size:80%;color:#333;}

#identificacioCV45 p.notes {margin-left:20px;font-size:75%;color:#333;}

#noticies .noticia p {margin: 10px 10px 10px 0;font-size: 71.6%; line-height: 1.4em;}

#noticiaDestacada .noticia p {margin: 10px 10px 10px 0;font-size: 71.6%; line-height: 1.4em;}

#suport p {margin: 10px 10px 10px 0;font-size: 71.6%; line-height: 1.4em;color: #333;}

.novetats p {margin: 10px 10px 10px 80px;color:#fff;font-size: 71.6%; line-height: 1.4em;text-align:right;}

p.faq { font-weight: bold; font-size: 80%; }

.destacat {background: #CDE6F4;padding: 5px; margin: 0;}
.destacat a img  {border:0}


/* Llistes */

ul#menusuport { margin: 8px 8px 8px 0; padding: 4px 0 6px 0; width: 100%; background: #333; height: 1.2em; list-style-type:none;}

	ul#menusuport li { margin: 0 0 0 4px; _margin: 3px 0 3px 4px; padding: 3px 5px 3px 0; float: left; background: url(botoneraExtLiBk.png) top right no-repeat;font-size: 75%; }
	
		ul#menusuport li.primer { margin-left: 4px; } 
		ul#menusuport li a 		 {padding: 3px 5px; color: #fff; text-decoration: none;}
		ul#menusuport li a:hover, ul#menusuport li.actual {padding: 3px 5px; background:#444; color:#fff;}

ul.submenusuport { margin: 2px 8px 2px 0; padding: 4px 0 4px 0; width: 100%; background: #b0b0b0; height: 1.2em; list-style-type:none;}

	ul.submenusuport li { margin: 0 0 0 4px; _margin: 3px 0 3px 4px; padding: 3px 5px 2px 0; float: left; background: url(subbotoneraExtLiBk.png) top right no-repeat;font-size: 75%; }
	
		ul.submenusuport li.primer { margin-left: 4px; } 
		ul.submenusuport li a 		 {padding: 3px 5px; color: #fff; text-decoration: none;}
		ul.submenusuport li a:hover, ul#menusuport li.actual {padding: 3px 5px; background:#ccc; color:#fff;}

ul#manuals {list-style-type:none;margin:10px 10px 10px 0;padding:0;font-size:70%;}

	ul#manuals li {margin:5px 0 0 0;padding:0 0 5px 0;border-bottom:1px solid #CDE6F4;}

ul.preguntes { padding: 0; font-size: 73%; list-style: none; line-height: 1.5em;}

	ul.preguntes li { background: url(liPreg.png) 0 0 no-repeat; padding-left: 24px; margin-bottom: 0.7em;}
	

/* Warnings */

#warnings {font-size: 90%;color: #635B50;list-style: none;margin: 0;padding: 0;}

	#warnings li.informatiu{padding: 1em 1em 1em 4em;margin: 0;background: url(warninginfo.gif) no-repeat 0.5em 0.5em;}

	#warnings li.error {padding: 1em 1em 1em 4em;margin: 0;background: url(noespot.gif) no-repeat 0.5em 0.5em;}

	#warnings li.warning{padding: 1em 1em 1em 4em;margin: 0;background: url(alerta.gif) no-repeat 0.5em 0.5em;}

.recordatori {padding: 1em 1em 1em 4em;margin: 0;color: #635B50;list-style: none;font-size: 90%;background: url(pregunta.gif) no-repeat 0.5em 0.5em;}

#missatgeinfotreballs {padding: 1em 1em 1em 4em;margin: 0;background: url(alerta.gif) no-repeat 0.5em 0.5em;font-size: 80%;}



/* Enlla�os */

a {color: #007DC9;}

#novetats p a {color:#FFEE66}
	#novetats p a:hover {color:#FFFB00}

#identificacio p.switch a {color:#cc0000;}

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

a.puja { float: right; color:#007DC9; font-size: 70%; font-weight: bold; text-transform: uppercase; text-decoration: none;}
	a.puja:hover { text-decoration: underline; }
 	
/* Formularis */

#formulariEntrada {margin: 10px; background: url(extFormBk.png) top repeat-x;}

	#formulariEntrada label {width: 60px;color: #52360C;font-size: 75%;float: left;text-align: right;padding-right: 10px;}

	#formulariEntrada input {width: 120px;background: #fff;border: 1px solid #FFD417;color: #003366;}
		
		#formulariEntrada input:focus {background:#FFFBC6;;}
		
		#formulariEntrada input#entrada {margin-left: 75px;background: #54390F url(extFormSubmitBk.png) repeat-x top;color: #fff;}
		
#formulariEntradaCV45 {margin: 10px;}

	#formulariEntradaCV45 label {width: 60px;color: #003366;font-size: 75%;float: left;text-align: right;padding-right: 10px;}

	#formulariEntradaCV45 input {width: 120px;background: #fff;border: 1px solid #439FD7;color: #66CC00;}

		#formulariEntradaCV45 input:focus {background:#FFFBC6;}
		
		#formulariEntradaCV45 input#entrada {margin-left: 75px;background: #175B90 url(extFormSubmitCV4Bk.png) repeat-x top;color: #fff;}		
		
#formContacte {margin: 10px;background: url(vio.png) right top no-repeat;}

	#formContacte label {width: 200px;font-size: 90%;font-weight: bold;color: #007DC9;}
	
	#formContacte input {margin-top:0.9em;width: 200px;font-size: 90%; color: #003366;}
	
		#formContacte input:focus, #formContacte textarea:focus {background:#FFFBC6;}
		
	#formContacte select {margin-top:0.9em;width: 200px;}
	
	#formContacte textarea {margin-top:0.9em;width: 90%;height: 150px;font-size: 125%; color: #003366;}


	
/* Més info noticies */

#noticiaAmpliada h1{display:block; margin: 10px;color: #007DC9; font-size: 160%; letter-spacing: -0.05em;}

#noticiaAmpliada p{ margin: 10px; font-size:80%;}

  #noticiaAmpliada p.capcalNoticia{font-size: 70%; font-weight: bold;margin: 30px 10px 20px 10px;}
  
  #noticiaAmpliada ul{ font-size: 80%;} 


/* Ajuda */

ul.preguntes { padding: 0; font-size: 73%; list-style: none; line-height: 1.5em;}

	ul.preguntes li { background: url(liPreg.png) 0 0 no-repeat; padding-left: 24px; margin-bottom: 0.7em;}

div.respostes { font-size: 73%; line-height: 1.4em; }
div.respostes h3 { font-size: 100%; }
div.respostes p, div.respostes ul, div.respostes ol { font-size: 100%; }
div.respostes p.faq { font-size: 115%; margin-top: 15px; }
div.respostes img { margin-top:10px; }
div.respostes a img { border: 5px solid #c0c0c0; }
div.respostes a:hover img { border: 5px solid #007DC9; }
div.respostes a.puja { font-size: 80%; margin: 5px 0; background: #c0c0c0; color: #fff; padding: 2px 6px;}
div.respostes a.puja:hover { background: #007DC9; #fff;}

/* Copyright */

#copyright {margin-top: 5em;margin-left: auto;margin-right: auto;margin-top: 2em;font-size: 0.6em;text-align: center;color: #aaa;width: 95%;padding-top: 1em;}

#copyright a { color: rgb(170, 170, 170);}

#copyright ul { margin: 0pt;padding: 0pt;list-style-type: none;}

#copyright ul li { display: inline;}

#copyright ul li:before { content: "| ";}

#copyright ul li:first-child:before { padding: 0pt 0pt 0pt 0.2em; content: "";}

 * html #copyright ul li { margin: 0pt 1em 0pt -0.5em;padding: 0pt 0.5em 0pt 1em;display: inline;background-image: url(pipe.gif);background-repeat: no-repeat;background-position: 0pt 50%;}

 * html #copyright ul { height: 1%;}

 * html #copyright ul li { display: inline;}

 * html #copyright ul li:first-child { padding: 0pt 0pt 0pt 0.2em;background-image: none;}