@charset "utf-8";
/* CSS Document */
/*
------------------------------------------------------------ 
Style PagineBlu css
------------------------------------------------------------ 
*/
@import url(tab-pagine-blu.css);
/*
------------------------------------------------------------ 
Struttura
------------------------------------------------------------ 
*/

#content.pagineblu-content {
	background:url(../img/myfarmina-content-repeat.jpg) top center repeat-y !important;
}
.pagineblu-main {
	width: 748px;
	background:url(../img/td-main-top-shadow.gif) repeat-x top left;
}
.pagineblu-main #main {
	width:728px !important;
	padding: 0 10px;
	margin-top: 10px;
}
div.float-sx {
	width:570px;
	float:left;
	text-align:left;
}
div.float-dx {
	width:148px;
	float:right;
	text-align:left;
	margin: 15px 0;
}
/*
------------------------------------------------------------ 
generali
------------------------------------------------------------ 
*/


.blue-color {
	color:#0060a9;
}
.align-right {
	text-align:right;
}
input[type=file] {
	height:auto;
}
/*
------------------------------------------------------------ 
top-info
------------------------------------------------------------ 
*/
.pagineblu-main #main #top-info {
	width: 100%;
	border-bottom: 2px solid #F7F7F7;
	display:table;
	clear:both;
	height: 68px;
}
.pagineblu-main #main #top-info .pagineblu-ico {
	float:left;
	margin-right: 10px;
}
#top-info #title {
	float:left;
	text-align:left;
	width: 300px;
}
#top-info #title h1 {
	font-size:26px;
	line-height:26px;
	color:#0066CC;
	margin:0;
	padding:0;
}
#top-info div.search-top {
	background: url(../img/pagineblu-search-bg.gif) repeat-x top left #FAFAFA;
	display:table;
	text-align: left;
	margin-top:15px;
	float:right;
	width: 230px;
	padding:0;
}
#top-info div.search-top h1 {
	margin: 3px 0 0;
	padding:0;
	font-size: 8px;
}
#top-info div.search-top img {
	float:left;
	margin: 0 5px;
}
#top-info div.search-top input.search {
	width: 120px;
}
#top-info div.search-top div {
	float:left;
}
/*
------------------------------------------------------------ 
float-sx content
------------------------------------------------------------ 
*/
div.float-sx h1 {
	font-size:16px;
	color:#0060a9;
	margin:0;
	padding:0;
}
div.float-sx h2 {
	font-size:18px;
	color:#0060a9;
	margin:0;
	padding:0;
}
div.float-sx #page {
	border-bottom: solid 1px #4d4d4d;
	display: table;
	border-collapse:separate;
	width:570px;
	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;
}
div.float-sx #list ul.category-list {	
	list-style:none;
	clear:both;
	display:table;
	margin:0 0 0 -10px !important;
	margin:0 0 0 -12px;
	padding:0;
	width:580px !important;
}
div.float-sx #list ul.category-list li {
	display:block;
	float: left;
	margin:0 0 5px 10px !important;
	margin:0 0 5px 6px;
}
div.float-sx #list ul.category-list li div.box-background {
	background-color:#F7F7F7;
	border-bottom: solid 1px #D8D9D7;
	border-top: solid 1px #D8D9D7;
	width: 280px;
	text-align:center;
}
div.float-sx #list ul.category-list li div.box-background div.category-title {
	background:url(../img/pagineblu-repeat-bg.gif) top left repeat-x;
	display:table;
	width:273px;
	margin:3px auto;
}
div.float-sx #list ul.category-list li div.box-background div.category-title img {
	float:left;
	margin-right: 10px;
}
div.float-sx #list ul.category-list li div.box-background div.category-title div.category {
	display:table;
	border-bottom:1px solid #0060a9;
	width:227px;
	text-align:left;
	height:39px;
}
div.float-sx #list ul.category-list li div.box-background div.category-title h1 {
	font-size:12px;
	color:#4D4D4D;
	margin-top:3px;
}
div.float-sx #list ul.category-list li div.box-background div.category-title h2 a {
	font-size:14px;
}
div.float-sx #list ul.category-list li div.box-background div.adv {
	display:table;
	background:#fff;
	border-bottom: 1px solid #F5F0CF;
	width:273px;
	margin:3px auto;
	text-align:left;
}
div.float-sx #list ul.category-list li div.box-background div.adv h1 {
	font-size:10px;
	color:#4D4D4D;
	display:block;
	padding:3px;
	background: #F5F0CF;
}
div.float-sx #list ul.category-list li div.box-background div.adv h2 {
	font-size:11px;
	color:#B90703;
	margin: 0 3px;
}
div.float-sx #list ul.category-list li div.box-background div.adv p {
	font-size:11px;
	margin: 0 3px;
}
div.float-sx #list ul.category-list li div.box-background div.adv p.comune {
	text-transform: uppercase;
}
div.float-sx #search {
	background:url(../img/pagineblu-search-repeat-grey.gif) repeat-x top left #F7F7F7;
	display:table;
	width:565px;
	padding:0 5px 5px 0;
	margin-bottom:10px;
	clear:both;
	border-bottom: 1px solid #ebebec;
}
div.float-sx #search img {
	vertical-align:middle;
}
div.float-sx #search h1 {
	font-size:12px;
	margin:0;
	padding:5px 0 0 0;
	width:450px;
}
div.float-sx #search p.label {
	float: left;
	font-size: 12px;
	margin: 5px 0 5px 5px;
}
div.float-sx #search p.label label {
	display:block;
	margin:0 0 3px 0;
}

