img {
border: 0;
}

body{
font-family:trebuchet ms, arial, sans-serif;
margin:0;
background:#f5f5f5;
}
			
body #wrap{
width:80%;
margin-left:10%;
}

#wrap #top h1{
margin-top:0;
text-align:center;
color:#888;
font-family: 'Geo', arial, serif;
text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;

}

#wrap #top{
padding:20px 0 10px 0;
text-align:center;
background:#000;

  -webkit-box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #000; 
  box-shadow: 0px 0px 10px #000; 
   
  
  -moz-border-radius: 0 0 0.5em 0;
border-radius: 0 0 0.5em 0;
-webkit-border-radius: 0 0 0.5em 0;
}

#wrap #top ul{
font-size:0.9em;
color:#0a0505;
list-style:none;
padding:5px 0 0 0;
margin-bottom:0;
}

#wrap #top ul li{
display:inline;
padding-left:6px;
background:url(quadrello.png) center right no-repeat;
}

#wrap #top ul .nientequadrello{
background:none;
}

#wrap #top ul li a{
margin:0 15px 0 5px;
color: #eaeaea;
text-decoration:none;
font-size:13px;
}

#wrap #top ul li a:hover{
text-shadow: 1px 1px 0px #707070, 2px 2px 2px #306060;

}


 #dado{
 width:58px;
 height:58px;
 float:left;
 background:url(dado.png) center center no-repeat #000;
 -moz-border-radius: 0 0 0.5em 0.5em;
border-radius: 0 0 0.5em 0.5em;
-webkit-border-radius: 0 0 0.5em 0.5em;

-moz-box-shadow: 0 0 10px #000; /* Firefox */
  -webkit-box-shadow: 0 0 10px #000; /* Safari, Chrome */
  box-shadow: 0 0 10px #000; /* CSS3 */
 }
 
 #dado:hover{
 background:url(dado_hover.png) center center no-repeat #000;
 }

 #dado span{
 
 width:49px;
 height:49px;
 margin:0 auto;
 }

/*-----------CONTENTT-----------*/

#wrap #content {
width:80%;
margin-left:10%;
}



#wrap #content h2 {
color: #888;
font-family: 'Geo', arial, serif;
background:/*#040804*/ #000;
padding:0.3em;
margin-top:2.5em;
border:4px solid #040804;

-moz-border-radius:0.3em;
border-radius:0.3em;
-webkit-border-radius:0.3em;

-moz-box-shadow: 0 0 6px #101010; /* Firefox */
  -webkit-box-shadow: 0 0 6px #101010; /* Safari, Chrome */
  box-shadow: 0 0 6px #101010; /* CSS3 */
  
  text-shadow:0.5px 0.5px 1px #eee/*, 0 1px 30px #666*/;

}

#wrap #content p, li, table{
padding-left:0.5em;
font-size:0.85em;
}

#wrap #content a{
margin:0 5px;
color: #306060;
text-decoration:none;
}

#wrap #content a:hover{
border-bottom:1px dotted #306060;
}

#wrap #content ul{
list-style-type:circle;
}


#cform input, #cform textarea{
padding:5px;
margin-left:10px;
}

#showcomments{
padding:10px;
}

#showcomments b{
background:#101010;
color:#f5f5f5;
padding:0 4px;
margin:10px 0;
text-shadow:0px 0.5px 0.5px #bcbcbc;
}

#showcomments hr{
color:#306060;
height:3px;
}