/****COLORS***

blau Botó = #e9e8fc;
blau Botó bottom = #e1e0fa;

blau Fosc = #003366;
blau pastel = #e5e5fb;
blau link = #3333b8;
blau Taules td = #505050;


groc pàlid noticies: #ede9d5;
crema taules th: #F0F0F0;

gris80    = #CCCCCC;
gri pie = #606060;

verd: 




*/


/****GLOBLAS****/
* 
{
	margin: 0;
	padding: 0;

}

body
{
	font-size: 100.01%;
}

h1
{
/*	border-bottom-color: #003366;
	border-bottom-width: 0.05em;
	border-bottom-style: dashed;*/
	color: black;
	font-size: 1.2em;
	margin: 0.1em 0.5em 0.5em 0.5em;
	text-align: center;
}

h2
{
	border-bottom-color: #003366;
	border-bottom-width: 0.07em;
	border-bottom-style: solid;
	font-size: 1.2em;
	margin: 0.5em 0 0.5em 0;
	text-align: left;
}

h3
{

	font-size: 0.8em;
	font-weight: bold;
	margin: 0.5em;
}


p
{
	margin: 0.75em 0 0.75em 0;
	padding: 0 0 0 1em;
	font-size: 0.75em;
}

#dadesReg table
{
	font-size: 0.75em;
	margin-left: 12px;
}

#dadesReg td
{
	padding: 2px;
}

.borderred
{
	background-color: #feffac;
	border: 2px solid red;
}


.alignLeft
{
	text-align: left;
}

.widthl
{
	width: 75px;
}

.widthL
{
	width: 250px;
}

.input
{
	background-color: #f3f3d6;
	border: 1px solid gray;
}

.inputx
{
	/*background-color: #dde0e1;*/
	background-color: #f3f3d6;
	border: 1px solid gray;
}

.opt
{
	background-color: #f3f3d6;
	border: 1px solid gray;
	color: black;
	font-size: 0.9em;
	padding: 1px;
}

.textarea
{
	background-color: #f3f3d6;
	border: 1px solid gray;
	height: 100px;
	width: 400px;
}

.textareax
{
	background-color: #dde0e1;
	border: 1px solid gray;
	height: 100px;
	width: 400px;
}

.textareadisabled
{
	color: #003366;
	border: 0;
	height: 100px;
	width: 400px;
}


.button
{
	background-color: #e8edff;
	border: 1px solid gray;
}

.button:hover
{
	/*border: 1px solid #b7c6ff;*/
	color: #47484e;
}

.centered
{
	margin: 0 auto;
	text-align: center;
}

.lefted
{
	text-align: left;
}

.fontWide
{
	font-size: 1.4em;
}

a
{
	/*font-size: 0.7em;*/
	text-decoration: none;
}

a:link
{
	color: #3333b8;	
}

a:visited
{
	color: #3333b8	
}

a:hover
{
	color: #3333b8;
	text-decoration: underline;
}

a:active
{
	color: #3333b8;
}

.black
{
	color: black;
}

.blue
{
	color: blue;
}

.gray
{
	color: gray;
}

.green
{
	color: green;
}

.red
{
	color: red;
}

.litfoot
{
	font-size: 0.8em;
	
}

.ldate
{
/*	border: 0.07em solid;*/
	color: gray;
	font-size: 0.6em;
	margin: 0 0 0 1em;
	padding: 0.05em;
}

.noDecoration
{
	text-decoration: none;
}

.size1
{
	font-size: 1em;
}

.litcomment
{
	color:	#606060;
	font-size: 0.5em;
	margin: 2em;
	text-align: left;
}

.litcommentsm
{
	color:	#606060;
	font-size: 0.6em;
	text-align: left;
}

.cmin
{	
	color: #6699FF;
}

.cmax
{
	color: #CD661D; 
}

.tableline1
{
	background-color: #edf8ff;
}

.tableline2
{
	background-color: #fbfbfb;
}

.info
{
	color: gray;
}

table
{
	border-collapse: collapse;
	margin: 0 auto;
}

tr:hover
{
	background-color: #d8e9f3;
}

th
{
	background-color: #e6eef3;
	border-bottom: 1px solid gray;
}

td
{
	border: 0;
	text-align: left;
}

.noBorder
{
	border: 0;
}

.evenLine
{
	background-color: #e8fdfb;
}

.oddLine
{
	background-color: #d4e0df;
}

.leftAlign
{
	text-align: left;
	width: 100%;
}

.hidden
{
	display: none;
}

/****WRAPER****/
#wrapper
{
	border: 0.07em solid#CCCCCC;
	color: #003366;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: auto;
	text-align: left;
	width: 800px;
}

/****HEADER****/
#header 
{
	background-image: url(resources/panta5.jpg);
	background-color: #003366;	
	border-color: #003366;	
	border-style: solid;
	border-width: 0 0 0.3em 0;
	height: 150px;
	width: 100%;
}

/****LEFTBAR****/
#leftbar
{
	background-color: #e5e5fb;
	float: left;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 140px; 
}