div.float-sx #search div.adottami{
margin-left:10px;
}

div.float-sx #search div.dog-cat{
	margin: 0;
	float:left;
	display:table;
	width:465px;
	height:55px;
	cursor:pointer;
}
div.float-sx #search div.dog-cat div{
display:table;	
float:left;
}	

div.float-sx #search div.dog-cat img {
float:left;
margin:7px 5px 0 5px;
}
div.float-sx #search div.dog-cat p.label  {
margin-right:5px;
}

div.float-sx #search div.dog-cat p.label label  {
padding-top:15px;
}


div.float-sx #search div.dog-cat select{
width:200px;	
	}

div.float-sx #search p.label select.data {
	width:162px;
}
div.float-sx #search fieldset {
	display:table;
	float:left;
	margin:5px 0 0 5px;
	padding:0;
}
div.float-sx #search fieldset legend {
	font-size:12px;
	margin:0;
	padding:0;
	color:#4d4d4d;
} 
div.float-sx #search fieldset p.fieldset {
	float:left;
	margin: 5px 5px 0 0;
}
div.float-sx #search input.cosa {
	width:450px;
}
div.float-sx #search input.indirizzo {
	width:550px;
}
div.float-sx #search select {
	font-size:12px;
}
div.float-sx #search p.button {
	clear:both;
	display:table;
	margin:5px;
	width:550px;
}

div.float-sx #search div.search{
	display:table;
	border-collapse:separate;
	clear:both;
	min-height:30px;
	height:auto!important;
	height:30px;
	width:550px;
	cursor:pointer;
	}
	
	div.float-sx #search div.close{
	float:right;
	text-align:right;
	width:100% !important;
	margin:0;
	padding:0 5px 0 0;
	font-size:10px;
	border-top:1px solid #ececeb;
	height:15px;
	line-height: 15px;
}

div.float-sx #search div.search img{
	float:left;
	margin:0 3px 0 0;
	}
div.float-sx #search p.adottami{
	font-size:10px;
	color:#4d4d4d;
	width:470px;
	padding:0;
	margin:0;
	line-height: 10px;
	}

div.float-sx #search-categorie {
	background:url(../img/pagineblu-search-repeat-y.gif) repeat-x top left;
	display:table;
	width:565px;
	padding:0 5px 5px 0;
	margin-bottom:10px;
	border-collapse:separate;
	clear:both;
	border-bottom:1px solid #ececeb;
}
div.float-sx #search-categorie img {
	vertical-align:middle;
}
div.float-sx #search-categorie h1 {
	font-size:16px;
	margin:0;
	color:#4d4d4d;
}
div.float-sx #search-categorie ul {
	list-style-type:none;
	margin:0 0 0 5px;
	padding:0;
	width:100%;
	display:table;
}

div.float-sx #search-categorie ul li {
	margin:0;
	padding:0;
	width:180px;
	float:left;
}

div.float-sx #search-categorie ul li a {
	color:#b60606;
	font-size:14px;
	font-weight:bold;
}

div.float-sx #search-categorie p{
margin-left:5px;
	font-size:10px;

	}

div.float-sx #search-categorie p a{
	font-size:10px;
	}

