<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Cani & Gatti</title>
<style type="text/css">
body {background-image: url('images/0_7b9de_90fd4063_L.jpg');
text-align:center;
font-family : "Tahoma";
color : #5e402a;
font-size : 10pt;
margin-top: 0px
}
h1,h2{margin: 1em 0 0; color: #5e402a;}
h1{margin-bottom: 5px;font-size:110%}
h2{margin-bottom: 5px;font-size: 90%;text-align:center;
}
hr {
border: 1px dotted #5e402a;
width: 90%;
clear:both;
}
a:link {
text-decoration: none;
cursor:nw-resize;
font-family: "Tahoma";
font-size: 10pt;
color:#8a3818;
}
a:visited {
text-decoration:none;
cursor:nw-resize;
font-family: "Tahoma";
font-size: 10pt;
color:#57673e;
}
a:hover {
text-decoration: line-through;
color: #deb98a;
}
a:active {
font-family: "Tahoma";
font-size: 10pt;
color: #c6c7e4;
}
div#header {
border:0 none;
background-image: url('images/penelope_cane_gatti_base_top.jpg');
text-align:center;
margin-left:auto;
margin-right:auto;
width: 1030px;
height:280px
}
div#corpo {
border: 0px none;
background-image: url('images/penelope_cane_gatti_base_striscia.jpg');
text-align:center;
margin-left:auto;
margin-right:auto;
width: 1030px
}
div#footer {
border: 0px none;
background-image: url('images/penelope_cane_gatti_base_footer.jpg');
text-align:center;
margin-left:auto;
margin-right:auto;
width: 1030px;
height:130px
}
table.base{
border:0px;
text-align:center;
font-family : "Tahoma";
color : #5e402a;
font-size : 10pt;
margin-left:auto;
margin-right:auto
}
/* Style menu barra */
div.bottombar{
height: 10px;
background: #e5d9bb;
}
ul.semiopaquemenu{
font: bold 12px Tahoma ;
width: 100%;
background: #f1e4c4;
padding: 11px 0 8px 0;
margin: 0;
text-align: left;
}
ul.semiopaquemenu li{
display: inline;
}
ul.semiopaquemenu li a{
color:#5e402a;
padding: 6px 8px 6px 8px;
margin-right: 15px;
text-decoration: none;
}
ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* IE9+ SVG equivalent of linear gradients */
background: -moz-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16)
100%); /* fade from white (0.82 opacty) to 0.16 opacity */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)),
color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16)
100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16)
100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16)
100%);
background: linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16)
100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff',
endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 12px;
padding-bottom: 20px;
}
/* Style menu colonna */
.markermenu{
width: 170px;
text-align:left;
margin-left:auto;
margin-right:auto
}
.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 2px;
border: 0px;
}
.markermenu ul li a{
background: #f1e4c4 url('images/favi-niku-q7.gif') no-repeat 1px center;
color: #8a3818;
display: block;
width: auto;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #987152;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:13px;
font-family:Tahoma;
padding-right:0;
padding-top:4px;
padding-bottom:4px
}
* html .markermenu ul li a{
width: 150px;
}
.markermenu ul li a:visited, .markermenu ul li a:active{
color: #61778f;
}
.markermenu ul li a:hover{
color: #c68348;
background-color: #eee0bc;
background-image:url('images/arrow_05.gif');
}
/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */
</style>
<script language="JavaScript" type="text/javascript">
// Prelevato su http://www.web-link.it
// autore Andrea Bianchi
<!--
function frase() {
web=new Array()
web[1]="Le donne ed i gatti faranno ciò che vogliono, gli uomini<br> e i cani
dovrebbero rilassarsi ed abituarsi all'idea...<br>R. A. Heinlein"
web[2]="Se raccogliete un cane affamato e lo nutrirete non vi morderà.<br> Ecco
la differenza tra l'uomo ed il cane...<br>Mark Twain"
web[3]="Chi non ha mai posseduto un cane,<br> non può sapere che cosa significhi
essere amato...<br>Schopenhauer"
web[4]="Se un gatto fa qualche cosa si dice che è per istinto, se noi<br>
facciamo la stessa cosa, la definiamo intelligenza...<br>Will Cuppy"
web[5]="Un cane è la sola cosa su questa terra<br> che vi ami più di quanto non
ami se stesso...<br>Lindsay"
web[6]="D'accordo, i gatti tiranneggiano, strumentalizzano, condizionano i loro
padroni, ma in cambio offrono impagabili lezioni di saggezza...<br>Julia
Bachstein"
web[7]="La fedeltà di un cane è un dono prezioso che impone obblighi morali<br>
non meno impegnativi dell'amicizia con una creatura umana...<br>K. Lorenz"
x=Math.ceil(7*Math.random())
document.write(''+web[x]+'') }
// -->
</script>
</head>
<body>
<div id="header">
<div style="position: absolute; width: 411px; height: 100px; z-index: 1; left:695px;
top:19px" id="livello1">
<h2>Benvenuti su "Cani & Gatti"<br>
spazio dedicato alla scelta e la cura<br> di queste meravigliose
creature...</h2><br>
<em><script language="JavaScript" type="text/javascript">
<!--
frase();
//-->
</script></em></div>
<div style="position: absolute; width: 219px; height: 100px; z-index: 1; left:
874px; top: 162px" id="livello2">
<h2>Follow Me...</h2>
<a href="#"><img border="0" src="images/Facebook.png" width="64" height="64"
alt="Facebook"></a>
<a href="#"><img border="0" src="images/Twitter.png" width="64" height="64"
alt="Twitter"></a>
<a href="#"><img border="0" src="images/RSS.png" width="64" height="64" alt="Feed
RSS"></a>
</div>
</div>
<div id="corpo">
<table class="base" cellpadding="0" cellspacing="0" width="96%">
<tr>
<td width="10"> </td>
<td valign="top"><!-- Inizio body -->
<ul class="semiopaquemenu">
<li><a href="#" class="selected">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Contatti</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Gallery</a></li>
</ul>
<div class="bottombar"></div><br>
<!-- Fine body --></td>
<td width="7"> </td>
<td width="273" valign="top"><!-- Inizio colonna -->
<div class="markermenu">
<ul>
<li><a href="#">Razze</a></li>
<li><a href="#">Cuccioli</a></li>
<li><a href="#">Vaccinazioni</a></li>
<li><a href="#">Alimentazione</a></li>
<li><a href="#">Allevamenti</a></li>
<li><a href="#">Vacanze</a></li>
</ul>
</div>
<!-- Fine colonna --></td>
</tr>
</table>
</div>
<div id="footer">
<table class="base" cellpadding="0" cellspacing="0" width="96%">
<tr>
<td width="15" height="90"> </td>
<td><!-- Inizio footer -->
- Footer -
<!-- Fine footer --></td>
<td width="12"> </td>
<td width="273" valign="top"> </td>
</tr>
</table>
</div>
</body>
</html>