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

C S S    H A N D C R A F T E D    B Y    M A M O K A      www.mamoka.com

..........................................................................
..........................................................................
..........................................................................
..........................................................................
..........................................................................

**************************************************************************

CODER

Riccardo Lorenzo Motta - r.motta@mamoka.com

**************************************************************************

SECTION

- Main tags and wrapper
- Header
- Menu 1
- Square
- Contenuto

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

@import url('random.css') screen;

body, html
   {
   margin: 0;
   padding: 0;
   height: 100%;
   }

body
   {
   font: normal 62.5% Arial, Helvetica, Tahoma, sans-serif;
   text-align: center;
   background: #ccebed url('body.jpg') center top no-repeat;
   background-attachment: fixed;
   }

#wrapper
   {
   margin: 0 auto;
   width: 1000px;
   text-align: left;
   }

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

 H E A D E R 

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

#header
   {
   float: left;
   margin: 0;
   padding: 0;
   }
   #header p
      {
      margin: 0;
      padding: 0;
      background: url('header1.jpg') left top no-repeat;
      }
      #header p a 
         {
         display: block;
         width: 330px;
         height: 275px;
         text-decoration: none;
         }
         #header p a strong
            {
            position: relative;
            z-index: -1;
            }


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

H E A D E R   L I F E

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

#header-life
   {
   float: right;
   margin: 0;
   padding: 0;
   }
   #header-life p
      {
      margin: 0;
      padding: 0;
	background: url('header1.jpg') right top no-repeat;
      }
      #header-life p a 
         {
         display: block;
   	width: 230px;
   	height: 80px;
         text-decoration: none;
         }
         #header-life p a strong
            {
            position: relative;
            z-index: -1;
            }


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

 M E N U  1

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

#menu1
   {
   float: right;
   margin: 0;
   padding: 0;
   width: 440px;
   height: 80px;
   background: url('header1.jpg') -330px top no-repeat;
   }
   #menu1 ul
      {
      margin: 0;
      padding: 0;
      list-style: none;
      }
      #menu1 ul li
         {
	display: inline;
         margin: 0;
         padding: 0;
         }
         #menu1 ul li a
            {
            display: block;
            float: left;   
            margin: 0;
            padding: 0 5px;
            font-size: 1em;
            font-weight: bold;
            color: #ecf6f7;
            line-height: 25px;
            text-decoration: none;
            }
            #menu1 ul li a:hover
               {
               color: #ffffff;
               text-decoration: underline;
               }
         #menu1 ul li a img
            {
            display: block;
            float: left;
            border: 0;
            }
         #menu1 ul li a img.icon
            {
            margin: 5px 5px 0 0;
            }

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

 M E N U  2

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

#menu2
   {
   float: right;
   margin: 0;
   padding: 0;
   width: 670px;
   height: 195px;
   background: url('header1.jpg') right -80px no-repeat;
   }
   #menu2 ul
      {
      margin: 72px 0 0 7px;
      padding: 0;
      list-style: none;
      }
      #menu2 ul li
         {
         margin: 0;
         padding: 2px;
         }
         #menu2 ul li a
            {
            margin: 0;
            padding: 0 0 0 10px;
            background: url('menubullet.gif') left no-repeat;
            font-size: 1.2em;
            font-weight: bold;
            color: #0E71B8;
            line-height: 12px;
            text-decoration: none;
            }
            #menu2 ul li a:hover
               {
               text-decoration: underline;
               }


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

 M E N U  3

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

#menu3
   {
   margin: 10px 10px 0 10px;
   padding: 0;
   background: #d5ecee url('col2box.jpg') center bottom no-repeat;
   }
   #menu3 h2
      {
      margin: 0;
      padding: 10px 0 10px 10px;
      font-size: 1.2em;
      color: #FF6600;
      background: #FFFFFF url('colh2.jpg') center top no-repeat;
      }
   #menu3 ul
      {
      margin: 0;
      padding: 10px;
      list-style: none;
      }
      #menu3 ul li
         {
         margin: 0;
         padding: 2px;
         }
         #menu3 ul li a
            {
            margin: 0;
            padding: 0 0 0 10px;
            font-size: 1.2em;
            font-weight: bold;
            color: #0E71B8;
            line-height: 12px;
            text-decoration: none;
            background: url('menubullet.gif') left no-repeat;
            }
            #menu3 ul li a:hover
               {
               text-decoration: underline;
               }

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

 L O G I N 

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

#login
   {
   display: inline;
   clear: both;
   float: right;
   margin: -120px 20px 0 0;
   width: 210px;
   background: #55BEC5 url('login.jpg') center bottom no-repeat;
   }
        
   #login h2
      {
      margin: 0;
      padding: 10px 0 10px 10px;
      font-size: 1.2em;
      color: #FF6600;
      background: #FFFFFF url('loginh2.jpg') center top no-repeat;
      }
	#login p
	{
	float: left;
	margin: 0;
	padding: 10px;
	font-size: 1.2em;
	color: #ECF6F6;
	}
	#login p a
	{
	color: #ECF6F6;
	}
