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

/*STYLE CUCCIOLI*/
div#main{
	width:689px!important;
	display:table;
	padding:0!important;
	margin:0!important;
	border-collapse:separate;
	boreder-spacing:0;
	}
div.float-sx{
	width:679px;
	text-align:left;
	float:left;
	display:table;
	padding-left:5px;
	}
div.float-sx.trecolonne{
	width:555px!important;
	}
div.float-dx{
	display:table;
	width:120px;
	text-align:left;
	float:right;
	padding:0!important;
	margin:0 4px 0 0!important;
	border-collapse:collapse;
	boreder-spacing:0;
}
div.float-sx h1{
color: #0060a9;
margin:0 0 5px 0;
}
/*
------------------------------------------------------------ 
top-info
------------------------------------------------------------ 
*/
#top-info {
	width: 100%;
	display:table;
	clear:both;
	background: url(../img/top-cuccioli-gattini-repeat.gif) top left repeat-x;
	margin-bottom:5px
}
#top-info img.ico {
	float:left;
	margin-right: 10px;
}
#top-info #title {
	float:left;
	text-align:left;
	width: 178px;
}
#top-info #title h1 {
	margin: 2px 0 0 0;
	padding:0;
	font-size:28px;
	line-height:38px;
	font-weight:normal;
	letter-spacing:-1px;
}
#top-info.cuccioli #title h1 {
	color:#008940
	}
#top-info.kitten #title h1 {
	color:#00609a
	}
#top-info #title h1 span{
	margin: 0px;
	padding:0;
	font-size:50px;
	font-weight:bold
}
#top-info div#button-area{
	margin:10px 0 0 0;
	float:right;
	}
#top-info div#button-area a.button-area span{
visibility:hidden;
}
#top-info div#button-area a.button-area{
	width:80px;
	height:80px;
	display:table;
	border-collapse:separate;
	border-spacing:none;
	float:left;
	margin:0 3px 0 0;
	}	
#top-info div#button-area a.salute-cucciolo-button{
	background:url(../img/button-cucciolo-salute.gif) top right no-repeat;	
}
#top-info div#button-area a.salute-cucciolo-button:hover,
#top-info div#button-area a.salute-cucciolo-button:active,
#top-info div#button-area a.salute-cucciolo-button:focus,
#top-info div#button-area a.salute-cucciolo-button.active{
	background:url(../img/button-cucciolo-salute.gif) top left no-repeat;	
}
#top-info div#button-area a.alimentazione-cucciolo-button{
	background:url(../img/button-cucciolo-alimentazione.gif) top right no-repeat;	
}
#top-info div#button-area a.alimentazione-cucciolo-button:hover,
#top-info div#button-area a.alimentazione-cucciolo-button:active,
#top-info div#button-area a.alimentazione-cucciolo-button:focus,
#top-info div#button-area a.alimentazione-cucciolo-button.active{
	background:url(../img/button-cucciolo-alimentazione.gif) top left no-repeat;	
}
#top-info div#button-area a.educazione-cucciolo-button{
	background:url(../img/button-cucciolo-educazione.gif) top right no-repeat;	
}
#top-info div#button-area a.educazione-cucciolo-button:hover,
#top-info div#button-area a.educazione-cucciolo-button:focus,
#top-info div#button-area a.educazione-cucciolo-button:active,
#top-info div#button-area a.educazione-cucciolo-button.active{
	background:url(../img/button-cucciolo-educazione.gif) top left no-repeat;	
}
#top-info div#button-area a.legge-cucciolo-button{
	background:url(../img/button-cucciolo-legge.gif) top right no-repeat;	
}
#top-info div#button-area a.legge-cucciolo-button:hover,
#top-info div#button-area a.legge-cucciolo-button:focus,
#top-info div#button-area a.legge-cucciolo-button:active,
#top-info div#button-area a.legge-cucciolo-button.active{
	background:url(../img/button-cucciolo-legge.gif) top left no-repeat;	
}
#top-info div#button-area a.curiosita-cucciolo-button{
	background:url(../img/button-cucciolo-curiosita.gif) top right no-repeat;	
}
#top-info div#button-area a.curiosita-cucciolo-button:hover,
#top-info div#button-area a.curiosita-cucciolo-button:focus,
#top-info div#button-area a.curiosita-cucciolo-button:active,
#top-info div#button-area a.curiosita-cucciolo-button.active{
	background:url(../img/button-cucciolo-curiosita.gif) top left no-repeat;	
}

