/* COLORI
arancio chiaro  #FFD000
arancio medio   #FFAE01
arancio scuro   #FF7E02

blu box cnt     #00388D
bordi azzurri   #82AAD4

verde scuro     #66AF02
verde chiaro    #84D020
bordo verde     #93E05A

blu sfondo      #002685
blu pagina      #001A57

testo giallo    #FFE400
testo verde     #97ee25

*/

/* barra di scorrimento miniature per lista articoli boutique */
.stepcarousel{
  position: relative; /*leave this value alone*/
  border: none;
  overflow: scroll; /*leave this value alone*/
  width: 510px; /*Width of Carousel Viewer itself*/
  height: 120px; /*Height should enough to fit largest content's height*/
  }
.stepcarousel .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
  }
.stepcarousel .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding
  panel DIV*/
  margin: 5px; /*margin around each panel*/
  width: 95px; /*Width of each panel holding each content. If removed,
  widths should be individually defined on each content DIV then. */
  height:120px;
  }
.stepcarousel .panel img{
  width:75px;
  height:75px;
}
.stepcarousel .panel a:hover img{
  border-color:#FFE400;
  }
.stepcarousel .panel table{
  width: 100%;
  text-align:center;
  }
.stepcarousel .panel table td{
  font-size:90%;  /* nomi articoli nella lista */
  }

.shopErrMsg {
  margin:30px;
  padding:20px;
  background-color:#82AAD4;
  border: solid 2px #FFFFFF;
  color:#002685;
  text-align:center;
}

/* tabella che contiene la categoria selezionata e la lista di articoli x quella categoria */
.shopArtTB {
  width: 100%;
  border:solid 1px #82AAD4;
  background-color:#001A57;
  }
.shopArtCatBox{ /* riquadro della categoria selezionata */
  background-color:#82AAD4;
  width:120px;
  height: 120px;
  }
.shopArtCatBox img{
  width:90px;
  height:90px;
  border:solid 1px #002685;
  margin-top:5px;
  }
.shopArtCatBox .catTitle{
  color:#002685;
  font-weight:bold;
  font-size:95%;
  }

#shopArtDetailsDIV {
  margin: 10px;
  }
#shopArtDetailsDIV h1{
  font-size:120%;
  font-weight: bold;
  color: Yellow;
  margin-bottom:8px;
  margin-top:0px;
}

.shopCatUL {
  }
.shopCatUL li {
  display: inline;
  padding-right:50px;
  }
.shopCatUL li table {
  border:none;
  display:inline;
  text-align:center;
  }
.shopCatUL li table tr td.botspace{
  padding-bottom:40px;
  }
.shopCatUL li a img {
  width:100px;
  height:100px;
  }
.shopCatUL li a:hover img {
  border-color:#FFE400;
  }

/* elenco categorie verticale */
.shopCatSelectorUL {
  width:120px;
  list-style-type:none;
  padding:0px;
  border: solid 1px #82AAD4;
  margin:0px;
  background-color:#001A57;
  }
.shopCatSelectorUL li table {
  border:none;
  text-align:center;
  width:120px;
  }
.shopCatSelectorUL li table td{
  font-size:90%;
  }
.shopCatSelectorUL li table td.botspace{
  padding-bottom:5px;
  }
.shopCatSelectorUL li a img {
  width:60px;
  height:60px;
  }
.shopCatSelectorUL li a:hover img {
  border-color:#FFE400;
  }
.shopCatSelectorUL li h2 {
  font-size:90%;
  font-style:italic;
}

body{
  background-color:#001A57;
  margin: 0; 
  text-align: center;
  }
* {
  font-family: Tahoma, Geneva, Helvetica, sans-serif;
  color:#ffffff;
  font-size: 12px
}
p {
  margin-top:5px;
  margin-bottom:0;
  }
a:link,
a:visited{
  color: #ffffff;
  }
a:hover,
a:focus {
  color:#FFAE01;
  }
hr {
  border: solid 1px #82AAD4;
  height:1px;
  margin-top:5px;
  margin-bottom:5px;
  }
strike {
  text-decoration:none;
  }
img {
  border: solid 1px #404050;
}

.titolo1_giallo { /* titolo principale, in giallo (come .bluebox h1) */
  font-size:120%;
  font-weight: bold;
  color: Yellow;
  margin-bottom:8px;
  margin-top:0px;
}
.titolo2_verde { /* titolo secondario, in verde (come .bluebox h2) */
  font-size:120%;
  font-weight:bold;
  color:#97ee25;
}
.testo_grande{
  font-size:130%;
}
.testo_grande_grassetto {
  font-weight:bold;
  font-size:130%;
  }
.testo_grande2{
  font-size:120%;
}
.testo_grande2_grassetto{
  font-size:120%;
  font-weight:bold;
}
.testo_piccolo{
  font-size:90%;
  font-weight:normal;
  }
