/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body 
{
   text-align: left;
   font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
   font-size: 75.01%;
   line-height: 1em;
   background-color: #edeee0;
   margin:1em; /* gives some air for the pagewrapper */
}

/*
set font size for all divs,
this overrides some body rules
*/
div 
{
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
/*a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #18507C; 
}*/


/* remove underline on hover and change color */
/*a:hover {
   text-decoration: none;
   color: #385C72;
}*/
/******************* LINKS *********************/
table#taulaMenuPortada a
{
	text-decoration: none;
	color: #454545;
/*	font-family: Verdana;*/
}
table#taulaMenuPortada a:hover 
{
   text-decoration: none;
   color: #ff4d15;
}

div#esquerra a
{
	text-decoration: none;
	color: #333333;
/*	font-family: Verdana;*/
}
div#esquerra a:hover 
{
   text-decoration: none;
   color: #ff4d15;
/*	font-family: Verdana;*/ 
}

a
{
	color: #38bc29;
	text-decoration: underline;
}
a:hover 
{
   text-decoration: none;
   color: #7cc737;
}

a.link_petit
{
	font-size: 10px;
}


table#taulaMenuNivell1 a
{
	text-decoration: none;
	color: green;/*#fff;*/
	font-weight: bold;
}
table#taulaMenuNivell1 a:hover 
{
   color: #454545;
   text-decoration: underline;
}

/******************* FI LINKS ********************/
/******************* TÍTOLS **********************/
/*h4
{
		border-bottom: 1px solid #ffe823;
		border-left: 7px solid #ffe823;
		padding: 4px;
		padding-bottom: 2px;
		padding-left: 4px;
		color: #505050;
		font-size: 12px;
		background-color: #ffea97;
}*/

h4
{
		border-bottom: 1px solid /*#ffd018;*/#ffb618;
		border-left: 7px solid /*#ffd018;*/#ffb618;
		padding: 4px;
		padding-bottom: 2px;
		padding-left: 4px;
		color: #505050;
		font-size: 12px;
		/*background-color: #ffea97;*/
}
/******************* FI TÍTOLS *******************/
/******************* LLISTES *******************/
ul.portada
{
		padding: 5px;
		list-style: none;
/*		font-family: Verdana;*/
		background-color: #e6e6e6;
		font-size: 11px;	
}

ul.portada2
{
		padding: 5px;
		list-style: none;
/*		font-family: Verdana;*/
		/*background-color: #f8f915;*/
		font-size: 11px;	
}

ul
{
		padding: 0px;
		list-style: none;
/*		font-family: Verdana;*/
		
}

li
{
		padding: 3px;
}

/******************** FI LLISTES ********************/
/*****************
basic layout 
*****************/
/* center wrapper, min max width */
div#pagewrapper 
{
   /*border: 1px solid black;*/
   margin: 0 auto;     /* this centers wrapper */
  /* max-width: 80em;*/ /* IE wont understand these, so we will use javascript magick */
/*   min-width: 60em;*/
   width: 790px;
	background-color: #fff;
   position: relative;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header 
{
   height: 160px; /* adjust according your image size */
   background: #edeee0 url(http://www.sigte.udg.es/pesig/uploads/images/capcalera.png) no-repeat 0 5px; 
   width: 100%;     
}



/********************
CONTENT STYLING
*********************/
div#franja_verda
{
		height: 35px;
		background-color: #7cc737;
		/*position: absolute;*/
}
div#content
{
   /*height: 510px;*/
   padding-top: 0px;
   z-index: 1; /*** nivell de profunditat per sota del submenú ***/
}

div#imatgeFons
{
  background: white url(http://www.sigte.udg.es/pesig/uploads/images/home/fons2.png) no-repeat 0px 0px; 
  height: 500px;
  width: 100%;
  position: relative;
 }

div.full
{
	width: 80%;
	height: 95%;
   top: 50px;	
   left: 100px;
   position: absolute;
   background: url(http://www.sigte.udg.es/pesig/uploads/images/home/fulla3.png) no-repeat; 
   
}

div#menuPortada
{
   width: 45%;
   height: 95%;
   position: absolute;
   left: 10px;
   top: 10px;
   /*background: red;*/
}

table#taulaMenuPortada td
{
	 vertical-align: top;
	 width: 150px;
	 padding: 10px;
	/* border: 1px solid blue;*/
}

div#blancFons
{
  background: white; 
  height: 535px;
  width: 95%;
  position: relative;
  padding-left: 10px;
 /** font-family: Arial, sans-serif,Verdana;**/
  color: #454545;
  font-size: 12px;
	line-height: 14px;
	padding-top: 10px;
}

div#esquerra
{
		height: 90%;
		width: 18%;
		position: absolute;
		left: 10px;
		background-color: #e3f1d6;
}

div#centre
{
		height: 520px;
		width: 99%;
		position: absolute;
		left: 0px;
		overflow: auto;
		padding-right: 15px;
		padding-left: 15px;
/*		font-family: Verdana;*/
		line-height: 1.5;
		/*border: 1px solid red;*/
}

div#dreta
{
		height: 90%;
		width: 77%;
		position: absolute;
		left: 170px;
		overflow: auto;
		padding-right: 20px;
/*		font-family: Verdana;*/
		line-height: 1.5;
}

/************************ Menús del SIG a l'AULA *************************/
table#taulaMenuNivell1
{
   width: 85%;
}

table#taulaMenuNivell1b
{
   width: 99%;
}
table#taulaMenuNivell1b td.linia
{
	width: 100%;
 	border-bottom: 1px solid #7cc737;
}

table#taulaMenuNivell1 td
{
   width: 33%;
  /* border: 1px solid #454545;#95ef42;*/
   text-align: center;
   padding: 2px;
   background-color: /*#dfdfa2;*/#fff;
   font-size: 12px;
}

div#nivell1PQ
{
		/*border: 1px solid blue;*/
		position: absolute;
		width: 65%;
}
div#nivell1QUE
{
		/*border: 1px solid green;*/
		position: absolute;
		width: 65%;
		left: 0px;
}
div#nivell1COM
{
   	/*border: 1px solid yellow;*/
   	position: absolute;
   	width: 50%;
   	left: 372px;
}
div#nivell1PQ table
{
		width: 50%;
}
div#nivell1QUE table
{
		width: 75%;
}
div#nivell1COM table
{
   	width: 100%;
}
div#nivell1PQ table td
{
		/*border-right: 1px solid #95ef42;
		border-left: 1px solid #95ef42;
		border-bottom: 1px solid #95ef42;
		border-top: 1px solid #95ef42;*/
		border: 1px solid #95ef42;
		width: 50%;
		text-align: center;
		padding: 2px;
		background-color: /*#f6f6b2;*/#fff;
}
div#nivell1QUE table td
{
		/*border-right: 1px solid #95ef42;
		border-left: 1px solid #95ef42;
		border-bottom: 1px solid #95ef42;
		border-top: 1px solid #95ef42;*/
		/*border: 1px solid #95ef42;*/
		border-left: 7px solid #ffb618;;
		/*border-bottom: 1px solid #ffb618;
		border-left: 7px solid #ffb618;*/
		width: 33%;
		text-align: center;
		padding: 2px;
		background-color: #fff;
}

div#nivell1COM table td
{
   	/*border-right: 1px solid #95ef42;
		border-left: 1px solid #95ef42;
		border-bottom: 1px solid #95ef42;
		border-top: 1px solid #95ef42;*/
		border: 1px solid #95ef42;
   	width: 33%;
   	text-align: center;
   	padding: 2px;
   	background-color: /*#f6f6b2;*/#fff;
}
div#nivell2COM1
{
		/*border: 1px solid blue;*/
		position: absolute;
		top: 38px;
		left: 336px;
		width: 200px;
}
div#nivell2COM2
{
		position: absolute;
		top: 38px;
		left: 441px;
		width: 250px;
}
div#nivell2COM3
{
   	position: absolute;
		top: 38px;
		left: 560px;
		width: 200px;
}

div#nivell2COM1 table
{
   width: 100%;
}
div#nivell2COM2 table
{
   width: 100%;
}
div#nivell2COM3 table
{
   width: 100%;
}
div#nivell2COM1 table td
{
    text-align: center;
/*    border-right: 1px solid #454545;
	border-left: 1px solid #454545;
	border-bottom: 1px solid #454545;*/
	border: 1px solid #454545;
    width: 50%;
    padding: 2px;
    background-color: #fcfcd8;
}
div#nivell2COM2 table td
{
    text-align: center;
/*    border-right: 1px solid #454545;
	border-left: 1px solid #454545;
	border-bottom: 1px solid #454545;*/
	border: 1px solid #454545;
    width: 33%;
    padding: 2px;
    	background-color: #fcfcd8;
}
div#nivell2COM3 table td
{
    text-align: center;
/*    border-right: 1px solid #454545;
	border-left: 1px solid #454545;
	border-bottom: 1px solid #454545;*/
	border: 1px solid #454545;
    width: 50%;
    padding: 2px;
    	background-color: #fcfcd8;
}
div#contingutsSIGAULA
{
    /*border-top: 1px solid #7cc737;*/
    position: absolute;
    top: 45px;
    width: 98%;
    height: 87%;
    overflow: auto;
    padding-top: 10px;
}
div#contingutsSIGAULA_PQ
{
   /* border: 1px solid red;*/
    position: absolute;
    width: 97%;
}
div#contingutsSIGAULA_QUE
{
    /*border: 1px solid green;*/
    position: absolute;
    width: 97%;
     top: 55px;
}
div#contingutsSIGAULA_QUE_1
{
    position: absolute;
    top: 55px;
    width: 97%;
}
div#contingutsSIGAULA_QUE_2
{
    position: absolute;
    top: 55px;
    width: 97%;
}
div#contingutsSIGAULA_QUE_3
{
    position: absolute;
    top: 55px;
    width: 97%;
}

div#contingutsSIGAULA_COM
{
    /*border: 1px solid blue;*/
    position: absolute;
    width: 97%;
}

table#taulaCentrada
{
		width: 95%;
		padding-left: 10px;
}

div#eines_programari
{
		padding-left: 80px;
}
table#taulaEines
{
	width: 80%;
	position: relative;
	left: 0px;
	top: 5px;
	
}
table#taulaEines td.eines1
{
	width: 45%;
	border: 1px solid #38bc29;
	padding: 2px;
	padding-left: 6px;
}
table#taulaEines td.eines2
{
	width: 10%;
	border: 1px solid #38bc29;
	padding: 2px;
	text-align: center;
}
table#taulaEines td.eines1Titol
{
	width: 200%;
	border: 1px solid #38bc29;
	padding: 2px;
	padding-left: 6px;
	background-color: #dfdfdf;
}
table#taulaEines td.eines2Titol
{
	width: 10%;
	border: 1px solid #38bc29;
	padding: 2px;
	text-align: center;
	background-color: #dfdfdf;
}
/******************************************************************/
table#taulaColumnes
{
		width: 100%;
}

table#taulaColumnes td
{
		width: 50%;
		vertical-align: top;
}
td.dreta_dalt
{
	  width: 50%;
	 font-style: italic;  
	 text-align: center;
	 font-size: 12px;
	 color: #ffb618;
	 font-weight: bold;
	 
}
td.dreta_baix
{
	  width: 50%;
     border: 1px solid #7cc737;
     background-color: #dfdfdf;
     padding: 3px;
}

td.dreta_baix2
{
	  width: 5%;
     padding: 3px;
}
td.dreta_baix2b
{
	  width: 90%;
     padding: 3px;
}

table#taulaLlistes  
{
	width: 95%;
}
table#taulaLlistes2  
{
	width: 95%;
	font-size: 10px;
}
table#taulaLlistes td 
{
	text-align: left;
}
table#taulaLlistes2 td.damunt 
{
	width: 100%;
	text-align: left;
}
table#taulaLlistes2 td.sota
{
	width: 100%;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
}
table#taulaLlistes td.esq 
{
	width: 20%;
	text-align: center;
   vertical-align: middle;
   font-size: 12px;
}

table#taulaLlistes td.dre
{
	text-align: left;
	width: 80%;
	padding-left: 15px;
}
table#taulaLlistes td.dre1
{
	text-align: left;
	width: 40%;
	padding-left: 15px;
}
table#taulaLlistes td.dre2
{
	text-align: left;
	width: 40%;
	padding-left: 15px;
}

table#taulaLlistes ul 
{
	list-style-type: disc;
	padding-left: 20px;
}

table#taulaLlistes2 ul 
{
	list-style-type: disc;
	padding-left: 20px;
	
}
table#taulaLlistes2 ul li 
{
	list-style-type: disc;
	padding: 1px;
}


td.dretaMesInfo
{
	  width: 50%;
     padding: 3px;
     color: #8e8b62;
     padding-top: 15px;
}

table#taulaContacte
{
		width: 95%;
		padding-left: 25px;
}

input.formContacte
{
		border-top: 1px solid #559a55;
		border-left: 1px solid #559a55;
		border-right: 1px solid #c1efad;
		border-bottom: 1px solid #c1efad;
}

textarea.formContacte
{
		border-top: 1px solid #559a55;
		border-left: 1px solid #559a55;
		border-right: 1px solid #c1efad;
		border-bottom: 1px solid #c1efad;
}

input.login
{
		border-bottom: 1px solid #559a55;
		border-right: 1px solid #559a55;
		border-left: 1px solid #c1efad;
		border-top: 1px solid #c1efad;
		background-color: #89d269;
		color: white;
}



div#daltPeu
{
	height: 18px;
	width: 100%;
	background-color: white;
}

div#daltPeu div
{
	height: 7px;
	width: 100%;
	background-color: #a4df6d;
	overflow: hidden;
}

div.baixPeu
{
	height: 18px;
	width: 100%;
	background-color: #7cc737;
	text-align: center;
	vertical-align: middle;
/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: white;
	border-top: 2px solid #7cc737;
}

div.baixPeu a
{
	color: white;
	text-decoration: underline;
}

div.baixPeu a:hover
{
	color: white;
	text-decoration: none;
}

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
/*   font-family: monospace;*/
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 /*white-space: pre-wrap;*/       /* css-3 */
 /*white-space: -moz-pre-wrap;*/  /* Mozilla, since 1999 */
 /*white-space: -pre-wrap;     */ /* Opera 4-6 */
/* white-space: -o-pre-wrap;*/    /* Opera 7 */
 /*word-wrap: break-word;     */  /* Internet Explorer 5.5+ */
 /*font-family: Verdana, "Courier New", Courier, monospace;
 font-size: 1em;*/
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */


div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */