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

body {
	margin:				0px;
	background-color: 	#1a171b;
	font-family: 		Verdana, Arial, sans-serif;
	color:				#FFFFFF;
	font-size: 			small;
	line-height: 		1.5em;
}

/*********** H1, H2, H3, H4, H5, H6, p ******/

h1, h2, h3, h4, h5, h6 {
	margin:				0px 0px;
	color:				#FFFFFF;
}

h1 {font-size:			1.2em;}

h2 {font-size:			1.1em;}
h3 {
	font-size:			1em;
	color:				#666666;
}

h4 {
	font-size:			1em;
	color: 				#ad3d45;
}
h5 {font-size:			0.9em;}
h6 {font-size:			0.7em;}
p {
	font-size:			1.0em;
	line-height:		1.5em;
	font-weight:		normal;
}

img {border:				0px;}

a {
	color:				#FFFFFF;
	text-decoration: 	none;
}

a:hover {
	color: 				#ad3d45;
	text-decoration: 	underline;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

.curiositats {
	padding:			0px 15px 20px 20px;
	float:				right;

}

.numeros {
	font-size:			1.1em;
	color: 				#ad3d45;
	font-weight:bold;
}


/*********DIVS PRINCIPALS*************/

#container {
	min-width:			975px;
	height: 			auto;
	margin:				0px;
	padding:			0px;
}

#header {
	height:				160px;
	margin:				0px;
	padding:			0px;
	background-image: 	url(../imatges/bg-header.gif);
	background-position:top left;
	background-repeat:	repeat-x;	
}

#main {
	background-color:	#1a171b;
	margin:				0px auto;
	padding:			0px;
	min-height:			500px;	
}

#footer {
	height:				120px;
	background-color:	#373434;
	border-top:			#FFFFFF 1px solid;
	border-bottom:		#FFFFFF 1px solid;
	margin:				0px auto;
	padding:			0px;
	clear:				both;
}


/*******************ESTILS HEADER************/

#header #info {
	width:				975px;
	margin:				0px auto;
	padding:			0px;
}

#header #info h1 {
	text-align:			right;
	font-weight:		normal;
	font-size:			0.8em;
	
}

/******************ESTILS DEL MENU*********************/


#menu {
	height:				40px;
	line-height:		40px;
}

#menu ul {
	list-style: 		none;
	margin: 			0px 5px 2px 2px;
	padding: 			0px 5px 5px 0px;
	font-size: 			1.0em;
	font-weight:		normal;

}
#menu li {
	float: 				right;
	margin: 			0px 5px 0px 0px;
	
}

#menu a {
	text-decoration: 	none;
}

#menu a:hover {
	color: 				#ad3d45;
	text-decoration: 	none;
}

#header #idiomes {
	color: 				#777777;
	font-size:			0.80em;
	text-decoration: 	none;
	font-weight:		normal;
	float:left;
	height:				40px;
	line-height:		40px;
	padding-left:20px;
}


#header #idiomes a {
	color: 				#777777;
}

#header #idiomes a:hover {
	text-decoration:	underline;
}

/*******************ESTILS MAIN************/



#main #info {
	width:				975px;
	margin:				0px auto;
	padding:			0px;
}

#main #info h2 {
	margin:				0px;
	padding:			20px 0px 0px 230px;
	height:				30px;
	font-size:			1.5em;
	font-weight			:normal;
	background-image:	url(../imatges/moniberic.gif);
	background-position:top left;
	background-repeat:	no-repeat;
}

#main #info h3 {
	margin:				0px;
	padding:			5px 0px;
	font-size:			1.3em;
	font-weight:		normal;
	color:				#FFFFFF;
}



#main #info #content {
	padding:			0px;
	height:				auto;
	margin:				0px 320px 0px 0px;
}

#main #info #content h3 {
	padding:			10px 0px 3px;
	margin:				0px 20px 0px 0px;
	font-size:			1.2em;
	font-weight: 		normal;
	font-style:			italic;
	color:				#FFFFFF;
	border-bottom:		1px solid #FFFFFF;
}

#main #info h4.ciutat {
	padding:			10px 0px 5px 0px;
	margin:				10px 0px 5px 0px;
	font-size:			1.2em;
	font-weight: 		normal;
	font-style:			italic;
	color:				#FFFFFF;
	border-bottom:		1px solid #FFFFFF;
	clear:both;
}

