html, body
   {
   margin: 0;
   padding: 0;
   height: 100%;
   }
body
   {
   font: normal 62.5% "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
   color: #404040;
   text-align: center;
   background: #FFFFFF url(../pix/body-finale.jpg) center top no-repeat;
   }
#wrapper
   {
   margin: 0 auto;
   width: 1000px;
   background: url(../pix/body-finale.jpg) center top no-repeat;
   }
#col1
   {
   float: left;
   margin: 0 60px 60px 0;
   width: 200px;
   overflow: hidden;
   text-align: left;
   }
#col2
   {
   float: left;
   margin: 0 0 60px 0;
   width: 600px;
   overflow: hidden;
   text-align: left;
   }
#col3
   {
   float: right;
   margin: 230px 0 60px 0;
   width: 110px;
   overflow: hidden;
   text-align: left;
   }


/*********************************************************************************

 C O L 1

 *********************************************************************************/

#col1 #header
   {
   margin: 80px 0 0 0;
   width: 200px;
   height: 150px;
   background: url(../pix/body-finale.jpg) -200px -80px no-repeat;
   }
   #col1 #header a
      {
      display: block;
      width: 200px;
      height: 150px;
      text-decoration: none;
      }
      #col1 #header a:hover
         {
         text-decoration: none;
         }
      #col1 #header a strong
         {
         position: relative;
         z-index: -1;
         }
#col1 #social-links
   {
   float: left;
   margin: -224px 0 0 0;
   padding: 0;
   width: 110px;
   height: 40px;
   overflow: hidden;
   list-style: none;
   }
   #col1 #social-links li
      {
      display: inline;
      margin: 0;
      padding: 0;
      }
      #col1 #social-links li a
         {
         text-decoration: none;
         }
         #col1 #social-links li a img
            {
            display: block;
            float: left;
            border: 0;
            }
#col1 #swaplangform
   {
   float: right;
   margin: -224px 0 0 0;
   padding: 0;
   width: 80px;
   height: 40px;
   overflow: hidden;
   text-align: right;
   }
   #col1 #swaplangform fieldset
      {
      margin: 0;
      border: 0;
      padding: 0;
      }
      #col1 #swaplangform fieldset ul
         {
         margin: 0;
         border: 0;
         padding: 0;
         list-style: none;
         }
         #col1 #swaplangform fieldset ul li
            {
            margin: 0;
            padding: 0;
            }
         #col1 #swaplangform fieldset ul li a
            {
            color: #909090;
            }
#col1 #menu
   {
   margin: 0;
   padding: 0;
   width: 200px;
   list-style: none;
   border-top: 1px solid #e0e0e0 !important;
   }
   #col1 #menu li
      {
      float: left;
      margin: 0;
      width: 200px;
      }
      #col1 #menu li a
         {
         display: block;
         border-bottom: 1px solid #e0e0e0;
         padding: 25px 5px 5px 0;
         font-size: 1.2em;
         color: #6EE6E !important;
         text-align: right;
         text-decoration: none;
         text-transform: uppercase;
         }
      #col1 #menu li a:hover
         {
         padding-right: 5px;
         text-decoration: underline;
         background-color: #ffffff;
         }
      #col1 #menu li a.corrente
         {
         background-color: #F3F3F3;
         }

/*********************************************************************************

 C O L 2

 *********************************************************************************/


#col2 #newsletter
   {
   margin: 0;
   padding: 0;
   height: 40px;
   }
   #col2 #newsletter fieldset
      {
      margin: 0;
      border: 0;
      padding: 5px;
      color: #909090;
      line-height: 2.4;
      }
      #col2 #newsletter fieldset input.text
         {
         border: 1px solid #e0e0e0;
         font-size: 1em;
         }
      #col2 #newsletter fieldset input.submit
         {
         border: 1px solid #e0e0e0;
         font-size: 1em;
         background-color: #e0e0e0;
         }
#col2 #countdown
   {
   margin: 35px 0 0 0;
   height: 150px;
   text-align: center;
   }
   #col2 #countdown #clock
      {
      margin: 0 auto;
      width: 422px;
      text-align: center;
      }
   #col2 #countdown p
      {
      text-align: center;
      }
