html, body
{
	margin: 0;
	padding: 0;	
	font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul ,li
{
	margin: 0;
	padding: 0;	
}

body
{
	background-image: url("images/sfondo.png");
}

a
{
	text-decoration: none;
}

h3
{
	font-size: 16px;
	color: #51473f;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


div#pagina
{
	
	background-color: #554e4a;
}

div#pagina, div#banner, div#intestazione
{
	width: 1000px;
	margin: auto;
}

div#banner
{
	margin-bottom: 25px;
}

div#intestazione img
{
	width: 1000px;
}


div#menu
{
	width: 150px;
	float: left;
	background-color: #e7dad3;
	border-left: 1px #7d675e solid;
}



div#menu ul li
{
	list-style-type: none;
	padding: 15px 0px;
	text-align: center;
}

div#menu ul li:hover
{
	color: #7d675e;
}


div#menu ul li a
{
	color: #7d675e;
	padding: 15px 0px;
}

div#menu ul li a:hover
{
	color: #fefcfb;
}

div#associazioni, div#facebook, div#social
{
	border-top: 2px #7d675e solid; 
}

div#associazioni img
{
	width: 100px;
	padding: 20 25px;
	border-top: 1px #7d675e solid;
}

div#colonnacentrale
{
	width: 600px;
	float: left;
	margin-left: 20px;
	background-color: #e7dad3;
	padding: 10px, 20px;
}

div#colonnacentrale h2
{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #51473f;
	padding-top: 10px;
}

div#colonnacentrale p, div.paragrafo
{
	text-align: justify;
	font-size: 16px;
	color: #302f2c;
	padding: 0 10px;
}



div#colonnadestra
{
	width: 210px;
	float: right;
	background-color: #e7dad3;
	text-align: center;
	border-right: 1px #7d675e solid;
}

div#colonnadestra h3
{
	padding-bottom: 10px;
	border-bottom: 1px #7d675e solid;
	
}

div#colonnadestra img
{
	margin: auto;
	padding: 10px;
}

div#allevamento, div#info
{
	padding-top: 10px;
	padding-bottom: 20px;
	color: #302f2c;
	text-align: center;	
}

div#info
{
	padding: 0;
		
}

div#allevamento h2
{
	font-size: 16px;
}


div#allevamento h4
{
	font-size: 14px;
}

div#allevamento p
{
	padding-top: 10px;
	font-size: 12px;
	font-style: italic;
}

div#allevamento h5
{
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
}



iframe
{
	margin: auto;
	padding: 8px 8px;
	border-bottom: 2px #7d675e solid;
}

div#credits
{
	background-color: #554e4a;
	color: #e7dad3;
	font-size: 10px;
	text-align: center;
	font-style: italic;
	padding-top: 15px;
}

div#info p
{
	padding: 10px;
	font-size: 12px;
	text-align: justify;

}

/* CHISIAMO */

div#fotochisiamo
{
	float:left;
	width: 250px;
	padding-top: 5px;
}

div#fotochisiamo img
{
	width: 250px;

}

div#testochisiamo
{
	float: right;
	width: 350px;
}

span#firma
{
	font-style: italic;
	text-align: right;
	
}

/* MASCHI-FEMMINE-CUCCIOLI */


div.boxgattomaschi, div.boxgattofemmine, div.boxgattocuccioli
{
	width: 560px;
    padding: 20px;
    background-color: #e7dad3;
   
    margin: auto;
}


div.boxgattomaschi div.gatto, div.boxgattofemmine div.gatto, div.boxgattocuccioli div.gatto
{
	padding: 50px 0px;
	border-bottom: 2px #7d675e solid;

}


div.fotogatto
{
	width: 320px;
	float: left;
}

div.pedigree
{
	width: 400px;
	text-align: center;
}

div.testogatto
{
	width: 210px;
	float: right;
	padding-top: 70px;
	text-align: center;
}

div.fotogatto img
{
	width: 320px;
}

div.pedigree img
{
	width: 100px;
}

span.nome
{
	color: #7d675e;
	font-weight: bold;
}

span.info
{
	font-size: 16px;
}

div.testogatto a, span.stato
{
	color: #7d675e;
}

div.testogatto a:hover
{
	text-decoration: underline;
}

p#cuccioli
{
	border-top: 2px #7d675e solid;
}


/* CONTATTI */

div#contatti 
{
	text-align: center;
}

div#contatti h3, div#contatti h4, div#contatti h5
{
	color: #554e4a;
	padding: 0;
	margin: 0;
}

div#contatti h3
{
	margin-top: 10px;
}

div#contatti h4
{
	padding-top: 5px;
}

div#contatti h5
{
	margin-bottom: 15px;
}

div#posta
{
	border-top: 2px #7d675e solid;
	padding-top: 40px;
}

/*pedrigree*/


div#pedigree div.gatto
{
	padding: 20px 0px 10px 30px;
	
}
div#pedigree div.gatto div.testogatto
{
	width: 220px;
	

}

table.pedigree
{	
	margin: auto;
	text-align: center;
	border: 2px #7d675e solid;
	width: 580px;
	height: 460px;
}

td, tr, th
{
	border: 1px #554e4a solid;
	color: #51473f;
}

th
{
	text-decoration: underline;
	color: #7d675e;
}

td.gp
{
	font-size: 14px;
}

td.ggp
{
	font-size: 10px;
}

/* GALLERY */

div#gallery

{
	padding: 10px 45px;
}

div#gallery a img
{
	padding: 5px;
}

div#gallery a img:hover
{
	opacity: 0.75;
}


/* LINKS */

div.linkbox
{
	padding-top: 20px;
	width: 620px;
    height: 650px;
    overflow:auto;
    margin: 0 auto;
}

img.links
{
	display: block;
  	margin:0 auto;


}

div.links
{
	border-bottom: 2px #7d675e solid;
	padding-bottom: 40px;
	padding-top: 20px;

}



/* FAQ */


div#colonnacentrale
{
	height: 835px;
}

div#colonnacentrale p
{
	padding-bottom: 10px;
}

div#menufaq_uno, div#menufaq_due
{
	text-align: center;
}

div#menufaq_uno ul li, div#menufaq_due ul li
{
	display: inline;
	font-size: 16;
	padding: 0px 10px;
	color: #7d675e;
}

div#menufaq_uno ul li:hover, div#menufaq_due ul li:hover
{
	text-decoration: underline;
}

div#menufaq_due
{
	padding-bottom: 20px;
}

div.box
{
	width: 600px;
    height: 550px;
    margin: auto;
    overflow:auto;
}

span.domanda
{
	text-decoration: underline;
}

span.risposta
{
	font-style: italic;
}

