
/*----------------------------------------------------- INIZIO PAGINA ARTICOLO -------------------------------------*/

.articolo {
margin: 5px 0 5px 0px;
border-bottom: 4px solid #e6eaec;
padding-left: 5px;
}

.articolo h3 {
font-size: 16px;
font-weight: bold;
color: #005ea6;
padding: 10px 0 5px;
}

.articolo h4 {
font-size: 14px;
font-weight: bold;
color: #005ea6;
padding: 5px 0 5px 0;
line-height: 18px;
}

.articolo p {
padding: 5px 0 15px 0;
font-size: 14px;
line-height: 18px;
}

.articolo  .dettaglio p.data, .articolo p.data a, #preview p.data {
color: #b0b2b3;
font-size: 12px;
margin: 0;
padding: 0;
}

span.ora-articolo {
display: block;
}

p.riassunto {
margin: 5px 0 0 0;
color: #005ea6;
line-height: 20px;
}

.iconav  {
background: #fff url(http://due.meteogiornale.it/bkg/illustrazione.gif);
background-repeat: repeat-x;
background-position: top left;
margin: 5px 0 0 0;
padding-top: 15px;
width: 660px;
}

ul.iconcine-sn  {
height: 1.8em;
float: left;
border-right: 1px solid #b7c0de;
width: 200px;
}

ul.iconcine-ds {
height: 1.8em;
float: right;
border-left: 1px solid #b7c0de;
width: 250px;
}

ul.iconcine-sn li {
float: left;
width: 50px;
}
ul.iconcine-ds li {
float: right;
width: 50px;
}

ul.iconcine-sn li a {
float: left;
width: 100%;
height: 100%;
line-height: .8em;
color: #000;
font-size: 10px;
text-decoration: none;
text-align: center;
}

ul.iconcine-ds li a {
float: right;
width: 100%;
height: 100%;
line-height: .8em;
font-size: 10px;
text-decoration: none;
color: #000;
text-align: center;
}

span.descr-ico {
display: block;
text-align: center;
width: 100%;
}

.dettaglio {
margin: 10px 0 0 0;
padding: 10px 0 0 0;
width: 660px;
}

.dettaglio .illustrazione {
float: left;
padding: 0 0 10px 0;
margin: 0 10px 15px 0;
background: #fff url(http://due.meteogiornale.it/bkg/notiziette-down.gif);
background-repeat: repeat-x;
background-position: bottom left;
}


.dettaglio .illustrazione img {
border: 2px solid #e6eaec;
margin-bottom: 3px;
}

.dettaglio .illustrazione p.descr-ill {
background: #fff url(http://due.meteogiornale.it/bkg/notiziette-up.gif);
background-repeat: repeat-x;
background-position: top left;
margin: 0;
padding: 15px 0 5px 5px;
color: #005ea6;
font-size: 12px;
}

.articolo .dettaglio  p {
font-size: 14px;
margin: 0;
}


/*-------------------------------------------- commenti ---------------------------------*/

p.c-nav {
padding: 0 0 10px 0;
border-bottom: 1px dashed #f60;
margin: 0 10px 20px 10px;
}

/*-------------------------------------------- link fondo pagina ---------------------------------*/

.link-articoli {
margin: 10px 0 0 0;
}

.link-articoli .menu-ultimi h4 {
color: #ff6c00;
text-transform: uppercase;
background: #fff url(http://due.meteogiornale.it/bkg/pastiglia-link-articoli.gif);
background-repeat: no-repeat;
background-position: top right;
padding: 5px 0;
margin: 0 0 0 10px;
}

.link-articoli .menu-correlati h4 {
color: #ff6c00;
text-transform: uppercase;
background: #fff url(http://due.meteogiornale.it/bkg/pastiglia-link-correlati.gif);
background-repeat: no-repeat;
background-position: top right;
padding: 5px 0;
margin: 0 0 0 10px;
}

.menu-ultimi {
width: 322px;
float: left;
}

.menu-correlati {
width: 322px;
float: right;
}

.link-articoli .art {
background: #fff url(http://due.meteogiornale.it/bkg/link-articoli.gif);
background-repeat: repeat-x;
background-position: top left;
height: 250px;
}

.link-articoli h6 {
margin: 0;
padding: 0;
border: none;
}

