/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}

body, html {
color: #000; 
font-family:  Arial,Verdana, Tahoma, sans-serif;
/* background-color: #fff; */
text-align: center; /*** Centers the design in old IE versions ***/
font-family:arial,verdana; font-size:11px; color:#000000;
}


a							{color:#003A84; text-decoration:none;}
a:visited 		{text-decoration: none;}
a:active 			{text-decoration: none;}
a:link 			{text-decoration: none;}
a:hover 			{text-decoration: underline;}


.clear { clear: both; }

ul {padding-left :30px;}

#popup {
	margin: 0 auto; /*** Centers the design ***/
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	padding:10px;
}


.sfondocontainerhome{  background: #FFFFFF;}
.sfondocontainergatti{  background: #FEF5F1;}
.sfondocontainerchisiamo{  background:  #FEF5F9;}
.sfondocontainerdovesiamo{  background: #F4F9F3;}
.sfondocontainercontatti{  background:  #F2FAFD;}
.sfondocontainerlink{  background:  #F4F3F8;}


#contatore {
	width: 800px;
	margin: 0 auto; /*** Centers the design ***/
	text-align: right; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	padding:2px;
	color:#7f7f7f;

}

#mainContainer {
	width: 800px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 200px;
	/*background: #84D0F0;*/
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	/* padding:2px; */
}


* html #mainContainer {
	height: 200px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
/*background: #BACAB9;*/
 background-image: url(../images/_top.jpg); background-repeat:no-repeat; 
	min-height: 200px;
/*padding: 10px*/
}

* html #header {
	height: 200px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#contentWrapper { padding-right: 0px;  }
#contentDx {  height: auto !important; height: 455px; min-height: 455px; padding-right:10px;  }
/**************************
CONTENT AND COLUMNS
**************************/
.outer {

margin-top: 37px; /*** We need to add some space for our top menu ***/
padding-left: 165px;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
/*width: 595px; */
width: 645px; 
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrapm2l {
float: left;
width: 800px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
margin-top:50px;
}

.float-wrap {
float: left;
width: 800px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
margin-top:21px;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

#content {
float: left;
/*width: 530px;*/
width: 800px;

/* background-image: url(../images/_bgpage.jpg); background-repeat:repeat;  */
}
* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap {

padding: 5px;
padding-top:0px;
float: left;
width:770px; 
}


/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#spalla {
float: right;
width: 220px;
/* background: #FFF; */
min-height: 200px;
padding: 5px;
}
* html #spalla {
position: relative; /*** IE needs this  ***/
height: 200px;
}



/*************************
TOPMENU 
**************************/
#barraNav { }

#topmenu {
margin: -38px 0 0 -800px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 800px;
}
* html #topmenu {
position: relative;  /*** IE needs this  ***/

}

