/********** ESTILS GENERALS **********/


	
body
{
	text-align:center;
	background-color:#FF8417;
	font-size:0px;
	margin:0;
	padding:0;
}

#container
{
	margin:auto;
	padding-top:10px;
}

#cap a
{
	margin:auto;
	margin-bottom:3px;
	width:800px;
	height:150px;

	display:block;
	background-image:url("img/Disseny/Cap.jpg");
}

#menu
{
	margin:auto;
	
	width:800px;
	height:35px;
}


#cos
{
	margin:auto;
	width:800px;
	margin-top:4px;
}

#botiga
{
	margin:auto;
	margin-right:10px;
	float:left;
	
	width:160px;
	height:336px;

	background-image:url("img/Disseny/Botiga.jpg");
	display:block;
}	

/* Estils del container del Contingut General
	El Height no el defineixo, pq vull que s'adapti a la mida del text */

#contingut
{
	margin:auto;
	margin-bottom:3px;

	width:594px; /* Original:624px (630px-6px del borde) */
	padding:15px;
	float:left;
	
	background-color:#FFD870;
	border:solid black 3px;

	text-align:left;
}

#peu
{
	margin:auto;
	width:800px;
	height:25px;
}

P.lletra:first-letter
{ 
	font-size:25px; 
	color: #517ABE; 
	font-weight: bold; 
} 

.text
{
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:justify;
}

#cap img, #cap img a:hover, #cap a:visited, #menu img, #menu img a:hover, #menu img a:visited, #peu img, #peu img a:hover, #peu img a:visited
{
	border-color:#FF8417;
}

img#bannerMaltes
{
	border-color:#FFD870;
}


/********** ESTILS APARTAT BOTIGA **********/

#aliment
{
	padding-top:37px;
}

#higiene
{
	padding-top:25px;
}

#complements
{
	padding-top:30px;
}

#botiga a
{
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:center;
	color:#517ABE;
	text-decoration:none;
}

#botiga a:hover
{
	color:#B80000;
}

/********** ESTILS INDEX **********/

/* Estils del container de la Presentació (només index.html) 
	Amb mides de Width i Height fixes */

#contPresentacio
{
	margin:auto;
	margin-bottom:3px;
	
	float:left;
	width:624px; /* Original:624px */
	height:330px; /* Original:330px */

	
	background-color:#FFD870;
	border:solid black 3px;	
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:center;
	


}

/* Estils de l'etiqueta <p> dins del container de la Presentació i de Contactar */

#contPresentacio p
{
	padding-top:110px;
	padding-left:10px;
	padding-right:10px;
	
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:center;
	
}

	


/********** ESTILS SERVEIS **********/	


img.right
{
	width:136px;
	height:152px;
	float:left;
	border:solid #517ABE 2px;
	margin-right:15px;
	margin-bottom:5px;
}
	

.serveisPelu
{
	width:205px;
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:left;
	border:solid #517ABE 2px;
	padding:10px;
	margin-left:180px;
}

.serveisPelu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

/********** ESTILS CONTACTAR **********/

#contContactar
{
	margin:auto;
	margin-bottom:5px;
	float:left;
	
	width:624px; /* Original:624px */
	height:330px; /* Original:330px */

	
	background-color:#FFD870;
	border:solid black 3px;	
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:left;

}

#contContactar p
{
	margin:0;
	padding:0;

	padding-top:100px;
	padding-left:140px;
	padding-right:10px;
	
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:left;
}

#contContactar ul
{
	list-style-type:none;
	margin-top:0;
	padding-top:0;
	margin-left:150px;
	text-align:left;
}

#contContactar img
{
	padding-left:110px;
}

/********** ESTILS BOTIGA **********/

#contBotiga
{
	margin:auto;
	margin-bottom:5px;
	padding:15px;
	float:left;
	
	width:594px; /* Original:624px */
	height:300px; /* Original:330px */

	
	background-color:#FFD870;
	border:solid black 3px;	
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:center;

}

ul.llistaBotiga, ul#formatAliment, ul#formatHigiene, ul#formatComplements
{
	margin-top:0;
	padding-top:0;
	list-style-type:none;
}

#contBotiga b
{
	color:#517ABE;
}

p.centre
{
	text-align:center;
}

.boxProducte
{
	width:580px;
	height:222px; /* 220px + 2px (borde) */
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:left;
	border:solid #517ABE 2px;
	margin-bottom:10px;
	
	
}

.boxTitol
{
	width:580px;
	height:20px;
	border-bottom:solid #517ABE 2px;
	
	font-weight:bold;
	font-size:12pt;
	color:#517ABE;
	text-align:center;
}

.boxCont
{
	margin:auto;
	width:580px;
	height:200px;
}

.boxFoto
{	
	margin:auto;
	width:150px;
	height:200px; 
	float:left;
	background-color:#FFFFFF;
	border-right:solid #517ABE 2px;
}

.boxDescr
{	
	margin:auto;
	width:408px; /* Original: 430 px. 430px - 20px (padding) - 2px (borde)*/
	height:180px; /* Original: 200 px. 200px - 20px (padding)  */
	float:left;
	padding:10px;
	
	text-align:justify;
}

.boxDescr p
{
	margin-bottom:5px;
	padding-bottom:5px;
}

.amunt
{
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:center;	
}

.amunt a
{
	text-decoration:none;
	color:#517ABE;
}

.amunt a:hover
{
	color:#B80000;
}

/************* DOGZ ****************/

h1
{
	font-weight:bold;
	font-size:12pt;
	color:#517ABE;
}

#menuDogz
{
	text-align:center;
	color:#517ABE;

}

#menuDogz a
{
	color:#517ABE;
	text-decoration:none;
}

#menuDogz a:hover
{
	color:#B80000;
}

.line
{
	padding-top:20px;
	line-height:2px;
}

/******************** FLOC *********************/

.floc
{
	float:right;
	padding-top:80px;
	padding-right:20px;
	font-weight:bold;
	color:
	
}

.floc a
{
	color:#517ABE;
	text-decoration:none;
}

.floc a:hover
{
	color:#B80000;
}