/* CSS Document */

/*

  project: watchthis!
  author: rock bottom sas based on luka cvrk (www.solucija.com)

-----------STILE PRINCIPALE---------------
*/



*{padding: 0; margin: 0;}
html {
  height: 100%;
}
body { /*qui si decide il fondo della pagina ed il font standard */
  font: 14px Georgia, Times New Roman, Times, serif;
  background: #fff url(/modx/images/bg2.gif) repeat-x;
  color: #333;
  height: 100%;
}
.wrapper { /* contenitore esterno si decide la larghezza della pagina */
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 990px;
  margin: 0px auto -4em;
  padding:2px 0 0;

}

.footer, .push { /* lasciare com' 002daltezza del fondo pagina (footer)*/
  height: 4em;
  clear:both;
}
.footer{
  width: 990px;
  margin: auto;
  background: white;
  color: rgb(51,102,204);
//padding-left:20px;
}
#footer_left {/* contenuti footer sx*/
  
  border-top: 1px solid grey;
  margin-top: 3px;
  padding: 10px 20px 15px 0;
  float: left;
  position: inherit;
  width: 510px;
}
#footer_right {/* contenuti footer rg*/
  padding: 0 0 15px;
  border-top: 1px solid grey;
  margin-top: 3px;
  padding: 10px 10px 15px 0;
  float: right;
  position: inherit;
  width: 450px;
}
#footer p { /* font del fondo pagina*/
  font-size: 10px;
  color: #7A7A7A;
}

#header { /* la testa della pagina, contenente il logo etc...*/
  height: 120px;
  position: relative;
}
#header_int { /* la testa della pagina amministrazione, contenente il logo etc...*/
  padding-top: 2px ;
  background: #000000;
  height: 60px;
}

#logo { /* lo spazio per il logo*/
  width: 250px;
  float: left;
  }
#barrice {
    float: right;
    margin-top: 20px;
    text-align: right;
    width: 700px;
}
#header_right { /* la testa della pagina, contenente il logo etc...*/
  width:730px;
  background: #000000;
  height: 120px;
  float:right;
  position:inherit;
}
#logo_int { /* lo spazio per il logo*/

  float: left;
  position: inherit;
  left: 0px;

}
#motto { /* spazio a destra del logo contentente scritte o altro */
  height: 40px;
  float: right;
  padding-right: 0px;
  width: 550px;
  text-align: center;
  border: solid 1px linen;
  background: url("/modx/images/mottobackground/rotate.php") repeat scroll 0 0 transparent;
  
}
#motto_int { /* spazio a destra del logo pagine amministrazione contentente scritte o altro */

  position: inherit;
  right: inherit;
  top: inherit;
  float:left;
  padding-right: 5px;
  color:white;
}
#topmenu {/* piccolo menu accanto al logo */
    
    color: #999999;
    float:left;
    font-size: 11px;
    height: 20px;
    }
#topmenu_int { /* piccolo menu accanto al logo */
  width: 300px;
  float: right;
  font-size: 10px;
  text-align: right;
  color: #999999;
  position: inherit;
  bottom: 0px;
  padding-right: 5px;
  padding-top: 40px;
}
#topmenu a { color:orange; }
#topmenu_int a { color:orange; }
#topmenu a:hover { color:white; background:rgb(153,0,51); }
#top { float: right; }
#top li { list-style: none; display: inline; }
#top li a { float: left; padding: 6px 20px;  color: #ccc; }
#top li a.current { color: #fff; background: #A82A15; }
#top li a:hover { background: #808080; color: #fff; }

#menutop { /* contiene la barra di ricerca*/
  clear: both;
  width: 100%;
  padding-top: 0px;
  z-index: 50;
}

#barraricerca { /* barra di ricerca con larghezza della stessa*/
  clear: both;
  width:600px;
  float:left;
  z-index:0;
}
#alto_dx { /* contenitore eventuale alto a destra*/
  width: 200px;
  float: right;
  position: inherit;
  right: inherit;
  color: White;
  font-size: 12px;
  background: #141459 none repeat scroll 0%;
  height:100%;
  display:block;
}

#contenuti { /* contenitore principale per i contenuti della pagina*/

  padding-bottom: 30px ;
  clear: both;
}


#left { /* contenitore di sinistra*/
  float: left;
  width: 760px;
  padding: 0px 0 15px;
  position: inherit;
  left:inherit;
}
#content {
/* contenitore per i contenuti della pagina a sinistra*/
  padding-top: 10px;
  padding-left:2px;
  padding-right:2px;
  width: 100%;
  float: left;
  border: 1px solid #F5F5F5;
}


#right { /*destra */
  float: right;
  width: 220px;
  /*padding: 20px 0 15px ;   */
  margin: 15px 0 15px ;  
  position: inherit;
  right: inherit;
  border: 2px solid #14155A;
  font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#right h3 { /*titolo per menu a destra - seguono varie impostazioni per menu */
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
  padding: 0 0 0 2px;
  background-color: #11124C;
  color: White;
}
#right img { }
#right li { list-style: none; }
#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; }
#right  p  {
  color: #000000;
  padding-left: 5px;
}
.right_cont  {
  padding-bottom: 10px;
  padding-left: 2px;
}