div.float-sx ul.list {
	list-style:none;
	display: table;
	margin:10px 0 0;
	padding:0;
	clear:both;
	width:570px;
}
div.float-sx ul.list li {
	display: table;
	clear:both;
	margin:0 0 5px 0;
	padding:0;
}
div.float-sx ul.list li div.background-box{
	display:table;
	border-collapse:separate;
	width:100%;
	border-bottom:solid 1px #ececeb;
	padding-bottom:5px;
	}

div.float-sx ul.list li div.message {
	float:left;
	display: table;
	width: 500px;
}
div.float-sx ul.list li div.message h1 {
	font-size:14px;
	margin:0;
	padding:0;
}

div.float-sx ul.list li div.message p.date {
	font-size:10px;
	color:#4d4d4d;
	margin:0;
}

div.float-sx ul.list li.cerco {
background:url(../img/pagineblu-repeat-cerco.gif) top left repeat-x;
}

div.float-sx ul.list li.offro {
background: url(../img/pagineblu-repeat-offro.gif) top left repeat-x;
}


div.float-sx ul.list li div.background-box-pro {
	display:table;
	border-collapse:separate;
	width:100%;
	border-bottom:solid 1px #ececeb;
	padding-bottom:5px;
	background:url(../img/pagineblu-repeat-offro.gif) top left repeat-x;
}
div.float-sx ul.list li div.background-box-nonpro {
	display:table;
	border-collapse:separate;
	width:100%;
	border-bottom:solid 1px #ececeb;
	padding-bottom:5px;
	background: url(../img/pagineblu-repeat-cerco.gif) top left repeat-x;
}

div.float-sx ul.list li img.avatar {
	float:left;
	width:50px;
	margin-right: 10px;
}

div.float-sx ul.list li div.avatar {
	float:left;
	width:50px;
	margin-right: 10px;
}
div.float-sx ul.list li div.avatar-pro {
	float:left;
	height:50px;
	width:50px;
	margin-right: 10px;
	position:relative;
}
div.float-sx ul.list li div.avatar-pro img.avatar-pro{
	height:50px;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
div.float-sx ul.list li div.avatar-pro span.pro{
	position:absolute;
	width:46px;
	z-index:1;
	bottom:0;
	left:0;
	font-size:8px;
	font-weight:bold;
	color:#fff;
	text-align:right;
	padding: 2px 2px;
	margin:0;
}
div.float-sx ul.list li div.avatar-pro span.pro img {
	height:12px;
}
div.float-sx ul.list li div.message p.categoria {
	margin:0;
	padding:0;
	font-size:11px;
}
div.float-sx #breadcrumb {
	float:left;
}
div.float-sx #breadcrumb p {
	font-size:14px;
}
div.float-sx #breadcrumb p a {
	font-weight:bold;
	font-size:14px;
}
div.float-sx #ordina {
	float:right;
	width:300px;
	text-align:right;
}
div.float-sx #ordina .button-hyde {
	border:none;
	color:#0060A9;
	margin:0;
	padding:0;
}
div.float-sx #ordina .button-hyde:hover {
	border:none;
	color:#0060A9;
	margin:0;
	padding:0;
	text-decoration: underline;
}

div.float-sx #registrazione {
	background:url(../img/pagineblu-search-repeat-grey.gif) repeat-x top left #F7F7F7;
	display:table;
	width:565px;
	padding:0 5px 5px 0;
	margin-bottom:10px;
	clear:both;
	border-bottom: 1px solid #ebebec;
}

div.float-sx #registrazione div.registrazione{
	display:table;
	border-collapse:separate;
	clear:both;
	min-height:30px;
	height:auto!important;
	height:30px;
	}

div.float-sx #registrazione div.registrazione h1 {
	font-size:14px;
	margin:0;
	padding:5px 0 0 0;
	width:450px;
}

div.float-sx #registrazione div.registrazione img{
	float:left;
	margin:0 5px 0 0;
	}
div.float-sx #registrazione div.registrazione p{
font-size:12px;
color:#4d4d4d;
width:500px;
padding:0;
margin:0;
line-height: 13px;
	}
div.float-sx #registrazione p.label {
	float: left;
	font-size: 12px;
	margin: 5px 0 5px 5px;
}
div.float-sx #registrazione p.label label {
	display:block;
	margin:0 0 3px 0;
}

