body {
     font-size: 14px;
     font-family: 'verdana', serif;
     color: #008000;
     background-color:#ffffff;
}
 .line3 {
     border-top: 1px solid #ff9900;
     margin: 5px 0;
     width: 100%;
}
.tondo {
   border-radius:50%;
}
.tondino {
   border-radius:30%;
}
.big{
font-size:16px;
}
.bigbig{
font-size:22px;
line-height: 1.6;
}
.ombra{
	box-shadow: 2px 2px 2px #888888;
}
.imgcentro{
margin: 0 auto;
}
/* ----------------------------------------*/
#conttest {
position: relative;
width:330px;
margin: 0 auto;
font-size:15px;
line-height:20px;
background-color:white;
border:1px solid #800000;
padding:5px;
display:none;
}
#contscelta {
position: relative;
width:330px;
margin: 0 auto;
font-size:15px;
line-height:20px;
padding:5px;
}
#domande{
	/*display:none;*/
}
.dei:hover{
background-color:#800000;
}
.risposte{
width: 280px;
height:39px;
border: 2px solid red;
background-image: url("egitto/domanda.jpg");
padding-left: 50px;
padding-top: 10px;
font-size: 16px;
border-radius: 3px;
color:black;
cursor:pointer;
}
.risposte:hover{
border: 2px solid black;
}
#es{
text-align:center;
}
.smi {
visibility: hidden;
}
/* ----------------------------------------*/
#controllo{
position:fixed;
right: 0px;
top:0px;
width:200px;
background-color:#000;
color:yellow;
z-index:998;
visibility:hidden;
}
#fine{
position:fixed;
right: 0px;
top:0px;
width:250px;
height:20px;
text-align:center;
font-weight:bold;
background-color:#000;
color:yellow;
z-index:998;
visibility:hidden;
}
#sorriso{
position:fixed;
right: 10px;
top:50px;
z-index:998;
visibility:hidden;
}
#es{
text-align:center;
}
/* ----------------------------------------*/
#contegitto{
position: relative;
width: 330px;
background-color:#ffffff;
margin: 0 auto;
}
#mioCanvas {
position: relative;
width:330px;
height:164px;
margin: 0 auto;
}
#cs{
position:absolute;
left:0px;
top:0px;
z-index:1;
}
#pira{
position:absolute;
left:0px;
top:0px;
z-index:5;
}
.alto{
position:absolute;
width:10px; 
height:10px;
background-color:red;
border-radius:50%;
z-index:2;
}
.basso{
position:absolute;
width:5px;
height:5px;
background-color:black;
border:1px solid red;
visibility:hidden;
z-index:2;
}
#regina{
position:absolute;
left:30px;
top:30px;
width:70px;
visibility:hidden;
z-index:2;
}
#far{
position:absolute;
left:240px;
top:10px;
border:1px solid red;
border-radius:50%;
visibility:hidden;
z-index:3;
}
.rispostedate{
visibility:hidden;
}
#diploma{
display:none;
}
/* ----------------------------------------*/
#contviaggio{
position: relative;
width:340px;
font-size:15px;
line-height:20px;
margin: 0 auto;
}
.quadro{
opacity:0;
display:none;
}
#quadro0{
	display:inline;
	opacity:1;
}
 a {
     color: #000000;
     text-decoration: none;
     font-family: "Open Sans", sans-serif;
}
 a:hover{
     color: #ff0000;
}
 img {
     max-width: 98%;
}
.no95{
	max-width: 100%;
}
 h1, h2 {
    /* font-family: "Open Sans", sans-serif;
     font-weight: bold;
     */
     font-style:italic;
}
 #footer #scroll-top {
     position: fixed;
     z-index: 9999;
     bottom: 0px;
     right: 0px;
     margin: 0.9em;
     display: inline-block;
     padding: 0.15em 0.5em;
     border-radius: 3px;
     color: #FAFAFA;
     text-decoration: none;
     border: 1px solid transparent;
     background: #05300A none repeat scroll 0% 0%;
     letter-spacing: 1px;
     text-transform: uppercase;
}
/*-----------------------------------------*/ 
#quadretto{
     position:fixed;
     left:3px;
     top:0px;
     background-color:white;
     border:1px solid gray;
     z-index:50;
}
 #quadretto:hover{
     background-color: #e0e0e0;
     z-index:50;
}
 .fancybox-margin{
     margin-right: 17px;
}
 .sep{
     clear:both;
}
 
 .content {
     display: none;
}
 .gras {
     font-weight:bold;
}
 .imgfloat{
     float:left;
     margin:10px;
}
/* // Sudo Slider */
 #slider,#slider2,#slider3{
    width: 100%
}
/* Numeric Navigation */
 ol.numericControls {
    margin:1em 0;
    padding:0;
    height:28px;
}
 ol.numericControls li{
    margin:0 10px 0 0;
     padding:0;
    float:left;
    list-style:none;
    height:28px;
    line-height:28px;
    margin: 5px;
}
 ol.numericControls li a{
    float:left;
    height:28px;
    line-height:28px;
    background:#800000;
    color:#fff;
    padding:0 10px;
    text-decoration:none;
    border-radius:4px
}
 ol.numericControls li.current a{
    background:green;
    color:#fff;
    font-weight:bold;
}
 ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus{
    outline:none;
}
 .prevBtn{
     width:50%;
     height:40px;
     text-align:center;
     float:left;
     border-radius:4px;
}
 .nextBtn{
     width:50%;
     height:40px;
     text-align:center;
     border-radius:4px;
     float:left;
}
 .prevBtn:hover{
     background-color:#e0e0e0;
    ;
}
 .nextBtn:hover{
     background-color:#e0e0e0;
    ;
}
 #slider{
     cursor:grab;
}
 .centro{
     text-align:center;
}
 .glossario{
     font-family:verdana;
     font-size:12px;
     font-style:italic;
     color:blue;
}
 .copy{
     color:#999999;
     font-size:13px;
}
 .tag{
     font-size: 13px;
     font-weight: bold;
     color: #fff;
     background-color: #999;
     border-radius: 3px;
     vertical-align: baseline;
     white-space: nowrap;
     line-height: 11px;
     padding: 1px 3px 1px;
     margin-left: 7.5px;
     margin-bottom: 7.5px;
     text-align:center;
}
 .divider {
     height: 1px;
     overflow: hidden;
     background-color: green;
}
/* ----------------------------------------------------------------*/
/* ----------------------------------------------------------------*/
 .scrollbox {
     position: fixed;
     left: -350px;
     top: 0;
     width: 300px;
     height: 100%;
     overflow: auto;
     visibility: hidden;
     z-index: 999;
}
 .scrollbox-content {
     background-color: white;
     font-family: verdana;
     font-size: 12px;
     border-right: 1px solid black;
     border-bottom: 1px solid black;
}
 .scrollbox-content, .scrollbox:hover{
     visibility: visible;
}
 .dentrovoce{
     margin-left:10px;
     line-height: 48px;
     font-weight:bold;
}
 .voce{
     padding-bottom:5px;
     border-bottom: 1px solid #e0e0e0;
     cursor:pointer;
}
 .voce:hover {
     background-color: #e0e0e0;
     color:#558b2f;
}
 #contenitore {
     position: relative;
     width: 1330px;
     margin: 0 auto;
     font-size:15px;
     line-height:20px;
}
 .bordo{
     border:1px solid black;
}
 .rosso{
     color: red;
}
#bstart{
	width:200px;
	font-size:16px;
	font-weight:bold;
}
.but{
	width:200px;
	font-size:16px;
	font-weight:bold;
}
.bMap{
	width:150px;
	font-size:16px;
	font-weight:bold;
}
/* ----------------------------------------------------------------*/
 .main-preloader {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 999999999;
     background-color: #000;
     text-align: center;
}
 .main-preloader .main-preloader-inner {
     position: absolute;
     top: 50%;
     width: 100%;
}
 .main-preloader .preloader-percentage {
     color: #ffffff;
     margin: 0;
}
 .main-preloader .preloader-percentage span {
     display: inline-block;
     float: center;
     font-size: 50px;
}
/* ----------------------------------------------------------------*/
 @media only screen and (max-width: 1024px) {
     .scrollbox {
         position: fixed;
         left: -350px;
         top: 0;
         width: 300px;
         height: 100%;
         visibility:visible;
         overflow: scroll;
         z-index: 999;
    }
}
 @media only screen and (max-width: 736px) {
     .imgfloat{
         width: 100%;
         float:left;
         margin:0px;
    }
}
 @media only screen and (min-width: 120px) and (max-width: 1366px) {
     #contenitore{
         width:100%;
    }
}