#login form
      {
      margin: 0;
      padding: 0;
      }
      #login form fieldset
         {
         margin: 0;
         border: 0;
         padding: 5px;
         }
         #login form fieldset label
            {
            display: block;
            float: left;
            margin: 0;
            padding: 5px 0;
            width: 48px;
            color: #ECF6F6;
            }
         #login form fieldset input.text,
         #login form fieldset input.password
            {
            margin: 1px 0;
            border: 2px solid #FFFFFF;
            padding: 3px;
            width: 140px !important;
            width /**/:145px;
            font-size: 1.1em;
            color: #078bcd;
            background-color: #ECF6F6;
            }
         #login form fieldset input.password
            {
            width: 100px !important;
            width /**/:110px;
            }
         #login form fieldset input.submit
            {
            margin: 1px 0;
            border: 2px solid #A4DBDF;
            padding: 3px;
            font-size: 1.1em;
            color: #FFFFFF;
            background-color: #FF6600;
            }


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

 C O N T E N T 

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

#content
   {
   clear: both;
   margin: 0;
   padding: 0;
   background: url('content.jpg') center top repeat-y;
   }


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

 C O L U M N  1

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

#col1
   {
   display: inline;
   float: left;
   margin: 0 0 0 260px;
   width: 480px;
   font: normal 1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;
   color: #404040;
   }
   #col1 h1
      {
      margin: 15px 0 10px 0;
      font: normal 1.9em Arial, Helvetica, Tahoma, sans-serif;
      color: #0e71b8;
      line-height: 1;
      }
   #col1 h1 em
      {
      font-size: 0.7em;
      font-weight: normal;
      color: #078bcc;
      }
   #col1 h2
      {
      margin: 15px 0 10px 0;
      font: normal 1.5em Arial, Helvetica, Tahoma, sans-serif;
      color: #0e71b8;
      }
   #col1 h3
      {
      margin: 10px 0 8px 0;
      font-size: 1.2em;
      font-weight: normal;
      color: #0e71b8;
      }
   #col1 a
      {
      color: #ff6600;
      }
   #col1 a img
      {
      border: 0;
      }
   #col1 p
      {
      margin: 5px 0;
      line-height: 1.6;
      }
	#col1 p.language
		{
		font-weight: bold;
		font-family: Arial;
		text-align: right;
		}
		#col1 p.language a
			{
			color: #0E71B8;
			}
   #col1 ul
      {
      margin: 5px 0;
      padding: 0 15px;
      line-height: 1.8;
      list-style-image: url('menubullet.gif');
      }
      #col1 ul li
         {
         margin: 5px 0;
         padding: 0;
         }
    #col1 table
      {
      margin: 5px 0;
      }
      #col1 table th
         {
         padding: 5px;
         background-color: #ecf6f7;
         }
      #col1 table td
         {
         padding: 5px;
         background-color: #ffffff;
         }


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

 C O L U M N 2

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

#col2
   {
   display: inline;
   float: left;
   margin: 0 0 0 -730px;
   width: 230px;
   background: #ECF6F6 url('col.jpg') center top no-repeat;
   }
   #col2 div.colbox
      {
      margin: 10px 10px 0 10px;
      padding: 0;
      font-family: Arial,  Helvetica, Tahoma, sans-serif;
      background: #d5ecee url('col2box.jpg') center bottom no-repeat;
      }
      #col2 div.colbox h2
         {
         margin: 0;
         padding: 10px 0 10px 10px;
         font-size: 1.2em;
         color: #FF6600;
         background: #FFFFFF url('colh2.jpg') center top no-repeat;
         }


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

 C O L U M N  3

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

#col3
   {
   display: inline;
   float: right;
   margin: 0 10px 0 0;
   padding: 0 0 10px 0;
   width: 230px;
   background: #ECF6F6 url('col.jpg') center top no-repeat;
   }
   #col3 div.colbox
      {
      margin: 10px 10px 0 10px;
      padding: 0;
      font-family: Arial,  Helvetica, Tahoma, sans-serif;
      background: #2ab0d3 url('col3box.jpg') center bottom no-repeat;
      }
      #col3 div.colbox h2
         {
         margin: 0;
         padding: 10px 0 10px 10px;
         font-size: 1.2em;
         color: #FF6600;
         background: #FFFFFF url('colh2.jpg') center top no-repeat;
         }
      #col3 div.colbox a
         {
         color: #ffffff;
         }

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

 C O L B O X E S

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

#colbox-partners
   {
   }
   #colbox-partners img
      {
      display: block;
      border: 0;
      }
   #colbox-partners ul
      {
      margin: 0;
      padding: 10px;
      list-style: none;
      }
      #colbox-partners ul li
         {
         margin: 10px 0;
         padding: 0;
         color: #86D1D6;
         font-size: 1.1em;
         }
         #colbox-partners ul li a
            {
            color: #86D1D6;
            text-decoration: none;
            }
         #colbox-partners ul li a:hover
            {
            color: #0f72b5;
            text-decoration: underline;
            }
         #colbox-partners li strong
            {
            color: #55BEC5;
            font-size: 1.1em;
            font-weight: bold;
            }
         #colbox-partners ul li a:hover strong
            {
            color: #0f72b5;
            text-decoration: underline;
            }

