html {
background: #fff url(../img/body_back.jpg) repeat-x; 
font: normal 75%/1.5em "Helvetica", Arial, sans-serif;
color: #333; /* <-- main font color */
}
body { text-align: left; }

/* -- UTILITY -- */
.padd10 {padding: 10px;}
.padd19 {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 700px;
}
.padd20 {
	float: right;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 200px;
}

.padd20_contacto {
	float: right;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 223px;
}

.padd21 {
	height: 50px;
	float: right;
	margin-top: 50px;
	padding-bottom: 25px;
	width: 475px;
	color: #363636;
	font-weight: bold;
	padding-left: 5px;
}
.padd30 {
	padding: 0px 40px;
	font-size: 11px;
	text-align: justify;
}

.padd30_contacto {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-size: 10px;
	text-align: justify;
}
.clear {clear:both;display:block;overflow:hidden;width:0;height:0}

.col1, .col2, .col3, .col4, .smallcol1, .maincol, .subcol1, .subcol2 {
	display:inline;
	float:left;
	position:relative;
	width: 480px;
}

.col1 { width: 960px; }
.col2 { width: 560px; }
.col3 {
}
.col4 { width: 400px; }

/* -- COLUMNS SECTION -- */
.smallcol1 {
	width: 320px;
} 

.smallcol2 {
	width: 900px;
	text-align: justify;
} 

.maincol {
	width: 960px;
}
	.subcol1 { width: 248px; }
	.subcol2 {
	width: 290px;
}

.smallcol1.center { width: 318px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	} 
/* -- END COLUMNS SECTION -- */
	
.padd20 { margin-left: 20px; }

.imgright { float: right; padding: 5px; margin-left: 20px; border: 1px solid #ccc; }
.imgleft {	float: left; padding: 5px; margin-right: 20px; border: 1px solid #ccc; }

#skip { display: none; }
/* -- end UTILITY -- */

/* -- Main div -- */
#wrapper {
	width: 960px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#logo img {
	float: left;
	margin-right: 0px;
	height: 65px;
}

#page {
	width: 960px;
	float: left;
	margin-top: 20px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin-bottom: 20px;
}

/* HOME PAGE jQuery BANNER SECTION */

#stripbox {
	position:relative;
	width:960px;
	overflow:hidden;
	height: 180px;
}

#strip {
	background: url(../img/strip_back.jpg) no-repeat;  /* <-- if you want to change the background image just replace strip_back.jpg with another one */
	border-bottom: 1px solid #ccc;
}
	#strip ul { float: left; }

	#strip li {
		width:960px; 
		list-style: none;
		margin-bottom: 0;
		height: 247px;
		overflow:hidden; 
	}
	
/* END HOME PAGE jQuery BANNER SECTION */ 

#title {
	background: url(../img/strip_back.jpg) no-repeat;
	height: 90px;
	border-bottom: 1px solid #ccc;
}

#secstrip {
	float: left;
	border-bottom: 1px solid #ccc;
	text-shadow: #fff 0 1px 0;
	background-image: url(../img/secstrip_back.jpg);
	background-repeat: no-repeat;
}

#secstrip img {
	float: left;
}

#content2 {
	float: left;
	padding: 30px 0;
	background: url(../img/content_back.jpg) repeat-x;
}

#moreserv {
	float: left;
	border: 1px solid #ccc;
	padding: 20px;
	background: url(../img/body_back.jpg) repeat-x;
	text-shadow: #fff 0 1px 0;
}

#contactbadge {
	width: 230px;
	float: right;
	paddingdding: 20px;
	background: url(../img/content_back.jpg) repeat-x;
	text-shadow: #fff 0 1px 0;
	padding-right: 17px;
	padding-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	margin-right: 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft:10px;
}
	#contactbadge img {
	padding-top: 10px;
}

#moreserv img { margin-bottom: 20px; }

#footer {
	background: #4F4F44;
	color: #fff;
	text-align: center;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

#copy {
	color: #999;
}
#wrapper  {
	background-color: #F9FEF5;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border: 1px solid #ddd;
}

.morebtn {
	margin-top: 20px;
	float: right;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #ef7f30 url(../img/navlibg.gif) repeat-x;
	border-bottom: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: #666 0 -1px 0px;
}
	.morebtn:hover {
	background: #ef7f30;
	text-decoration: none;
	text-shadow: none;
}

/* -- FONTS -- */
.alt {
	color: #ee7f30;  /* color for alternate style */
	text-transform: none;
}

