@charset "UTF-8";

/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5;  }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }



body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuraci�n predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineaci�n a la izquierda en el selector #container */
	color: #000000;
	background:url(rcs/tira_fons.jpg) top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
	text-align:justify;
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:10px;
	background-image: url(rcs/fons_portada_capcalera.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration:none;

}
#container a{
	color:#900007;
	text-decoration:underline;
}

#capcalera{
	height:143px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.opcMenu{
	margin-left:10px;
	color:#FFFFFF;
	float:left;
	background-image: url(rcs/fons_marro_menu.png);
	_background-image:none;
	background-position: left top;	/*margin-top:110px;*/
	_background-color: #775633;
}
.opcMenu a:hover{
	float:left;
	background-image: url(rcs/fons_marro_menu_over.png);
	_background-image:none;
	background-position: left top;	/*margin-top:110px;*/
	_background-color: #583917;
}


.opcMenuLogo{
	background:none; 
	width:650px;
	margin-left:10px;
	color:#FFFFFF;
	float:left;
}


.botoBotiga{
	float:right;
	margin:0px;
	padding:0px;
}
.topo{
	z-index:20;
	position:relative;
	top:25px;
	right:25px;
	float:right;
	height:5px;
}
.contingutCafetera{
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(rcs/blank.gif);
}
.txtContingutCafetera{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:11px;
	padding-top:011px;
	width:878px;
	float:none;
}
.miniCafetera{
	float:left;
	border:#42210B 1px solid;
	margin-right:11px;
	margin-bottom:20px;
	cursor:pointer;
}
.contingutCafe{
	background:url(rcs/fons_cafe_contingut.gif) top right no-repeat #a08841;
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 17px;
	padding-bottom: 20px;
}
.txtContingutCafe{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:375px;
	float:left;
}
.elegirReceta{
	background:url(rcs/cafe_recetas0.jpg) top left no-repeat;
	width:368px;
}
.contingutRecetas{
	background:url(rcs/fons_cafe_contingut.gif) top right no-repeat #a08841;
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.txtContingutRecetas{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:432px;
	float:left;
}
.txtContingutRecetas2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-right:20px;
	/*padding-top:100px;*/
	width:380px;
	float:right;
}
.contingutComprar{
	background:url(rcs/fons_comprar_contingut.gif) top right no-repeat #A08858;
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.txtContingutComprar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:409px;
	float:left;
}
.txtContingutComprar2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
}
.contingutPromociones{
	background:url(rcs/fons_promociones_contingut.gif) top right no-repeat #736357;
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.txtContingutPromociones{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:450px;
	float:left;
}
.txtContingutPromociones2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#42210B;
	font-size:13px;
	padding-left:0px;
	padding-top:0px;
}
.contingutContacto{
	background:url(rcs/fons_contacto_contingut.gif) top right no-repeat #C6B86A;
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.txtContingutContacto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:450px;
	float:left;
}
.txtContingutContacto2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#42210B;
	font-size:10px;
	padding-left:0px;
	padding-top:0px;
	width: 365px;
}
.contingutRecomendar{
	background:url(rcs/fons_recomendar_contingut.gif) top right no-repeat #C6B86A;
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.txtContingutRecomendar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:450px;
	float:left;
}
.txtContingutRecomendar2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#42210B;
	font-size:10px;
	padding-left:0px;
	padding-top:0px;
	width: 365px;
}
.contingutAtencion{
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #D0BC89;
	background-image: url(rcs/fons_atencion_contingut.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.txtContingutAtencion{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:450px;
	float:left;
}

.ContingutPortada{
	margin-left:12px;
	width:875px;
	padding-top: 11px;
	padding-bottom: 5px;
	background-color: #491F15;
	background-image: url(rcs/fons_contingut_portada.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.txtContingutPortada{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:450px;
	float:left;
}


.ContingutInterior{
	margin-left:auto;
	margin-right:auto;
	width:875px;
	padding-top: 11px;
	padding-bottom: 20px;
	background-color: #E18620;
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 11px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}
.txtContingutInterior{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	width:450px;
	float:left;
	background-color: #E48620;
}


.onComprarLogos{
	float:left;
	border:#42210B 1px solid;
	margin-right:15px;
	margin-bottom:20px;
}
.flashCafetera{
	float:right;
	padding-right:15px;
	padding-top:0px;
}
.peu{
	width: 900px; /* esto anula text-align: center en el elemento body. */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}
.peu a{
	color:#FFFFFF;
	text-decoration:none;
}
.peu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.peuDreta{
	float:left;
}
.peuEsquerra{
	float:right;
}
.titolMarro{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#42210B;
	font-size:18px;
	line-height:24px;
}
.titolBlanc{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:18px;
	line-height:21px;
}
.txtMarro{
	color:#42210B;
}
/* FORMULARI */
.campTxt{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 210px;
}
.campTxt2{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 440px;
}

.campTxtDoble{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 435px;
}

.campAreaDoble{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 435px;
	height:120px;
}

.campArea2{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 449px;
	height:120px;
}


.campTxt3{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


.campTxtAmple{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 820px;
}

.campTxtEnvio{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 405px;
}

.campTxtReadOnlyPetit{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 40px;
	text-align: right;	
}

.campTxtReadOnlyMitja{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 110px;
	text-align: right;
}

.campTxtReadOnlyGran{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 200px;
	text-align: right;
}


.campTxtPetit{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 50px;
	text-align: right;
}

.campTxtMitja{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 110px;
	text-align: right;
}

.campTxtGran{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 200px;
	text-align: right;
}

.campTxtPetitEsquerra{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 50px;
	text-align: left;
}

.campTxtMitjaEsquerra{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 110px;
	text-align: left;
}

.campTxtGranEsquerra{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 200px;
	text-align: left;
}

.campSelectPetit{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 50px;
}

.campSelectMitja{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 110px;
}

.campSelectGran{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 300px;
}

.campVerificacio{
	border: 2px solid #d5721c;
	
}

.TaulaContingut{
	border: 2px solid #d5721c;
	background-color: #eaab63;
}

.TaulaContingut td{
	padding: 1px 10px 1px 10px;
}

.campSelect{
	border: 2px solid #d5721c;
	background-color: #eaab63;
	width: 200px;
}





.campBoto{
	border: 2px solid #d5721c;
	background-color: #eaab63;	
}




.portadaEsq {
	float: left;
	width: 570px;
	margin-left: 11px;
	margin-top: 11px;
	margin-right: 0px;
}
.botoPortadaDiv {
	float: left;
	width: 274px;
	margin-right: 11px;
	margin-bottom: 11px;
}
.portadaDretaDiv {
	float: right;
	width: 275px;
	margin-top: 22px;
	margin-right: 11px;
}
.destacatsPortada {
	margin-bottom: 11px;
	margin-top: 11px;
}


.interiorCapsulas {
	margin-top: 110px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 185px;
}

.interiorCapsulasDreta {
	float: right;
	width: 330px;
	text-align: right;
	margin-left: 20px;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.interiorCarro {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
	background: #E28621;
}

.interiorCarroDreta {
	float: right;
	width: 336px;
	text-align: right;
	margin-left: 14px;
}

.interiorCarroDretaPedido {
	float: right;
	width: 335px;
	text-align: right;
	margin-left: 475px;
}

.interiorCarroEsquerraPedido {
	float: left;
	width: 800px;
	margin-left: 14px;
}



.carroFilaDreta {
	float: right;
	text-align: right;
	font-size: 11px;
	color: #000;
}








.interiorPedido {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
}

.interiorPedidoDreta {
	float: right;
	width: 336px;
	text-align: right;
	margin-left: 14px;
}
.interiorPedidoEsquerra {
	float: left;
	width: 449px;
	text-align: left;
}


.filaCarro {
	line-height: 56px;
	background: #E28621;
	text-decoration: none;
	font-size: 12px;
	color: #000;
}
.filaCarro a {
	text-decoration: none;
	color: #000;
}

.filaCarro a:hover {
	text-decoration: underline;
	color:#900007;
}

.noSubratllat {
	text-decoration: none;
}
form {
	margin: 0px;
	padding: 0px;
}
.interiorCarro table {
	font-size: 11px;
	color: #000;
}
.ContingutInterior strong,.ContingutInterior b {
	font-size: 12px;
	color: #42210B;
	font-weight: bold;
}


.filaCarroPetit {
	line-height: 56px;
	text-decoration: none;
	font-size: 12px;
	color: #000;
}
.filaCarroPetit a {
	text-decoration: none;
	color: #000;
}

.filaCarroPetit a:hover {
	text-decoration: underline;
	color:#900007;
}
.filaCarroPetit strong{
	font-size: 12px;
	color: #42210B;
	font-weight: bold;
}

.menuSupDreta{
float:right;
margin-right:10px;
}


.ContingutPopup{
	padding: 0px;
	margin:10px;
	background-color: #E18620;
	font-size: 11px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

.ContingutPopup p{
	padding: 5px 30px 5px 30px;
}



.ContingutPopup strong,.ContingutPopup b {
	font-size: 12px;
	color: #42210B;
	font-weight: bold;
}


.ContingutPopup a{
	text-decoration: none;
	color: #000;
}

.ContingutPopup a:hover {
	text-decoration: underline;
	color:#900007;
}