.link-articoli h6 a {
margin: 15px 10px 10px 10px;
color: #039;
text-transform: none;
font-size: 14px;
line-height: 16px;
float: left;
border: none;
text-decoration: none;
}

.link-articoli .art img {
float: left;
margin: 0 5px 0 10px;
border: 1px solid #e6eaec;
}

.art p.link-fondo {
margin-left: 105px;
}

/*-------------------------------------------- form commenti ---------------------------------*/

.commento, .commenti {
margin: 15px 0 10px 0;
color: #333;
border: 4px solid #e6eaec;
}

.interno {
background: #fff url(http://due.meteogiornale.it/bkg/commento.gif);
background-repeat: repeat-x;
width: 648px; 
border: 2px solid #fff;
}

.commento h4, .commenti h4 {
color: #005ea6;
text-transform: uppercase;
padding: 10px;
font-size: 12px;
}

form#modulo {
margin: 0;
padding: 0 5px;
background: #fff;
}

.camposn {
margin: 5px 0;
float: left;
width: 320px;
}

.campods {
margin: 5px 0;
float: right;
width: 290px;
}

textarea {
overflow: hidden;
border: 1px solid #005ea6;
width: 340px;
font-size: 13px;
height: 158px;
}

.commento p.caratteri {
font-size: 11px;
color: #3b83bb;
}

.commento label {
font-size: 13px;
color: #005ea6;
}

.commento input {
width: 280px;
border: 1px solid #005ea6;
margin: 5px 0 10px 0;
font-size: 13px;
}

.security {
width: 290px;
float: right;
margin: 5px 0 2px 0;
}
.security label {
margin-top: 8px;
font-size: 13px;
width: 100px;
float: left;
}

.security input {
width: 70px;
margin: 5px 5px 40px 5px;
float: left;
}

.campo-privacy input {
width: 10px;
border: none;
margin: 5px 0 0 0;
float: left;
}

.campo-privacy label {
font-size: 10px;
margin: 8px 10px 0 5px;
float: left;
width: 255px;
}

.campo-privacy label a {
color: #005ea6;
}

span.arancio {
color: #ff6600;
font-weight: bold;
}

span.consenso {
text-transform: uppercase;
font-size: 10px;
}

.pulsante {
text-align: left;
margin: 5px 0 0 0;
}

.pulsante input {
font-weight: bold;
padding: 0 2px;
font-size: 13px;
width: 50px;
background-image: url(http://due.meteogiornale.it/bkg/comm-input.gif);
background-repeat: repeat-x;
border: none;
border-right: 1px solid #024eac;
border-bottom: 1px solid #024eac;
font-size: 12px;
color: #003474;
} 


/* ------------------------------------ FINE PAGINA ARTICOLO ----------------------------------*/
/* ------------------------------------ INIZIO PAGINA ARCHIVIO ----------------------------------*/
.arc {
padding: 5px 0 0 0;
margin: 0;
}
.articolo.arc .illustrazione {
margin-right: 5px;
float: left;
}

.articolo.arc  p.riassunto {

padding-bottom: 5px;

color: #005ea6;
background: #fff url(http://due.meteogiornale.it/bkg/separa-archivio.gif);
background-repeat: repeat-x;
background-position: bottom left;

}


.anteprime-archivio {
background: #fff url(http://due.meteogiornale.it/bkg/link-articoli.gif);
background-repeat: repeat-x;
background-position: top left;
margin: 10px 0;
padding: 5px 0;
}

.anteprime-archivio img {
float: left;
width: 100px;
height: 80px;
margin: 5px;
border: 1px solid #e6eaec;
}

.anteprime-archivio h4 {
color: #005dba;
font-size: 16px;
margin-top: 5px;
}

.anteprime-archivio p {
margin-left: 112px;
margin-top: 3px;
}

.anteprime-archivio p.data {
font-weight: normal;
font-size: 11px;
color: #ff6600;
}

ul.paginazione {
margin-top: 10px;
text-align: right;
border-top: 1px solid #beced7;
padding-top: 5px;
width: 400px;
float: left;
}

ul.paginazione li {
background: none;
display: inline;
font-size: 13px;
color: #f60;
}

ul.paginazione li span{
padding: 2px 5px;
}

ul.paginazione a {
padding: 2px 3px;
font-size: 13px;
color: #f60;
text-decoration: none;
}

ul.paginazione a.estremo {
text-decoration: underline;
}

ul.paginazione li.current {
color: #8d8d8d;
}

ul.paginazione a:hover, ul.paginazione a:active, ul.paginazione a:focus {
}

ul.paginazione span {
color: #333;
}

p.archivio-contatore {
margin-top: 10px;
text-align: right;
color: #8a9da7;
border-top: 1px solid #beced7;
padding-top: 5px;
width: 260px;
float: right;
}
/* ------------------------------------ FINE PAGINA ARCHIVIO ----------------------------------*/
/*INIZIO PAGINA NEWS*/

h4.news-24 {
font-size: 11px;
font-weight: normal;
color: #ff6600;
margin-bottom: 5px;
}

img.img-news {
margin-left: 87px;
border: 2px solid #f2f4f5;
}

img.video-news {
margin-left: 7px;
border: 2px solid #f2f4f5;
}

ul.paginazione span.archivio {
color: #f60;
font-size: 13px;
font-weight: bold;
}

.pag-news-24 {
margin-bottom: 20px;
}

.pag-news-24 ul.paginazione {
border: none;
width: 100%;
text-align: center;
}

.pag-news-24 ul.paginazione li {
display: inline;
height: 0;
}

/*---------INIZIO PAGINA MODELLI MATEMATICI--------*/
#nav-mappe {
margin-left: 15px;
}