#listatab {
  font-family: Georgia, "Times New Roman", Times, serif;
  width:100%;
  float:left;
  z-index:0;
  background-color: white;
  color:black;

}

#lista {


  float:left;
  color:black;
  background-color: white;
}
#listacomp {


  float:left;

}
#risultati {
  float: left;
  width: 760px;
  padding: 0 0 15px;
  font-family: Georgia, "Times New Roman", Times, serif;

}
#news_big { /* contenitore per news su prima pagina */
  padding: 0 0 15px;
 border: 1px solid black;
    margin-top: 3px;
    padding: 10px 10px 15px 0;

}
#arrivi_big {/* ultimi arrivi come sopra*/
  
 border: 1px solid black;
    margin-top: 3px;
    padding: 10px 10px 15px 3px;


}
#uscite_big {/* nuove uscite */
  
   border: 1px solid black;
    margin-top: 3px;
    padding: 10px 10px 15px 0;
}

#hideme {/* id non visualizzato - controllare funzionamento sui browser*/
  padding-top: 5px;
  padding-bottom: 30px;
  clear: both;
  visibility: hidden;
}



#r { float: right; }

a { /* links della pagina */
  color: #A82A15;
  text-decoration: none;
}
a.current {
  color: #A82A15;
  text-decoration: none;
}
a:hover{
  color: #D2691E;
  text-decoration: none;
}
img { border: 0; }
h1 {  /* headers */
  color: White;
  font-size: 2.3em;

}
h2 {
  font-size: 1.4em;
  font-weight: normal;
  padding: 0 5px 5px;
}
h2 a:hover { /* h2 al passaggio del mouse */
  background: #A82A15;
  color: White;
}
h8 {  /* headers */
  color: White;

  font-size: 12px;
  float: left;
}
.hr {
  color: #CC0000;
}
.yt { /* header alternativo*/
  color: Black;
  background-color: #FFD700;
  border: 1px solid Black;
  font-family: Verdana, Tahoma, Arial;
  font: status-bar small;
  font-weight: normal;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}
.yt2 { /* header alternativo*/
  color: Black;
  background-color: #FFD700;
  border: 1px solid Black;
  font-family: Verdana, Tahoma, Arial;

}
p  { /* paragrafo */


}
title { /* title */
  padding: 5px 0 5px;
  line-height: 1.6em;
}
cite { /*citazione */
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  font-style: normal;
  color: #333333;
}
small { /*font small*/
  font: 10.5px Georgia, Times New Roman, Times, serif;
}
.smalli { /*font small*/
  font-size: 9.5px;
}
.smalla { /*font small*/
  font-size: 12px;
}
.smaller{ /*font smaller*/
  font-size: 11px;
}
.smallgrey { /*font small*/
  font-size: 10px;
  color: #999999;

}
.smallred { /*font small*/
  font-size: 10px;
  color: red;

}
.medred { /*font small*/
  font-size: 12px;
  color: red;

}
.smallgright { /*font small right*/
  font-size: 11px;
  color: #999999;
  float: right;
  padding-right: 20px;

}
.buttonlink { /*classe per bottoni senza contorni, come links*/
  color: #A82A15;
  text-decoration: none;
  border: none;
  background-color: transparent;
  cursor:pointer;
  font-size: inherit;
}
#forma { /*form A*/
  font-size: 14px;
  text-align: left;
  color: Black;
}
#forma textarea, #forma input, #forma select{
  border: thin solid Gray;
  margin-left: 10px;

}
#forma label {
        float:none;

}
#forma .error
{
  font: bold;
  font-size: 10px;
  color: red;


}

.fcont {
  padding-bottom:2px;
  margin-left:150px; /* uguale alla larghezza di .feti !!!*/
}
.fcontl {
  padding-bottom:2px;
  display:inline;

}
.fcontr {
  padding-bottom:2px;
  display:inline;
  float:right;
}
.feti {
  padding-bottom:2px;
  float:left;
  width:150px;
  /*background: rgb(236,236,236);  */
}
.fetili {
  padding-bottom:2px;
  display:inline;
  text-align:right;
  background: rgb(236,236,236);
}
label.req{
  text-decoration:underline;

}
label.tot{
  text-decoration: bold;
  color: rgb(51,0,102);
  
}
input.text{
  width:350px;
}
input.text2{
  width:250px;
}
input.text3{
  width:100px;
}
select.text {
  width:200px;
}

input.text:focus {
  background: #CCCCFF;
}