.testo_giallo {
  color:Yellow;
  }
.testo_verde {
  color:#97ee25;
  }
.flottante_destra{
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}
.flottante_sinistra{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}
.flottante_annulla{
  clear:both;
  margin-top:5px;
  margin-bottom:5px;
}
.bordoblu {
  border: solid 1px #82AAD4;
  }
.bordoverde {
  border: solid 1px #93E05A;
  }
.boxverde_largintera{
  padding:10px;
  background-color:#66af02;
  border: solid 1px #82AAD4;
  margin-top:5px;
  margin-bottom:5px;
}
.boxverde_flottante_sinistra{
  width:40%;
  padding:10px;
  background-color:#66af02;
  border: solid 1px #82AAD4;
  margin-right:5px;
  margin-bottom:5px;
  float:left;
}
.boxverde_flottante_destra{
  width:40%;
  padding:10px;
  background-color:#66af02;
  border: solid 1px #82AAD4;
  margin-left:5px;
  margin-bottom:5px;
  float:right;
}
.boxblu_evidenziato {
  border: 1px solid #82AAD4;
  background-color:#001A57;
  padding:10px;
  margin:10px;
}
.linea_punteggiata {
  height:1px;
  margin:0px;
  border: dotted 1px #82AAD4;
}
.elencopuntato_quadratini {
  margin-top: 5px;
  margin-bottom:5px;
  list-style-type:square;
 }
.riquadro_evidenza {
  border:solid 2px Yellow;
  padding:10px;
  margin:20px;
}
 
 
.imggall{
   display:inline-block;
}
.dottitle{
  font-size:110%;
  font-weight: bold;
  color: Yellow;
  padding-left:20px;
  padding-bottom:5px;
  margin-bottom:5px;
  margin-top:0;
  background-image: url(images/ico_orange_dot.png);
  background-position: left top;
  background-repeat:no-repeat;
  }
.txtcolor_blue{
  color:#001A57;
}
.greenbox{
  padding:10px;
  background:#66af02 url(images/bkg_fadegreen_5x120.jpg) repeat-x bottom left;
  border: solid 1px #82AAD4;
}
.greenbox * {
  color:#002685;
  font-size:11px;
  }
.greenbox p {
  margin-top:3px;
  }
.greenbox h2{
  font-size:110%;
  font-weight: bold;
  color: Yellow;
  padding-left:20px;
  padding-bottom:5px;
  margin-bottom:5px;
  margin-top:0;
  background-image: url(images/ico_orange_dot.png);
  background-position: left top;
  background-repeat:no-repeat;
  }
.greenbox .testo_giallo{
  font-weight: bold;
  }
  
.blueboxhome{
  padding:10px;
  background:#00388D;
  border: solid 1px #82AAD4;
}
.blueboxhome * {
  font-size:11px;
  }
   
.bluebox{
  padding:10px;
  background:#00388D;
  border: solid 1px #82AAD4;
}
.bluebox h1{
  font-size:120%;
  font-weight: bold;
  color: Yellow;
  margin-bottom:8px;
  margin-top:0px;
  }
.bluebox h2 {
  font-size:120%;
  font-weight:bold;
  color:#97ee25;
}

#infobox *{
  color:Black;
  text-align:left;
  font-size:11px;
  }

/************ NEWS IN HOMEPAGE ************/
table.news_table p.titolo2_verde {
  margin-top:0px;
}
.news_homeimg{
  border: solid 1px #82AAD4;
  float:left;
  margin-right:5px;
  margin-bottom:5px; 
  margin-top:3px;
}
.news_link{
  text-align:right;
  }
.news_link a:link,
.news_link a:visited{
  margin-top:5px;
  font-size:90%;
  color:#97ee25;
  margin-right:10px;
  text-decoration:underline;
 }
.news_link a:hover,
.news_link a:focus{
  background-color:#97ee25;
  color:#FFFFFF;
}

/*************** FORM DATI *************/
.form_txt {
  font-size:12px;
  height:14px;
  color:Black;
}
.form_ddl {
  font-size:12px;
  color:Black;
}
.form_ddl option{
  color:Black;
}
.form_btn{
  color:Black;
  }
.form_txtarea {
  font-size:12px;
  color:Black;
}
.form_file {
  font-size:10px;
  color:Black;
}
.form_valsummary ul{
  margin-top:2px;
  margin-bottom:2px;
  }
.form_valsummary li{
  font-size:90%;
  color:Red;
  }
.form_valsummary{
  color:Red;
  margin-top:5px;
  margin-bottom:5px;
  border:2px solid white;
  background-color:#82AAD4;
  }

/*************** DETTAGLI IMMERSIONI *************/
table.divesite_table{
  border-collapse:collapse;
}
.divesite_table td, 
.divesite_table th {
  background-color:#001A57;
  border: 1px solid #CCCCCC;
  padding:3px;
}
.divesite_table th {
  font-weight:bold;
}
.divesite_title,
.divesite_title *{
  font-size:110%;
  font-weight:bold;
  border-bottom:1px solid #82AAD4;
}
.divesite_list option {
  color:#001A57;
}