.sfondom2lhome					{background: #FFED00;}
.sfondom2lgatti			{background: #F19400;}
.sfondom2lchisiamo	{background: #E2007A;}
.sfondom2ldovesiamo	{background: #009036;}
.sfondom2lcontatti	{background: #009EE0;}
.sfondom2llink			{background: #9085BA;}


.sfondofucsia		{background: #F19FC1;}
.sfondoarancio	{background: #F29A79;}
.sfondoverde		{background: #90C797;}
.sfondoazzurro	{background: #84D0F1;}


.sfondoarancioact	{background: #F19400;}
.sfondofucsiaact	{background: #E2007A;}
.sfondoverdeact		{background: #009036;}
.sfondoazzurroact	{background: #009EE0;}

.m2l{height:5px; }
.fs12px{ font-size:12px;}

.sfondopaginahome{					background-image: url(../images/_bghome.jpg); background-repeat:repeat;  }
.sfondopaginalink{					background-image: url(../images/_bghome.jpg); background-repeat:repeat;  }
.sfondopaginagatti{			background-image: url(../images/_bggatti.jpg); background-repeat:repeat;  }
.sfondopaginachisiamo{	background-image: url(../images/_bgchisiamo.jpg); background-repeat:repeat;  }
.sfondopaginadovesiamo{	background-image: url(../images/_bgdvsiamo.jpg); background-repeat:repeat;  }
.sfondopaginacontatti{	background-image: url(../images/_bgcontatti.jpg); background-repeat:repeat;  }

td.itemmenu { 
		width:200px;
		/*text-align: center;*/
		font-size:14px;	
}

a.linkpiccolobianco {color: #FFFFFF; font-size:10px;  text-decoration: none; }


a.itemmenu {color: #58585A; font-weight:bold;  text-decoration: none; }
a.itemmenu:hover { color: #FFFFFF; text-decoration: none; }
a.itemmenuact{ font-weight:bold;  text-decoration: none; color: #FFFFFF;}


/**************************
FOOTER
**************************/
#footer {
/*width: 800px;*/
margin: 0 auto;
text-align: center;
/*background-color: #84D0F0;*/
/*padding-left:2px;
padding-right:2px;*/

}

a.menubottomitem, a.menubottomitem:visited, a.menubottomitem:active {font-weight:bold; text-decoration: none; color: #FFFFFF; padding-left:10px; padding-right:10px}
a.menubottomitem:hover {text-decoration: none; color: #003A84;}


#bottom-menu{
	padding: 0px 0px 0px 0px;
	font-weight:bold; text-decoration: none; color: #000000; 
	text-align:center;
}

td.fsep{width:20px};


.sfondofooter			{background-image: url(../images/_fbhome.jpg); background-repeat:repeat;  }
.sfondofooterhome					{	background-image: url(../images/_fbhome.jpg); background-repeat:repeat;  }
.sfondofootergatti		{	background-image: url(../images/_fbgatti.jpg); background-repeat:repeat;  }
.sfondofooterchisiamo	{	background-image: url(../images/_fbchisiamo.jpg); background-repeat:repeat;  }
.sfondofooterdovesiamo{	background-image: url(../images/_fbdvsiamo.jpg); background-repeat:repeat;  }
.sfondofootercontatti	{	background-image: url(../images/_fbcontatti.jpg); background-repeat:repeat;  }
.sfondofooterlink			{	background-image: url(../images/_fblinks.jpg); background-repeat:repeat;  }



#bottom-powered{
	float:left;
	text-align:left;
	background: #fffff;
	padding:5px;
	
}
#bottom-container{
color:#7f7f7f;
clear:all;
	/*float:right*/
	
	background: #ffffff;
	padding:5px;
	/*margin-top:5px;*/

	
}
#bottom-container a 		{color:#7f7f7f; text-decoration: none;}
#bottom-container a:hover		{color:#000000; text-decoration: none;}

/*SPALLA*/
#containerM { width:210px;}
.box_ricerca1 { float:left; color:#174C8F; font-weight:200; line-height:10px; background-image: url(../images/_1bxdx.jpg); background-repeat:no-repeat; font-weight:bold; height:25px; width:105px; padding-top:5px; text-align:center; text-decoration: none;}
.box_ricerca2 { float:left; color:#174C8F; font-weight:200; line-height:10px; background-image: url(../images/_2bxdx.jpg); background-repeat:no-repeat;  height:25px; width:105px; padding-top:5px; text-align:center; text-decoration: none;}
.box_ricerca1 a, .box_ricerca1 a:hover		{text-decoration: none;}
.box_ricerca2 a, .box_ricerca2 a:hover	{text-decoration: none;}

.ricerca_cont	{ border-top:0px; border-left:1px solid #84D0F0;border-right:2px solid #84D0F0;border-bottom:2px solid #84D0F0; color:#003A84;  margin:0px; background-color:#ffffff;  padding:0px; }
.news_cont				{min-height: 190px; border-top:0px;border-left:1px solid #84D0F0;border-right:2px solid #84D0F0;border-bottom:2px solid #84D0F0; color:#003A84; background-color:#ffffff; margin:0px; padding:0px;  border-top:0px; text-align:center; height:150px}
div.campiricerca{padding-bottom:5px; text-align:right;}
div.titologrupporicerca{border-bottom:1px solid #84D0F0; margin-bottom:10px; font-weight:bold; text-align:right }
.formRicerca { width:135px; border:1px solid; COLOR: #003399; FONT-SIZE: 7pt; FONT-FAMILY: Verdana, sans-serif }	
.noborder {  border:0; }	
* html #news_cont {
height: 190px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/*SPALLA STOP*/


/* System Messages */
#system-message    { margin-top: 30px; margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 10px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}



/************************************************************/

div.floatright{float:right;}
div.floatleft{float:left;}
div.clearAll{clear:both;}
div.sfondobianco{background: #ffffff;}


div.margintop3{margin-top:3px;}
div.marginbottom3{margin-bottom:3px;}
div.paddingtop3{padding-top:3px;}
div.paddingbottom3{padding-bottom:3px;}
div.paddingtop10{padding-top:10px;}
div.paddingbottom10{padding-bottom:10px;}
div.padding5{padding:5px;}

.bordofooter {border-right: solid 2px #c0c0c0; border-bottom: solid 2px #c0c0c0; border-top: solid 1px #dddddd; border-left: solid 1px #dddddd;}

/*****/
a.nolink , a.nolink:visited, a.nolink:active,a.nolink:hover  {text-decoration: none; color: #000000}

	
.testotitolo{
	float:left;
	background-color: #84D0F0;
	width:350px;
	height:29px;
	padding-left:5px;
}
.imgtitolo{
	float:left;
	background-image: url(../images/_bgtitolo2.jpg);   background-repeat:no-repeat;
	width:30px;
	height:29px;
}

.titolopagina {
	margin-top:5px;
	margin-left:-10px;
	font-weight:bold; text-decoration: none; color: #FFFFFF;	
	font-size:14px;
	/*width:330px;*/	
	height:29px;
	padding:5px;
	padding-top:0px;
	padding-bottom:2px;
	
}

.contenutopagina {
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	width:100%;
	/* border:1px solid #000000; */ 
}

.contenutopaginasmall {
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	width:490px;
	/* border:1px solid #000000; */ 
}



.elencofoto {
	float:left;
	padding-bottom:5px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	width:70px;
	/* border:1px solid #000000; */
}

div.thumb{padding-top:5px;}
img.thumb{ border:0px;}
.testoarancio{color:#F29400;}
.testobold{font-weight:bold;}
.arancioscuro{color:#E75113; }

.dataora{color:#58585A; font-style:italic;}


/****************************ARTICOLI *****************************/
/*articolo gatti */
div.articologatti{margin-bottom:10px;padding-top:20px;margin-left:105px;}
img.thumbgatti{ border:2px dashed #F29400}
div.titoloarticologatti{margin-top:30px;height:33px; padding-top:10px;padding-left:105px; background-image: url(../images/_gomitolo.jpg); background-repeat:no-repeat; background-position: 42px;  font-family:Arial; font-weight:bold; color:#E75113; font-size:15px;}
div.moregatti {background-image: url(../images/_zampagatti.jpg); background-repeat:no-repeat; margin-top:10px; height:20px; padding-left:20px; padding-top:4px; }
div.moregatti a { font-size:10px; color:#F29400; font-weight:bold; }
div.immarticologatti{  float:left;padding-right:20px;}
div.testoarticologatti{   float:left; width:390px;}


div.titoloshowarticologatti{margin-top:30px; height:35px; padding-top:10px;padding-left:115px; background-image: url(../images/_gomitolo.jpg); background-repeat:no-repeat; background-position: 50px 1px;  font-family:Arial; font-weight:bold; color:#E75113; font-size:15px; float:left; width:650px;}
div.articoloshowgatti{  margin-top:50px; width:660px;margin-left:60px;margin-right:60px; }
div.immarticoloshowgatti{ float:left;}
div.testoarticoloshowgatti{  float:left;  width:435px; 	 margin-left:15px;}
div.testoarticoloshowlargegatti{   width:650px; 	 margin-left:15px;}
div.tabellalinkgatti{ border:2px dashed #F29400; width:656px; margin-left:60px;  margin-right:60px; padding:5px;}

div.listalinkgatti{width:250px; height:80px; display:block; margin-right:20px;  float:right;  background-image: url(../images/_box-linkgatti.jpg); background-repeat:no-repeat; }
div.titololinkgatti{color:#FFFFFF; text-align:center;font-size:13px;padding-top:8px;}
div.linkgatti{overflow:auto ; width:194px; padding-top:2px; height:40px; margin-left:30px;
	scrollbar-3dlight-color:#d1d7dc;
	scrollbar-arrow-color:#F29400;
	scrollbar-darkshadow-color:#F29400;
	scrollbar-face-color:#cedcec;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#cedcec;
	scrollbar-track-color:#FEF5F1;
}

/*articolo home */
div.articolohome{margin-bottom:10px;padding-top:20px;margin-left:105px;}
img.thumbhome{ border:2px dashed #FFED00;}
div.titoloarticolohome{margin-top:10px;height:30px; padding-top:20px;padding-left:110px; background-image: url(../images/_gattohome.jpg); background-repeat:no-repeat; background-position: 42px;  font-family:Arial; font-weight:bold; color:#A53A95; font-size:15px;}
div.morehome {background-image: url(../images/_zampagatti.jpg); background-repeat:no-repeat; margin-top:10px; height:20px; padding-left:20px; padding-top:4px; }
div.morehome a { font-size:10px; color:#F29400; font-weight:bold; }
div.immarticolohome{  float:left;padding-right:20px;}
div.testoarticolohome{   float:left; width:390px;}

div.titoloshowarticolohome{margin-top:10px;height:30px; padding-top:20px;padding-left:110px; background-image: url(../images/_gattohome.jpg); background-repeat:no-repeat; background-position: 42px;  font-family:Arial; font-weight:bold; color:#A53A95; font-size:15px; float:left; width:360px;}
div.articoloshowhome{ clear:both; margin-top:20px; width:660px;margin-left:60px;margin-right:60px; }
div.immarticoloshowhome{ float:left;}
div.testoarticoloshowhome{  float:left;  width:435px; 	 margin-left:15px;}
div.tabellalinkhome{ border:2px dashed #F29400; width:656px; margin-left:60px;  margin-right:60px; padding:5px;}

div.listalinkhome{width:250px; height:80px; display:block; margin-right:20px;  float:right;  background-image: url(../images/_box-linkhome.jpg); background-repeat:no-repeat; }
div.titololinkhome{color:#FFFFFF; text-align:center;font-size:13px;padding-top:8px;}
div.linkhome{overflow:auto ; width:194px; padding-top:2px; height:40px; margin-left:30px;
	scrollbar-3dlight-color:#d1d7dc;
	scrollbar-arrow-color:#F29400;
	scrollbar-darkshadow-color:#F29400;
	scrollbar-face-color:#cedcec;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#cedcec;
	scrollbar-track-color:#FEF5F1;
}


/*gatti disponibili*/
div.articoloshowgattidisponibili{clear: both;padding-top:20px;padding-left:50px;padding-bottom:60px;}
div.schedagatto{float:left;width:211px;border:2px dashed #F29400;}
div.schedagatto div.nomegatto{padding-bottom:30px;  padding-top:30px; padding-left:85px; font-size:14pt;color:#E75113; background-image: url(../images/_idcardgatti.jpg); background-repeat:no-repeat; }
div.schedagatto div.immschedagatto{padding-left:24px; padding-top:13px; padding-right:20px; float:left;}
div.schedagatto div.txtschedagatto{ padding-top:13px; float:left;}
.testo12ptE75{font-size:10pt;font-weight:bold;color:#E75113}
.testo10ptNero{font-size:10pt;color:#000000}
div.schedagatto div.moregattodisponibili {padding-bottom:10px;}
div.schedagatto div.moregattodisponibili a{ color:#E75113}
div.titoloshowgattodisponibile{float:left; padding-bottom:30px;  padding-top:30px; padding-left:85px; font-size:14pt;color:#E75113; background-image: url(../images/_idcardgatti.jpg); background-repeat:no-repeat; }
div.moreshowgattodisponibili{float:right;padding-top:30px;}
div.moreshowgattodisponibili a{ color:#E75113}
div.galleryshowgattodisponibile{margin-left:20px;}
div.schedashowgattodisponibile{float:left;width:450px;border:2px dashed #F29400;margin-top:45px;}
div.moreinfoshowgattodisponibile{float:left;margin-top:30px; padding-left:20px  }
div.parentshowgattodisponibile{text-align:left; padding-bottom:25px }
div.parentshowgattodisponibile span {color:#E75113;}
div.descrizioneshowgattodisponibile{clear:both;width:550px;padding:10px; border:2px dashed #F29400;margin-top:5px;}



/*gatti nostri*/
div.articoloshowgattinostri{clear: both;padding-top:20px;padding-right:100px; padding-left:100px;padding-bottom:30px;}
div.polaroidgatto{width:200px; height:225px; float:left;}
div.nostrogattom{background-image: url(../images/gatto/_polaroidmaschi.jpg); background-repeat:no-repeat; }
div.nostrogattof{background-image: url(../images/gatto/_polaroidfemmine.jpg); background-repeat:no-repeat;}

div.polaroidgatto div.nomegatto{text-align:center;padding-top:10px;font-size:14pt;color:#E75113; }
div.polaroidgatto div.immschedagatto{padding-left:35px; padding-top:5px;}
div.moreshowgattonostri{float:right; padding-right:15px;color:#D20019}
div.moreshowgattonostri a{ color:#E75113}

/*gatti cucciolate precedenti */
div.articoloshowcucciolateprec{clear: both; padding-top:20px; padding-left:50px;padding-bottom:30px;}
div.schedagattoprec{float:left;width:156px;border:2px dashed #F29400; padding-left:13px;padding-top:13px;}



/*contatti*/
div.titoloshowarticolocontatti{margin-top:30px;height:33px; padding-top:10px;padding-left:105px; background-image: url(../images/_gattocontatti.jpg); background-repeat:no-repeat; background-position: 42px;  font-family:Arial; font-weight:bold; color:#006F9F; font-size:15px;}
div.articolocontatti{margin-bottom:10px;padding-top:20px; padding-right:50px;}
div.testoarticoloshowlargecontatti{   padding-left:50px;	float:left;  width:650px;}



/*chisiamo*/
div.titoloshowarticolochisiamo{margin-top:30px;height:33px; padding-top:10px;padding-left:105px; background-image: url(../images/_cuore.jpg); background-repeat:no-repeat; background-position: 42px;  font-family:Arial; font-weight:bold; color:#E3006A; font-size:15px;}
div.articoloshowchisiamo{margin-bottom:10px;padding-top:20px;}
div.testoarticoloshowlargechisiamo{ width:690px; padding-left:50px;	float:left; }


/*dovesiamo*/
div.titoloshowarticolodovesiamo{margin-top:30px;height:33px; padding-top:10px;padding-left:105px; background-image: url(../images/_zampadovesiamo.jpg); background-repeat:no-repeat; background-position: 42px;  font-family:Arial; font-weight:bold; color:#005C24; font-size:15px;}
div.articoloshowdovesiamo{margin-bottom:10px;padding-top:20px;}
div.testoarticoloshowlargedovesiamo{ width:690px; padding-left:50px;	float:left; }

/*link*/
div.titoloshowarticololink{margin-top:30px;height:47px; padding-top:15px;padding-left:100px; background-image: url(../images/_topo.jpg); background-repeat:no-repeat; background-position: 42px;  font-family:Arial; font-weight:bold; color:#9085BA;; font-size:15px;}
div.articoloshowlink{margin-bottom:10px;padding-top:20px;}
div.testoarticoloshowlargelink{ width:690px; padding-left:50px;	float:left; }


/****************************ARTICOLI *****************************/




div.altrefoto{
	width:70px;
	height:70px;
	background-color: #B4D9FE;
	padding-top:25px;
}

a.altrefoto , a.altrefoto:visited, a.altrefoto:active, a.altrefoto:hover {font-weight:bold; text-decoration: none; color: #FFFFFF;  padding-left:5px;  padding-right:2px}


.nodisplay{ display:none}	



div.ATitoloRichiediInfo{background-color: #3375FF; color:#FFFFFF; font-weight:bold;padding-left:10px;margin-top:30px;}
div.ARichiediInfo{	border: 1px solid #3375FF; }
div.rigainfo{border-bottom: 1px solid #3375FF; padding:5px; padding-top:10px;padding-bottom:10px;}
div.noborderbottom{border-bottom: 0px;}

div.lbFC{text-align:right;float:left; width:100px}
input.vFC, textarea.vFC{border:1px dashed  #84D0F0; width:200px; COLOR:  #000000; FONT-SIZE: 9pt; FONT-FAMILY: Verdana, sans-serif }
div.vFC{padding:2px;}
div.cFC{float:left;padding:10px;  width:350px;	 }

div.dxFC{float:left; padding:20px; width:180px;}
input.sFC{COLOR: #000000; FONT-SIZE: 9pt; FONT-FAMILY: Verdana, sans-serif }

/*PAGINAZIONE*/
div.paginazione{ clear:both;color:#175784}
div.elN0{ padding:5px ;margin-bottom:10px;}
div.elN1{background-color: #e6f7ff; padding:5px;  margin-bottom:10px;}
.inputbox{COLOR: #003399; FONT-SIZE: 7pt; FONT-FAMILY: Verdana, sans-serif }
div.elPAge { float:left;padding-left:6px; padding-right:6px;  }
div.elPAge a{cursor:pointer}