/* LOGO MAIN STYLE */ 
h1 { 
	text-transform: uppercase;
	font-size: 26px; 
	line-height: 1em;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
} 
/* END LOGO MAIN STYLE */ 

#title h2 {
	float: left;
	font-size: 20px;
	line-height: 17px;
	text-transform: uppercase;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #fff;
	margin-top: 35px;
}

h3 {
	font-size: 14px;
	line-height: 1.25em;
	margin-bottom: 20px;
}

h4 { 
	font-size: 24px;
	line-height: 1.15em;
}
	#contactbadge h4 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; }

strong { font-weight: bold; }

#content2 p { margin-bottom: 1.5em; }

	#contactbadge p { margin-bottom: 0; }

	#strip p {
		padding-left: 20px;
		font-size: 18px;
		line-height: 1.25em;
		color: #fff; 
		text-shadow: #5a5a5a 0 1px 3px;
		}

	#strip .first {
		margin-top: 30px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 28px;
		text-shadow: #5a5a5a 0 1px 3px;
		}
		
	#title { color: #fff; text-shadow: #5a5a5a 0 1px 3px; }
	#title p { font-size: 28px; line-height: 50px; }
	
	#secstrip .title {
		font-size: 22px;
		line-height: 1.15em;
		}
		
	#secstrip .subtitle, .subcol1 .subtitle {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
		}

	#secstrip .desc {
	color: #FFF;
	text-shadow: none;
	font-size: 10px;
}

	/* LOGO SLOGAN STYLE */ 
	p#slogan {
		color: #666;
		font-size: 18px;
		text-transform: uppercase;
		text-shadow: #fff 0 1px 0;
		}
	/* END LOGO SLOGAN STYLE */ 
		
	#copy { font-size: 10px; }

a {	color: #ef7f30;	text-decoration: none; }
	a:hover { text-decoration: underline; }
	
li { margin-bottom: 0.65em; list-style-type: disc; list-style-position: inside; }

/* -- NEWS -- */

.news li { list-style-image: url(../img/arrow.gif); list-style-position: outside; margin-left: 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
	.news li:hover { background: #f0f0f0; }
h5.date { font-weight: bold; text-transform: uppercase; font-size: 11px; }
#content2 .news p { margin-bottom: 5px; font-size: 10px; line-height: 1.5em; }

/* -- contact form -- */

#error { width: 288px; }

#emailerror {
	margin-bottom: 10px;
	padding: 10px;
	background: #fcc;
	border: 1px solid #ff1600;
	color: #4b4b4b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#success {
	margin-bottom: 10px;
	padding: 10px;
	background: #d6f1a9;
	border: 1px solid #76993d;
	color: #455a23;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#success p {
	font-size: 16px;
	margin-bottom: 0;
}

#error img {
	width: 20px;
	height: 20px;
	float: left;
	display: block;
	margin-right: 10px;
}

.error {
	color: #99100f;
	margin-bottom: 10px;
	font-size: 20px;
}

#emailerror li {
	margin-left: 10px;
	margin-bottom: 5px;
	list-style-type: disc;
	list-style-position: inside;
}

#submitform {
	width: 250px;
	float: left;
	display: block;
}

#submitform #Message, #Name, #Email, #Company {
	width: 250px;
	max-width: 288px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	color: #666;
	}
	
	#submitform #Name, #Email, #Company { height: 15px; }
.capa_text_esquerre  { float: left; display: inline; text-transform: uppercase; font-size: 10px; }

.submit-button {
	float: right;
	padding: 5px 10px;
	color: #fff;
	overflow: hidden;
	text-transform: uppercase;
	background: #ef7f30 url(../img/navlibg.gif) repeat-x;
	border: none;
	border-bottom: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: #666 0 -1px 0px;
}
	
	.submit-button:hover {
	background: #ef7f30;
	text-decoration: none;
	text-shadow: none;
}

#submitform p.required {
	margin-bottom: 0;
	padding-bottom: 3px;
}

.capa_donde_estamos {
	width: 940px;
	padding-right: 10px;
	padding-left: 20px;
}

.primer_recuadre {
	width: 950px;
	background-color: #e3e3e2;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	padding: 0px;
}

.columna_esquerre {
	width: 200px;
	padding-left: 10px;
	float: left;
}

.columna_central {
	width: 200px;
	padding-left: 10px;
	float: right;
}

/* -- NAVIGATION -- */

#nav {
	background: #363636;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	padding: 5px 0 0 0;
	border-bottom: 2px solid #ef7f30;
	}
.capa_img_donde_estamos  { 
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }
 
#nav li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

#nav a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}