/****risultati ricerca********/
#result {
  width: 100%;
  overflow: auto;

  border-bottom-color: #8FBC8F;
  border-bottom-style: solid;
  border-bottom-width: thin;
  padding-top: 6px;
}
#autit {
  padding-top: 5px;
  padding-right: 5;
  padding-bottom: 3px;
  padding-left: 5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;

}
#result .autore a{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  
  text-decoration: none;
  background-color: #FFFFFF;
  width: auto;
  border: 1px solid Gray;
  color: #000000;
  float: none;
  border-right: thick solid;
  padding: 2px 5px;
  font-weight: bold;

}

#result .titolo {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  text-decoration: none;
  background-color: #FFFFFF;
  width: auto;
  border: 1px solid Gray;
  color: #000000;
  float: none;
  padding: 2px 5px;
}

#cosacercata {
  width: 100%;
  padding-left: 5px;
}
#riga{
  clear:both;
  float:left;
  width: 90%;

}
#cope {
  float: left;
  width: 130px;
  position:inherit;
  padding: 5px 0 0 0;
}
#edizio {
  
  color: #333333;
  width: 540px;
  float:right;
  padding: 5px 0 0 0;
}
#edizio2 {
  padding: 0px 0 5px 0;
}

#inbasket {
  float: right;
  padding: 8px 5px 05px ;
}
#result_bot {
  float: left;
}
#result_cod {
  font-size: 9px;
float: right;
}
#riga_comp {
  width:100%;
  font-size: 14px;
  /*padding: 0px 0 3px 0;*/
  border-top-color: rgb(204,204,204);
  border-top-style: solid;
  border-top-width: 1px;
overflow: auto;
position: inherit;
}
#riga_comp_autit {
  float: left;
}
#riga_comp_pr {
  float: right;
}

#riga_comp2 {
  font-size: 11px;
  padding: 0px 0px 5px 20px;

}

#riga_comp2 form{
  float: right;

  display: inline;
}


#paginazione {
  width: 100%;
  float:left;
}
#paginazione_r {
  width: 70%;
  float:right;
  padding-top:5px;
  padding-bottom: 5px;
  text-align:right;
}
#paginazione_r .paginate {
background-color:white;
margin-top:4px;
border-color: rgb(204,204,204);
  border-style: solid;
  border-width: 1px;
}
#paginazione_r .current {
background-color:white;
color:black;
margin-top:4px;
  border-color: rgb(204,204,204);
  border-style: solid;
  border-width: 1px;
}
#paginazione_l {
  width: 30%;
  float:left;
  padding-top:10px;
  padding-bottom: 5px;
  font-size:11px;
  font-style:italic;
}
.paginazione_this {
  font-size: 10px;
  color: Black;
}
#price {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 10%;
  position: relative;
  left: auto;
  float: right;
  padding: 10px 0 5px 0;
}
#price .price {
  font: bold;
float: right; 
}
.campiform {
  width: 98%;
  font-family: verdana, tahoma, arial;
  color: black;
  font-size: 10.75px;
  border-style: solid;
  border-color: #006699;
  border-width: 0px;
  background: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #E099FB;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  padding: 8px 0;
}
#basket {
  clear: right;
  float: right;
  width: 220px;

}
.buttonord {
  background-color: Black;
  padding: 0 3px 0;
  color: white;
  border: 2px groove Silver;
  font-size: 14px;
  cursor:pointer;
}
.buttonord_min {
  background-color: rgb(235,235,235);
  color: black ;
  font-size: 11px;
  cursor: pointer;
  border: 1px solid silver;
}

.smallwhite1 {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: White;
  background-color: Black;
  padding: 0 3px 0 ;
}
.smallwhite2 {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;

}
#searchaut {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
  padding: 10px;
  border: 1px solid #708090;
 overflow: auto;
 width: 100%;
}

#notfound {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
  width: 100%;
  padding: 10px;
  border: 1px solid #708090;
  padding: 0 0 15px;
}
#helpcat{
  font-size: 12px;
}

#newshead{ /* titoli delle news */
  font-size: 12px;
  padding-top: 8px;
  padding-left: 3px;
}
#newshead h2{
  font-size: 12px;
  text-decoration: underline;
  font-weight: bold;
  padding: 0 0 0 0;
}
#newshead .readmore{
  font-size: 9px;
  font-stretch: condensed;
  font-style: italic;
}
#scrollable {
    /* required settings */
    position: inherit;
    overflow: hidden;
    /*width: 690px;   
    height: 190px;  custom decorations */
    padding: 8px 12px;
    border: 0px outset #ccc;
    margin: 0 3px;
  }
#scrollable  .diva {
    float: left; /* custom decoration */
    text-align: center;
    width: 170px;
    padding: 0px 0px;
    font-size: 12px;
    font-family: 'bitstream vera sans';
    border: 1px outset #ccc;
    background-color: black;
    margin-right: 5px;
    color: white;
    position: inherit;
    -moz-border-radius: 5px;
  }
  
  .js #tabs {display: none;}
  
 select   {
font-size: 12px;
} 

/*note su ricerche*/
.comment {
  width: 500px;
	background-color: #f0f0f0;
	margin: 10px;
  display:none;
   
}
a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;

}