/*
---------------------------------------------------------
VETRINA - Theme
---------------------------------------------------------
Author:      Stefano Bonvicini
Website:     http:/grappafsd.homelinux.org/
email:       stefano DOT bonvicini AT gmail DOT com

License:     GNU General Public License

*/



/*---------------------------------
  Configurazione Generale della Pagina
---------------------------------*/


html, body {
  margin:auto;
  padding: 0px;
  font-family: sans-serif;
  font-size: 12px;
  color: #000059;
}


/*---------------------------------
  Links Styles
---------------------------------*/

a:visited, a:link, a:active {
  text-decoration: none;
  color: #0058B0;
}
a:hover {
  text-decoration: underline;
}

/*---------------------------------
  List Styles
---------------------------------*/

ul {
  list-style: none;
  margin:0;
  padding:0;
}

li {
  width: 100%;
  margin:0;
  padding:0;
  list-style: none;
}

/*---------------------------------
  Classi del Paragrafo
---------------------------------*/
em { 
  color:#222B5B;
}

.error {
  font-style:italic;
  font-size: 85%;
  text-align: justify;
  line-height: 140%;
  padding-left:0em;
  text-indent:2.3em;
  color:red;
}


.clr {
  clear: both;
}


/*Retrocompatibilità*/

hr { 
  display: none;
}


.border_up {
  background:#ffffff url("Immagini/borderup.png") repeat-x top ;
  width: 100%;
  height: 25px;
}


.border_down {
  background: #ffffff url("Immagini/borderdown.png") repeat-x top ;
  width: 100%;
  height: 27px;
}


/*---------------------------------
  Identificatori della Struttura della Pagina
---------------------------------*/

#tema {
  background: #ffffff;
  width: 1010px;
  height: 100%;
  margin: auto;
  padding:0px;
}

#left_col {
  background: #ffffff;
  float: left;
  width: 45%;
  height: 90%;
  margin-left: 3.3%;
  margin-top:  2%;
  padding:0;
}

#logo {
  background: #ffffff;
  width: 100%;
  height: 90px;
  margin-left: 0px;
  margin-top: 0px;
  padding:0;
  text-align: left;
}

#info {
  background: #ffffff;
  width: 100%;
  height: 90px;
  margin-left: 0px;
  margin-top: 20px;
  padding:0;	
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  text-align: left;
}


#menu {
  background:#ffffff;
  width: 100%;
  height: 1%;
  margin: 0;
  margin-left: 0px;
  margin-top: 20px;
  padding:0;
}


#right_col {
  background: #ffffff;
  float: left;
  width: 45%;
  height: 90%;
  margin-left: 3.3%;
  margin-top:  2%;
  padding:0;
}

#center {
  background: #ffffff;
  width: 93.3%;
  margin:0;
  margin-left: 3.3%;
  margin-top:  2%;
  padding:0;
}


#thumb {
  background: #f0f0f0;
  width: 100%;
  height: 200px;
  margin-left: 0px;
  margin-top: 0px;
  padding:0;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
}

#photo {
  background: #f0f0f0;
  width: 100%;
  margin-left: 0px;
  margin-top: 20px;
  padding:0;

}

#footer {
  width:100%;
  height:1%;
  padding-top:2.7em;
  text-align:center;
  font-family: Verdana, Arial, Helvetica;
  font-size: 80%;
  color:#000000;
}

/*---------------------------------
  Classi Principali del Documento
  Suddivise per Identificatore
---------------------------------*/

/*info Box
---------------------------------*/

#info .right  {
  background: #ffffff;
  width: 50%;
  display: inline;
  padding-top: .4em;
  font-style:normal;
  font-size: 95%;
  line-height: 150%;
  vertical-align: middle;
  float: left;
}

#info .left  {
  background: #ffffff;
  width: 50%;
  display: inline;
  padding-top: .4em;
  font-style:normal;
  font-size: 95%;
  line-height:150%;
  float:left;
}

#info br {
margin-bottom: 1em;
}

/*menu Box
---------------------------------*/

#menu .corpo {
  background: #f0f0f0;
  width:100%;
  height: 400px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#menu .corpo .Section {
  width:95%;
  text-align: justify;
  margin:0;
  padding:0;
  padding-bottom:5em;
  margin-left: 2%; 
}

#menu .corpo .Section .title {
  text-indent:1em;
  font-size: 120%;
  color: #457099;
  border-bottom: 1px dashed #d0d0d0;
}


#menu .Section p {
  font-size: 100%;
}

#menu ul {
  width:95%;
  margin-top: 1em;

}

#menu li {
  width:auto;
  margin-left:3%;
  margin-bottom:3%;
  list-style: square;
  text-indent:1em;
  color: #000059;
}


/*thumb Box
---------------------------------*/

#thumb .title {
  background: #f0f0f0;
  width:95%;
  /*text-align: justify;*/
  margin:0;
  padding:0;
  /*margin-left: 3%;*/
  color: #457099;
  }

#thumb .gallery {
  background: #f0f0f0;
  width:95%;
  margin: 0;
  padding: 0;
  margin-left: 2%;
}

#thumb .gallery ul {
  width: 100%;
  margin-top: .3em;
}

#thumb .gallery li {
}

#thumb ul {
 margin-top: 0em;
}


#thumb li {
 display:inline;
 /*line-height:100%;*/
 font-size: 90%;
 vertical-align: middle;
}



#thumb .gallery img {
/*width:80px;
height:60px;*/
border: 1px dashed #d0d0d0;

}

/*photo Box
---------------------------------*/

#photo ul {
  width:95%;
  margin-top: 1em;
}

#photo li {
  margin-left:3%;
  margin-bottom:10%;
  list-style: none;
  text-indent:1em;
  color: #000059;
}

#photo .gallery {
  background: #f0f0f0;
  width:100%;
  height: 400px;
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
}

#photo .gallery .Section {
  width:95%;
  text-align: justify;
  margin:0;
  padding:0;
  padding-bottom:2em;
  margin-left: 2%; 
}

#photo .gallery .Section .title {
  text-indent:1em;
  font-size: 120%;
  color: #457099;
  border-bottom: 1px dashed #d0d0d0;
}


#photo .Section p {
  font-size: 100%;
}

#photo .gallery img {
background: #f0f0f0;
width:400px;
height:300px;
margin-top:1.4em;
border: 1px dashed #d0d0d0;
}

#photo .didasc {
  background: #f0f0f0;
  display:block;
  width: 400px;
  margin:auto;
  margin-top:4%;
  border: 1px dashed #d0d0d0;
}

#photo .didasc p {
padding-left: 2%;
padding-right:2%;
text-align: justify;
font-family: Verdana, Arial, Helvetica;
color: #000059;
}

/*center Box
---------------------------------*/
 
 #center .corpo {
  background: #f0f0f0;
  width:100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#center .corpo .Section {
  background: #f0f0f0;
  width:95%;
  text-align: justify;
  margin:0;
  padding:0;
  padding-bottom:2em;
  margin-left: 2%; 
}

#center .corpo .Section .title {
  background: #f0f0f0;
  text-indent:1em;
  font-size: 120%;
  color: #457099;
}

#center .corpo .Section .title a {
  text-decoration: none;
}

.up {
margin-top: 2%;
margin-left: 90%;
display:inline;
font-family: Verdana, Arial, Helvetica;
}


/*footer Box
---------------------------------*/

#footer ul {
margin-top: 2em;
}

#footer li {
display:inline;
}