#leftbar a
{
	font-size: 1em;
}


#leftmenu h1, #telefons h1
{
	background-image: url( resources/backsection.png );
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	border-bottom: 0;
	font-weight: normal;
	width: 100%;
}

#leftbar h2
{
	border: 0;
	color: #02021e;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
}

#leftbar ul
{
	list-style: none;
	margin: 0;
	/*padding: 0 1.2em 0 0; */
	padding: 0 0 0 0;
	width: 100%;
}

#leftbar li
{
	background-color: #e9e8fc;	
	border: 0.07em solid;
	border-bottom-color: #e1e0fa;
	border-left-color: white;
	border-right-color: white;
	border-top-color: white;
	text-align: left;
}

#leftbar li a
{
	display: block;
	color: #003366;
	padding: 0 0 0 0.2em;
	text-decoration: none;
}

/*AQUI Left i Right substituir per clase*/
/****RIGHTBAR****/
#rightbar
{
	background-color: #e5e5fb;
	float: right;
	font-size: 0.75em;
	text-align: center;
	width: 137px; 
}

#rightbar h1
{
	background-color: #e5e5fb;
	background-repeat: no-repeat;
	color: black;
	border-bottom-style: none;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}

#rightbar h2
{
	border: 0;
	color: #02021e;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
}

