/*------------------------------------------layout generale*/
.banda{ 
	width:100%;
	clear:both;}

.wrapper{
	width:796px;
	margin:0 auto;
	text-align:left;
	clear:both;}

.clearer{ clear:both}
	
/*------------------------------------------layot dettagliato*/
#header{ height:310px;}

#header .wrapper{ background:url(../images/base/HEADER.jpg) top left no-repeat}

#content .wrapper{ width:730px; padding-left:75px; min-height:350px}

#footer{ clear:both; width:100%;}

#footer .wrapper{ background:url(../images/base/FOOTER.jpg) top left no-repeat; height:60px; margin-top:2em;}

/*------------------------------------------tipografia*/
h1{	font-size:2em}

h2{	
	font-size:1.6em; 
	font-family:"Trebuchet MS"; 
	font-weight:bold; 
	margin:0.5em 0 1em; 
	border-bottom:1px solid #eee}
	
h3{	
	font-family:"Trebuchet MS";
	font-size:1.4em; 
	color:#fff; 
	background-color:#aaa; 
	margin-bottom:0.5em; 
	text-align:center;}
	
h4{	
	font-size:1.3em; 
	font-family:"Trebuchet MS"; 
	font-variant:small-caps;}
	
h5{
	font-size:1.2em;
	font-weight:bold; }

#content p{ margin-bottom:1em; text-align:justify}

#footer p{ 
	margin-left:75px;
	padding-top:18px;
	font-size:0.7em;}

strong{ font-weight:bold}
em{ font-style:italic}

/*------------------------------------------ links*/
a:link, a:hover, a:visited, a:active{
	color:#666;
	text-decoration:none;}
a:hover{
	color:#000;}
a:visited{}
a:active{}

/*------------------------------------------contenitori logo e menu*/
#header h1{ font-size:1px;}
#header h1 a{ color:#000; margin:0}

#header h1 span{ display:block;}

#logo, #menu{ height:310px}
#logo{ 
	width:284px;}
#menu{
	width:510px;
	margin-left:0;}

/*------------------------------------------ menuSito*/

ul#menuSito{
	clear:both;
	margin-top:154px;}

	#menuSito li{
		display:block;
		float:left;
		height:150px;
		width:99px;
		text-align:center;
		word-spacing: -4px;
		border-right:1px solid;}
			
		#menuSito li.voceUno{ border-left:1px solid}
		
		#menuSito li a{
			font-size:1.7em;
			display:block;
			width:100%;
			height:82px;
			line-height:82px;
			margin-top:36px;
			background-color:#ccc}
		#menuSito li a:hover{
			background-color:#aaa}
			
ul.sottoMenu{
	position: absolute;
	visibility: hidden;
	z-index:99;}

	ul#menuSito li ul.sottoMenu li{
		float:none;
		border:0;
		margin:0;
		padding:0;
		width:auto;
		height:auto}
	
	ul#menuSito li ul.sottoMenu a{
		height:2em;
		line-height:2em;
		margin:0;
		display:block;
		font-size:1.2em;}


/*------------------------------------------ menuLingua*/
	
ul#menuLingua{ margin-top:205px; clear:both}
ul#menuLingua li{ margin-bottom:3px}