#main #info p.establiment {
	padding:			0px 0px 0px 50px;
	margin:				0px 0px 15px 0px;
	font-size:			0.85em;
	width:				275px;
	font-weight: 		normal;
	background-image:	url(../imatges/logoMonibericBanner.gif);
	background-position:left top;
	background-repeat:	no-repeat;
	line-height:		1.5em;
	float:				left;
}

#main #info p.restaurant {
	padding:			0px 0px 0px 50px;
	margin:				0px 0px 15px 0px;
	font-size:			0.85em;
	width:				275px;
	font-weight: 		normal;
	background-image:	url(../imatges/logoMonibericBannerRest.gif);
	background-position:left top;
	background-repeat:	no-repeat;
	line-height:		1.5em;
	float:				left;
}

#main #info #sidebar {
	width:				300px;
	margin:				0px 0px 20px;
	padding:			0px 0px 0px 20px;
	height:				auto;
	float:				right;
	border-left:		1px solid #FFFFFF;
}


#main #info #sidebar img {
	border:				solid 1px #ad3d45;
	margin:				0px 0px 30px 0px;
	padding:			0px;
}

#main #info #sidebar p {
	font-size:			1.1em;
	line-height:		1.3em;
	height:				40px;
	margin:				0px;
	padding:			5px 0px 5px 45px;
	background-image:	url(../imatges/logoMonibericBanner.gif);
	background-position:left center;
	background-repeat:	no-repeat;
}

#main #info p.galeriaFotos {
	color: 				#ad3d45;
	font-size:			1.1em;
	line-height:		1.3em;
	height:				40px;
	margin:				10px 0px 0px;
	padding:			5px 0px 5px 45px;
	background-image:	url(../imatges/logoMonibericBanner.gif);
	background-position:left center;
	background-repeat:	no-repeat;
	float:				right;
	width:				200px;
}

#main #info p.volver {
	color: 				#ad3d45;
	font-size:			1.0em;
	line-height:		1.3em;
	margin:				75px 0px 0px 40px;
	padding:			3px 0px 5px 25px;
	background-image:	url(../imatges/volver.gif);
	background-position:left center;
	background-repeat:	no-repeat;
	width:				100px;
	clear:				left;		
}

#main #info p.volver a {
	text-decoration:	none;
	color:				#ad3d45;
}

#main #info p.volver a:hover {
	text-decoration:	none;
	color:				#FFFFFF;
}

#main #info #sidebar a img {
	border:				solid 1px #ad3d45;
}

#main #info #sidebar a:hover img {
	border:				solid 1px #FFFFFF;
}

#main #info #sidebar a {
	text-decoration:	none;
	color:				#ad3d45;
}

#main #info #sidebar a:hover {
	text-decoration:	none;
	color:				#FFFFFF;
}




/*************** BANNERS HOME **************/

#main #info .banner {
	width:				312px;
	height:				150px;
	margin:				10px 0px;
	padding:			0px;
	float:				left;
}

#main #info .banner p {
	font-size:			1.0em;
	margin:				5px 0px 2px;
	padding:			0px;
}

#main #info .banner a {
	text-decoration:	none;
	color:				#ad3d45;
}

#main #info .banner a:hover {
	text-decoration:	none;
	color:				#FFFFFF;
}

#main #info .banner img {
	border:				solid 1px #ad3d45;
	margin:				0px;
	padding:			0px;
}

#main #info .banner a img {
	border:				solid 1px #ad3d45;
}

#main #info .banner a:hover img {
	border:				solid 1px #FFFFFF;
}

/*******************ESTILS PRODUCTES************/

#main #info #col_esq {
	margin:				0px;
	padding:			0px;
	float: 				left;
	width:				312px;
}

#main #info #col_dreta {
	margin:				0px;
	padding:			0px;
	float: 				right;
	width:				312px;
}


#main #info #col_mig {
	margin:				0px 320px;
	padding:			0px;
}

#main #info p.imatgeProducte{
	margin:				0px;
	padding:			15px 5px 5px;
	text-align:			center;
}

#main #info p.infoProductes{
	margin:				0px;
	padding:			15px 15px;
}

