﻿body {margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align:left; color: #000; background-color: #FFF;}
a {text-decoration: none; color: #000;}

input {border:1px solid #666;}

div.menu a.selected {font-weight:bold; color:#000;}
img {border:0px;}
ul.treeview {list-style:none; padding-left:15px; margin:0px; width:100%;}
li.treeview {padding:0px; margin:0px; border-bottom:1px dotted #CCC;}

/*[ IDS ]*/

div#content {position:absolute;  height:25px; top:0px; width:100%; height:100%; left:0px; bottom:0px;}
	div#contenidor div#box_header {position: absolute; left:5px; top:5px; height:42px; width:200px;}
	div#contenidor div#box_botonera {position: absolute; left:0px; right:0px; top:51px; height:25px; width:100%;}
	div#contenidor div#box_subbotonera {position: absolute; left:0px; top:75px; height:25px; width:100%; right:0px; border-top:1px solid #333333; border-bottom:1px solid #333333;}
	div#contenidor div#box_menu {position: absolute; top:112px; width:18%; left:2%; right:50px; background-color: #FFF; border: 2px solid #E5E5E5;}
	div#contenidor div#box_contingut {position:absolute; top:112px; left:21%; bottom:50px; width:75%; background-color: #FFF;}
	div#contenidor div#box_contingutGran {position:absolute; top:112px; left:2%; bottom:50px; width:95%; background-color: #FFF; }
div#login {position:absolute; top:30%; left:35%; width: 400px; height:200px;}
div#missatge {position: fixed; z-index:98; width: 100%; height: 100%; bottom: 0px; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display:none;}
div#rotor_imatges {position:relative; overflow:hidden;  width:100%;  height:130px; padding:0px;}
div#test {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; display:none;}
div#g_Cat2 {position:relative; float:right; width:64%; height:600px; scroll:auto; border:2px solid #AAA;}
div#g_Cat1 {position:relative; float:left; width:34%; height:600px; scroll:auto; border:2px solid #AAA; overflow:auto;}
div#llegenda_cat1 {position:relative; float:left; width:29%; height:90px; border-left:2px solid #AAA; border-bottom:2px solid #AAA; border-right:2px solid #AAA; background-color:#EEF;}
div#globus {position:absolute; text-align: center; padding: 20px 12px 10px; width: 180px; height: 45px; top: 0px; left: 0px; background: url("../../images/hover.png") no-repeat; display:none;}
div#login_content {position:absolute; background-color:transparent; height:590px; left:50%; margin-left:-492.5px; top:50%; margin-top:-295px; min-height:590px; min-width:985px; position:absolute; text-align:center; width:985px; color:#333;}
div#login_access td {font-size: 12px;}
div#login_content strong {font-size: 12px; color:#000;}
div#login_header {position:absolute; top:0px; left:0px; width:100%; height:76px; text-align:center; background-image: url("../../images/login/header.jpg"); background-repeat: repeat-x;}
div#login_footer {position:absolute; bottom:23px; left:0px; width:100%; height:162px; background-image: url("../../images/login/footer.jpg"); background-repeat: repeat-x;}
div#login_center {position:absolute; top:83px; left:0px; width:985px; height:333px;}
div#login_access {position:absolute; top:0px; left:5px; width:211px; height:296px; padding:20px; background: url("../../images/login/acces.jpg") no-repeat top right;}
div#login_contact {position:absolute; top:0px; left:265px; width:411px; height:296px; padding:20px; background: url("../../images/login/contacte.jpg") no-repeat top right;}
div#login_publi {position:absolute; top:0px; left:725px; width:254px; height:336px; background-image: url("../../images/login/publi.jpg"); background-repeat: no-repeat; background-position:top right;}
div#slogan {position:absolute; width:100%; left:0px; top:50px; height:20px; font-size:15px; font-weight:bold; color:#FFF;}
div#login_smawebsite {position:absolute; top:25px; left:15px; width:295px; height:28px; background: url("../../images/login/login_smawebsite.gif") no-repeat top left;}
div#login_smasoftware {position:absolute; top:30px; right:10px; width:110px; height:41px; background: url("../../images/login/login_smasoftware.gif") no-repeat top left;}
div#box_footer {position:absolute; bottom:1px; left:0px; height:20px; width:100%; background-color: #FFF; color: #00458E;}
div#box_footer div#infolegal {position: absolute; padding: 0px; padding-top:3px; left: 0px; width: 50%; height: 18px; text-align: left;}
div#box_footer div#author {position: absolute; padding: 0px; padding-top:3px; right: 0px; width: 50%; height: 18px; font-size: 10px; text-align: right;}
div#counter {position:absolute; top:6px; left:480px;}
div#product_list {position:absolute; top:48px; padding-right:20px; left:0px; right:0px; bottom:0px; overflow-y:scroll; overflow-x:hidden; outline-color:-moz-use-text-color;outline-style:none; outline-width:0; border:1px solid #666; }
div#resultats_productes {position:absolute; top:0px; left:0px; right:0px; height:auto; }
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 0px; height: 0px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
#editor {position: absolute; top:10%; right: 10%; left: 10%; height:450px; width:600px; text-align: right; background-color: #FFF; border: 3px solid #999; padding:30px; z-index:99;}
#usuari {position:absolute; top:5px; right:65px;}
#exit {position:absolute; top:25px; right:65px; padding: 3px 5px 3px 18px; border:1px solid #AAA; background:#EEE url("../../images/logout.gif") no-repeat 2px 3px; cursor:pointer;}
#helponline {position:absolute; top:5px; right:5px; width:50px; height:50px; background:url("../../images/helponline.gif") no-repeat top left; cursor:pointer;}
#optimized {position:absolute; left:40%; top:0px; width:300px; height:50px; border-left:3px solid #f90; border-right:3px solid #f90; border-bottom:3px solid #f90; background-color:#FC3;}

#cercar1 {position:relative; float:left; padding-top:5px; margin-right:15px; display:none; }
#cercar {position:relative; border:1px solid #AAA; background-color:#EEE; width:500px; color:#666; float:left; display:none;}

/*[ CLASSES ]*/

.cuadro {width:100%; border:2px solid #E5E5E5; margin-bottom: 10px;}
.titol_blau_w_var {background:url(../../images/backDegrees/menu_333333.jpg) repeat-x; color:#FFFFFF; font-family:arial,sans-serif; font-size:13px; font-weight:bold; height:25px; left:0px; line-height:23px; padding-left:5px; padding-right:5px; right:0px; top:0px;}
.titol_tronja_w_var {background:url(../../images/backDegrees/menu_333333.jpg) repeat-x; color:#FFFFFF; font-family:arial,sans-serif; font-size:13px; font-weight:bold; height:25px; left:0px; line-height:23px; padding-left:5px; padding-right:5px; right:0px; top:0px;}
.tancar {position:absolute;text-align:center; font-weight:bold; right:0px; top:0px; width:15px; height:15px; background-color:#999; color:#FFF; padding-left:2px; cursor: pointer;}
.optimized {font-size:10px; height:15px; border:1px solid #CCD; }
.image2producte {position:relative; float:left; clear:none; text-align:center; margin:5px; width:200px; height:120px; background-color:#EEE; border:1px solid #AAA; overflow:hidden;}
.image2producteEdit {position:absolute left:0px; top:0px; width:100%; height:100%; background-color:#AAA; filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: 0.8; display:none; z-index:98;}
.menuimage2producteEdit {position:absolute; left:0px; top:0px; width:100%; height:100%; display:none; z-index:97;}
.camp {font-weight:bold; color:#000;}
.inputs {border:1px solid #666;}
.input100 {left:0px; width:99%; border:1px solid #666;}
.fila_0, .fila_0:hover {background-color:#FFF; height:30px;}
.fila_0:hover {background-color:#FEC;}
.separator {height:1px; background-color:#CCC;}
.llImatges {list-style-type : none; margin : 0; padding : 0; width:100%; text-align:center;}
.calaixidiomes {border-bottom:1px solid #AAA; border-left:1px solid #AAA; border-right:1px solid #AAA; background-color:#EEE;}
.nomCerca {color:#666; border:1px solid #666; width:150px;}
.cmbCerca {color:#666; border:1px solid #666;}
.autocomplete {position:absolute; left:80px; top:64px; width:302px; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; background-color:#FFF; display:none;}
.edit_TEXTAREA {text-align:left;}
.miniSelect {font-size:9px; height:15px;}
div.color {position:relative; float:left; margin-left:5px; width:25px; height:25px; text-align:right;}
div.box_missatge {position: fixed; top:25%; left: 30%; padding-left:20px; padding-right:20px; padding-top:30px; height:220px; width:400px; text-align: center; background-color: #FFF; border: 1px solid #000; z-index:99; display:none;}
div.box_missatge_img {position: fixed; top: 25%; left: 25%; padding-left:20px; padding-right:20px; padding-top:30px; height:280px; width:550px; text-align: center; background-color: #FFF; border: 1px solid #000; z-index:99; display:none;}
div.inn_rotator_imatges {position:relative; left:0px; top:0px; height:150px;}
div.filtreLabel {text-align:left; height:20px; width:20%; float:left;}
div.filtreCamp {text-align:left; height:20px; width:75%; float:left;}
div.filtre {position:relative; height:0px;  margin-left:115px; margin-top:-115px;  border:1px solid #EEE; border-right:1px solid #AAA; background-color:#EEE;  display:none;}
div.key {position:relative; float:left; clear:none; margin-top: 5px; margin-right: 2%;}
div.miniIMG {position:relative; float:left; width:50px; height:50px; margin-right:2px; background-color:#FFF; border:1px solid #666;}
div.addImg {width:100%; height:30px; background-color:#333; border-bottom:1px solid #000; text-align:center; cursor:pointer;}
div.miniStar {width:11px; height:10px; margin-left:0px; margin-top:2px; background:url("../../images/mini_star_unchecked.gif") no-repeat top left; cursor:pointer;}
div.miniStarSelected, div.miniStar:hover {width:11px; height:10px; margin-left:0px; margin-top:2px; background:url("../../images/mini_star_checked.gif") no-repeat top left; cursor:pointer;}
div.miniM {width:11px; height:10px; margin-left:0px; margin-top:2px; background:url("../../images/mini_m_unchecked.gif") no-repeat top left; cursor:pointer;}
div.miniMSelected, div.miniM:hover {width:11px; height:10px; margin-left:0px; margin-top:2px; background:url("../../images/mini_m_checked.gif") no-repeat top left; cursor:pointer;}
div#g_Cat1 div.branca {background-color:#FFF;}
div#g_Cat1 div.branca:hover {background-color:#AAF;}
div#g_Cat1 div.brancaSelected {background-color:#AAF;}
div#g_Cat1 div.nomCat {float:right;}
div#mesProducte {width:50px; height:50px; background: #000; border:1px solid blue;}

/*[ INPUTS ]*/

input.normal {border:0px;}
input.boto {text-align:center; font-size:12px; font-weight:bold; color: #FFF; width:150px; height:23px; background: url("../../images/backDegrees/boton333333Mitja.gif") no-repeat left bottom; cursor: pointer; border:0px; background-color:transparent;}
input.boto:hover {text-align:center; font-size:12px; font-weight:bold; color: #FFF; width:150px; height:23px; background:url("../../images/backDegrees/boton333333Mitja.gif") no-repeat left bottom; cursor: pointer; border:0px; background-color:transparent;}
input.buttonOk {position:relative; float:right; width:85px; height:20px; background: url("../../images/login/buttonOk.jpg") no-repeat top right; color:#FFF; font-weight:bold; border:0px; margin-left:5px;}
input.buttonKo {position:relative; float:right; width:85px; height:20px; background: url("../../images/login/buttonKo.jpg") no-repeat top right; font-weight:bold; border:0px; margin-left:5px;}
input.t {width:99%; border:1px solid #666;}
input.tError {width:99%; border:1px solid #F66; background-color:#FEE;}

/*[ TAULES ]*/

table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify;}
table.botonera {position:absolute; width:95%; left:10px; right:10px; height:27px;}
	table.botonera a {color:#000;}
	table.botonera td.boton_selected {text-align:center; font-weight:bold; width:120px; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; border-bottom:1px solid #FFF;}
	table.botonera td.boton {text-align:center; font-weight:bold; width:120px; border:1px solid #333333;}
	table.botonera td.no_boton {border-bottom:1px solid #333333;}

/*[ TDs ]*/
td.llistat {font-weight:bold; padding-top:2px; padding-bottom:2px; padding-left:5px; cursor: pointer;}
td.llistat:hover {background-color:#aaccFF; cursor: pointer;}
td.llistatSelected {font-weight:bold; padding-top:2px; padding-bottom:2px; padding-left:5px; background-color:#99bbFF;cursor: pointer;}
td.llistatSelected:hover {background-color:#aaccFF; cursor: pointer;}
td.fletxa {cursor:pointer; background-color:#CCC;}
td.banderes {border:1px solid #AAA; width:20px; text-align:center; cursor: pointer;}
td.banderesnone {border-bottom:1px solid #AAA;}
td.banderesselected {border-top:1px solid #AAA; border-left:1px solid #AAA; border-right:1px solid #AAA; background-color:#EEE; width:20px; text-align:center; cursor: pointer;}
td.titol_taula {text-align:center; font-size:11px; color:#FFF; font-weight:bold; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#666;}
td.selektor {color:#666;}
td.blancGran {color:#FFF; font-size:13px;}
td#ajuda_online {padding:10px; background-color:#EEF; display:none}


/*[ LLISTES: UL ]*/	

ul.sortable-list {list-style-type : none; margin : 0; padding : 0; width:90%; padding-left:5%;}
ul.filtre {width:90%; list-style:none; padding-left:15px; margin:0px;}
div#g_Cat1 ul {list-style:none; padding-left:8px; margin-left:0px;}
div#login_footer ul {list-style:none; padding-top:10px; padding-left:10px; margin:0px; font-size: 12px;}



/*[ LLISTES: LI ]*/	

li.cerca {cursor:pointer; list-style-type: none; left:0px;}
li.lired {margin: 0px; padding: 0px; margin-bottom:3px; list-style-type: none; background-color: #FEE; border:1px solid #A66; cursor:pointer;}
li.sortable-list {cursor: move; margin: 0px; padding: 0px; margin-bottom:3px; list-style-type: none; background : #f7f7f7; border:1px solid #666;}
li.listLinks {padding-bottom:5px; padding-top:5px;}
li.listFiltres {list-style-type: none; border-bottom: 1px solid #AAA;}
ul.filtre li {width:100%; float:left;}
.llImatges li {width : 90%; text-align:center; left:5%; margin-left:5%; margin-bottom:3px; padding : 0px; padding:0px; border:1px solid #090; background : #EFFFEF; list-style-type: none; cursor:pointer;}
div#login_footer li {list-style:none; color:#333; padding-left:0px; margin:0px; }

/*[ IMAGES ]*/

img.help {cursor:pointer; border:0px;}
div#author img {top: 3px; border:0px;}


/*[ SELECT ]*/

select.language_selektor {width:100%; border:1px solid #AAA;}

/*[ LINKS ]*/
div#box_footer a {color: #00458E;}


div.buttonGrey {float:left; background: url('../../images/buttons/buttonGrey.gif') no-repeat; width:250px; height:23px; padding-top:5px; text-align:center;cursor:pointer;}
div.buttonGrey:hover, div.buttonGreen {float:left; background: url('../../images/buttons/buttonGreen.gif') no-repeat; width:250px; height:23px; padding-top:5px; text-align:center;cursor:pointer;}

input.buttonSelectCategories {width:200px; border:0px; background:#CEC url("../../images/downarrow.gif") no-repeat 180px 8px; font-weight:bold; }
input.buttonSelectCategories:hover, input.buttonSelectCategoriesSelected {width:200px; border:0px; color:#FFF; font-weight:bold; }
input.buttonSelectCategories:hover {background:#464 url("../../images/downwhitearrow.gif") no-repeat 180px 8px;}
input.buttonSelectCategoriesSelected {background:#464 url("../../images/uparrow.gif") no-repeat 180px 8px;}
input.chkCat {border:0px;}

div#seleccio_categories { top:0px; left:0px; width:500px; height:auto; }

div#box_home {position:absolute; top:112px; left:1%; bottom:50px; width:98%;}
div#columna_esquerra {position:absolute; left:0px; top:0px; width:25%; height:auto; border:1px solid #999;}
div#columna_dreta {position:absolute; right:0px; top:0px; width:25%; height:auto;}
div#columna_central {position:absolute; left:27%; top:0px; width:47%; height:auto; text-align:justify; color:#666;}
div.noticia{ position:relative; float:left; width:90%; margin:0px 0px 20px 10px; text-align:justify; border:1px solid #FFF; }
span.titleNoticia{font-weight:bold; color:#222; margin-bottom:5px;}
span.descNoticia{font-weight:normal; color:#666;}
div.dataNoticia{font-weight:normal; color:#999; font-size:9px; margin-bottom:2px;}
img.noticia{width:100%;}
.noticia img{float:left; margin: 0 10px 10px 0;}
.noticia .links li{ float: right; padding:0px; margin:0px; list-style:none; }
.noticia .links a{ color:#E50; font-weight:bold; }
#title_noticies {font-size:13px; font-weight:bold; margin-bottom:20px;}
div.sContractats{border:1px solid #666; padding:1px; width:98%; height:auto; margin-top:10px; padding:1%;}
div.servei0 {background-color:#FE6; text-align:left; }
div.servei1 {background-color:#FFF; text-align:left; }

div#editContactes input {width:100%; border:1px solid #AAA; margin-top:2px;}

div.llistatContactes {width:98%; height:28px; background-color:#FFF; border-bottom:1px solid #EEE; font-size:12px; padding-top:2px; padding-left:2%; cursor:pointer;}
div.llistatContactes:hover {width:98%; height:28px; background-color:#CCF; border-bottom:1px solid #66A; font-size:12px; padding-top:2px; padding-left:2%; cursor:pointer; font-weight:bold;}

div.llistatGrups {width:98%; height:28px; background-color:#FFF; border-bottom:1px solid #EEE; font-size:12px; padding-top:2px; padding-left:2%; cursor:pointer;}
div.llistatGrupsSelected, div.llistatGrups:hover {width:98%; height:28px; background-color:#FCA; border-bottom:1px solid #F60; font-size:12px; padding-top:2px; padding-left:2%; cursor:pointer; font-weight:bold;}
div.llistatGrupsAdd {width:98%; height:28px; background-color:#CEC; border-bottom:1px solid #9C9; font-size:12px; padding-top:2px; padding-left:2%; cursor:pointer; font-weight:bold;}

/*style='width:98%; height:22px; background-color:#FFF; border:bottom:1px solid #EEE; font-size:12px; padding-top:3px; padding-left:2%;'*/

div.checkedGroups {position:relative; float:left; width:120px; height:20px; }

div.warning { margin-top:50px; width:300px; border:1px solid #000; background-color:#FEE; padding:50px;}
div.warning a{ color:#600}

select.miniDesplegable {border:1px solid #AAA; font-size:10px; height:15px;}
.linked {color:#669; font-weight:bold; cursor:pointer;}
div#supertreeview {}
div.branca, div.fulla, div.fullaSelected  {border:1px solid white; }
div.addFulla  { float:left; width:10px; height:10px; background: url(../../images/iconos/miniadd.gif);}
div.fulla:hover {border:1px solid red;}
div.fullaSelected  {background-color:#AFA;}
div.branca, div.fulla, div.fulla:hover {cursor:pointer}

div#supertreeviewSearch{ height:20px; text-align:center; }
div#supertreeviewList{height:220px; margin-top:5px; overflow-x: hidden; overflow-y:auto;}

div#botoneraAccio, .botoneraAccio {
	height			:	20px; 
	width				:	100%; 
	background-color:	#FFF;
}
div.botoAccio, div.botoAccioSelected  {
	position		:	relative; 
	float				:	left; 
	width				:	auto; 
	height			:	10px; 
	background	:	url(../../images/botoAccio.jpg) no-repeat top right; 
	padding			:	5px 10px 5px 10px; 
	text-align	: center;
	cursor			:	pointer;
	text-transform: uppercase;
	font-weight	: bold;
}
div.botoAccio, div.botoAccioSelected td {color:#FFF; font-weight:bold;}
div.botoAccioSelected {background:url(../../images/botoAccioSelected.jpg) no-repeat top left;}
div.botoAccioSelected td {color:#444; font-weight:bold;}
div.editProducteCentral {margin-top:-1px; width:(100%-2); height:auto; border:1px solid #666;}
div.botoneraGuardar {width:100%; text-align:center;background-color:	#FFF;}

div.bordered {border:1px solid #EEE; cursor:pointer;}
div.bordered:hover {border:1px solid #A00; cursor:pointer;}
div.close {position	: absolute; top: 5px; right:	5px; cursor:	pointer; }


div.d_fact, div.d_envio {
	border		: 1px solid blue;
}

.unadecada0{
	background-color:#EEE;
}
.unadecada1{
	background-color:#FFF;
}
.headerComanda {
	background-color: #AAA;
	color						: #FFF;
	font-weight			: bold;
}
.comanda{
	padding: 50px;
	background-color:#EEE;
}
.comanda table{
	background-color:#FFF;
}
#orderList h2, .comanda h2{
	margin-top:20px;
	font-size: 13px;
	font-weight:bold;
}
div.opcionsComanda{
	position		:	absolute;
	padding-left: 10px;
	margin-top	: 25px;
	right				: 70px;
	height			:	25px;
	background	: #FFF url(../../images/roundLeftTop.jpg) no-repeat top left;
}
div.opcioComanda{
	position		: relative;
	float				: right;
	margin			: 2px 5px 0 5px;
	width				: 25px;
	height			: 25px;
	cursor			: pointer;
}
tr.orderList:hover td, table.lineaslist tr:hover td{
	background-color:#FC3;
}
#orderList {
	padding		: 5px 20px 20px 20px;
}

div#box_contingut_nc {
	position		:	absolute; 
	top					:	112px; 
	left				: 5%; 
	right				: 5%; 
	bottom			: 50px; 
	width				:	90%; 
	background-color: #FFF;
}

#buttonBlue, #buttonGrey {
	width			: 170px;
	height		: 26px;
	padding-top: 0px;
	border		: 0px;
	color			: #FFF;
	font-size : 13px;
	font-weight: bold;
	cursor		: pointer;
}
#buttonBlue {
	background: url(../../images/blueButton.jpg) no-repeat top left;
}
#buttonGrey {
	background: url(../../images/greyButton.jpg) no-repeat top left;
}


/* AVIS LEGAL */
div#sma_missatgeFRM {position:absolute;}
body#AVIS {margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: center; background-color: #FFF;}
#avis_FinestraInfoLegal {padding: 10px; width: 350px;	 text-align: justify; font-size: 10px; }
div#avis_titol {text-decoration: underline; font-size: 14px; font-weight: bold; color: #444; padding-bottom:10px; text-align:center;}
div#avis_text {text-align: center;}
div#avis_avis {width:100%; left:5%; height:80px; color: #444; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; border:1px solid #444; margin-top:10px; margin-bottom:10px; overflow-y:auto;}
div#avis_botonera {width:100%; text-align:center;}
input.avis_ok {color:#FFF; font-weight:bold; background-color: #444; border:1px solid #444; width:120px;}
input.avis_ko {color:#444; font-weight:bold; background-color: #EEE; border:1px solid #444; width:120px;}
td.inpt { border:1px solid #00468E;}
td.noinpt { padding-top:5px; }

div.editProducteCentral {
	width : 625px;
	overflow: hidden;
}