/*------------------------------------------scheda cane*/
.schedaCane{ 
	width:314px; height:172px;
	padding:10px;
	padding-top:20px;
	float:left;
	margin:2px;
	background:#fff url(../images/base/CARTELLA-CANE.jpg)}
	
	.fotoCane{
		padding-left:8px;
		padding-top:6px;}
	.fotoCane img{
		border:1px solid;
		width:140px; height:140px;
		padding:4px;
		background-color:#fff;}
		
	#content .infoCane{ width:146px;}

	.infoCane dl dt{
		font-weight:bold;
		color:#888}

	.infoCane dl dd{
		font-family:"Comic Sans MS", Times, serif;
		font-size:1.5em;
		font-weight:bold;
		margin-bottom:6px;}

	.infoCane ul li{
		border-bottom:1px solid;
		width:145px; height:30px;
		background-color:#ccc;
		margin-bottom:5px;}

	.infoCane ul li a {
		display:block;
		width:100%;
		text-align:center;
		line-height:30px;
		font-size:1.4em}
	.infoCane ul li a:hover { background-color:#aaa}
	

/*------------------------------------------scheda podio*/

	.schedaPodio img{ width:400px; padding:5px; border:1px solid;}
	.schedaPodio dl dt{ font-size:1.2em; font-weight:bold}
	.schedaPodio dl dd{ margin-bottom:5px}


/*------------------------------------------scheda cucciolata*/
.schedaCucciolata, .schedaPodio{
	width:620px; 
	border-left:1px solid #aaa; 
	padding-left:1em; 
	margin-bottom:3em;}
	
	.infoGenerali{
		background: #fff url(../images/base/CUCCIOLATA.jpg) top left no-repeat;
		padding-left:13px;
		padding-top:15px;
		height:317px}

	.immagineCucciolata img{ width:400px; padding:5px; border:1px solid; background-color:#fff;}

	.infoGenerali .infoCucciolata{margin-left:10px; width:180px;}
	.infoCucciolata dl dt{ font-size:1.2em; font-weight:bold}
	.infoCucciolata dl dd{ margin-bottom:5px}
	
	.foto{ clear:both; margin-top:1em; border-top:1px dashed #ccc; padding-top:1em}


/*------------------------------------------vCard*/
#mangolloVCard{ margin-bottom:1em}

.adr{
	margin-bottom:1em;}
	
.fn{
	font-size:1.3em;
	font-weight:bold;
	display:block;
	margin-bottom:1em;
	border-bottom:1px solid #ccc;}


/*------------------------------------------form contatti*/

#contatti form{ margin:1em auto 1em auto}

#contatti form fieldset{ border-top:1px solid #aaa; padding:1em;}

#contatti form legend{ font-weight:bold; font-variant:small-caps; padding:0 5px; color:#aaa}

#contatti form div{ padding:1em 0; clear:both;}
	
#contatti form label{
	display:block;
	float:left;
	width:120px;
	height:1.2em;
	line-height:1.2em;}

#contatti form input{
	height:1.2em; line-height:1.2em}
	
#contatti form input,
#contatti form textarea{
	border: 1px solid #aaa; padding:2px}

#contatti form textarea{
	border: 1px solid #aaa; 
	padding:2px;
	height:9em;
	width:25em}

#contatti form input:focus, 
#contatti form input:hover,
#contatti form textarea:hover,
#contatti form textarea:focus{
	border: 1px solid #555}

#contatti form .bottoni{ margin-top:2em;}

#contatti form .bottoni input{ height:2em}
/*------------------------------------------gallery*/
.gallery li{ display:inline}

.gallery li img{ 
	border: 1px solid #ccc;
	padding:4px;
	margin:5px;	}

.gallery li img:hover{ background-color:#ddd;}

/*------------------------------------------tabs*/

/*stili di default*/
.ui-tabs { padding: .2em;}
.ui-tabs .ui-tabs-nav {list-style: none; position: relative; padding: .2em .2em 0;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*stili aggiuntivi*/
.ui-tabs {}
.ui-tabs .ui-tabs-nav {}
.ui-tabs .ui-tabs-nav li {}
.ui-tabs .ui-tabs-nav li a { border-bottom:4px solid #ccc; outline:none; font-size:1.2em; font-variant:small-caps}
.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { border-bottom:4px solid #aaa; background-color:#eee}
.ui-tabs .ui-tabs-panel{ border-top:1px solid #ccc; border-left:1px solid #ccc; clear:both;}


/*------------------------------------------box*/
.error, .info, .success, .alert, .box{
	border:2px solid;
	font-size:1.1em;
	padding:0.5em;
	margin:0.5em;
	font-weight:bold;
	padding-left:55px}

.error{
	border-color:#c00;
	background:#FECEBA url(../images/cancel.png) left no-repeat;
	color:#c00;}

.info{
	border-color:#003399;
	background:#eee url(../images/info.png) left no-repeat;
	color:#003399;}

.success{
	border-color:#339900;
	background:#C6F5C5 url(../images/accepted.png) left no-repeat;
	color:#339900;}
	
.alert{
	border-color:#FF6600;
	background: #FFFF66 url(../images/warning.png) left no-repeat;
	color:#FF6600;}