#col2 h1
   {
   margin: 0;
   padding: 0;
   font-size: 1.6em;
   font-weight: bold;
   color: #606060;
   }
#col2 h2
   {
   margin: 0;
   padding: 0;
   height: 30px;
   overflow: hidden;
   font-size: 1.1em;
   font-weight: bold;
   color: #909090;
   }
#col2 h2 span
   {
   display: block;
   margin-top: -100px;
   }
#col2 p
   {
   margin: 5px 0;
   font-size: 1.2em;
   line-height: 1.6;
   text-align: justify;
   }
#col2 #content div.col1
   {
   display: inline;
   float: left;
   margin: 20px 0;
   width: 255px;
   overflow: hidden;
   }
#col2 #content div.col2
   {
   display: inline;
   float: right;
   margin: 20px 0;
   width: 255px;
   overflow: hidden;
   }

#col2 #content
   {
   margin-top: 25px;
   padding: 0 30px;
   }

/*********************************************************************************

 C O L 3

 *********************************************************************************/

#col3 #tabs
   {
   margin: 0;
   padding: 0;
   list-style: none;
   }
   #col3 #tabs li
      {
      float: left;
      margin: 0;
      padding: 0;
      }
      #col3 #tabs li a
         {
         display: block;
         width: 110px;
         height: 100px;
         }
      #col3 #tabs li a.tab13 { background: url(../pix/tab-priscilla.jpg) left top no-repeat; }
      #col3 #tabs li a.tab14 { background: url(../pix/tab-postie.jpg) left top no-repeat; }
      #col3 #tabs li a.tab12 { background: url(../pix/tab-baobab.jpg) left top no-repeat; }
      #col3 #tabs li.corrente a.tab13 { background: url(../pix/tab-priscilla-hover.jpg) left top no-repeat; }
      #col3 #tabs li.corrente a.tab14 { background: url(../pix/tab-postie-hover.jpg) left top no-repeat; }
      #col3 #tabs li.corrente a.tab12 { background: url(../pix/tab-baobab-hover.jpg) left top no-repeat; }

         #col3 #tabs li a strong
            {
            display: none;
            }
   

/*********************************************************************************

 A L T R O

 *********************************************************************************/

#credits
   {
   clear: both;
   margin: 50px 0 50px 290px;
   text-align: left;
   background: url(../pix/faccina.gif) left top no-repeat;
   }

#credits p
   {
   margin: 0;
   padding: 0 0 0 60px;
   font-size: 1em;
   color: #c0c0c0;
   line-height: 1.4;
   }
a
   {
   color: #333 !important;
   }
a:hover
   {
   color: #666 !important;
   }



/* ................................................................... form contatti */

#richiesteecommenti fieldset{ border: 1px solid #F4F4F4; width: 500px; padding: 0 0 0 20px;}
#richiesteecommenti label, #richiesteecommenti input, #richiesteecommenti legend { font-size: 12px; font-weight: bold; padding: 2px;}
#richiesteecommenti label{
   display: block;
   margin: 10px 0;
}
#richiesteecommenti input, #richiesteecommenti select, #richiesteecommenti textarea{
   display: block;
   margin: 10px 0;
}

/*********************************************************************************

CATALOGHI

*********************************************************************************/

#catalog_1
   {
   display: inline;
   float: right;
   margin: 0;
   width: 255px;
   overflow: hidden;
   font-size: 1.2em;
   line-height: 1.6;
   }
#catalog_1 span.data
   {
   display: block;
   margin: 0;
   font-size: 0.8em;
   color: #909090;
   }
#catalog_1 span.titolo
   {
   display: block;
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
   color: #303030;
   }
#catalog_1 span.descrizione
   {
   display: block;
   margin: 0;
   font-size: 1em;
   color: #404040;
   text-align: justify;
   }


.priscillacatalogbox .screenshot,
.priscillacatalogbox .titolo,
.priscillacatalogbox .descrizione{
   margin: 5px !important;
}

.priscillacatalogbox .screenshot{
   float: left;
}

#catalog_3 .priscillacatalogbox{
   width: 500px;
}