/* Definim propietats de les etiquetes en general */
body{margin:0px;padding:0px;font-family:Tahoma, Arial,Helvetica, sans-serif;font-size:100%;font-size:0.8em;text-align:center;color:#000;background-image:url(../../images/background.gif);background-repeat:repeat-x;background-attachment:fixed;background-position:left top;background-color:#ccc;}
table{font-size:100%;font-size:1em;}
table td,table th{font-family:Tahoma,Arial,Helvetica, sans-serif;}
p,form,object,iframe,table,ul,ol,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul{list-style-type:none;}
a{text-decoration:none;color:#339;}
a:hover{color:#999;}
img{border-style:none;}
input.text,textarea.text{border:2px solid #cce;background-color:#eef;color:#40437e;}
input.text{width:170px;}
textarea.text{width:170px;height:45px;}

/* Comportament específic pàgina d'inici */
body.start{background-image:none;}
body.start #web{margin:auto;width:100% !important;height:auto !important;text-align:left;}
body.start object{position:absolute;top:0px;left:0px;height:100%;width:100%;}
body.start #body{height:auto !important;}
body.start #head{display:none;}

body.start #footContent{text-align:center;}

/* Propietats de les capes comunes a totes les pàgines */

#web{width:970px;text-align:left;margin:auto;background:#da3b22;height:100%;font-size:0.9em;}
#web table{background-color:#fff;}
#head{height:211px;}
	#head h1{padding:10px;float:left;margin-left:15px;}
	#head h1 span.image{display:block;position:absolute;width:81px;height:50px;background:transparent url(../../images/logo.gif) no-repeat top left;}
	#head h1 span.title{font-size:0.25em;}
	#menu{margin-left:168px;float:left;}
		#menu ul{padding-top:45px;}
		#menu li{float:left;margin-right:20px;}
		#menu a{display:block;text-transform:capitalize;float:left;height:16px;padding:0px 0px 5px 0px;color:#ccc;}
		#menu a:hover, #menu li.selected a{color:#000;padding-bottom:2px;border-bottom:3px solid #da3b22;}
	#languages{text-align:right;padding-top:47px;font-size:0.8em;}
	#languages ul{}
		#languages li{display:inline;margin-right:10px;padding:0px;border-bottom-width:0px;background-image:none;}
		#languages li a{color:#999;padding:20px 8px 0px 8px;line-height:18px;}
		#languages li.a1 a{background:transparent url(../../images/cat.jpg) no-repeat center top scroll;}
		#languages li.a2 a{background:transparent url(../../images/esp.jpg) no-repeat center top scroll;}
		#languages li.a3 a{background:transparent url(../../images/eng.jpg) no-repeat center top scroll;}
	#headContent{clear:both;height:150px;}
#body{height:300px;overflow:visible;}
#icons{position:absolute;top:450px;margin-left:25px;}
#foot{background:#da3b22 url(../../images/tirapetita.gif) repeat-x top left;height:90px;text-align:center;line-height:30px;font-size:0.8em;color:#666;}

/* Blocs específics */
div.content{padding:25px;padding-top:10px;line-height:1.6em;}
div.content h2{margin:20px 0px 40px 0px;font-size:2.5em;color:#ccc;}
	div.content h2 span.title a:hover{color:#336;}
div.content div.sinopsis{float:left;width:200px;color:#336;font-weight:bold;}
div.content div.text{margin-left:230px;text-align:justify;}
	div.content div.text p{margin-bottom:10px;width:450px;}

/* formularis */
#group1{}
#group2{padding-left:30px;}
div.row{line-height:30px;clear:left;}
span.field{display:block;float:left;font-weight:bold;}
span.value{display:block;margin-left:100px;}

/* Caixa central amb contingut */
div.box div.help{margin-bottom:20px;}
div.box div.more{text-align:right;}

/* Zona productes */
body.products div.box table{text-align:center;margin:auto;width:600px;}
body.products div.box table th, div.box table td{text-transform:uppercase;font-size:0.9em;}
body.products div.box table td{background-color:#f0f0f0;}
body.products div.box table tr.header th{background-color:#336;color:#fff;padding:2px 20px;}
body.products div.box table td a{display:block;color:#000;width:90%;padding:2px 5%;}
body.products div.box table td a:hover{color:#fff;background-color:#ccc;}

/* Mostra de productes */
div.layerProduct-content{color:#666;padding:10px;}
div.layerProduct-content h3{font-size:1.5em;text-align:center;padding:10px;color:#ccc;margin-bottom:25px;} 
div.layerProduct-content div.text{width:200px;margin-left:210px;text-align:justify;}
div.layerProduct-content div.image{float:left;width:200px;border:1px solid #666;padding:100px 0px; text-align:center;} 

/* Dades de contacte a la zona de contactes */
div.data{padding:0px 0px 0px 20px;margin-left:15px;font-size:0.9em;border-left:1px solid #ccc;}
	div.data h3{margin-bottom:20px;font-size:1.2em;}
	div.data ul{}
	div.data p{margin-top:10px;}
		div.data p a{font-weight:bold;}

body.products #dataTable {
	width: 920px;
	font-size: 0.8em;
	line-height: 1.4em;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #e0e0ff;
}
body.products #dataTable th, body.products #dataTable td{
	text-transform:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}body.products #dataTable th.column {
	text-align: left;
	padding: 2px;
}
body.products #dataTable th.caption {
	background-image: url(../../images/tiraProductes.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	vertical-align: middle;
	width: 40px;
}
body.products #dataTable th.captionColumn {
	width: 25px;
	text-align:center;
}
body.products #dataTable td.cellProducts {
	text-align: center;
	vertical-align: middle;
}
body.products #dataTable td.columnOdd {
	background-color: #CCCCCC;
}
body.products #dataTable td.columnEven {
	background-color: #eeeeee;
}