#main #info a.masinfo {
	margin:				0px 0px 0px 0px;
	padding:			2px 0px 3px 25px;
	font-size:			1.0em;
	background-image:url(../imatges/fletxa.jpg);
	background-position:center left;
	background-repeat:	no-repeat;
}

#main #info a.masinfo:	hover {
	color:				#ad3d45;	
}

#main #info .producte{
	width:				320px; 
	margin:				10px 5px 5px 0px;
	padding:			0px;
	float: 				left;
}

#main #info .producte h4{
	margin:				5px 0px;
	padding:			0px;
	color:				#FFFFFF;
}

#main #info .producte img{
	margin:				0px;
	padding:			0px;	
	border:				#ad3d45 1px solid;
}

#main #info .producte p{
	margin:				0px;
	padding:			0px;
	font-size:			1.4em;
	font-style:			italic;
	text-align:			right;
	padding-right:		15px;
}

#main #info #detallProducte {
	padding:			0px;
	margin:				0px;
	height:				430px;
}

#main #info #detallProducte img.producteGran {
	padding:			0px;
	margin:				0px 20px 0px 0px;
	float:				right;
	border:				#ad3d45 1px solid;
}

#main #info #detallProducte h4{
	margin:				10px 0px 5px;
	padding:			0px;
	font-size:			1.3em;
	font-weight:		normal;
	color:				#FFFFFF;
}

#main #info #detallProducte .caract {
	color: 				#ad3d45;
	font-weight:		bold;
	font-style:			italic;
}

#main #info #detallProducte p {
	margin:				5px 0px;
	padding:			0px;
}

#main #info p.verproductos {
	color: 				#ad3d45;
	font-size:			1.1em;
	line-height:		1.3em;
	height:				30px;
	margin:				10px 0px 0px 15px;
	padding:			10px 0px 0px 45px;
	background-image:	url(../imatges/logoMonibericBanner.gif);
	background-position:left center;
	background-repeat:	no-repeat;
	width:				200px;
}

#main #info p.verproductos a {
	text-decoration:	none;
	color:				#ad3d45;
}

#main #info p.verproductos a:hover {
	text-decoration:	none;
	color:				#FFFFFF;
}

#main #info #detallProducte p.compraronline a img {
	border:				2px #FFFFFF solid;
	margin:0px;
	padding:0px;
}

#main #info #detallProducte p.compraronline a:hover img {
	border:				2px #ad3d45 solid;
	margin:0px;
	padding:0px;
}

/*******************ESTILS FOOTER************/

#footer #info {
	width:				975px;
	margin:				0px auto;
	padding:			0px;
	height:				120px;
	background-image:url(../imatges/logoMonibericpeu.gif);
	background-position:center right;
	background-repeat:	no-repeat;
}

#footer #info .banner {
	width:				312px;
	margin:				10px 0px;
	padding:			0px;
	float:				left;
}

#footer #info .banner p.titol {
	margin:				0px 0px 5px;
	padding:			0px;
	font-size:			1.0em;
	border-bottom:		#FFFFFF 1px dotted;
}

#footer #info .banner p {
	margin:				0px;
	padding:			0px;
	font-size:			0.8em;
	font-weight:		normal;
}

#footer #info #links {
	margin:				10px 0px;
	padding:			0px;
	float:				left;
}

#footer #info #links p.titol {
	margin:				0px 0px 5px;
	padding:			0px;
	font-size:			1.0em;
	border-bottom:		#FFFFFF 1px dotted;
}

#footer #info #links p {
	margin:				0px;
	padding:			0px;
	font-size:			1.0em;
	font-weight:		normal;
}

#footer #info #links a {
	color: 				#FFFFFF;
	font-size:			0.85em;
	text-decoration: 	none;
	font-weight:		normal;
}

#footer #info #links a:hover {
	text-decoration:	underline;
}


#footer #info #credits {
	margin:				0px 0px;
	padding:			15px 0px 0px;
	text-align:			right;
	clear:				both;
}

#footer #info #credits a {
	color: 				#FFFFFF;
	font-size:			0.6em;
	text-decoration: 	none;
	font-weight:		normal;
}

#footer #info #credits a:hover {
	text-decoration:	underline;
}

#footer #info #credits img {
	border:				0px;
	margin:				0px;
	vertical-align:		bottom;
}