#lmeteorologia h1, #nivellpantans h1
{
	background-image: url( resources/backsection.png );
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

/****MAIN****/
#main
{
	float: left;
	height: auto;
	width: 65%;
}

.previewNoticia
{
	margin: 0.5em;

}

.previewNoticia ol
{
	font-size: 0.75em;
	margin: 1em 0 1em 0;
	padding: 0 0 0 2.2em;
}


/****pcontractant****/
#pcontractant
{
	padding: 15px;

}

#pcontractant ol
{
	margin: 1em 0 1em 0;
	padding: 0 0 0 2.2em;
}

#pcontractant li
{
	margin: 0 0 5px 0;
}

.ol
{
	font-size: 0.75em;

}

.subol
{
	list-style-type: upper-latin;
}
/*
.letol
{
	
}
*/
.detcontracte
{
	text-align: left;
}

#o1011
{
	padding: 0 0 20px 0;
}

#o1011 h1
{
	text-align: left;
}

#o1011 th
{
	background-color: white;
	border: 0;
	padding: 2px 10px 2px 5px;
}

.italic
{
	font-style: italic;
}

.justify
{
	text-align: justify;
}
/****NOTICIES****/

#noticies
{
	padding: 15px;
}

#noticies td
{
	font-size: 0.75em;
}

#noticies td a
{
	color: #003366;
	font-size: 1em;
}

#noticies ol
{
	font-size: 0.75em;
	margin: 1em 0 1em 0;
	padding: 0 0 0 2.2em;
}

#noticiesMenu table
{
	margin: auto;
}


#noticiesMenu td
{
	background-color: transparent;	
	background-image: url( resources/backsection2.png );
	text-align: center;
	width: 137px;
}

#noticiesBy table
{
	margin: auto;
}

#noticiesBy th
{
	background-color: #e5e5fb;	
	padding: 0.1em;
	text-align: center;
}

#noticiesBy td
{
	background-color: #e9e8fc;	
	padding: 0.1em;
	text-align: center;
}

#noticiesBy th a
{
	text-decoration: none;
}

.indexNoticies
{
	background-color: #e2eef4; /* #ede9d5;*/
	border: 0.06em dashed #003366;
	margin: 1em 0.5em 1em 0.5em;
}

.footDate
{
	border-top-style: solid;
	border-top-width: 0.07em;
	color:	#606060;
	font-size: 0.6em;
	margin: 0 0 1em 1em;
}

/****COTES****/
#cotes
{
	margin-top: 0;
	text-align: center;
}

#cotes table, #entrades table
{
	border: 0.1em solid;
	border-collapse: collapse;
	border-color: #003366;
	font-size: 0.65em;
	font-weight: normal;
	margin: auto;
}

#cotes tr, #entrades tr
{
	border: 0.1em solid;
	border-collapse: collapse;
	border-color: #003366;	
}


#cotes th, #entrades th
{
	background-color: #F0F0F0;
	color: #003366;
	border: 0.1em solid;
	border-color: #003366;
	border-collapse: collapse;
	font-weight: bold;
	padding: 0.3em;
	text-align: center;
}

#cotes td, #entrades td
{
	border: 1px solid;
	border-collapse: collapse;
	border-width: 1px;
	border-color: #003366;
	color: #505050;
	padding: 0.3em;
	text-align: center;
}

#situaciopreses
{
	width: 100%;
}

#regdar
{
	font-size: 0.9em;
	min-height: 500px;
	text-align: center;
	width: 100%;
}


/****METEOROLOGIA****/
#meteorologia
{
	font-size: 0.9em;
	text-align: center;
}

#meteorologia a
{
	font-size: 0.9em;
}

#meteorologia table
{
	border: 0.1em solid;
	border-collapse: collapse;
	border-color: #003366;
	color: #484848;
	font-size: 0.65em;
	font-weight: normal;
	margin: 0.1 auto;
}

#meteorologia tr
{
	border: 0.1em solid;
	border-collapse: collapse;
	border-color: #003366;
}

#meteorologia th
{
	background-color: #F0F0F0;
	border: 0.1em solid;
	border-collapse: collapse;
	border-color: #003366;
	color: #003366;
	font-weight: bold;
	padding: 0.1em;
	text-align: center;
}

#meteorologia td
{
	border: 0.1em solid;
	border-collapse: collapse;
	border-color: #003366;
	border-width: 0.1em;
	color: #505050 ;
	padding: 0.1em;
	text-align: center;
}

.frmLogin
{
	border: 0;
/*	border-color: green;
	margin: auto;
	width: 60%;*/
}

/****LOGIN****/
#login, #recover
{
	text-align: center;
	width: 100%;
}

/****FOOTER****/
#footer 
{
	border-width: 0.3em 0 0 0;
	border-style: solid;
	clear: both;
	font-size: 0.7em;
	text-align: center;
	width: 100%;
}

/****ORGANSGOVERN****/
#organsgovern
{
	padding: 0 0 20px 0;
}

#organsgovern h2
{
/*	border-bottom-width: 0.01em;*/
	border: 0 none;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: normal;
	margin: 1em 10em 0.5em 10em;
	text-align: center;
}

#organsgovern table
{
	font-size: 0.7em;
	padding: 0 0 0 15px;
}

#organsgovern td
{
	vertical-align: top;
}

/***CONTACTE***/
#contacte
{
	color: gray;
	font-size: 0.8em;
	text-align: center;
}

#contacte tr:hover
{
	background-color: transparent;
}


/***OFICINAHEADER***/
#oficinaheader
{
	color: gray;
	font-size: 0.8em;
	text-align: right;
	width: 100%;
}

#oficinaheader a
{
	color: gray;
	font-size: 0.8em;
	margin: 5px 10px 5px 10px;
	text-decoration: none;
}

#oficinaheader a:hover
{	
	text-decoration: underline;

}

.userName
{
	font-size: 0.8em;
}

/***OFICINA***/

#importResult
{
	width: 100%;
}

#admincomandes
{
	width: 100%;
}

#oficina
{
	text-align: center;
	width: 100%:
}

#oficina a, #importResult a, #admincomandes a
{
	/*color: #3333b8;*/
	color: #6e79a0;
	font-size: 0.9em;
	text-decoration: none;
}

#oficina a:hover, #importResult a:hover, #admincomandes a:hover
{
	color: #3333b8;
	text-decoration: underline;
}

#tableContainer
{
	text-align: center;
	width: 100%;
}

#tableContainer table
{
	margin: 0 auto;
}

.table
{
	border: 1px solid gray;
	border-collapse: collapse;
	font-size: 0.8em;
	margin: 0 auto;
}

.table tr:hover
{
	background-color: #d8e9f3;
}

.table th
{
	background-color: #e6eef3;
	padding: 4px;
	font-size: 0.8em;
}

.table td
{
	font-size: 0.8em;
	padding: 4px;
	text-align: center;
}

/*
#oficina table,  #importResult table
{
	border: 1px solid gray;
	font-size: 0.8em;
}

#oficina td, #oficina th, #importResult td, #importResult th
{
	font-size: 0.8em;
	padding: 4px;
}
*/

#register
{
	text-align: center;
	width: 100%;
}

/***USERDATA***/
#userdata
{
	text-align: center;
	width: 100%;
}
/*
#userdata table, #userdata td, #userdata tr, #userdata th
{
	border: 1px solid gray;
	font-size: 0.9em;
	text-align: center;
}

#userdata td, #userdata th
{
	padding: 2px 10px 2px 10px;
}
*/
#vprint
{
	margin-top: 30px;
	text-align: center;
	width: 800px;
}

#vprint h1
{
	color: #003366;
	font-weight: normal;
	text-decoration: underline;
}

#vprint h3
{
	font-size: 1.0em;
}

#vcomanda, #ecomanda
{
	width: 100%;
}

#vcomanda h3
{
	text-align: center;
}

/*
#vcomanda table, #ecomanda table
{
	font-size: 0.7em;
	margin-left: 5px;
}

#vcomanda th, #ecomanda th
{
	padding: 1px 10px 1px 0px;
}

#vcomanda td, #ecomanda td
{
	padding: 1px 10px 1px 10px;
}
*/
/***COMANDA***/
#comanda
{
	width: 100%;
}

/***COSCOMANDA***/
#coscomanda
{
	/*border: 1px solid black;*/
}



.leftBox
{
	text-align: left;
	width: 50%;
}

.rightBox
{
	float: right;
	text-align: right;
	width: 49%;
}

#preus 
{
	background-color: #ecffed;
	margin: 4px 0 4px 10px;
	padding: 0;
	width: 90%;
}

#preus ul
{
	font-size: 0.6em;
	list-style: none;
	margin-left: 30px;
}

#preus li
{
	margin: 2px 0 0 0;	
}