@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap);

body {
	margin: 0;
	padding: 0;
	background-color: #E7E7DE;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
}

element {
	cursor: pointer;
	cursor: hand;
}

a {
	text-decoration: none; cursor: hand;
}
.light {
	color: #666666
}
.featureLnk {
	color: #006699
}
.featureLnk:hover {
	text-decoration: underline
}
.mapLnk {
	color: #1D64E9;
}
.mapLnk:hover {
	text-decoration: none;
	color: #797979;
}
.lectLnk {
	COLOR: #cc3300;
}
.lectLnk:hover {
	text-decoration: none;
	color: #797979;
}

.featureLnkSelect {
	color: #006699;
	text-decoration: underline;
}
.tableborder {
	border-bottom: 1px double #ff9900;
	border-top: 1px ridge #0099ff;
	border-left: 1px ridge #0099ff;
	border-right: 1px ridge #0099ff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.cornice {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #6699CC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #6699CC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #6699CC;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #6699CC;
}

.leftiny {
	float:right;
    padding:10px 10px 10px 3px;
    color: black;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    line-height:17px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,174,250,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0,174,250,1);
    box-shadow: 0px 1px 0px 0px rgba(0,174,250,1);
}

.description-top{
    padding:10px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 18px;
    
}

.title-box{
    color: white;
    background-color: #0099FF;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    width: 55px;
}
.title-col-dx {
    padding:1px 15px;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 1.8em;
    font-weight: 600;
    
    }
.subtitle-col-dx {
    padding: 5px 15px;
    color: orange;
    font-family: 'Raleway', sans-serif;
    font-size: 1.6em;
    font-weight: 600;
    text-align: center;    
    }
.issutitle-col-dx{
    padding: 5px 15px;
    color: orange;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-align: center; font-size: 1.1em; border-top: solid 1px #ccc; 
    background-color: aliceblue;
}
.title-main {
    padding: 10px 15px 5px 20px;
    color: black;
    font-family: 'Raleway', sans-serif;
    font-size: 1.6em;
    font-weight: bolder;
    letter-spacing: 0.5px;
    
    }

.title-section{
    padding: 10px 15px 5px 20px;
    color: white;
    background-color: #0099FF;
    width:582px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.6em;
    font-weight: bolder;
    letter-spacing: 0.5px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;}

.text-main{
    float:left;
    color:#FFFFFF;
    background-color: #0099FF;
    padding:8px; 
    font-family: 'Raleway', sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing:0.1em;
    line-height:1.2em;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;}

.subtitle-main {
    padding: 0px 13px;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 1.3em;
    font-weight: bolder;
    margin-top: 18px;
    }

.bluline {
    color: white; 
    background-color: #0099FF; 
    width:100%; 
    font-family: 'Raleway', sans-serif; 
    font-size: 1.6em; 
    font-weight: bolder; 
    letter-spacing: 0.5px; 
    -webkit-border-bottom-right-radius: 40px; 
    -moz-border-radius-bottomright: 40px; 
    border-bottom-right-radius: 40px;}

.title-bluline {
    padding: 20px;
    color: white;
    font-family: 'Raleway', sans-serif; 
    font-size: 1.1em; 
    font-weight: bolder;
}

.arrow{
    float: right; 
    color:indianred; 
    font-size:2.0em; 
    margin:0 -5px -5px 0; 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg);
}
.arrow-main {
    float:left;
    width: 6%;
}

.title-main{
    float:left;
    padding:10px 15px;
    color: #1D64E9;
    width: 75%;
    font-family: 'Raleway', sans-serif; 
    font-size: 1.1em;
}
.title-main:hover {
	text-decoration: none;
	color: #797979;
}

.mini-menu-homedx {
    float:right; 
    color: #1D64E9;
    text-align: right;
    width: 100%; 
    margin-top:10px; 
    padding:0px;
    font-family: 'Raleway', sans-serif; 
    font-size: 1.0em;
    font-weight: 600;
}

.mini-menu-homedx:hover {
	text-decoration: none;
	color: #797979;
}

.rightiny {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0099ff;
}

.rbnewsbox {
	border-right: 1px solid #0099ff;
	border-bottom: 1px solid #0099ff;
}

.leftbotiny {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0099ff;
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-bottom-color: #0099ff;
}
.ritebotiny {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0099ff;
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-bottom-color: #0099ff;
}

.top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0099ff;
}

.top2 {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0099ff;
}

.topritiny {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0099ff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0099ff;
}	

.bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099ff;
}
.bottom_1 {
	border-bottom-width: 2px;
	border-bottom-color: #FDD800;
	border-bottom-style: double;
}
.bottom_2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0099ff;
}
.bottom_3 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.bottop {
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #CCCCCC;
}

.botscrol {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 350px;
	border-bottom-color: #990000;
}
.rechscrol {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 157px;
	border-bottom-color: #990000;
}

.linerol {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 220px;
	border-bottom-color: #990000;
}

.dashmap {
	border-right-width: thin;
	border-color: Red;
	border-right-style: dashed;
}
.dashrite {
	border-right-width: thin;
	border-color: #999999;
	border-right-style: dashed;
}

.size{
	font-size: 9px;
	font-style: italic;
}

#size{
	font-size: 8px;
}
.textcolor{
	color: #FFFFCC;
}
h1, h2 {
	/*margin-left:10;*/
	font: 7pt Verdana, sans-serif;
	letter-spacing: 0px;
	color: #575757; /*color: #ffffff;*/
	font-weight: bold;
	vertical-align: middle;
}

h2{
	color: #ffffff;
	letter-spacing: 0px;
}

h3{
	font: 7pt Verdana, sans-serif;
	letter-spacing: 0px;
	color: #575757; /*color: #ffffff;*/
	font-weight: bold;
	vertical-align: bottom;	
}

#header {
	background-color: white;
	width: 737px;
	padding: 10px 0;
	margin:5px 0;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(176,176,176,0.5);
    -moz-box-shadow: 0px 0px 0px 1px rgba(176,176,176,0.5);
    box-shadow: 0px 0px 0px 1px rgba(176,176,176,0.5);
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}

#tab {
	background: #FFF url(http://www.oacn.inaf.it/oacweb/oacweb_images/maintab.gif) repeat-y top center;
	width: 750px;
	margin: 0 0 0 0;
	padding-bottom: 0px;
}
#footer {
	background: #FFF url(http://www.oacn.inaf.it/oacweb/oacweb_images/mainbottom.gif) no-repeat bottom center;
	width: 750px;
	border: 0;
	margin: 0 0 0 0;
	padding-top: 0px;
	padding-bottom: 4px;
}


div#controller{float:right; margin-right:10px; margin-top:4px;line-height:9px;}
div#controller a{text-decoration:none; vertical-align:baseline; border:1px solid #B81C28;
    padding:0 3px; margin:0 3px; background-color: #fff; color: #000;font-weight: bold;}
div#controller a:hover{border-color: #CCC}
div#controller a#size1{font-size: 8px}
div#controller a#size2{font-size: 10px}
div#controller a#size3{font-size: 12px}



#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */
  height:70px;
  line-height:30px;
  font-size: 11px;            /* i caratteri devono essere grandi 16 pixel */
  color: #000;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 50px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: .9;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}

#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #336699;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  /* font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 11px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  color: #eee;
}

/*iframe pub ads */

#outerdiv {
width:575px;
height:800px;
overflow:hidden;
position:relative;
}
#innerdiv {
position: absolute; left: -13px; top: -410px; clip:rect(0px 573px 2000px 10px);
}