/********************************************************
*														*
*	Copyright 2009 - Quiràlia							*
*	Disseny: Laura Morató (moratolaura@telefonica.net)	*
*	Programació: ODW (info@osonadissenyweb.com)			*
*														*
********************************************************/

/* ESILS DE LES PÀGINES DE PRODUCTES */
#companyia-joc-link, #educacio-participacio-link, #escola-quiralia-link {
	width:169px;
	height:113px;
	display:block;
	float:left;
	padding:12px 0px 0px 10px;
	color:#000000 !important;
	font-weight:bold;
}

#companyia-joc-link:hover, #educacio-participacio-link:hover, #escola-quiralia-link:hover {
	text-decoration:none !important;
}

#companyia-joc-link {background:url(../img/companyia-joc-bg.jpg) no-repeat left top;}
#educacio-participacio-link {background:url(../img/educacio-participacio-bg.jpg) no-repeat left top;}
#escola-quiralia-link {background:url(../img/escola-quiralia-bg.jpg) no-repeat left top;}


/* ESTILS DE LES FITXES DE PRODUCTES */
.producte-destacat, .producte-buscat, .fitxa-producte {
	padding:20px 0px 0px 0px;
	clear:both;
	width:550px;
}

.producte-destacat p, .producte-buscat p, .fitxa-producte p {
	margin:0px !important;
}

.header-producte-taronja, .header-producte-verd, .header-producte-vermell, .header-producte-blau {
	position:relative;
}

.header-producte-taronja {
	background:#ffb266;
}

.header-producte-verd {
	background:#66b383;
}

.header-producte-vermell {
	background:#ee6b73;
}

.header-producte-blau {
	background:#66b5e7;
}

.header-producte-taronja h2, .header-producte-verd h2, .header-producte-vermell h2, .header-producte-blau h2 {
	font-size:12px;
	padding:7px;
}

.producte-destacat h3 {
	font-size:11px;
	color:#ffb266;
	margin-bottom:0px;
}

.producte-buscat h3 {
	font-size:11px;
	color:#66b383;
	margin-bottom:0px;
}