div.float-sx #registrazione select {
	font-size:12px;
}
div.float-sx #registrazione p.button {
	clear:both;
	display:table;
	margin:5px;
}
div.float-sx #registrazione select.categoria{
width:250px;	
}
div.float-sx #registrazione input.azienda{
width:470px;	
}
div.float-sx #registrazione input.dati{
width:250px;
margin-right: 20px;
}
div.float-sx #registrazione fieldset {
	display:table;
	float:left;
	margin:5px 0 5px 5px;
	padding:0;
}
div.float-sx #registrazione fieldset legend {
	font-size:12px;
	margin:0;
	padding:0;
	color:#4d4d4d;
} 
div.float-sx #registrazione fieldset p.fieldset {
	float:left;
	margin: 5px 5px 0 0;
}
div.float-sx #registrazione #condizioni{
	clear:both;
	width:555px;
}
div.float-sx #registrazione #condizioni p{
width:530px;
float:left;
padding:5px 0 0 0;
margin:0;
}
input.checkbox{
	border:none;
	float:left;
}
div.float-sx p.clausole{
font-size:10px;
	}

div.float-sx #registrazione div.razze-canine{
float:left;
width:250px;
margin:0 25px 0 0;
}

div.float-sx #registrazione div.razze-feline{
float:left;
width:250px;
margin:0;

}

div.float-sx #registrazione div.razze-feline div, div.float-sx #registrazione div.razze-canine div{
height:100px;
overflow:scroll;
border: 1px solid #7f7e7a;
background:#fff;
padding:5px;
}

div.float-sx #registrazione fieldset div.razze-canine  p.fieldset, div.float-sx #registrazione fieldset div.razze-feline  p.fieldset{
float:none !important;
}

div.float-sx #registrazione fieldset div.razze-canine  p.fieldset .checkbox, div.float-sx #registrazione fieldset div.razze-feline  p.fieldset .checkbox{
float:none !important;
}

div.responseSearch {
	background-color:#F4EDDE;
	padding: 6px;
	margin: 4px 0;
	border-top:#ebebec 1px solid;
	border-bottom:#ebebec 1px solid;
}

div.searchAllevatore {
	background:url(../img/pagineblu-search-repeat-grey.gif) repeat-x top left #F7F7F7;
	display:table;
	padding:0 5px 5px 0;
	margin-bottom:10px;
	clear:both;
	border-bottom: 1px solid #ebebec;
	width:565px;
}

div.searchAllevatore img {
	vertical-align:middle;
	float: left;
	margin-top: 0pt;
	margin-right: 3px;
	margin-bottom: 0pt;
	margin-left: 0pt;
}
div.searchAllevatore h1 {
	font-size:12px;
	margin:0;
	padding:5px 0 0 0;
	width:550px;
}
div.float-sx #inserisci{
	text-align:center;
	display:table;
	margin:10px 0 15px 0;
	border:1px solid #ececeb;
	width:568px;
	background:#f7f7f7;
}
div.float-sx #inserisci div.categorie{
	text-align:center;
	}
div.float-sx #inserisci div.categorie a{
	display:table;
	width:120px;
	height:120px;
	border-collapse:collapse;
	margin: 10px;
	float:left;
	}
div.float-sx #inserisci div.categorie a span{
	visibility:hidden;
	}
div.float-sx #inserisci div.categorie a.cerco-offro{
	background:url(../img/pagine-blu-ico-ins-cerco-offro.gif) top right no-repeat;
	}
div.float-sx #inserisci div.categorie a.adottami{
	background:url(../img/pagine-blu-ico-ins-adottami.gif) top right no-repeat;
	}
div.float-sx #inserisci div.categorie a.compro-vendo{
	background:url(../img/pagine-blu-ico-ins-compro-vendo.gif) top right no-repeat;
	}
div.float-sx #inserisci div.categorie a.sos{
	background:url(../img/pagine-blu-ico-ins-sos.gif) top right no-repeat;
	}
div.float-sx #inserisci div.categorie a.cerco-offro:hover{
	background:url(../img/pagine-blu-ico-ins-cerco-offro.gif) top left no-repeat;
	}
div.float-sx #inserisci div.categorie a.adottami:hover{
	background:url(../img/pagine-blu-ico-ins-adottami.gif) top left no-repeat;
	}
div.float-sx #inserisci div.categorie a.compro-vendo:hover{
	background:url(../img/pagine-blu-ico-ins-compro-vendo.gif) top left no-repeat;
	}
