@charset "utf-8";
/* CSS Document */

/* reiniciar estils */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
}

/* taules */
table {
	border-collapse: collapse;
}

/* llistes */
ul {
	list-style: none;
	list-style-type: none;
}

li, dt {
	margin-left: 20px;
	background-image: url(../images/li.png);
	background-repeat: no-repeat;
	line-height: 1.2em;
}

li, dt, dr {
	padding-left: 25px;	
	margin-bottom: 10px;
}

/* formularis */
input, select, textarea {
	border: #CCCCCC 1px solid;
}

input:focus, select:focus, textarea:focus {
	background-color: #EEEEEE;
}

/* ajustos tipografics */
html {
	font-size: 0.7em;
}

small {
	font-size: 0.9em;
}

h1, h2 {
	font-size: 1.1em;
}

a {
	font-weight: bold;
}

/* blocs de text */
blockquote, p {
	line-height: 1.7em;
	text-align: justify;
}

p {
	clear: both;
}

p, ul, dl {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* regla horitzontal */
hr {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* MAQUETACIÓ */

h1 {
	margin-bottom: 15px;
}

/* llistes de menu (seguides) */
#nav, #subnav, #subnav-producto {
	margin: 0px;
	padding: 0px
}

#nav li, #subnav li, #subnav-producto li {
	background: none;
	display: inline;
	margin: 0px;
	padding: 0px 3px;
}
/**/

/* padding 15px */
#header, #nav, #subnav, #subnav-producto, #logo-producto, #content, #footer {
	padding: 15px;
}

html, body {
	height: 100%;
}

#container {
	width: 760px;
	margin: auto;
	min-height: 100%;
	margin-top: -50px; /* height footer */
}

* html #container {
	height: 100%;
}

#header {
	height: 25px;
	padding-top: 65px; /* height footer + 15 padding top*/
}

#idiomas {
	float: right;
}

#nav, #subnav {
	text-align: right;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
}

#content {
	padding-bottom: 40px;
}

#logo-producto {
	width: 250px;
	padding-top: 0px;
	position: absolute;
	top: 60px;
}

blockquote {
	float: left;
	width: 300px;
}

#photo {
	float: right;
	width: 400px;
}

.thumbnails div {
	float: left;
	width: 80px;
	margin: 5px;
}

#slogan {
	padding: 0px;
	position: absolute;
	top: -31px;
	right: 15px;
}

#footer {
	width: 730px;
	height: 40px;
	margin-left: -381px;
	padding-top: 10px;
	padding-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;
	position: absolute;
	left: 50%;
	clear: both;
}

#aviso {
	float: right;
}

#contacto {
	float: left;
}

/* estils */
/* border gris */
#container, #footer {
	border: 1px solid #ADADAD;
	border-width: 0 1px 0 1px;
}

/* fons gris */
#header, #footer, #nav, #subnav {
	background-color: #CBCBCB;
}

/* fons verd */
.productos #subnav {
	background-color: #0DABC5;
}

/* fons blanc */
#container{
	background-color: #FFFFFF;
}

/* imatges de fons */
html {
	background: #f8f8f8 url(../images/bg-html.jpg) repeat-x;
}

body {
	background-image: url(../images/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: center 50px;
}
* html body {
	background-position: center 0px;
}
*:first-child+html body {
	background-position: center 0px;
}

#logo-producto {	
	background-image: url(../images/bg-logo-producto.gif);
	background-repeat: no-repeat;
}

/* txt gris */
body, a:link, a:visited, h2, h2 a:link, h2 a:visited, li, #subnav-producto a:hover, .productos #subnav, .productos #subnav a:hover, .thumbnails div a:hover, u a:hover {
	color: #666;
}

/* txt verd */
h1, a:hover, u, u a:link, u a:visited, #subnav-producto a, #subnav-producto a, .thumbnails div a:link, .thumbnails div a:visited {
	color: #0DABC5;
}

/* txt blanc */
#header, #nav, #subnav, .productos #subnav a {
	color: #FFFFFF;
}

/**/
#slogan {
	color: #CCCCCC;
	font-size: 34px;
	font-weight: normal;
}

/**/
.highlight {
	background-color: #e6f6f9;
	border: 1px dotted #0dabc5;
}

/* JD.GALLERY */
.jdGallery {
	color: #FFF;
	width: 400px;
	height: 370px;
	float: right;
}

.jdGallery, .jdGallery .gallerySelector, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview, .jdGallery .slideInfoZone, .jdGallery a.carouselBtn, .jdGallery .carousel, .jdGallery a.gallerySelectorBtn {
	background-color: #FFF;
}

.jdGallery, .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	border: solid 1px #FFF;
}

.jdGallery .slideElement {
	width: 400px;
	height: 275px;
}

.jdGallery div.carouselContainer {
	height: 120px;
	margin-top: 280px;
}

.jdGallery a.carouselBtn {
	color: #666666;
	background: none;
	bottom: 50px;
	z-index: 10;
}

.jdGallery a.left {
	background: url('../images/prev-label.gif') no-repeat center left;
}

.jdGallery a.right {
	background: url('../images/next-label.gif') no-repeat center right;
}

.jdGallery .slideElement, .jdGallery .loadingElement {
	background-image: url('../images/loading.gif');
}

.withArrows a.open:hover { 
	background: none;
}

.jdGallery a.right, .jdGallery a.left {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.jdGallery a.right:hover, .jdGallery a.left:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

/* end JD.GALLERY */