Header #001

/*HEADER BY PSICHE - http://tigerdirty.forumfree.it */
#psheader {background-color: #FFF; width: 99%; height: auto; padding: 5px; margin-bottom: 0; margin-right: 0; border-bottom: 2px solid #E7DFA4}
.psinfo {font-family: trebuchet ms; text-transform: uppercase; font-size: 7px; color: #797979; letter-spacing: 1px}
#pstesto {font-family: georgia, sans-serif; font-size: 11px; line-height: 12px; text-align: justify; color: #BDBDBD}
#pscit1 {font-family: 'Lobster', cursive; font-size: 15px; color: #E7DFA4; padding: 4px; letter-spacing: 2px; text-shadow: 1px 1px 0 #C8BD6C}
.pslink a {background-color: #EFE8B1; width: 80px; height: 10px; text-transform: uppercase; float: left; text-align: center; margin-right: 5px; margin-top: 2px; padding: 3px; color: #FFF; font-size: 7px; text-decoration: none; letter-spacing: 1px; font-family: times; line-height: 14px; border: 1px solid #E7DFA4; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.pslink a:hover {background-color: #FCFAE8; color: #DDC64C; box-shadow: none; text-decoration:none}
.psimgtab img {margin: 2px; width: 50px; height: 30px; border: 2px solid #EFEFEF; padding: 3px}
#psnews {border: 3px double #D1C991; background-color: #EFE8B1; color: #B0A65F; padding: 2px; text-align: justify}

/* SLIDESHOW A SCORRIMENTO AUTOMATICO - http://ffmagazine.forumfree.it/?t=65226584 */
#slideshow {width: 155px; padding: 0} #slideshow input {display: none}
#mask {width: 100%; overflow:hidden}
#slides {background: #FAFAFA; padding: 2px; border-right: 2px solid #958996; border-left: 2px solid #958996; margin-top: 4px}
.slide_content {position: relative; width: 900%; -webkit-transition: all 600ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 600ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 600ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 600ms cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 600ms cubic-bezier(0.670, 0.000, 0.170, 1.000)}
#pan1:checked ~ #slides .slide_content {margin-left: 0}
#pan2:checked ~ #slides .slide_content {margin-left: -100%}
#pan3:checked ~ #slides .slide_content {margin-left: -200%}
#pan4:checked ~ #slides .slide_content {margin-left: -300%}
#pan5:checked ~ #slides .slide_content {margin-left: -400%}
#pan6:checked ~ #slides .slide_content {margin-left: -500%}
#pan7:checked ~ #slides .slide_content {margin-left: -600%}
#pan8:checked ~ #slides .slide_content {margin-left: -700%}
.pannello {width: 11.11%; float: left}
#active {margin-top: 0}
#active label {display: inline-block}

<style>@import url(http://fonts.googleapis.com/css?family=Quicksand)</style>
<style>@import url(http://fonts.googleapis.com/css?family=Lobster)</style>

<div id="psheader"><table style="text-align:center;width:100%" cellpadding="2" cellspacing="1">
<tr>
<td><div id="slideshow">
<!-- Radio -->
<input checked="checked" type="radio" name="pan" id="pan1">
<input type="radio" name="pan" id="pan2">
<input type="radio" name="pan" id="pan3">
<input type="radio" name="pan" id="pan4">
<input type="radio" name="pan" id="pan5">
<input type="radio" name="pan" id="pan6">
<input type="radio" name="pan" id="pan7">
<input type="radio" name="pan" id="pan8">
<div id="active">
<label for="pan1"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996;" src="http://i.imgur.com/ZfkGHYl.png"></label>
<label for="pan2"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996;" src="http://i.imgur.com/ZfkGHYl.png"></label>
<label for="pan3"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996;" src="http://i.imgur.com/ZfkGHYl.png"></label>
<label for="pan4"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996;" src="http://i.imgur.com/ZfkGHYl.png"></label>
<label for="pan5"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996;" src="http://i.imgur.com/ZfkGHYl.png"></label>
<label for="pan6"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996;" src="http://i.imgur.com/ZfkGHYl.png"></label>
<label for="pan7"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996; " src="http://i.imgur.com/ZfkGHYl.png"></label>
<label for="pan8"><img alt="" style="margin-bottom: 3px; padding: 2px; border: 1px solid #958996;" src="http://i.imgur.com/ZfkGHYl.png"></label>
</div>
<div id="slides">
<div id="mask">
<div class="slide_content">

<div class="pannello" id="p1"> <!-- Pannello 1 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div>
</div></div>

<div class="pannello" id="p2"> <!-- Pannello 2 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div>
</div> </div>

<div class="pannello" id="p3"> <!-- Pannello 3 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div>
</div> </div>

<div class="pannello" id="p4"> <!-- Pannello 4 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div>
</div> </div>


<div class="pannello" id="p5"> <!-- Pannello 5 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div></div> </div>

<div class="pannello" id="p6"> <!-- Pannello 6 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div></div> </div>

<div class="pannello" id="p7"> <!-- Pannello 7 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div></div> </div>

<div class="pannello" id="p8"> <!-- Pannello 8 -->
<div class="psinfo">info x info x info x info
<div style="text-align: justify; padding: 5px; height: 30px; overflow: auto">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
</div> </div>
</div>
</div>
</div>
</div>
</div></td>
<td width="25%">
<div id="pscit1">Quis aute iure reprehenderit</div>
<div id="pstesto"><div style="height: 100px; overflow: auto"><span style="color: #c8bd6c">&#8594;</span> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></td>
<td width="25%"><div style="float: right; margin: 15px;"><img style="display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; width: 50px; height: 50px; background-color: #fff; padding: 3px; border: 1px solid #bab1bb" src="http://i.imgur.com/AXh5sWb.gif"> <img style=" transform: rotate(-45deg); -webkit-transform: rotate(-45deg) ; -moz-transform: rotate(-45deg) ; -o-transform: rotate(-45deg) ; -ms-transform: rotate(-45deg) ; width: 50px; height: 50px; background-color: #fff; padding: 3px; border: 1px solid #bab1bb" src="http://i.imgur.com/cUCfQhm.gif"></div><div style="height: 140px; overflow: auto"><div style="text-align: center; padding: 5px; width: 20px; height: 20px; background:#fff; border: 3px double #bab1bb; float: left; margin-right: 2px; color: #bab1bb; line-height: 20px; font-size: 30px; font-family: georgia; font-style: italic">S</div><div id="pstesto">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td>
<td width="25%"><div style="height: 120px; overflow: auto; font-family: georgia; font-size: 11px; text-align: justify; border-left: 3px solid #e7dfa4; border-right: 3px solid #e7dfa4; border-radius: 5%; padding: 10px"> <iframe src="http://www.forumcommunity.net/rss.php?a=595710&type=html&color=999999&colorlink=b99fbc&n=15&sez=8465672&size=11&font=georgia&lh=100%" allowtransparency="true" style="width:100%; height: 120px" frameborder="0"></iframe></div></td>
<td><div class="pslink" style="width: 200px"><a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a> <a style="margin: 3px" href="link">link</a></div></td>
</tr>

</table>



<!-- RIGA 2 -->

<table style="margin-top: -10px"><tr><td width="13%"><img style="width: 120px; height: 35px; border: 2px solid #efefef; padding: 3px" src="http://i.imgur.com/nJUv6QS.gif"><br><div style="margin-top: 3px; text-transform: uppercase; letter-spacing: 1px; font-size: 8px; font-family: georgia;"><span style="text-transform: uppercase; color: #c8bd70; letter-spacing: 1px; font-size: 8px; font-family: georgia; ">link us!</span> altri banner <a href="LINK">qui</a></div></td>


<td width="25%"><div style="float: left; margin-right: 3px; font-size: 100px; line-height: 0px; padding-top: 50px; color: #e7dfa4; text-shadow: 1px 1px 0px #c8bd70; background-color: #f4eec2; width: 50px; height: 0px">“</div><div style="text-align: justify; padding: 5px; height: 35px; overflow: auto"> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></td>


<td width="25%"><div class="psimgtab"><img src="http://i.imgur.com/031lFC0.gif"> <img src="http://i.imgur.com/031lFC0.gif"> <img src="http://i.imgur.com/031lFC0.gif"> <img src="http://i.imgur.com/031lFC0.gif"></div></td>

<td width="25%"><div id="psnews"><div style="height: 35px; overflow: auto; padding: 2px">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td>

<td width="12%"><img style="width: 120px; height: 35px; border: 2px solid #efefef; padding: 3px" src="http://i.imgur.com/T74gFp7.gif"></td></tr></table>

</div>