/* ----------------------------------------------*/
/* --- M O Z I L L A                         --- */
/* ----------------------------------------------*/

html>body {
   background-color: #FFFFFF;
   background-image: url(./sfondo_body.jpg);
   background-repeat: repeat-x;
}

input[type="text"], input[type="password"] {
  color:#330099;
  border: 2px double #3366FF;
  border-top-color: #66CCFF;
  border-left-color: #66CCFF;
  background-color: #FFFFCC;
  font: bold 82% Verdana, Arial;
}

html>body #titlebar { 
   width: 1024px;
   text-align: center;
   position: relative;
   margin: 0 auto;
   background-color: #FFFFFF; 
   border-bottom: 2px double  #4a4a4a;
}

html> body > #titlebar > #brand {
  width: 100%;
  float: left;
  background-color:#FFFFFF;
	color: #000066;
  font: 0.7em Verdana, Arial, cursive;
  margin-left: 0px;
  height: 210px;
  margin-bottom: 1em;
  margin-top: 1em;
}

html> body > #titlebar > #brand > img {
   margin-top: 0.1em;
   border: 0px solid #000099;
}

html> body > #titlebar > #lang {
  width: 100%;
  float: left;
  background-color:#FFFFFF;
	color: #000066;
  font: 0.7em Verdana, Arial, cursive;
  margin-top: 13em;
  margin-bottom: 1em;
  border-bottom: 2px double  #4A4A4A;
}

html> body > #titlebar > #lang > form {
  background-color:#FFFFFF;
}

html> body > #titlebar > ul
{
    list-style-type: None;
	  text-align: bottom;
	  color: #000000;
}

html> body > #titlebar li {
    display: Inline;
    font: 1.1em Verdana;
    margin-left: -1em;
}

html> body > #titlebar a {
    color: #1A1A1A;
    text-decoration: none;
}

html> body > #titlebar a:hover{
    margin-top: 2em;
    color: #990033;
    border-bottom: 4px solid #990033;
}

html>body #wrapper { 
   width: 1024px;
   margin: 0 auto; 
   text-align: center;
   position: relative;
   background-color: #CCFFFF;
}

html>body #ccol {  
   font-family: Times, serif;
   font-size:   0.8 em; 
   background-color: #FFFFFF;
   width: 35.7%;
   float: left;
   background-image: url(./sfondosepia_ccol.jpg);
   background-repeat: no-repeat;
   margin-left: -0.7em;
}

html>body #ccol > #logonbox {
   background-color: #99CCFF; 
   margin: 1em;
   margin-left: 3em;
   width: 24em;
   padding-bottom: 0.1em;
   padding-top: 0.1em;
   font-size: 0.8em;
}

html>body #lcol {  
   font-family: Arial, sans-serif;
   font-size:   0.8 em; 
   background-color: #FFFFFF;
   border-right: 0px solid #0000FF;
   border-top: 0px solid #0000FF;
   border-left: 0px solid #0000FF;
   width: 64%;
   float: left; 
   min-height: 70em;
   background-image: url(./sfondosepia_lcol.jpg);
   background-repeat: no-repeat;
    
}

html>body #footer { 	
	clear:both;
  background-color: #FFFFFF;
  border-top: 2px double  #0000FF;
	min-height: 40px;
	width: 1024px;
	margin: 0 auto;
}

html>body #footer p, a, visited {
    font: 0.8em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: left;
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
    padding-bottom: 1em;
    color: #8D8D8D;
}


html> body > #footer > p > a > img {
   border: 1px solid #1C1C1C;
}

html>body #titlebar h1 {
    font: 3.5em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    margin-left: 2em;
    text-align: left;
    color: #FFCC66;
}

html>body #lcol p { 
    font: 1em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: justify;
    margin-left:1em;
    margin-right:1em;
    color: #000000;
}

html>body #lcol p:first-letter {
    font: 1.5em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    color: #000000;
    padding-left: 1em;
    font-style: oblique;

}

html>body #lcol h1, h2, h3 { 
    font: 2.3em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: justify;
    margin-left:4em;
    margin-right:1em;
    margin-bottom:1em;
    margin-top:1em;
    color: #990000;
}

html>body #lcol a { 
    font: 0.7em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    margin-left:2em;
    color: #990000;
}


html>body #ccol h1 { 
    font: 1.8em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
    color: #990000;
}

html>body #ccol h2 { 
    font: 1em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
    color: #990000;
}

html>body #ccol p { 
    font: 1.2em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    color: #000066;
    margin-bottom: 1em;
}

html>body #ccol #logonbox a[class~=advice] { 
    font: 1.2em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    color: #FFFF00;
    margin-bottom: 1em;
}


html>body #ccol p[class~=result]{ 
    font: 1.4em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    margin-left:1em;
    margin-right:1em;
    text-align: center;
    color: #990000;
    margin-bottom: 2em;
    margin-top:1em;
    border: 2px solid #0066CC;
    background-color: #99FFFF;
}

html>body #ccol p>img[class~=imago]{ 
    position: float;
    margin-left: -1em;
    padding-bottom: -1em;
}


html>body #ccol td { 
    font: 1em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    margin-left:0.5em;
    margin-right:0.5em;
    text-align: justify;
    color: #330099;
    margin-bottom: 2em;
    background-color: #99CCFF;
}

html>body #ccol > #logonbox h1 {
    font: 1.4em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    color: #993300;
    margin-bottom: 1em;   
}

html>body #ccol > #logonbox p {
    font: 1em  Trebuchet Ms, Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    color: #000066;
    margin-bottom: 1em;   
}