body
{
    padding: 0;
    margin: 0;
    font-family: "trebuchet ms",trebuchet,sans-serif;
    background-color: #dcdcdc;
    text-align: center;
    font-size: 14;
}

#mainwrap
{
    margin: 0 auto;
    padding: 0;
    width: 898px;
    background-image: url("../images/back.jpg");
    background-repeat: repeat-y;
    text-align: left;
}

#header
{
    margin: 0;
    padding: 0;
    height: 30px;
    background-image: url("../images/header.JPG");
    background-repeat: no-repeat;
}

#header a
{
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

#logo
{
    margin: 0;
    padding: 0;
    height: 87px;
    background-image: url("../images/logo.jpg");
    background-repeat: no-repeat;
}

#logo a.backlink
{
    margin: 8px 0 0 55px;
    padding: 0;
    height: 77px;
    width: 220px;
    text-indent: -9999px;
    float: left;
}

#buttonPBN
{
    /*No estandar property. We should establish one for each browser.*/
       -moz-border-radius:10px;  /* Firefox */
       -webkit-border-radius:10px; /* Safari y Chrome */
       -khtml-border-radius:10px; /* Browser en Linux */
       border-radius:10px; /* CSS3  Standard */
     border-width: 2px;
     /**/
     border-color: white;
     border-style: solid;
     background-image: url('http://www.kameli.net/pkp/images/bgbutton.JPG');
     color: white;
     padding: 4px;
     width: 80px;
     font-size: 13px;
     cursor: pointer;
}

#buttonGames
{
    /*No estandar property. We should establish one for each browser.*/
       -moz-border-radius:10px;  /* Firefox */
       -webkit-border-radius:10px; /* Safari y Chrome */
       -khtml-border-radius:10px; /* Browser en Linux */
       border-radius:10px; /* CSS3  Standard */
     border-width: 2px;
     /**/
     border-color: white;
     border-style: solid;
     background-color: Gainsboro;
     font-weight: bold;
     width: 100%;
     font-size: 13px;
     cursor: pointer;
}

#buttonGames a
{
    color: #000000;
}

#buttonGames a:hover
{
    color: #696969;
}

#tableArticle
{
    font-size: 12px;
    border-collapse: collapse;
}

#tableArticle td
{
    border: double;
    padding: 3px;
}

#tableArticle th
{
    background: white;
    border: double;
}

#roundedTable
{
     /*No estandard property. We should establish one for each browser.*/
       -moz-border-radius:10px;  /* Firefox */
       -webkit-border-radius:10px; /* Safari y Crhome */
       -khtml-border-radius:10px; /* Browser en Linux */
       border-radius:10px; /* CSS3  Standard */
     /**/

     border-width: 2px;
     border-color: white;
     border-style: solid;
     font-size: 13px;
     background-color: Gainsboro;
}


#roundedTable img
{
     max-width:  400px;
     max-height: 533px;
}

#roundedTable input[type=text], input[type=password]
{
    padding:2px;
    border:1px solid #CCCCCC;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

#roundedTable textarea
{
    padding:2px;
    border:1px solid #CCCCCC;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

#tableMenu
{
     /*No estandard property. We should establish one for each browser.*/
       -moz-border-radius:10px;  /* Firefox */
       -webkit-border-radius:10px; /* Safari y Crhome */
       -khtml-border-radius:10px; /* Browser en Linux */
       border-radius:10px; /* CSS3  Standard */
     /**/

     border-width: 2px;
     border-color: white;
     border-style: solid;
     font-size: 13px;
     table-layout: fixed;
}

#roundedTable td
{
    overflow: hidden;
}

#cellsOfRoundedTable
{
    border-bottom-style: solid;
    border-color: white;
    border-width: 1px;
    font-weight: bold;
    font-size: 14px;
    color: black;
}

#logo form
{
    margin: 0 0 0 635px;
    padding: 0;
}

input.buttonGr
{
    margin-top:10px; 
    display:block; 
    border:1px solid #000000; 
    width:100px; 
    height:20px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:11px; 
    padding-left:2px; 
    padding-right:2px; 
    padding-top:0px; 
    padding-bottom:2px; 
    line-height:14px; 
    background-color:#EFEFEF;
}

input.btn
{
    margin: 5px 0 0 5px;
    font: bold 84% 'trebuchet ms','helvetica','sans-serif';
    background-image: url("../images/searchbg.jpg");
    border: none;
    color: #FFE400;
    font-size: 12px;
}

input.txt
{
     /*No estandard property. We should establish one for each browser.*/
       -moz-border-radius:7px;  /* Firefox */
       -webkit-border-radius:7px; /* Safari y Crhome */
       -khtml-border-radius:7px; /* Browser en Linux */
       border-radius:7px; /* CSS3  Standard */
     /**/
    margin: 0 0 0 5px;
    font: bold 84% 'trebuchet ms','helvetica','sans-serif';
    background-color: #dcdcdc;
    border: 1px #555;
    color: #000;
    font-size: 11px;
}

textarea.txt
{
    margin: 0 0 0 5px;
    font: bold 84% 'trebuchet ms','helvetica','sans-serif';
    background-color: #dcdcdc;
    border: 1px #555;
    width: 240px;
    font-size: 11px;
}
textarea.txt
{
    margin: 0 0 0 5px;
    font: bold 84% 'trebuchet ms','helvetica','sans-serif';
    background-color: #dcdcdc;
    border: 1px #555 dotted;
    width: 240px;
    color: #000;
    font-size: 11px;
}

#menu
{
    margin: 0;
    padding: 0;
    height: 60px;
    background-image: url("../images/menu.jpg");
    background-repeat: no-repeat;
}

#menu ul
{
    margin: 16px 30px 0 0;
    padding: 0;
    list-style: none;
    width: 481px;
    float: right;
}

#menu ul li
{
    margin: 0 16px 0 0;
    padding: 0;
    width: 80px;
    float: left;
}

#menu ul li a
{
    margin: 0;
    padding: 0;
    width: 80px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

#menu h3
{
    margin: 30px 0 0 21px;
    padding: 0;
    width: 300px;
    float: left;
}

#content
{
    margin: 0 0 20px 0;
    padding: 0;
    width: 898px;
    float: left;
}

h3
{
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
}

#content p
{
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 13px;
}


#insideItem
{
    margin: 10;
    padding: 3;
    color: #000000;
    font-size: 12px;
}

b.date
{
    margin: 0;
    padding: 0;
    color: #FFE400;
    font-size: 12px;
}

b.communi
{
    margin: 0;
    padding: 0;
    color: #FFE400;
    font-size: 12px;
}

p.communi
{
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 12px;
}

#leftside
{
    margin: 0 0 0 21px;
    padding: 0;
    width: 303px;
    min-height: 500px;
    float: left;
    overflow: auto;
}

#leftsideCollect
{
    margin: 0 0 0 21px;
    padding: 0;
    width: 303px;
    min-height: 600px;
    float: left;
}


#artleftside
{
    margin: 0 0 0 21px;
    padding: 0;
    width: 303px;
    float: left;
}

#rightside p
{
    color: #fff;
}

#rightside
{
    margin: 0 0 0 30px;
    padding: 0;
    width: 520px;
    min-height: 550px;
    float: left;
}

#rightsideCommuni
{
    margin: 0 0 0 30px;
    padding: 0;
    width: 520px;
    min-height: 550px;
    float: left;
}

#rightside img
{
    margin: 0 0 5px 0;
    padding: 0;
    border: 1px solid #000;
}

#rightside p
{
    color: #dcdcdc;
}

td.white
{
    color: #dcdcdc;
}

#footer
{
    margin: 0 0 0 0;
    padding: 0;
    width: 898px;
    clear: both;
}
#rightside a{
       color: #cccccc;
}
#leftside a{
       color: #222222;
}

#leftsideCollect a{
       color: #222222;
}

#rightsideCommuni a{
       color: #cccccc;
}

#header a{
       color: #FFFFFF;
       text-decoration:none;
}

#roundedTable a {
    color: Black;
}

#leftside a:hover, #rightside a:hover, #leftsideCollect a:hover, #rightsideCommuni a:hover{
       color: #DDDDDD;
}

#roundedTable a:hover {
    color: #808080;
}

#header a:hover{
       text-decoration:underline;
}

#footer a:hover {
    color: #808080;
}

#footer a {
    color: #FFFFFF;
}

h1 span {
background-color:Silver;
}
 
h3 span {
background-color:Silver;
}
 
tr th {
background-color:White;
}
/*tr th h3 {
background-color:grey;
}
tr th h2 {
background-color:grey;
}*/
tr th h2 {
color:white;
}
tr td span {
background-color:white;
border: 1px #555 dotted;
}