/*

Nuovo veste grafica per il sito www.katiadangelo.it

*/

* { border: 0px; margin: 0px; padding: 0px; }
body { padding: 0px; font-size: 12px; font-family: verdana; background: url('./img/back06.jpg') 0px -80px no-repeat #000; }
a { text-decoration: none; }
ul { list-style: none; }

#page { position: relative; width: 100%; height: 100%; height: 1126px; }
#header { position: absolute; width: 100%; height: 100px; top: 0px; left: 0px; background: #000; }

#logo { width: 200px; margin: 50px 0px 0px 50px; }
/*#sidebar { position: absolute; width: 300px; height: 1126px; margin-left: 30px; display: inline; background: #000; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }*/

#footer { width: 100%; height: 30px; background: #000; }
#credits { color: #888; font-size: 10px; text-align: center; padding-top: 5px; }
#credits a:link,
#credits a:visited { color: #bbb; text-decoration: underline; }
#credits a:hover { color: #000; background: #888; }

#nav { position: absolute; top: 70px; left: 300px; width: 800px; }
#nav li { float: left; display: inline; width: auto; margin: 0px 5px; }
#nav a { font-size: 16px; display: block; padding: 3px 15px; }
#nav a:link,
#nav a:visited { color: #fff; }
#nav a:hover { color: #fff; border-bottom: 6px solid #c0c; }
#nav li ul { position: absolute; top: 40px; left: 0px; }
#nav li li a { font-size: 13px; width: auto; padding: 3px 15px; }
#nav li li a:link,
#nav li li a:visited { color: #fff; }
#nav li li a:hover { color: #fff; border-bottom: 6px solid #c0c; }
#nav .current { border-bottom: 2px solid #c0c; }

/*#anima { position: relative; width: 1001px; height: 551px; margin: 0px auto 0px; padding-top: 260px; z-index: 10; }*/
#anima { position: absolute; width: 1001px; height: 551px; top: 260px; left: 100px; z-index: 10; }

#quadrato { position: absolute; top: 350px; left: 600px; width: 404px; height: 420px; background: url('./img/quadrato.gif') top left no-repeat; }

#txthome { position: absolute; top: 300px; left: 250px; width: auto; border: 1px solid #fff; line-height: 20px; padding: 5px; color: #fff; background: #000; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
#txtopera { position: absolute; top: 5px; right: 50px; padding: 2px 5px; color: #000; font-size: 0.8em; text-align: center; font-weight: bold; background: #fff; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; }
#txtopera a:link,
#txtopera a:visited { color: #000; text-decoration: underline; }
#txtopera a:hover { color: #000; text-decoration: none; }
#txtcontatti { position: absolute; top: 300px; left: 450px; width: auto; border: 1px solid #fff; padding: 10px; color: #fff; font-size: 12px; background: #000; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
#txtcontatti a { color: #c0c; padding: 2px 4px; margin-left: 10px; }
#txtcontatti a:link,
#txtcontatti a:visited { border: 1px solid #fff; }
#txtcontatti a:hover { color: #fff; border: 1px solid #c0c; }
#txtarte { position: absolute; top: 200px; left: 20px; width: auto; border: 1px solid #fff; padding: 10px; color: #fff; background: #000; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
#txtarte .colonna { float: left; display: inline; padding: 0px 10px; }
#txtarte .titolo { font-size: 1.4em; font-weight: bold; color: #cc00cc; padding: 10px 0px; }
#txtarte p,
#txtarte ul { font-size: 1.2em; padding: 0px 20px 0px 20px; }
#txtarte li { padding: 7px 0px; }
#txtarte a:link,
#txtarte a:visited { color: #fff; }
#txtarte a:hover { color: #99cccc; }
#txtpoesia { position: absolute; top: 200px; left: 20px; width: auto; border: 1px solid #fff; padding: 10px; color: #fff; background: #000; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
#txtpoesia .titolo { font-size: 1.4em; font-weight: bold; color: #cc00cc; padding: 10px 0px; }
#txtpoesia p,
#txtpoesia ul { font-size: 1.2em; padding: 0px 0px 0px 0px; }
#txtpoesia li { padding: 7px 0px; }
#txtpoesia a:link,
#txtpoesia a:visited { color: #fff; }
#txtpoesia a:hover { color: #99cccc; }
#txtme { position: absolute; top: 200px; left: 20px; width: 1500px; border: 1px solid #fff; padding: 10px; color: #fff; background: #000; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; }
#txtme .colonna { float: left; display: inline; padding: 0px 10px; }
#txtme .titolo { font-size: 1.3em; font-weight: bold; color: #cc00cc; padding: 10px 0px; }
#txtme p { font-size: 1.1em; padding: 5px 0px 5px 30px; }
#txtme a:link,
#txtme a:visited { color: #fff; }
#txtme a:hover { color: #99cccc; }