/************ LISTINO PREZZI ************/
.pricelist th{
  font-weight:bold;
  padding:2px;
  border:solid 1px #82AAD4;
  background-color:#001A57;
  border-right:none;
  padding-bottom:3px;
  padding-top:3px;
}
.pricelist td.pz{
  background-color:#001A57;
  border-left:none;
}
.pricelist td{
  padding:2px;
  border:solid 1px #82AAD4;
}
.pricelist td.rowhead{
  padding-top:5px;
  background-color:#84D020;
  font-size:120%;
  font-weight:bold;
  padding-bottom:5px;
  color:#001A57;
}
.pricelist img.spacer{
  width:170px;
  height:1px;
}
.pricelist td.small{
  font-size:90%;
}


 
/************ FAQ ************/
.faq_title {
  margin-top:10px;
  font-size:120%;
  font-weight:bold;
  color:#a0d6ff;
  border-bottom:1px dotted #82AAD4;
}


/************ TOP MENU  ************/
.topmenutable img {
  border:none;
  }

/************ MENU CORPORATE ************/
#menucorp *{
  font-size:12px;
  }
#menucorp a:link,
#menucorp a:visited{
  text-decoration:none;
  color: White;
  }
#menucorp a:hover,
#menucorp a:focus {
  color:#FFAE01;
  text-decoration:underline;
  }
#menucorp a.sel:link,
#menucorp a.sel:visited{
  color:#FFAE01;
  }
#menucorp a.sel:hover,
#menucorp a.sel:focus {
  color:#FFAE01;
  text-decoration:none;
  }

/************ MENU PRINCIPALE SINISTRA ************/ 
#menuleft_home ul.menuleft{
  width:200px;
  }
#menuleft ul.menuleft{
  width:220px;
  }
ul.menuleft{
 text-align:right;
 margin:0;
 padding:0;
 list-style:none;
 }
.menuleft li{
 padding-top:8px;
 border-bottom: solid 1px #82AAD4;
 }
.menuleft a{
  display:block;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:3px;
  }
.menuleft a:link,
.menuleft a:visited{
  padding-right:0;
}
.menuleft a:hover,
.menuleft a:focus{
 color: #FFAE01;
}
.menuleft a.sel:link,
.menuleft a.sel:visited {
  padding-right: 20px;
  background-image: url(images/ico_orange_dot.png);
  background-position:right bottom;
  background-repeat:no-repeat;
}
.menuleft a.sel:hover,
.menuleft a.sel:focus{
  color: White;
}
.menuleft a.submenu:link,
.menuleft a.submenu:visited{
  padding-right: 20px;
  padding-top:3px;
  font-weight:normal;
}
.menuleft a.submenu:hover,
.menuleft a.submenu:focus {
  color: #FFAE01;
}
.menuleft a.submenusel{
  padding-right: 20px;
  color: #FFAE01;
  padding-top:3px;
  font-weight:normal;
}

/********* STRUTTURA DELLA PAGINA ************/
#pagewrapper{
  background-color: #002685; 
  width: 1010px; 
  margin-left: auto; 
  margin-right: auto;
  text-align:left;
  background-image: url(images/bkg_page_1010x1.jpg); 
  background-repeat: repeat-y;
  background-position: top left;
  position:relative;
  }
#menutop {
  background-color:Red;
  width:730px;
  position:absolute;
  top:0px;left:250px;
} 

#header{
  width:990px; 
  height:100px; 
  margin-left:10px;
  position:relative;
  background:#00388D url(images/bkg_fadebluetop_H100.jpg) repeat-x;
  overflow:hidden;
  }
  #headerinside{
    width:560px;
    height:65px;
    position:absolute;
    top:35px;left:420px;
    }
#contentwrapper{
  background: #002685 url(images/bkg_fadeblue_5x290.jpg) repeat-x;
  width:990px;
  float:left;
  margin-left:10px;
  border-bottom: solid 1px #000044;
  position:relative;
  }
  #menuleft_home {
    width:200px;
    float:left;
    }
  #menuleft {
    width:220px;
    float:left;
    margin-right:35px;
    }
  #content_home{
    width:580px;
    float:left;
    }
  #content{
    width:735px;
    float:left;
    }
  #homeimage{
    background: url(images/layout_06.jpg) no-repeat;
    width:210px;
    height:530px;
    float:left;
    }
  #footer{
    clear:both;
    margin-top:10px;
    }
  #infobox{
    background: #002685 url(images/bkg_infobox.jpg) no-repeat;
    height:240px; 
    width:200px;
    position:absolute;
    left:0px;
    bottom:0px;
    }
#bottomborder{
  clear:left;
  background-color:#002685;
  height:0px;
  width:990px;
}