.fitxa-producte h3 {
	font-size:11px;
	color:#0084d7;
	margin-bottom:0px;
}
.fitxa-producte .title2 {color: #E20816 !important;}

/* Estils de les pestanyes de pdf i contractar */
.pdf, .contractar-vermell, .contractar-blau, .contractar-buscat, .contractar-destacat, .contractar-verd, .pdf-es, .contractar-vermell-es, .contractar-blau-es, .contractar-buscat-es, .contractar-destacat-es, .contractar-verd-es {
	font-size:12px;
	color:#ffffff;
	position:absolute;
	height:15px;
	font-weight:bold;
	padding:7px;
	z-index:1000;
}

.pdf {
	position: absolute;
	left: 411px;
	top: 0px;
	background: #e24257;
}
.pdf-es {
	position: absolute;
	left: 411px;
	top: 0px;
	background: #e24257;
}

.contractar-vermell, .contractar-blau, .contractar-buscat, .contractar-destacat {
	right:0px;
	top:0px;
}

.contractar-vermell-es, .contractar-blau-es, .contractar-buscat-es, .contractar-destacat-es {
	right:0px;
	top:0px;
}
.contractar-verd, .contractar-verd-es {
	right: 0px;
	top:0px;
}

.contractar-vermell, .contractar-vermell-es {
	background:url(../img/fons-contractar.gif) no-repeat right top #E20916;
}

.contractar-blau, .contractar-blau-es {
	background:url(../img/fons-contractar.gif) no-repeat right top #0084D7;
}

.contractar-buscat, .contractar-buscat-es, .contractar-verd, .contractar-verd-es {
	background:url(../img/fons-contractar.gif) no-repeat right top #008131;
}

.contractar-destacat, .contractar-destacat-es {
	background:url(../img/fons-contractar.gif) no-repeat right top #ff7f00;
}

.pdf a:link, .pdf-es a:link, .pdf-es a:visited, .contractar-vermell a:link, .contractar-blau a:link, .contractar-buscat a:link, .contractar-destacat a:link, .contractar-verd a:link, .pdf a:visited, .contractar-vermell a:visited, .contractar-blau a:visited, .contractar-buscat a:visited, .contractar-destacat a:visited, .contractar-verd a:visited, .pdf-es a:link, .contractar-vermell-es a:link, .contractar-blau-es a:link, .contractar-buscat-es a:link, .contractar-destacat-es a:link, .contractar-verd-es a:link, .pdf a:visited, .contractar-vermell-es a:visited, .contractar-blau-es a:visited, .contractar-buscat-es a:visited, .contractar-destacat-es a:visited, .contractar-verd-es a:visited {
	color:#ffffff !important;
	text-decoration:none !important;
}

.pdf a:hover, .pdf-es a:hover, .pdf-es a:active, .pdf-es a:focus, .contractar-vermell a:hover, .contractar-blau a:hover, .contractar-buscat a:hover, .contractar-destacat a:hover, .contractar-verd a:hover, .pdf a:active, .contractar-vermell a:active, .contractar-blau a:active, .contractar-destacat a:active,.contractar-buscat a:active, .contractar-verd a:active, .pdf a:focus, .contractar-vermell a:focus, .contractar-blau a:focus, .contractar-destacat a:focus, .contractar-buscat a:focus, .contractar-verd a:focus, .pdf-es a:hover, .contractar-vermell-es a:hover, .contractar-blau-es a:hover, .contractar-buscat-es a:hover, .contractar-destacat-es a:hover, .contractar-verd-es a:hover, .pdf-es a:active, .contractar-vermell-es a:active, .contractar-blau-es a:active, .contractar-destacat-es a:active,.contractar-buscat-es a:active, .contractar-verd-es a:active, .pdf-es a:focus, .contractar-vermell-es a:focus, .contractar-blau-es a:focus, .contractar-destacat-es a:focus, .contractar-buscat-es a:focus, .contractar-verd-es a:focus {
	text-decoration:underline !important;
}

/* MINIATURES DELS PRODUCTES */
.miniatura-wrapper-left, .miniatura-wrapper {
	float:left;
	width:178px;
	height:133px;
	margin:8px 10px 0px 0px;
	overflow:hidden;
	position:relative;
}

.miniatura-wrapper-left {
	clear:both;
}

.imatge-miniatura-blau {
	background:#00aeea;
	width:178px;
	height:133px;
}

.imatge-miniatura-vermell {
	background:#E20816;
	width:178px;
	height:133px;
}

.titol-producte-div-blau, .titol-producte-div-vermell, .vores-arrodonides-miniatura, .vores-arrodonides-titols, .titol-capsules-div-blau, .vores-arrodonides-capsules {
	position:absolute;
	left:0px;
	top:0px;
}

.titol-producte-div-blau, .titol-capsules-div-blau {
	background:#00aeea;
	padding:5px;
	font-weight:bold;
}

.titol-producte-div-vermell{
	background:#E20816;
	padding:5px;
	font-weight:bold;
}
.titol-producte-div-vermell span{color: #000;}

.vores-arrodonides-miniatura {
	width:178px;
	height:133px;
	background:url(../img/fons-miniatures.gif) no-repeat left top;
	z-index:999;
}

.vores-arrodonides-titols {
	width:550px;
	height:29px;
	background:url(../img/fons-titols.gif) no-repeat left top;
	z-index:999;
}

.link-producte {
	display:block;
	width:178px;
	height:133px;
}

.link-producte span, .link-capsula span {
	display:none;
	visibility:hidden;
}

.tornar-enrere {
	clear:both;
	padding-top:35px;
}


/* Miniatures capsules */
.miniatura-capsules {
	float:left;
	width:554px;
	height:276px;
	margin:10px 0px 0px 0px;
	overflow:hidden;
	position:relative;
	clear: both;
}

.imatge-capsules-blau {
	background:#00aeea;
	width:554px;
	height:276px;
}

.vores-arrodonides-capsules {
	width:554px;
	height:276px;
	background:url(../img/fons-miniatura-capsula.gif) no-repeat left top;
	z-index:999;
}

.link-capsula {
	display:block;
	width:554px;
	height:276px;
}

/* Estils de les galeries fotogràfiques */
.galeria {
	padding-top:20px;
	clear:both;
}

.miniatura, .miniatura-left, .miniatura-right {
	margin:0px 16px 16px 0px;
	float:left;
	overflow:hidden;
	width:125px;
	height:93px;
}

.miniatura-right {
	margin:0px 0px 16px 0px !important;
}

.miniatura-left {
	clear:left;
}

.expand {clear: both; height: 2px;}


/* Sorteig */
#sorteig {position: absolute; right: 0px; top: 38px; width: 149px; height: 320px; background: url(../img/bg-sorteig.jpg) no-repeat left top; padding: 0px 10px 10px 10px;}
#sorteig h3 {margin-top: 0px; line-height: 30px; color: #fff;}
#sorteig input {margin-bottom: 3px; font-size: 11px;}
#sorteig label, #sorteig input {display: block; width: 100%; border: 0px;}
#enviarsorteig {
	background: none repeat scroll 0 0 #E20916;
	border: 0 none;
	color: #FFFFFF !important;
	display: block;
	font-size: 11px;
	margin-top: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	width: 100px;
}