/* GENERAL STYLES */
body {
	background-color: #fff;
	width: 900px;
	margin: 0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}
/* COLORS BÀSICS */
.blue {
	color: #003D4D;
}
.green {
	color: #BAD405;
}
.orange {
	color: #FA9E0D;
}
.turq {
	color: #29C2DE;
}
.turqbg {
	background-color: #29C2DE;
}
.bluebg {
	background-color: #003D4D;
}
/* TEXT COLORS */
.white {
	color: #fff;
}
/* WRAPPER */
#wrapper {
	width: 900px;
	clear: both;
}
/* CONTINGUT */
#contingut {
	width: 836px;
	padding: 0 32px;
	color: #4D7883;
	clear: both;
}
/* CAPÇALERA */
#top {
	width: 100%;
	background: transparent url(../img/common/logo/logo_bg.gif) no-repeat;
	height: 125px;
	border-bottom: 1px dotted #809EA6;
	margin: 0 0 30px 0;
}
#logo {
	height: 55px;
	width: 180px;
	float: left;
}
#logo_g {
	height: 124px;
	width: 300px;
	float: left;
}
#top_dreta {
	float: left;
	width: 720px;
	height: 124px;
}
#top_dreta_g {
	float: left;
	width: 600px;
	height: 124px;
}
#pag_idiomes {
	float: right;
	height: 20px;
	font-size: 12px;
	margin: 10px 20px 0 0;
	color: #809EA6;
	clear: both;
}
#pag_idiomes a {
	text-decoration: none;
	color: #809EA6;
}
#pag_idiomes a:hover {
	color: #BAD405;
}
.idioma {
	float: left;
	padding: 2px 0 0 0;
}
.barra {
	float: left;
	font-size: 14px;
	padding: 0 3px;
}
/* PEU */
#peu {
	width: 900px;
	font-size: 0.8em;
	margin-top: 2em;
	clear: both;
	text-align: center;
	color: #666666;
}
#sub_peu {
	width: 900px;
	clear: both;
	padding: 10px 0 0 0;
	color: #B3C5CA;
	text-align: center;
}
#contacta {
	width: 185px;
	float: left;
	background: transparent url(../img/common/menu/f_green.gif) no-repeat left 10px;
	padding: 26px 0 0 0;
	margin: 8px 0 0 0;
	clear: left;
}
#direccio {
	width: 715px;
	float: left;
	clear: right;
}
.linia_peu {
	clear: both;
	padding: 0 0 20px 0;
}
.ciutat {
	float: left;
	margin: 0 18px 0 0;
}
/* FORMS */
/* Default bottom margin between fields */
.margin {
	height: 20px;
	clear: both;
}
/* 1 Line text input */
.input_text_all {
	width: 650px;
	clear: none;
	float: left;
}
.input_text_internet {
	width: 630px;
	clear: none;
	float: left;
}
.input_textbox_all {
	width: 680px;
	height: 50px;
	clear: none;
	float: left;
}
.input_textbox_margin {
	width: 650px;
	height: 70px;
	clear: none;
	float: left;
	margin: 0 0 0 150px;
}
.label_text_all {
	width: 140px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.label_text_line {
	width: 680px;
	clear: none;
	float: left;
	padding: 0 10px 10px 0;
	text-align: left;
}
.label_text_internet {
	width: 160px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.input_container_all {
	width: 810px;
	clear: both;
}
/* 2 text inputs line */
.input_text_2 {
	width: 248px;
	clear: none;
	float: left;
}
.input_text_pais {
	width: 260px;
	clear: none;
	float: left;
}
.select_lang {
	width: 250px;
	clear: none;
	float: left;
}
.label_text_2 {
	width: 140px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.label_text_win {
	width: 140px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.label_text_mac {
	width: 115px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.label_text_destino {
	width: 80px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.select_date {
	float: left;
	clear: none;
}
.espai {
	width: 5px;
	float: left;
	clear: none;
	height: 12px;
}
.espai_gran {
	width: 20px;
	float: left;
	clear: none;
	height: 12px;
}
.label_text_birth {
	width: 160px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.label_text_lang {
	width: 140px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.input_radio_2 {
	width: auto;
	clear: none;
	float: left;
	margin: 0 10px;
}
.input_radio {
	width: auto;
	clear: none;
	float: left;
	margin: 3px 0 0 0;
}
.radio_text_2 {
	width: auto;
	clear: none;
	float: left;
	padding: 0 5px;
}
/* 3 text inputs line */
.input_text_3 {
	width: 144px;
	clear: none;
	float: left;
}
.input_text_web {
	width: 244px;
	clear: none;
	float: left;
}
.label_text_3 {
	width: 110px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
/* Special inputs */
.input_text_petit {
	width: 30px;
	clear: none;
	float: left;
}
.label_text_petit {
	width: 125px;
	clear: none;
	float: left;
	padding: 0 5px 0 0;
	text-align: right;
}
.label_text_unitat {
	width: 80px;
	clear: none;
	float: left;
	padding: 0 0 0 5px;
	text-align: left;
}
.label_text_unitat_volumen {
	width: 90px;
	clear: none;
	float: left;
	padding: 0 0 0 5px;
	text-align: left;
}
.label_text_unitat_tarifa {
	width: 75px;
	clear: none;
	float: left;
	padding: 0 0 0 5px;
	text-align: left;
}
.label_text_euro {
	width: 25px;
	clear: none;
	float: left;
	padding: 0 0 0 5px;
	text-align: left;
}
.select_petit {
	width: 150px;
	clear: none;
	float: left;
}
.selector_software {
	width: auto;
	clear: none;
	float: left;
}
.input_text_versio {
	width: 30px;
	clear: none;
	float: left;
	margin: 0 0px 0 10px;
	text-align: right;
}
.label_text_versio {
	width: 50px;
	clear: none;
	float: left;
	margin: 0 0px 0 10px;
	text-align: right;
}
.label_text_tarifa {
	width: 65px;
	clear: none;
	float: left;
	padding: 0 5px 0 0;
	text-align: right;
}
.label_text_volumen {
	width: 125px;
	clear: none;
	float: left;
	padding: 0 5px 0 0;
	text-align: right;
}
.separacio {
	margin: 0 15px 0 0;
}
/* General input rules */
input {
	border: 1px solid #808080;
}
input[type="checkbox"] {
	border-width: 0px;
}
input:focus {
	background-color: #DAE3E5;
}
textarea {
	font-family: "MS Trebuchet", "Lucida Grande", "Verdana", sans-serif;
	font-size: 14px;
}
/* Select date */
.select_data {
	width: auto;
	clear: none;
	float: left;
}
/* Buttons */
.button {
	padding: 3px 5px;
	cursor: pointer;
	margin: 0 20px 0 20px;
	display: inline;
}
.buttons {
	text-align: center;
	margin: 10px 0 10px 0;
}
.button_add {
	width: 16px;
	height: 16px;
	background: transparent url(../img/common/icons/add.png) no-repeat;
	float: left;
	clear: none;
	cursor: pointer;
	margin: 0 15px;
}
.button_del {
	width: 16px;
	height: 16px;
	background: transparent url(../img/common/icons/cross.gif) no-repeat;
	float: left;
	clear: none;
	cursor: pointer;
	margin: 5px 0 0 15px;
}
/* Language */
.icona_estat {
	width: 20px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: center;
}
.nom_pressupost {
	width: 150px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: left;
}
.organitzacio {
	width: 310px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: left;
}
.estat_pressupost {
	width: 200px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: center;
}
.accions {
	width: 100px;
	clear: none;
	float: left;
	text-align: center;
	padding: 5px 0 0 0;
}
h1 {
	font-size: 16px;
	text-align: right;
	border-bottom: 1px dotted #809EA6;
	font-variant: small-caps;
	font-weight: bold;
}
.form_comentari
{
	text-align: center;
}
.form_comentari textarea {
	width: 600px;
}
.pressupost {
	clear: both;
	height: 28px;
}
.pressupost_frame {
	width: auto;
	border-left: 1px solid #003D4D;
	border-right: 1px solid #003D4D;
	border-bottom: 1px solid #003D4D;
}
.projecte {
	clear: both;
	height: 25px;
}
.projecte_frame {
	width: auto;
	border-left: 1px solid #003D4D;
	border-right: 1px solid #003D4D;
	border-bottom: 1px solid #003D4D;
}
.accio {
	cursor: pointer;
}
.loading {
	background: #FA9E0D url(../img/common/ajax/cell.gif) no-repeat right;
}
.pressupost:hover {
	background-color: #FA9E0D;
}
/* List trans */
#pressupostos {
	margin: 20px 0;
}
/* List soft */
#list_soft {
	float: left;
	width: 400px;
	clear: right;
}
.item_soft {
	clear: both;
	height: 25px;
}
.name_soft {
	width: 230px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: center;
}
.version_soft {
	width: 100px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: center;
}
/* List interpret */
#interpret {
	margin: 10px 0;
}
.modalidad {
	width: 125px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: center;
}
.label_text_modalidad {
	width: 110px;
	clear: none;
	float: left;
	padding: 0 10px 0 0;
	text-align: right;
}
.label_text_especialidad {
	width: 140px;
	clear: none;
	float: left;
	padding: 0 5px 0 0;
	text-align: right;
}
/* List Formació */
#list_idiomes {
	width: 500px;
	margin: 10px auto 10px 120px;
	clear: both;
}
.name_idioma {
	width: 450px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: center;
}
/* List Maquetacio */
#list_win {
	margin: 10px 0 0 0;
	float: left;
	width: 400px;
	clear: left;
}
#list_mac {
	margin: 10px 0 0 10px;
	float: left;
	width: 400px;
	clear: right;
}
/* List Alfabet */
#list_alfabet {
	float: left;
	width: 280px;
	clear: right;
	margin-left: 76px;
}
.item_alfabet {
	clear: both;
	height: 25px;
}
.name_alfabet {
	width: 230px;
	clear: none;
	float: left;
	padding: 5px 5px 0 5px;
	text-align: center;
}
/* System styles */
#anterior {
	float: left;
	text-align: left;
	cursor: pointer;
	padding: 0 0 0 12px;
	background: transparent url(../img/common/menu/fi_green.gif) no-repeat left center;
}
#anterior:hover {
	color: #BAD405;
}
#siguiente {
	float: right;
	text-align: right;
	cursor: pointer;
	padding: 0 12px 0 0;
	background: transparent url(../img/common/menu/f_green.gif) no-repeat right center;
}
#siguiente:hover {
	color: #BAD405;
}
#finalizar {
	float: right;
	text-align: right;
	cursor: pointer;
	padding: 0 18px 0 0;
	height: 16px;
	background: transparent url(../img/common/icons/page_save.png) no-repeat right center;
}
#finalizar:hover {
	color: #BAD405;
}
#load {
	text-align: center;
	padding: 20px 0;
}
#load_img {
	margin: 0 auto 0 auto;
}
/* Tabs */
#tabs {
	clear: both;
	width: 720px;
	margin:  75px 0 0 0;
	height: 50px;
}
#tabs .tab {
	float: left;
	border: 1px dotted #809EA6;
	border-bottom: 0px dotted #809EA6;
	background-color: #fff;
	margin: 20px 2px 0 2px;
	padding: 7px 5px 0 5px;
	height: 22px;
	font-size: 0.8em;
	cursor: pointer;
}
#tabs .tab.inactive {
	border-bottom: 1px dotted #809EA6;
}
#tabs .tab.inactive:hover {
	background-color: #CDD9DC;
}
#tabs .tab.active {
	border-bottom: 0px dotted #809EA6;
	padding: 10px 8px 2px 8px;
	margin-top: 16px;
}
/* FONT SIZES */
.px10 {
	font-size: 0.85em;
}
.px12 {
	font-size: 0.95em;
}
.px18 {
	font-size: 1.3em;
}
.px14 {
	font-size: 14px;
}
.bold {
	font-weight: bold;
}
#loading {
	text-align: center;
	clear: both;
	height: 100px;
	margin: 50px 0 0 0;
}
/* Login Page */
#contingut #col1, #contingut #col2 {
	width: 397px;
	float: left;
	height: 200px;
	padding: 0 10px 0 10px;
}
#contingut #col1 {
	border-right: 1px dotted #809EA6;
}
#col1 .rowForm {
	clear: both;
}
#col2 .rowForm {
	clear: both;
}
.rowForm .label {
	width: 150px;
	text-align: right;
	float: left;
	padding: 3px 10px 3px 0;
}
.rowForm .input {
	width: 237px;
	float: left;
}
.rowForm input[type="submit"] {
	margin: 5px 0 5px 0;
	padding: 2px 3px 2px 3px;
}
#col1 .row {
	text-align: center;
	margin: 10px 0 0 0;
}
#contingut .titulo {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin: 0 0 20px 0;
}
a#siguiente {
	text-decoration: none;
	color: inherit;
	float: right;
	text-align: right;
	cursor: pointer;
	padding: 0 12px 0 0;
	background: transparent url(../img/common/menu/f_green.gif) no-repeat right center;
}
a#siguiente:hover {
	color: #BAD405;
}
/* Messages for login page */
#messages {
	padding: 10px;
	margin: 20px 5px 20px 5px;
	background-color: #FFD9D9;
}
#messages_ok {
	padding: 10px;
	margin: 20px auto;
	background-color: #deffd9;
	width: 400px;
}
/* Links inside #contingut */
#contingut a {
	color: inherit;
	text-decoration: none;
}
#contingut a:hover {
	color: #BAD405;
}
#afegir_pressupost
{
	margin: 10px 0 0 0;
	background: transparent url(../img/common/icons/add.png) no-repeat left;
	padding: 0 0 0 20px;
	cursor: pointer;
	display: inline;
}
.download_pressupost {
	background: transparent url(../img/common/icons/page_save_big.jpg) no-repeat left;
	height: 30px;
	width: 400px;
	padding: 14px 0 0 40px;
	margin: 5px 0 0 10px;
	float: left;
}
.data {
	text-align: right;
	padding: 10px 20px 0 0;
	height: 30px;
	width: 350px;
	float: left;
	clear: right;
}
.desc_titul {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 10px 10px;
}
.comentari {
	color: #999;
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #ccc;
	text-align: justify;
}
.peu_comentari {
	text-align: right;
	font-style: italic;
}
.descripcion {
	margin: 20px 10px 10px 10px;
	font-weight: bold;
}
.solicitud {
	padding: 10px 20px;
}
.respuesta {
	margin: 10px 20px 20px 20px;
}
.align_left {
	text-align: left !important;
}
.gadget {
	float: left; 
	margin: 6px;
}
.img_gadget {
	float: left; 
	border: 1px solid #ccc; 
	margin: 5px;
}
.ref_gadget {
	float: left; 
	clear: right; 
	color: #EFAB42; 
	font-weight: bold; 
	font-size: 14px; 
	margin-top: 5px;
}
.num_gadgets {
	float: left; 
	color: #999;
	font-size: 11px;
}