/* CSS Document */
body{
	background-color:#000;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

a img{	border:0;}


/* COLORS */
a:link, a:visited, .taronja, h1, .select1, #submenu a:link, #submenu a:visited, #menu a:link, #menu a:visited, #submenu li a.select2:link, #submenu li a.select2:visited{	color:#FF6600;}
.groc, h2, #submenu ul ul li a.select2:link, #submenu ul ul li a.select2:visited { color:#FFCC00;}
.grisfosc, p, #submenu li a.select2:hover { color:#999;}
.grisclar{ color:#ccc}
a:hover, body, .blanc, #data, #contingut a:hover, #menu a:hover, #submenu a:hover, #menu a:hover, #submenu ul ul li a.select2:hover{color:#FFF;}


a:hover, .ftaronja, #contingut a:hover, #menu a:hover{ background-color:#FF6600;} 
.fgroc, #submenu a:hover, #submenu ul ul li a.select2:hover, #submenu li a.select2:hover{ background-color:#FF6600;}


.blauverd, .color1{	color:#699;}
.taronja, .color2{	color:#F63;}
.vermell, .color3{	color:#C33;}
.groc, .color4{	color:#F93;}
.verd, .color5, a.web:link, a.web:visited{	color:#993;}
.lila, .color6{	color:#669;}
.blau, .color7{	color:#69C;}
.rosa, .color8{	color:#F66;}
.granate, .color9{	color:#966;}


/* LOGIN */
#boxlogin{
	position:absolute;
	width:410px;	left:50%;margin-left:-205px;
	height:340px;	top:50%;	margin-top:-170px;
}

#login{
	position:absolute;
	width:160px;
	left:40px;
	top:160px;
}

#pagActual{
	padding:2px;
	border:1px solid #FF6600;
	font-weight:bold;
}
.icona{
	position:relative;
	left:8px;
	width:20px;
	text-align:center;
	font-size:9px;
	margin-left:4px;
	margin-right:4px;
	float:left;
}

#idioma{
	position:absolute;
	top:130px;
	left:50%;
	margin-left:270px;
	width:80px;
	color:#F60;
	padding-right:0px;
	padding-top:2px;
	padding-left:10px;
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
}

#subidioma{
	position:absolute;
	top:60px;
	left:0;
	width:790px;
	padding-right:0px;
	padding-top:10px;
	font-size:10px;
	text-align:right;
}

#comanda{
	padding:3px;
	margin-top:10px;
}

.numero{
	text-align:right !important;
}

/* Capa del Filtrador */

form#FiltreProducte{
	border:1px dotted #ccc;
	padding:0 0 5px 5px;
}

/* SOTASTUDI/*/
p{	font-size:12px;}

li{ font-size:12px;}

th{
	font-size:12px;
	text-align:left;
}

td{	font-size:12px;}

/* TAULA DE PRODUCTES */
table#FiltreProducte, table#productes{ 	
	border-collapse:collapse;
	border-spacing:1px;
	border: 1px solid #FFF;
}

table#FiltreProducte td{
	vertical-align:top;
	padding:3px;
	border: 1px solid #FFF;
	border-collapse:collapse;
}

table#productes td{
	vertical-align:top;
	padding:3px;
	border: 1px solid #FFF;
	border-collapse:collapse;
}

#modevisual{
	height:25px;
	text-align:right;
	font-size:10px;
}

#data{
	text-align:right;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
}

#cap{	text-align:center;}

/* MENU PRINCIPAL */
#menu{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	font-size:11px;
	height:20px;
	text-transform:uppercase;
	border-bottom:1px dotted #FF6600;
	border-top:1px dotted #F60;
}

#menu a:link, #menu a:visited{
	text-decoration:none;
}

/* SUBMENU */

#submenu{
	padding-left:10px;
	padding-right:10px;
}

#submenu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#submenu li{	border-bottom:1px solid #FFF;}
#submenu ul ul li{	border-bottom:1px dotted #FFF;}
#submenu ul ul{	padding-left:10px;}

#submenu a{
	display:block;
	margin:2px;
	padding:3px;
	text-decoration:none;
}

#contingut a:link, #contingut a:visited{
	text-decoration:none;
}

/* FAMILIA SELECT */
.select1{	font-weight:bold; color:#FFFFFF}
#submenu li a.select2:link, #submenu li a.select2:visited{	font-weight:bold;}
#submenu li a.select2:hover{	font-weight:bold;}
#submenu ul ul li a.select2:hover{	font-weight:bold;}

h1,h2,h3,h4{
	padding:2px;
	margin:0;
}

h1{
	font-size:18px;
}
h2{
	font-size:14px;
}


/*ESTRUCTURA */
#contenedor{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	left:0;
}

#contingut{
	padding:10px;
}

#mosaic a{
	text-decoration:none;
	font-size:10px;
}

.minicelda{
	position:relative;
	float:left;
	width:110px;
	margin:5px;
	height:150px;
	overflow:auto;
}
.minifoto{
	position:relative;
	float:left;
	width:90px;
	height:90px;
	margin:5px;
	overflow:hidden;
}

.minifoto img{
	width:90px;
	height:90px;
}

.minitext{
	position:relative;
	font-size:10px;
	float:left;
}

#final{
	text-align:center;
	border-top:1px dotted #999999;
	margin-top:30px;
	padding-top:20px;
	padding-bottom:30px;
}


table, .ample1{	width:100%;}
.ample2{	width:74%;}
.ample3{	width:49%;}
.ample4{	width:25%;}

.marge1{	width:90%;}
.marge2{	width:75%;}
.marge3{	width:50%;}
.marge4{	width:25%;}

.marge1, .marge2, .marge3, .marge4{
	padding-left:10px;
	padding-right:10px;
}

/* CAMBIO DE TABLAS A DIV */
.tabla{
	clear: none;
	overflow: auto;
}

.fila{ clear: both;}

.col{
	float: left;
	padding: 0px;
}
/* FORMULARI */
textarea, input.txt, input.obligatorio, input.txt2{
	border: 1px solid #F60;
	background-color:#FFFFFF;
}

input.obligatorio{
	border: 1px solid #FF0000;
	border-left: 4px solid #FF0000;
}

input.obligatoriov{
	border: 1px solid #009900;
	border-left: 4px solid #009900;
}