#ore{
background: #e7eaef;
border-top: 1px solid #769dbe;
border-bottom: 1px solid #769dbe;
width: 662px;
margin-top: 5px;
float: left;
}

ul.link-mappe {
padding: 2px 5px 0 5px;
}

ul.link-mappe li {
float: left;
width: 27px;
margin: 0 2px 2px 2px;
}

ul.link-mappe li a:link, ul.link-mappe li a:visited {
text-decoration: none;
border: 1px solid #a6b3bc;
color: #3875a2;
width: 100%;
background: #fff;
font-weight: bold;
float: left;
font-size: 11px;
padding: 2px 0;
text-align: center;
}

ul.link-mappe li a:hover, ul.link-mappe li a:focus, ul.link-mappe li a:active {
background: #3c76a8;
color: #fff;
text-decoration: none;
}

ul.link-mappe li a.current {
background: #3c76a8;
color: #fff;
}

#nav-ore {
width: 40px;
float: left;
margin: 5px 3px 0;
}

#nav-ore  a img {
border: 1px solid #b6c3cc;
margin: 0;
}

#animazione a img {
margin-top: 3px;
border: none;
}

#nav-mappe form {
float: left;
margin-top: 5px;
}

#nav-mappe form select {
width: 273px;
margin: 0 2px 2px 0;
border-top: 2px solid #808080;
border-left: 2px solid #808080;
border-bottom: 2px solid #d4d1ca;
border-right: 2px solid #d4d1ca;
color: #4073a2;
font-size: 11px;
font-weight: bold;
}

p.legenda {
text-align: center;
color: #005dbc;
font-weight: bold;
font-size: 12px;
background: #f3f4f6;
padding: 5px 0;
margin: 20px 3px 0;
width: 834px;
}

.loghi {
width: 420px;
margin: 20px auto;
}
.logo-sn {
float: left;
}
.logo-ds {
float: right;
}
/*---------FINE PAGINA MODELLI MATEMATICI--------*/
/*---------- INIZIO PAGINA ARCHIVIO MAPPE ---------*/
.articolo.arc p.riassunto.am {
color: #000;
background: #fff;
border-bottom: 2px solid #f2f4f5;
}
.articolo.arc p {
margin: 0;
padding: 0;
}
.articolo.arc p a:link, .articolo.arc p a:visited,
.anteprime-archivio p a:link, .anteprime-archivio p a:visited {
text-decoration: none;
color: #f60;
font-size: 11px;
font-weight: bold;
}

.articolo.arc p a:hover, .articolo.arc p a:focus, .articolo.arc p a:active,
.anteprime-archivio p a:hover, .anteprime-archivio p a:focus,
.anteprime-archivio p a:active {
text-decoration: none;
color: #fd9a58;
font-size: 11px;
font-weight: bold;
}

#changeModel select {
text-transform: uppercase;
}

#changeModel option {
text-transform: uppercase;
}
