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

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

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

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

CODERS

Davide Cantelli d.cantelli@mamoka.com
Sacha Alexandre Bourdeaud'Hui a.bourdeaudhui@mamoka.com

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

html
   {
   margin: 0;
   border: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   font: normal 300 62.5%/1 'Signika', 'Trebuchet MS', Arial, Helvetica, sans-serif;
   color: #404040;
   background: #fff;
   }
strong
   {
   font-weight: 600;
   }

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

HEADER

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

header
   {
   margin: 0 0 10px 0;
   }

/******** TOP ***********/

   header section#header-top
      {
      margin-bottom: 10px;
      border-bottom: 1px solid #c0c0c0;
      height: 20pt;
      overflow: hidden;
      }
      header p.logo
         {
         margin: 0;
         }
         header p.logo a
            {
            }
            header p.logo a strong
               {
               display: block;
               float: left;
               font-size: 14pt;
               font-weight: 300;
               color: #404040;
               line-height: 20pt;
               }
      header section#header-top ul
         {
         display: none;
         }

      header section#header-top > a
         {
         display: block;
         float: right;
         line-height: 20pt;
         }
      header section#header-top > a > img
         {
         display: block;
         border: 0;
         height: 14pt;
         }
            
         header section#header-top > .mobile-nav-search
            {
            display: none;
            }   
         header section#header-top > .mobile-nav-general
            {
            display: none;
            }   

   
/******** MIDDLE ***********/
         
   header section#header-middle
      {
      margin-bottom: 40px;
      border-bottom: 3px solid #fe9a00;
      }
      header section#header-middle nav
         {
         display: none;
         }
      header section#header-middle > div
         {
         }
         header section#header-middle > div h1,
         header section#header-middle > div p.title
            {
            margin: 0;
            padding: 0;
            font-size: 18pt;
            font-weight: 300;
            color: #394c9b;
            line-height: 25pt;
            text-align: right;
            }
            header section#header-middle > div h1 strong,
            header section#header-middle > div p.title strong
               {
               font-weight: 600;
               }
            header section#header-middle > div h1 a,
            header section#header-middle > div p.title a
               {
               display: block;
               color: #394c9b;
               text-decoration: none;
               }   
         header section#header-middle > div p.contact-info
            {
            margin: 0;
            font-size: 10pt;
            color: #808080;
            line-height: 25pt;
            text-align: right;
            }
            header section#header-middle > div p.contact-info a
               {
               color: inherit;
               }   
            header section#header-middle > div p.contact-info em.fa
               {
               margin: 0 7px 0 14px;
               font-size: 10pt;
               color: #394c9b;
               }   
            header section#header-middle > div p.contact-info br
               {
               display: none;
               }         
         header section#header-middle > div p.subtitle
            {
            margin: 0;
            font-size: 22pt;
            font-weight: 300;
            color: #404040;
            line-height: 35pt;
            text-align: right;
            }
            header section#header-middle > div p.subtitle strong
               {
               font-weight: 600;
               }
            header section#header-middle > div p.subtitle a
               {
               color: inherit;
               text-decoration: none;   
               }

         header section#header-middle > ul.slider
            {
            display: none;
            } 
         header section#header-middle > div .mobile-nav-istituto
            {
            display: none;
            }    
         header section#header-middle > div .mobile-nav-school
            {
            display: none;
            }

   
/******** BOTTOM ***********/

   header section#header-bottom
      {
      display: none;
      } 

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

ASIDE

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

aside
   {
   display: none;
   }

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

CONTENT

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

section#content
   {
   clear: both;
   font-size: 12pt;
   line-height: 1.5;
   }
section#content section, section#content article
   {
   clear: both;
   }
section#content h1
   {
   font-size: 20pt;
   font-weight: 400;
   }

section#content h2,
section#content span.sottotitolo
   {
   display: block;
   font-size: 16pt;
   font-weight: 400;
   }
   
section#content h3
   {
   display: block;
   font-size: 14pt;
   font-weight: 400;
   } 
section#content h4
   {
   display: block;
   font-size: 12pt;
   font-weight: 400;
   } 
section#content p
   {
   font-size: 12pt;
   }  
section#content img
   {
   display: block;
   clear: left;
   float: left;
   margin: 0px 20px 20px 0px !important;
   border: 0;
   max-width: 4cm;
   max-height: 4cm;
   }   
section#content a { color: #394c9b; }

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

FOOTER

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

.lastmod
   {
   line-height: 20px;
   font-size: 10pt;
   color: #909090;
   text-align: left;
   }
footer
   {
   display: none;
   }

/*************************************************************************
FORMS
*************************************************************************/

#content form
   {
   margin: 0;
   border: 0;
   padding: 0;
   }
   #content form fieldset
      {
      margin: 0;
      border: 0;
      padding: 0;
      }
      #content form fieldset label
         {
         display: block;
         font-weight: bold;
         color: #606060;
         line-height: 2;
         }
      #content form fieldset input[type="text"],
      #content form fieldset input.community_input
         {
         margin: 0 0 10px 0;
         border: 1px solid #C2C2C2;
         padding: 7px 10px;
         width: 100%;
         max-width: 300px;
         color:  #202020;
         outline: none;
         background: transparent;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         }
      #content form fieldset input[type="submit"],
      #content form fieldset button,
      #content form fieldset .community_button
         {
         display: block;
         position: relative;
         margin: 20px 0;
         padding: 10px 30px;
         border: none;
         color: #fff;
         font-weight: 600;
         background: #394c9b;
         text-decoration: none;
         text-transform: uppercase;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         cursor: pointer;
         -webkit-transition: background .3s;
         transition: background .3s;
         }
         #content form fieldset .community_button:hover
            {
            background: #456ABA;
            }
   
      #content form fieldset input:focus
         {
         outline: none;
         }