#top-info div#button-area a.salute-kitten-button{
	background:url(../img/button-cucciolo-salute.gif) top right no-repeat;	
}
#top-info div#button-area a.salute-kitten-button:hover,
#top-info div#button-area a.salute-kitten-button:active,
#top-info div#button-area a.salute-kitten-button:focus,
#top-info div#button-area a.salute-kitten-button.active{
	background:url(../img/button-kitten-salute.gif) top left no-repeat;	
}
#top-info div#button-area a.alimentazione-kitten-button{
	background:url(../img/button-kitten-alimentazione.gif) top right no-repeat;	
}
#top-info div#button-area a.alimentazione-kitten-button:hover,
#top-info div#button-area a.alimentazione-kitten-button:active,
#top-info div#button-area a.alimentazione-kitten-button:focus,
#top-info div#button-area a.alimentazione-kitten-button.active{
	background:url(../img/button-kitten-alimentazione.gif) top left no-repeat;	
}
#top-info div#button-area a.educazione-kitten-button{
	background:url(../img/button-kitten-educazione.gif) top right no-repeat;	
}
#top-info div#button-area a.educazione-kitten-button:hover,
#top-info div#button-area a.educazione-kitten-button:focus,
#top-info div#button-area a.educazione-kitten-button:active,
#top-info div#button-area a.educazione-kitten-button.active{
	background:url(../img/button-kitten-educazione.gif) top left no-repeat;	
}
#top-info div#button-area a.legge-kitten-button{
	background:url(../img/button-kitten-legge.gif) top right no-repeat;	
}
#top-info div#button-area a.legge-kitten-button:hover,
#top-info div#button-area a.legge-kitten-button:focus,
#top-info div#button-area a.legge-kitten-button:active,
#top-info div#button-area a.legge-kitten-button.active{
	background:url(../img/button-kitten-legge.gif) top left no-repeat;	
}
#top-info div#button-area a.curiosita-kitten-button{
	background:url(../img/button-kitten-curiosita.gif) top right no-repeat;	
}
#top-info div#button-area a.curiosita-kitten-button:hover,
#top-info div#button-area a.curiosita-kitten-button:focus,
#top-info div#button-area a.curiosita-kitten-button:active,
#top-info div#button-area a.curiosita-kitten-button.active{
	background:url(../img/button-kitten-curiosita.gif) top left no-repeat;	
}

/*
-------------------------------------------------------------
Rubrica lista
-------------------------------------------------------------
*/
	
div.float-sx #rubrica {
	width:555px;
	display:table;
}
div.float-sx #rubrica ul.list {
	list-style-type:none;
	margin: 0;
	padding:0;
}
div.float-sx #rubrica ul.list li {
	padding:0 0 10px 0;
}
div.float-sx #rubrica ul.list li div.box-background {
	display:table;
	border-collapse:collapse;
	width:553px;
}
div.float-sx #rubrica ul.list h1 a {
	color:#b60606;
	font-size:14px;
	margin: 0;
}
div.float-sx #rubrica ul.list h1 {
	color:#b60606;
	font-size:14px;
	margin: 5px 0 0 5px;
}
div.float-sx #rubrica ul.list p {
	margin: 5px 0 0 5px;
}
div.float-sx #rubrica p.leggi {
	font-size:10px!important;
}
div.float-sx #rubrica ul.list li ul.rubrica-list-articoli {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
	border-top: 1px solid #ececeb;
}
div.float-sx #rubrica ul.list li ul.rubrica-list-articoli li {
	border-bottom: 1px solid #ececeb;
	background:url(../img/ico-correlati.gif) 5px 3px no-repeat;
}
div.float-sx #rubrica ul.list li ul.rubrica-list-articoli li div {
	display:table;
	margin:0 0 0 30px;
	padding: 0 0 0 5px;
	border-collapse:separate;
	width: 500px;
}
div.float-sx #rubrica ul.list li ul.rubrica-list-articoli div h2 {
	color:#0060a9;
	font-size:12px;
	line-height:12px;
	margin:5px 0 0 0;
	padding:0;
}
div.float-sx #rubrica ul.list li ul.rubrica-list-articoli div p {
	font-size:12px;
	margin:0;
}
div.float-sx #rubrica ul.list li ul.rubrica-list-articoli div p.date {
	font-size:10px;
	color:#4d4d4d;
	margin:0;
}
div.float-sx #rubrica ul.list li ul.rubrica-list-articoli div p.date a {
	font-size:10px;
	margin:0;
}
div.float-sx #rubrica ul.articoli {
	list-style:none;
	display: table;
	margin:10px 0 0;
	padding:0;
	clear:both;
	width:555px;
}
/*div.float-sx #rubrica ul.articoli-cult {
	background-color:#F4EFE4;
}*/
div.float-sx #rubrica ul.articoli-cult li{
	border:solid 1px #ececeb;
}
div.float-sx #rubrica ul.articoli li {
	display: table;
	border-collapse:collapse;
	clear:both;
	margin:0 0 5px 0;
	padding:0;

}
div.float-sx #rubrica ul.articoli li.pari {
	background:#f7f7f7;
	border:solid 1px #ececeb;
}
div.float-sx #rubrica ul.articoli h1 a {
	margin-left: 0;
}
div.float-sx #rubrica ul.articoli p {
	margin-left: 0;
}
div.float-sx #rubrica ul.articoli li div.box-background {
	display:table;
	border-collapse:collapse;
	padding-bottom:5px;
	background: none;
	width:553px;
}
div.float-sx #rubrica ul.articoli.articoli-cult li div.box-background {
	display:table;
	border-collapse:separate;
	border-spacing:0;	
	padding:5px;
	background: none;
	width:543px;
	background-color:#F4EFE4;
}
/*div.float-sx #rubrica ul.articoli-cult li div.box-background {
	border-bottom:#A6BDC4 1px dashed;
	border-top:#A6BDC4 1px dashed;
}*/
div.float-sx #rubrica ul.articoli li img.avatar {
	float:left;
	width:50px;
	margin-right: 10px;
}
div.float-sx #rubrica ul.articoli li div.message {
	float:left;
	display: table;
	width: 430px;
}
div.float-sx #rubrica ul.articoli li div.message h1 {
	font-size:14px;
	margin:0;
	padding:0;
}
div.float-sx #rubrica ul.articoli li div.message h1 a{
	/*color:#CD001C!important; */
	color:#2e7fbd!important;
}
div.float-sx #rubrica ul.articoli li div.message h1 a:hover,
div.float-sx #rubrica ul.articoli li div.message h1 a:active,
div.float-sx #rubrica ul.articoli li div.message h1 a:focus{
	color:#CD001C!important;
}