#colbox-contacts
   {
   }
   #colbox-contacts p
      {
      margin: 0;
      padding: 10px;
      color: #55bec5;
      font-weight: bold;
      }

#life
   {
   margin: 20px 0 0 0;
   padding: 75px 50px 0 50px;
   text-align: center;
   color: #0E218A;
   background: url('life.jpg') center top no-repeat;
   }
#life a
   {
   color: #0E218A;
   text-decoration: none;
   }
#life a:hover
   {
   text-decoration: underline;
   }

#colbox-news
   {
   }
   #colbox-news p
      {
      margin: 0;
      border-top: 1px solid #ecf6f7;
      padding: 10px;
      font-size: 1.1em;
      }
   #colbox-news ul
      {
      margin: 0;
      padding: 10px;
      font-size: 1.1em;
      color: #D6EAEC;
      list-style: none;
      }
      #colbox-news ul li
         {
         margin: 5px 0;
         padding: 0;
         }
         #colbox-news ul li strong
            {
            color: #FFFFFF;
            }

#colbox-links
   {
   }
   #colbox-links ul
      {
      margin: 0;
      padding: 10px;
      list-style: none;
      }
      #colbox-links ul li
         {
         margin: 5px 0;
         padding: 0;
         color: #D6EAEC;
         font-size: 1.1em;
         }
         #colbox-links ul li strong
            {
            color: #FFFFFF;
            }

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

 T O P L I N K S 

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

p.toplinks
   {
   clear: both;
   margin: 0 10px;
   padding: 10px;
   }
   p.toplinks a
      {
      color: #55bec5;
      }

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

 F O O T E R

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

#footer
   {
   clear: both;
   margin: 0 10px;
   padding: 0;
   }
   #footer p.contact
      {
      margin: 0;
      padding: 10px ;
      font-size: 1.1em;
      font-weight: bold;
      color: #ffffff;
      background-color: #55BEC5;
      }
   #footer p.credits
      {
      margin: 0;
      padding: 10px;
      font-size: 0.9em;
      font-weight: bold;
      color: #6ACAEE;
      background-color: #0C7EC3;
      }
      #footer p.credits a
         {
         text-decoration: none;
         color: #FFFFFF;
         }

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

 V A R I E  

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

#col1 ul.grid-partners
   {
   margin: 0;
   padding: 0;
   list-style: none;
   }
  #col1 ul.grid-partners li
      {
      float: left;
      margin: 0 0 10px 0;
      padding: 0;
      font-size: 0.8em;
      line-height: 1.2;
      text-align: center;
      background-color: #FFFFFF;
      }
     #col1 ul.grid-partners li a
         {
         display: block;
         margin: 0 0 5px 0;
         border: 1px solid #ffffff;
         width: 150px;
         height: 150px;
         overflow: hidden;
         }
         #col1 ul.grid-partners li img
            {
            display: block;
            margin: 10px auto;
            border: 0;
            }
     #col1 ul.grid-partners li a:hover
         {
         border: 1px solid #d5ecee;
         }
p.partner-logo
{
   float: right;
   width: 150px;
   height: 150px;
   overflow: hidden;
}
p.partner-logo img
{
   display: block;
   margin: 10px;
   border: 0;
}
#col1 p.slide-loading
	{
	}
#col2 p.slide-loading
	{
	margin: 0;
	padding: 10px;
	color: #57bfc2;
	}
#col1 ul.slide,
#col2 ul.slide
	{
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	}
	#col1 ul.slide li,
	#col2 ul.slide li
		{
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #0b70b4;
		}
		#col1 ul.slide li img,
		#col2 ul.slide li img
			{
			display: block;
			margin: 0 auto;
			border: 0;
			}
		#col1 ul.slide li br,
		#col2 ul.slide li br
			{
			display: none;
			}
		#col1 ul.slide li .slide-caption,
		#col2 ul.slide li .slide-caption
			{
			display: block;
			padding: 10px;
			color: #ffffff;
			background-color: #0b70b4;
			}
#col2 ul.slide
	{
	width: 210px;
	}
	#col2 ul.slide li .slide-caption
		{
		font-size: 0.8em;
		}
#col1 div#homebox-news ul
	{
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	list-style: none;
	}
	#col1 div#homebox-news ul li
		{
		clear: both;
		margin: 0;
		border-bottom: 1px solid #D4ECEE;
		padding: 10px 0;
		font-size: 1em;
		line-height: 1.2;
		}
	#col1 div#homebox-news ul li br
		{
		display: none;
		}
	#col1 div#homebox-news ul li span.anteprima
		{
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		}
	#col1 div#homebox-news ul li span.data
		{
		display: block;
		font-size: 1em;
		color: #0E71B8;
		}
	#col1 div#homebox-news ul li span.label
		{
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		}
	#col1 div#homebox-news ul li span.contenuto
		{
		display: block;
		margin-left: 110px;
		color: #909090;
		line-height: 1.4;
		}

	#col1 div#homebox-news ul li span.contenuto br
		{
		display: inline;
		}