#nav a:hover, #nav .selected {
	background: #ef7f30 url(../img/navlibg.gif) repeat-x;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	text-shadow: #666 0 -1px 0px; }

#secnav li {
	list-style: none;
	display: inline;
	font-size: 11px;
}

#secnav a {
	text-transform: capitalize;
	color: #CCC;
	text-decoration: none;
	border-left: 1px solid #fff;
	padding-left: 10px;
	margin-left: 10px;
}

#secnav a:hover {
	text-decoration: underline;
	background-color: transparent;
}

#secnav .first a {
	border-left: none;
}

.capa_idiomes {
	width: 130px;
	float: right;
	padding-top: 25px;
	height: 30px;
}

.capa_idiomes a {
	font-size: 11px;
	color: #FFF;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	background-color: #999;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}

.capa_idiomes a:hover {
	font-size: 11px;
	color: #000000;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
	text-decoration: none;
}
#submitform #Message,#Name , #Email, #Company{
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

.capa_idiomes_actiu {
	font-size: 11px;
	color: #000;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}

.capa_text_esquerre {
	float: left;
	width: 519px;
	text-transform: none;
	text-align: justify;
	font-size: 12px;
}

.capa_fotos_dreta {
	float: right;
	width: 320px;
	text-transform: none;
	text-align: right;
	font-size: 12px;
	padding-left: 30px;
}

.capa_representadas {
	float: right;
	width: 330px;
	text-transform: none;
	text-align: right;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #A0A0A1;
	padding-top: 9px;
	margin-top: 12px;
	margin-left: 20px;
}

.capa_pdf_productes {
	float: right;
	text-transform: none;
	text-align: right;
	font-size: 12px;
	padding-left: 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-top: 18px;
	padding-top: 14px;
}

.capa_logo_contacte {
	width: 330px;
	float: right;
}

.capa_img_donde_estamos {
	float: left;
	width: 900px;
	text-align: center;
}

.capa_comtra {
	font-size: 9px;
	float: left;
	width: 80px;
	padding-bottom: 5px;
}

.capa_comtra a {
	color: #FC3;
	text-decoration: none;
}

.capa_comtra a:hover {
	color: #999;
}

/***************************************************
				      COLUMNS
***************************************************/
.column-holder {
	float: left;
	width: 900px;
	background-color: #f0f0f0;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.column-holder h3{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	color: #EA8137;
}
#inner_content .one, #inner_content .two-even, #inner_content .two-odd, #inner_content .three-even, #inner_content .four-even { float:left; }
#inner_content .two-even, #inner_content .two-odd, #inner_content .three-even, #inner_content .four-even{margin-right: 35px; }
#inner_content .one {width: 100%;}
#inner_content .two-even{width:307px;}
#inner_content .two-odd{width:422px;}
#inner_content .three-even{
	width:275px;
}
#inner_content .four-even{width:136px;}
#inner_content .two-even.last, #inner_content .two-odd.last, #inner_content .three-even.last, #inner_content .four-even.last{ float:left; margin-right: 0px; }

.one, .two-even, .two-odd, .three-even, .four-even { float:left; }
.two-even, .two-odd, .three-even, .four-even{margin-right: 35px; }
.one {width: 960px;}
.two-even{width:462px;}
.two-odd{width:627px;}
.three-even{width:296px;}
.four-even{width:213px;}
.column-holder   { float:left; margin-right: 0px; }

/* TABLAS
----------------------------------------------- */

table {
	border-collapse: collapse;
	border: 1px solid #CCC;
	color: #555;
	background: #fff;
	font-family: helvetica, arial, sans-serif;
	font-size: 80%;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	font-variant: normal;
}

td, th {border: 1px dotted #bbb;
padding: .5em;}

caption {padding: 0 0 .5em 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;}

/* =links
----------------------------------------------- */

table a {padding: 1px;
text-decoration: none;
font-weight: bold;
background: transparent;}

table a:link {border-bottom: 1px dashed #ddd;
color: #000;}

table a:visited {border-bottom: 1px dashed #ccc;
text-decoration: line-through;
color: #808080;}

table a:hover {border-bottom: 1px dashed #bbb;
color: #666;}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th {border: 2px solid #000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #333;
background: transparent;}

tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

tbody th, tbody td {vertical-align: top;
text-align: left;}

tbody th {white-space: nowrap;}

.odd {background: #fcfcfc;}

tbody tr:hover {background: #fafafa;}

.capa_llistat_producte_esq {
	float: left;
	width: 200px;	
}
.capa_llistat_producte_dret {
	float: right;
	width: 200px;
}