div.float-sx #rubrica ul.articoli li div.message p.date {
	font-size:10px;
	color:#4d4d4d;
	margin:0;
}
div.float-sx #rubrica ul.articoli li div.message p.date a {
	font-size:10px;
}
div.float-sx #rubrica p.articoli-dog-cat {
	font-weight:bold;
	color:#4d4d4d;
	border-bottom:#4d4d4d 1px solid;
	margin-top:4px;
}

/*
-----------------------------------------------------------
Articolo
-----------------------------------------------------------
*/
div.float-sx #articolo h1 {
	font-size:16px;
	margin:0;
	padding:0;
}
div.float-sx #articolo h2 {
	font-size:14px;
	margin: 5px 0;
	padding:0;
}
div.float-sx #articolo h2.sottotitolo {
	font-size:14px;
	margin: 2px 0;
	padding:0;
	color:#4d4d4d;
	line-height:15px;
}
div.float-sx #articolo h1 a {
	font-size:14px;
	margin:0;
	padding:0;
}
div.float-sx #articolo p.date {
	font-size:10px;
	color:#4d4d4d;
	margin:0;
}
div.float-sx #articolo p.date a {
	font-size:10px;
}
div.float-sx #articolo div.photo {
	text-align:center;
	width:570px;
	background-color:#F7F7F7;
}
/*
-----------------------------------------------------------
Paginazione
-----------------------------------------------------------
*/
div.float-sx #page {
	border-bottom: solid 1px #4d4d4d;
	display: table;
	border-collapse:separate;
	width:555px;
	margin: 10px 0 10px 0;
	padding:0;
	line-height: 6px;
}
div.float-sx #page #num {
	float:left;
	width:350px;
	margin:0;
	padding:0;
}
div.float-sx #page #nav-page {
	float:right;
	text-align: right;
	width:200px;
	margin:0;
	padding:0;
}
div.float-sx #page #nav-page a {
	color: #4d4d4d;
	padding-top: 0pt;
	padding-right: 3px;
	padding-bottom: 0pt;
	padding-left: 3px;
}
div.float-sx #page #nav-page a:hover {
	color: #ffffff;
	background-color: #0060a9;
	text-decoration: none;
}

/*
-----------------------------------------------------------
Ultimi Pet
-----------------------------------------------------------
*/

div#ultimi-cuccioli{
	width:120px;
	margin-top:5px;
	padding-top:2px;
	border-top:#ececeb 1px solid;
		

	}
div#ultimi-cuccioli h1{
	font-size:12px;
	margin:0;
	padding:0;
	color:#b60606;
	line-height:12px;
}
div#ultimi-cuccioli ul.list{
	list-style-type:none;
	margin:5px 0;
	padding:0;
	border-bottom:1px solid #ececeb;
	background:#f7f7f7
	}

div#ultimi-cuccioli ul.list li{
	border-top:1px solid #ececeb;
	display:table;
	padding:5px 0
	}

div#ultimi-cuccioli ul.list li a.avatar{
	float:left
	}
div#ultimi-cuccioli ul.list li a img.avatar{
	width:40px;
	margin-right:5px
	}
div#ultimi-cuccioli ul.list li div.schedule-pet{
	float:left;
	width:70px;
	margin:0;
	}
div#ultimi-cuccioli p{
	line-height:11px;
	font-size:10px;
	margin: 0!important;
	padding:0;
	}
div#ultimi-cuccioli p a{
	font-size:8px
}
div.float-sx #friend-list div.schedule-pet {
	width:435px !important;
}

div.float-sx #friend-list div.schedule {
	float:left;
	width: 415px!important;
}