div.float-sx #inserisci div.categorie a.sos:hover{
	background:url(../img/pagine-blu-ico-ins-sos.gif) top left no-repeat;
	}

/*
------------------------------------------------------------ 
float-dx content
------------------------------------------------------------ 
*/


div.float-dx .i-miei-annunci {
	background:#0060a9 url(../img/bgk_button.gif) top left repeat-x;
	color:#FFF;
	text-align:center;
	margin-bottom:5px;
	height:20px;
	line-height:20px;
}
div.float-dx .i-miei-annunci a {
	color:#FFF;
}
div.float-dx .i-miei-annunci a:hover{
	font-weight:bold;
	text-decoration:none;
}

div.float-dx img.ico {
	float:left;
	margin-right: 5px;
}
div.float-dx div.box {
	background:url(../img/myfarmina-float-dx-repeat.jpg) repeat-x top left;
	width:148px;
	display:table;
}
div.float-dx div.banner h3 {
	font-size:14px;
	color:#b60606;
	margin:5px 0;
	line-height:15px;
}
div.float-dx div.banner h2 {
	font-size:12px;
	color:#b60606;
	line-height:12px;
	margin:2px 0;
}
div.float-dx div.banner p.ico {
	display:table;
	width:80px;
	margin:0;
	padding:0;
}
div.float-dx #link-login {
	list-style-type:none;
	margin:0;
	padding:0;
	border-top: 2px solid #f7f7f7;

}

div.float-dx #link-login li {
	border-bottom: 1px solid #f7f7f7;
}
/*
------------------------------------------------------------ 
amministrazione
------------------------------------------------------------ 
*/
div.modify img{
		vertical-align:middle;

	}
 div.modify-box {
	background:#F7F7F7;
	border-bottom:1px solid #D8D9D7;
	border-top:1px solid #D8D9D7;
	display:table;
	clear:both;
	border-collapse:separate;
	width:560px;
	padding:5px;
	margin-bottom:5px;
	font-size:12px;
	line-height:20px;
	text-align:left;
}
div.modify-box h1 {
	font-size:12px;
}
div.modify-box input.cosa {
	width:473px;
}
div.modify-box input, div.modify-box textarea, div.modify-box select {
	border: 1px solid #ececeb !important;
}
div.modify-box input:hover, div.modify-box input:active, div.modify-box input:focus, div.modify-box textarea:hover, div.modify-box textarea:active, div.modify-box textarea:focus, div.modify-box select:hover, div.modify-box select:active, div.modify-box select:focus {
	border: 1px solid #0060a9 !important;
}
div.modify-box input.pulsante, div.modify-box input.pulsante:hover, div.modify-box input.pulsante:active, div.modify-box input.pulsante:focus {
	border:none !important;
}
div.modify-box label {
	display:block;
	width:80px;
	float:left;
	clear:left;
}
div.modify-box div {
	margin:3px 0;
	display:table;
	width:565px;
}
div.modify-box textarea {
	width:473px;
	margin:0;
}
div.modify-box select {
	/* width:190px; */
}
div.modify-box p.tipoannuncio {
	float: left;
	font-size: 12px;
	margin: 5px 5px 5px 0;
}
div.modify-box p.tipoannuncio label {
	display:block;
	margin:0 0 3px 0;
	float:none;
	width:100px;
}
.modify {
	margin:5px 0;
	clear:both;
	width:100%;
	text-align:right;
}
div.float-sx .modify a {
	font-size:12px;
	color:#0060a9;
	margin-left: 5px;
	text-decoration:none;
}
div.float-sx .modify a:hover {
	text-decoration:underline;
	cursor:pointer;
	color:#03C;
}
div.float-sx div.modify-box div.dog-cat{
	margin: 0;
	float:left;
	display:table;
	width:565px !important;
	height:60px;
}
div.float-sx div.modify-box div.dog-cat div{
display:table;	
float:left;
width:auto !important;
cursor:pointer;
}	

div.float-sx div.modify-box div.dog-cat img {
float:left;
margin:7px 5px 0 5px;
}
div.float-sx div.modify-box div.dog-cat p.label  {
margin-right:5px;
float:left;
}

div.float-sx div.modify-box div.dog-cat p.label label  {
padding-top:15px;
}

div.float-sx div.modify-box div.dog-cat select{
width:200px !important;
}