/* estils generals */
form {
	padding: 0px;
	margin: 0px;
}

li {
	font-size: 11px;
}

p {
	padding: 2px;
	margin: 2px;
	font-size: 11px;
}

body {
	background-color: #2B1D00; /* color de fons de total la web */
	
	font-family: "Trebuchet MS"; /* tipografia general de tota la web */
	color: #E7DDB9; /* color del texte en tota la web */
}

a:link, a:visited, a:active {
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
}
/* fi estils generals */

/* plantilla */

#web {
	
	/* Aixo nomes s'utilitzara quan vulguis que la web estigui enganxada per a dalt o els costats */
	/**********************************************************************************************/
	/*margin: 0px;
	padding: 0px;*/
	/**********************************************************************************************/
	text-align: center;
}

#web #wrapper {
	
	/* Aixo i el text-align de #web, serveix per centrar la web al mig 							  */
	/**********************************************************************************************/
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	/**********************************************************************************************/	
	
	display: block;
	
	width: 980px; /* tamany de la web */
	height: 720px;
}

#web #wrapper #cap div{
	float: left;
}

#logo_web {
	width: 30%;
}

span#top_menu {
	position: relative;
	top: -700px;
	left: 730px;
	
	display: block;
	width: 250px;
	height: 40px;
	
	text-align: right;
	
}

span#top_menu a:link, span#top_menu a:visited, span#top_menu a:active {
	padding: 5px;
	/*margin: 5px;*/
	display: block;
	border: 1px solid #867A69;
	
	text-align: center;
	text-decoration: none;
	
	color: #867A69;
}

span#top_menu a:hover {
	color: #fff;
}

span#top_menu #active {
	background-color: #E7DDB9;
}

#pos_menu {
	width: 70%;
	height: 66px;
	
	padding-top: 127px;
}

#web #wrapper #cos {
	clear: both;
	border-top: 5px solid #867A69;
}

#web #wrapper #cos div {
	float: left;
}

#left {
	width: 30%;
	height: 519px;
}

#contingut {
	width: 70%;
	
	padding: 15px 0px 15px 0px;
	
	font-size: 14px;
	line-height: 22px;
	height: 510px;
}

#contingut b {
	color: #fff;
}

#contingut span {
	color: #867A69;
}

a.caixa_link:link, a.caixa_link:visited, a.caixa_link:active {
	padding: 5px;
	/*margin: 5px;*/
	display: block;
	border: 1px solid #867A69;
	
	text-align: center;
	text-decoration: none;

	color: #fff;
}

a.caixa_link:hover {
	color: #867A69;
}

/* fi plantilla */

/* estils */

a.logo {
	text-decoration: none;
}

.logo span {
	background-image: url("../images/logo.png") !important;
	background-position: left top;
	background-repeat: no-repeat;
	
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');

	
	display: block;
	
	width: 225px;
	height: 193px;
}

a.menu:link, a.menu:visited, a.menu:active {
	border-left: 1px solid #867A69;
	border-top: 1px solid #867A69;
	border-right: 1px solid #867A69;
	
	float: right;
	text-decoration : none;
	
	margin: 0px 0px 0px 5px;
}

a.menu:hover {
	border-left: 5px solid #867A69;
	border-top: 5px solid #867A69;
	border-right: 5px solid #867A69;
	
	margin-top: -4px;
}

#menu_active {
	border-left: 5px solid #867A69;
	border-top: 5px solid #867A69;
	border-right: 5px solid #867A69;
	
	margin-top: -4px;
}

.quality {
	background-image: url("../images/human_quality.gif");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 124px;
	height: 65px;
}

.global {
	background-image: url("../images/global_gest.gif");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 124px;
	height: 65px;
}

.vendalia {
	background-image: url("../images/vendalia.gif");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 124px;
	height: 65px;
}

.paga {
	background-image: url("../images/paga_disseny.gif");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 137px;
	height: 65px;
}


.quality2 {
	background-image: url("../images/human_quality_home.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 108px;
	height: 90px;
}

.global2 {
	background-image: url("../images/global_gest_home.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 114px;
	height: 62px;
}

.vendalia2 {
	background-image: url("../images/vendalia_home.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 149px;
	height: 33px;
}

.paga2 {
	background-image: url("../images/paga_disseny_home.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	width: 204px;
	height: 25px;
}

#capa_flotant {
	
	position: relative;
	
	padding: 10px 10px 10px 290px;
	
	border-left: 1px solid #867A69;
	border-top: 5px solid #867A69;
	border-right: 1px solid #867A69;
	border-bottom: 5px solid #867A69;
		
	font-size: 14px;
	line-height: 22px;
	color: #2B1D00;
	
	/*background-image: url("../images/fons_capa_flotant.jpg");
	background-position: left top;
	
	opacity: .7;
	-moz-opacity: 0.7;
	filter:alpha(Opacity=70);*/
	
	background-color: #A3924F;
	
	clear: both;
	
}

#capa_flotant a:link, #capa_flotant a:visited, #capa_flotant a:active{
	color: #fff;
}

#capa_flotant a:hover {
	color: #363330;
}

#capa_flotant h3 {
	
	margin: 0px;
	padding: 0px;
	
	font-size: 15px;
	font-weight: normal;
	line-height: 22px;
	color: #ffffff !important;
}

a.menu_areas:link img, a.menu_areas:visited img, a.menu_areas:active img {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(Opacity=100);
}

a.menu_areas:hover {
	opacity: .6;
	-moz-opacity: 0.6;
	filter:alpha(Opacity=60);
}

.inputbox {
	border: 1px solid #2B1D00;
	background-color: #E7DDB9;
}

.ofertes {
	color: #fff;
}

/* fi estils */

/* tabs */

.boto1 {
	font-size: 15px;
	color: #867A69;
}

.boto1_over {
	color: #fff !important;
}

.boto2 {
	font-size: 15px;
	color: #867A69;
}

.boto2_over {
	color: #fff !important;
}

.boto3 {
	font-size: 15px;
	color: #867A69;
}

.boto3_over {
	color: #fff !important;
}

#tabs {

}

#tabs a:link, #tabs a:active, #tabs a:visited {
	color: #867A69;
}

#tabs a:hover {
	color: #fff;
}

#continguts {

}

#contingut1 {
	position:absolute;
	z-index: 1;
	visibility: visible;
	padding: 0px 20px 0px 0px; 
	width: 650px;
}

#contingut2 {
	position:absolute;
	z-index: 2;
	visibility: hidden;
	padding: 0px 20px 0px 0px; 
	width: 650px;
}

#contingut3 {
	position:absolute;
	z-index: 2;
	visibility: hidden;
	padding: 0px 20px 0px 0px; 
}
#contingut4 {
	position:absolute;
	z-index: 2;
	visibility: hidden;
	padding: 0px 20px 0px 0px; 
}
#contingut5 {
	position:absolute;
	z-index: 2;
	visibility: hidden;
	padding: 0px 20px 0px 0px; 
}

#contingut1 b, #contingut2 b, #contingut3 b {
	font-weight: normal;
	color: #ffffff;
}

#contingut1 h3, #contingut2 h3, #contingut3 h3 {
	margin: 0px;
	padding: 0px;
	
	font-size: 15px;
	font-weight: normal;
	line-height: 22px;
	color: #ffffff !important;
}

/* fi tabs */