@font-face { 
	font-family: Delicious;
	src: url('fonts/Delicious-Roman.eot'); 
	src: local('Delicious'),
		 url('fonts/Delicious-Roman.ttf') format('truetype'),
		 url('fonts/Delicious-Roman.otf') format('opentype');
		 
	font-weight: bold;
	src: url('fonts/Delicious-Bold.eot'); 
	src: local('Delicious'),
		 url('fonts/Delicious-Bold.ttf') format('truetype'),
		 url('fonts/Delicious-Bold.otf') format('opentype');
}
@font-face { 
	font-family: Qlassik;
	src: url('fonts/Qlassik_TB.eot');
	src: local('Qlassik'),
		 url('fonts/Qlassik_TBn.ttf') format('truetype'),
		 url('fonts/Qlassik_TB.otf') format('opentype');
}
body {
	background: #301607 url('bg.gif');
	font:0.8em/160% arial,tahoma,sans-serif;
	line-height:1.4;	
}
img { vertical-align: middle; }
em { font-style: italic }
li { padding-left:20px }
h1 { font-weight:bold; font-size:16px; font-family: Helvetica, Tahoma; }
h2 { font-weight:bold; font-size: 26px; font-family: Helvetica, Tahoma; }
a { text-decoration:none; color: #ef5b00; background:transparent }
a:hover { text-decoration:underline; color:#301200; background:transparent }
a.external { padding-right:14px; background:transparent url('external-link.png') no-repeat right top; }
p { margin: 4px 0px }
.floatLeft { float:left }
.floatRight { float:right }
.clear { clear:both }
.textAlignCenter { text-align:center }
.textAlignLeft { text-align:left }
.textAlignRight { text-align:right }
.textAlignJustify { text-align:justify }
.nospam {  direction:rtl; unicode-bidi:bidi-override; }
.logo { margin: 0px auto 0px auto; width:800px; height:120px; padding-top:5px; background: transparent url('logo-born-200.png') no-repeat top left; text-align:right }
.logo div { padding-right:4px; margin-bottom:20px; }
.noticia { margin:25px; padding:3px; }
.seasonss { font-family:Lobster;font-weight:bold; font-size:240%; color:#89B14B; }
.seasonfw { font-family:Lobster;font-weight:bold; font-size:240%; color:#4B76B1; }
/* div.noticia:hover { background:white url('arrow.png') no-repeat right; } */
.noticia .color-verd { font-size:160%; }
.noticia .cos { width:70%; }
.noticia span { cursor: help; border-bottom: 1px dotted #000; }
.noticia:hover .color-verd { background:white url('asterisk.png') no-repeat left; padding-left:20px; }
.despatx { margin: 20px auto 0 auto; width:800px; height: 240px; background:white; }
.presentacio { width:800px; height: 240px; background: white url('logo/presentacio.png') no-repeat top left; }
.objectius { width:800px; height: 240px; background: white url('logo/objectius.png') no-repeat top left; }
.esperit { width:800px; height: 240px; background: white url('logo/esperit.png') no-repeat top left; }
div.box { position:relative; top:20px; left:40px; padding:7px; line-height:1.1; font-size:110%; width:250px; height:190px; background:#fff; opacity:0.7;filter:alpha(opacity=70); font-family:trebuchet ms, tahoma, sans-serif; }
#atope { width:100%; background: white; }
.brand { width:195px; margin:20px 2px; line-height:1; font-size:95%; }
.brand a:hover { text-decoration:none; }
.brand img { padding:3px; border:1px solid #7B9530; }
.maincollections { margin-left:20px; padding:3px; width:600px; }

.color-born { color: #ef5b00; background:inherit }
.color-verd { color: #7B9530; font-weight:bold; background:inherit }

.central { margin: 20px auto 0px auto; padding:10px 0px; width:800px; color: #000; background: #fff }
.main { margin: 5px 5px 10px 5px }
.main .esquerre { width: 40%; padding:3px; margin:2px; }
div#brands { width: 450px; background: #fff; text-align:right; border:1px solid #d3d3d3; margin:2px; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0px 8px 5px #888; -moz-box-shadow: 0px 8px 5px #888; -webkit-box-shadow: 0px 8px 5px #888;  }
#brands p { margin-right:8px; }
.peu { font-family:Delicious, sans-serif; font-size:130%; width:800px; margin:-5px auto 0px auto; padding:0px 5px 0px 5px;  background: #301607 url('bg2.gif'); color:white; }
.peu a:hover { color:white; }
.peu .peuinfo { padding:10px 0px 0px 15px; margin-bottom:10px; }
.menucollections { font-size:80%; }

a.normal { font-weight:bold; color: white; background:inherit; text-decoration:underline; }

.company { padding:15px; background: url('../img/company-profile.png') no-repeat 95% 0%; }
.company #div1 { margin:200px 5px 20px 5px }
.company #div2, .company #div3, .company #div4, .company #div5, .company #div6 { margin:20px 5px }
ul.companyprofile li { margin-left:30px; font-size:115%; }
.companyprofileh1 { font-family:Qlassik, sans-serif; font-size:30px; font-weight:normal }

ul.menu { font-family:Delicious,arial,tahoma,sans-serif; font-weight:bold; float: right; list-style: none; margin: 0; padding: 0px 5px; width: 100% }
.menu li { float: right; margin: 0 }
.menu li a { display: block; color: #ef5b00; background:inherit; text-decoration:none; font-size:16px; padding: 50px 12px 3px 12px; }
.menu li a.una:hover { color: white; background: #ef5b00 url('sabata1.png') no-repeat center 3px; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.menu li a.dos:hover { color: white; background: #ef5b00 url('sabata2.png') no-repeat center 3px; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.menu li a.tres:hover { color: white; background: #ef5b00 url('sabata3.png') no-repeat center 3px; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.menu li a.quatre:hover { color: white; background: #ef5b00 url('sabata4.png') no-repeat center 3px; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.menu li a.cinc:hover { color: white; background: #ef5b00 url('sabata5.png') no-repeat center 3px; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.marginlogo { margin:4px }
.contactright { margin-right:15px }
.enviat { font-weight:bold; color:#009400; }
#mapa { width:360px; height:300px; margin:10px auto }
.vcard { color:black; margin:auto; width:220px; }
.vcard a:hover { color:black }
.vcard p { margin: 0 }
.vcard .fn { font-weight:bold; }
.vcdownload { text-indent:  20px; background: url('vcard.png') no-repeat 0% 50%; }
.vcard .street-address { text-indent:20px; background: url('marker.png') no-repeat 0% 50% }
.vcard h1, #formularicontacte h1 { font-family:Qlassik, sans-serif; font-size:32px; font-weight:normal; }

.whois { width:310px; background: url('whois.png') no-repeat top right; }
.whois h2 { font-family:Qlassik, sans-serif; font-weight:normal; font-size:34px; margin:5px 0px 30px 0px; }

.where { margin-top:40px; width:315px; background: url('location.png') no-repeat top left; }
.where h2 a { font-family:Qlassik, sans-serif; font-weight:normal; font-size:34px; padding-left:70px; color:#000; margin:5px 0px 30px 0px; }
.where h2 a:hover { text-decoration:none }


#formularicontacte { margin-left:20px; }
#formularicontacte form { margin-top:15px }
#formularicontacte label { width: 4em; float: left; text-align: right; margin-right: 0.5em; display: block }
#formularicontacte input[type="text"] { width:170px; border:1px solid #ef5b00; padding-left:3px } 
#formularicontacte textarea { width:350px; height:260px; padding-left:3px; border:1px solid #ef5b00; } 
#formularicontacte input[type="submit"] { font-weight:bold } 
#formularicontacte li { padding:5px 0px; }
#formularicontacte span { font-style: italic; font-size:80%; }

#visualitzador { width: 360px; height: 240px; border:1px solid #7B9530; margin:8px 1px 0px 1px; text-align:center; vertical-align:middle; }
#visualitzador img { display:block; margin:auto; }
/* brands */
a.andreamorelli { margin: 10px 0px; display: block; float: left; width: 212px; height: 91px; background: url('../img/brands/andreamorelli.png') no-repeat center left }
a.ocaloca { margin: 10px 0px; display: block; float: left; width: 212px; height: 91px; background: url('../img/brands/ocaloca.png') no-repeat center left }
a.dolcegab { margin: 10px 0px; display: block; float:left; width: 212px; height: 83px; background: url('../img/brands/dolcegab.png') no-repeat center left }
a.cavalli { margin: 10px 0px; display: block; float:right; width: 230px; height: 98px; background: url('../img/brands/cavalli.png') no-repeat center left }
a.diesel { margin: 10px 0px; display: block; float:right; width: 230px; height: 95px; background: url('../img/brands/diesel.png') no-repeat center left }

a.arrows { margin: 0px; padding:0px; display:block; float:right; width:46px; height:25px; background: url('arrows.png') no-repeat center left }
a.arrows:hover, a.andreamorelli:hover, a.dolcegab:hover, a.ocaloca:hover, a.cavalli:hover, a.diesel:hover { background-position: center right; text-decoration:none; }

.temporades { margin:20px; }

#spring-summer { margin:auto; }
#spring-summer a { margin:3px; width:80px; height:80px; }
#fall-winter { margin:20px auto; text-align:center; }
#fall-winter img { border:1px solid #0087B3; margin:auto; display:block; }

/* sitemap */
#primaryNav li { width:25% }
#primaryNav li ul li { width:100% !important }
#primaryNav.col3 li { width:33.3%; }
.sitemap {
	margin-top:50px; 
	width: 100%;
}

#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	background: #ffffff url('organigrama/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav li {
	float: left;
	background: url('organigrama/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav li a {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: black;	
	background: #c3eafb url('organigrama/white-highlight.png') top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#primaryNav li a:hover {
	background-color: #e2f4fd;
	border-color: #97bdcf;
}
#primaryNav li:last-child {
	background: url('organigrama/L1-right.png') center top no-repeat;
}
#primaryNav a:link:before,
#primaryNav a:visited:before {
	content: " "attr(title)" ";
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 5px;
	word-wrap: break-word;
}
#primaryNav li a:link:before,
#primaryNav li a:visited:before {
	color: #78a9c0;
}

/* --------	Second Level --------- */

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('organigrama/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
	background-color: #cee3ac;
	border-color: #b8da83;
}
#primaryNav li li a:hover {
	border-color: #94b75f;
	background-color: #e7f1d7;
}
#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('organigrama/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
	color: #8faf5c;
}

/* --------	Third Level --------- */

#primaryNav li li ul {
	margin: 10px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #ffffff url('organigrama/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li li {
	background: url('organigrama/L3-center.png') left center no-repeat;
	padding: 5px 0;
}
#primaryNav li li li a {
	background-color: #fff7aa;
	border-color: #e3ca4b;
	font-size: 12px;
	padding: 5px 0;
	width: 80%;
	float: right;
}
#primaryNav li li li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}
#primaryNav li li li:first-child {
	padding: 15px 0 5px 0;
	background: url('organigrama/L3-li-top.png') left center no-repeat;
}
#primaryNav li li li:last-child {
	background: url('organigrama/L3-bottom.png') left center no-repeat;
}
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
	color: #ccae14;
	font-size: 9px;
}


/* PORTADA */ 

#portada {
position: relative;
width: 440px;
height: 500px;
background: #5ae url('logo/portadabw.png') no-repeat;
margin: auto;
padding: 0;
}

#portada li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}

#portada a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

#roberto { left: 0px; top: 0px; width: 213px; height: 147px; z-index: 10; }
#roberto a { height: 147px; }
#roberto a:hover { background: url('logo/roberto.png'); background-repeat:no-repeat; }


#diesel { left: 8px; top: 142px; width: 110px; height: 171px; z-index: 10; }
#diesel a { height: 171px; }
#diesel a:hover { background: url('logo/diesel.png'); background-repeat:no-repeat; background-position:0px 0px; }

#ferrari { left: 111px; top: 144px; width: 189px; height: 165px; z-index: 10; }
#ferrari a { height: 165px; }
#ferrari a:hover { background: url('logo/ferrari.png'); background-repeat:no-repeat; background-position:0px 0px; }

#walksafari { left: 244px; top: 156px; width: 219px; height: 167px; z-index: 10; }
#walksafari a { height: 151px; }
#walksafari a:hover { background: url('logo/walksafari.png'); background-repeat:no-repeat; background-position:0px 0px; }

#ocaloca { left: -18px; top: 331px; width: 256px; height: 170px; z-index: 10; }
#ocaloca a { height: 170px; }
#ocaloca a:hover { background: url('logo/oca-loca.png'); background-repeat:no-repeat; background-position:0px 0px; }

#art { left: 114px; top: 260px; width: 251px; height: 249px; z-index: 10; }
#art a { height: 249px; }
#art a:hover { background: url('logo/art.png'); background-repeat:no-repeat; background-position:0px 0px; }

#elnaturalista { right: -8px; top: 6px; width: 211px; height: 152px; z-index: 10; }
#elnaturalista a { height: 134px; }
#elnaturalista a:hover { background: url('logo/elnaturalista.png'); background-repeat:no-repeat; background-position:0px 0px; }

#ikks { right: 0px; bottom: 0px; width: 93px; height: 144px; z-index: 10; }
#ikks a { height: 144px; }
#ikks a:hover { background: url('logo/ikks.png'); background-repeat:no-repeat; background-position:0px 0px; }