/* stili generali */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.style-row {
    display: contents;
}
.corpo-article,
.main-container {
    background-color: #FFF;
}
.breadcrumb {
	margin-top: 10px;
	margin-bottom: 10px;
}
.title-previsioni h1 {
	text-transform: uppercase;
}
.advc {
	padding-top: 10px;
	background-color: #FFF;
	min-height: 95px;
}
#block-views-articoli-home-new-block-2 .google-auto-placed,
#block-views-articoli-home-new-block-7 .google-auto-placed,
#block-views-articoli-home-new-block-1 .google-auto-placed,
#block-views-articoli-home-new-block-8 .google-auto-placed,
.video-tv .google-auto-placed {
    display: none;
}
.cg {
	padding:5px;
}
.testata {
    background-color: white;
}
@media (max-width: 991px) and (min-width: 780px) {
.n-sm {
    display: none !important;
}
}
@media (min-width: 992px) {
.s-sm {
    display: none !important;
}
}
@media (max-width: 781px) {
.s-sm {
    display: none !important;
}
}

@media (min-width: 1200px) {
.container {
    width: 1028px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px)  {
.container {
    max-width: 1028px !important;
	width: 100% !important;
}
}
@media (min-width: 768px) and (max-width: 991px)  {
.container {
    width: 100% !important;
}
}

#page-container {
    box-shadow: 0 5px 10px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 5px 10px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,.5);
}
@media (min-width: 768px) {
aside {
	max-height: 1940px !important;
}
}
.sidebar-adv {
	padding-top: 10px;
}
.col-giu-header {
	background-color: #FFF;
}

@media (max-width: 991px) {
.col-giu-header {
	display: none;
}
}

.title-blu-max span,
.title-blu span {
    display: inline-block;
    background: #fff;
	padding: 0 10px;
}
.title-blu-max,
.title-blu {
	z-index: 1;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
	color: #296DB6;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	letter-spacing: 1px;
	padding: 5px;
}
.title-previsioni h1 {
	margin-top: 0px;
    margin-bottom: 0px;
	font-size: 24px;
}
.title-previsioni h2,
.tl-ru h2 {
	margin-top: 0px;
    margin-bottom: 6px;
	font-size: 20px;
	text-align: left;
	font-weight: 600;
}
.title-previsioni h3,
.tl-ru h3 {
	margin-top: 3px;
    margin-bottom: 3px;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
}
.title-previsioni h4,
.tl-ru h4 {
	margin-top: 3px;
    margin-bottom: 3px;
	font-size: 12px;
	font-weight: 200;
}
.title-previsioni {
   	border-left: 6px solid #296db6;
    margin-left: 5px;
	margin-right: 5px;
	background-color: white;
	margin-bottom: 2px;

}
.tl-ru {
	margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #333;
    padding-left: 8px;
}
.tl-blu-n {
    line-height: 1.2;
	padding-left: 10px;
}
.tl-sub-n  {
    line-height: 1.4;
	padding-left: 10px;
}


@media (max-width: 991px) {
.title-blu {
	font-size: 12px !important;
}
.title-blu-max {
	font-size: 14px !important;
}
.h1, h1 {
    font-size: 26px !important;
}
.h3, h3 {
    font-size: 20px !important;
}
}
.title-blu {
	font-size: 16px;
}
.title-blu-max {
	font-size: 18px;
}

.title-blu-max:after,
.title-blu:after {
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    margin-top: -1px;
    border-bottom: 1px solid #296DB6;
}

article.news {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
/* sezione servizi */

.pk a {
    color: #333;
    cursor: pointer;
}
.mtapps .title a {
	color: #333;
	cursor: pointer;
	font-weight: bold;
}
.link a {
    color: #333;
    cursor: pointer;
	font-weight: bold;
	font-size: 11px;
}
.mtapps .title {
    font-size: 16px;
    margin-bottom: 5px;
    margin-bottom: .5rem;
}
.mtapps h2 {
    margin-top: 0px !important;
}
.mtapps p {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 10px;
}
.mtapps {
    padding: 0 10px 0 10px;
}
.mtapps .fab,
.mtapps .fas {
    font-size: 30px;
}
.elenco-pk {
    -webkit-column-count: 2;
    column-count: 2;
	padding: 0px;
}
.elenco-pk li {
	list-style-type: none;
}
.mtapps ul li a:before {
    display: block;
    width: 100%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}
/* titoli sezioni */
.ts-blu span {
    display: inline-block;
    background: #296DB6;
	padding: 5px 10px;
}
.ts-blu {
	z-index: 1;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 1px;
	padding: 5px;
	font-size: 14px;
}
.ts-blu:after {
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    margin-top: -1px;
    border-bottom: 1px solid #296DB6;
}
/* contatti sito */
.contact-form {
    padding: 10px;
}

/* articolo settimana + rubriche */

.articolo-settimana,
.rubriche {
    padding-top: 20px;
}
.contenuto-rubrica {
    padding-right: 5px;
    padding-left: 5px;
}
.rubriche .title-list a {
    color: #000;
    text-decoration: none;
}
.rubriche .title-list a:hover {
    color: #666;
}

.articolo-settimana .title-list {
    padding-top: 10px;
    padding-bottom: 15px;
}
/* footer */
.footer-rubriche {
	background-color: #e7e7e7;
}
.footer-article {
	padding-top: 10px;
	background-color: #FFF;
}
.footer {
	background-color: #005594;
	font-weight: bold;
	color: #FFF;
	margin-top: 0px !important;
	padding-left: 15px;
	padding-right: 15px;
}
.footer-rights {
	padding-top: 15px;
}
.lf {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
	margin-top: 20px;
}
.lfm li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
.lfm a {
	color: #FFF;
}
.lfm a:hover {
	color: #FFF;
	text-decoration: underline;
}
.footer-list-home {
    -webkit-column-count: 3;
    column-count: 3;
    list-style: none;
    margin: 25px 10px 30px;
    padding: 0;
    -webkit-column-rule: 2px solid #000;
    column-rule: 2px solid #000;
}
.footer-list-home a {
    color: #000 !important;
    text-decoration: none;
}


/* previsioni testuali home page */
.content-articoli {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
.content-articoli .wx-module-header a {
	color: #404051;
	font-size: 20px;
}
.content-articoli h1, .content-articoli h4 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
	font-weight: bold !important;
    line-height: 1.0;
}
.previsioni-oggi {
    float: left;
}
.data-articoli,
.boxPrimoPiano h6 {
	font-size: 14px;
	font-weight: bold;
}
#previsioni h4 a {
	pointer-events: none;
    cursor: default;
}

.head-news {
	height:36px;
}

/* header */
.div-logo img {
	max-width: 200px;
	width: 100%;
}
.div-logo {
	padding: 20px;
	background-color: #FFF;
	height: 100px;
}
.div-search {
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
}
.bk-search {
	height: 100px;
	background-image: url(https://www.meteogiuliacci.it/img/mondo-2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: white;
}

@media (max-width: 700px) {
.bk-search {
	height: 80px;
	background-color: white;
	background-image: none;
}
.div-logo {
	padding: 10px;
	background-color: #FFF;
	height: 80px;
	display: table;
}
.dl {
    vertical-align: middle;
    display: table-cell;
}
.div-search {
	padding-top: 17px;
	padding-left: 10px;
	padding-right: 10px;
}
}
.div-col-giu img {
	height:100px;
}

/* stili previsioni home page */

.cartina-previ-nazionali img {
    max-width: 100%;
    box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
}
.grkts-home {
    background-color: #e0dfdf;
	padding-bottom: 10px;
}
.giorni15,
.feriale  {
	margin-bottom: 10px;
	margin-top: 3px;
}
.giorni15 a:hover,
.feriale a:hover {
	text-decoration: none;
}
.giorni15 a {
	font-weight: bold;
	color: #D93600 !important;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #D93600;
	padding-bottom: 5px;
	text-transform: capitalize;
}
.feriale a {
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #337ab7;
	padding-bottom: 5px;
	text-transform: capitalize;
}
.kts-home,
.kt-home {
	margin: 5px;
	padding-top: 1px;
}



/* stili barra laterale destra */
.lista_temperature {
	padding-top: 10px;
	padding-left: 10px;
}
.lista_temperature ul,
.lista-temp-reg-comunali ul {
	padding-left: 0px;
}
.articoli-anteprima {
	margin: 6px;
	padding-bottom: 5px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.v-tv .views-row-last .articoli-anteprima,
.video-tv .views-row-last .articoli-anteprima {
	border-bottom-style: none;

}
.spazio10ds {
	padding: 5px;
}
.spazio15ds {
	padding: 10px;
}
.articoli-data {
    float: left;
	padding-right: 5px;
}
.articoli-anteprima .categoria,
.data-articoli {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.corpo-articolo .categoria {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.corpo-articolo .categoria a {
    color: #666;
}
.bt-a {
    background: #f2ad58;
    background: -webkit-linear-gradient(top,#f6c88f,#ed9220);
    background: linear-gradient(to bottom,#f6c88f,#ed9220);
    border-color: #ca7c1b #be751a #a56616;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 0;
    text-decoration: none!important;
    vertical-align: middle;
	display: inline-block;
}
.bt-c a {
	background-color: transparent;
	border: 0;
	font-size: 13px;
	line-height: 29px;
	margin: 0;
	outline: 0;
	white-space: nowrap;
	color: #000;
	}
.bt-c {
    margin-top: 10px;
    margin-bottom: 10px;
}
.bt-t {
	text-align: center;
	padding-left: 10px;
    padding-right: 15px;
}
.corpo-articolo h3 {
    margin-top: 10px !important;
}
#previsioni .data-articoli {
	padding-bottom: 10px;
}
.articoli-anteprima .categoria a,
.data-articoli .categoria a {
	color: #666;
}
.articoli-anteprima .title  {
	font-size: 16px;
	font-weight: bold;
}
.articoli-anteprima .title,
.articoli-anteprima .strillo  {
    padding-bottom: 10px;
    padding-top: 10px;
}
.articoli-lista .articoli-anteprima .strillo {
    padding-top: 0px !important;
}
.articoli-anteprima .title a,
.articoli-anteprima .title-list a {
	color: #000;
	text-decoration: none;
}
.articoli-anteprima .title a:hover,
.articoli-anteprima .title-list a:hover {
	color: #666;
}
.articoli-anteprima .articoli-immagini img,
.webcam-home img {
    max-width: 100%;
    box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
    max-height: 200px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.webcam-home img {
	margin-bottom: 10px;
    margin-top: 12px;
}
.articoli-anteprima .user-picture {
    float: left;
	padding-right: 5px;
	max-width: 40px;
}
.articoli-anteprima .nome-utente {
    padding-top: 9px;
}
.articoli-anteprima .nome-utente a {
	color: #000;
	text-decoration: none;
}
.articoli-anteprima .autore {
    height: 40px;
    margin-bottom: 10px;
}
.etichetta-previauto {
    float: left;
    padding-right: 3px;
}
.articoli-lista .articoli-immagini {
    margin-right: 12px;
	margin-bottom: 12px;
}

.articoli-lista {
    margin: 10px;
}
.title-list h3 {
    margin-top: 5px;
    margin-bottom: 5px;
	font-size: 20px;
}
.sa img {
	max-width: 100%;
}

/* stili articoli full */
.corpo-articolo {
    padding: 10px;
}
.corpo-articolo h1 {
    margin-top: 0px;
}
.colonna-meta  {
    padding: 10px;
}
.panel.date {
    text-align: center;
}
@media (max-width: 767px) {
.col-dispnone,
.breadcrumb {
	display: none;
	}
}
@media (min-width: 768px) {
.col-dispok {
	display: none;
}
}
.panel.date h6,
.panel.date h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.articolo-full .user-picture {
    float: left;
	padding-right: 5px;
	max-width: 40px;
}
.articolo-full .nome-utente {
    padding-top: 9px;
}
.articolo-full .nome-utente a {
	color: #000;
	text-decoration: none;
}
.articolo-full .autore {
    height: 40px;
    margin-bottom: 10px;
}
.articolo-full p img  {
	max-width: 100%;
    max-height: 450px !important;
    width: auto !important;
	height: auto !important;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
}
.articolo-full .articoli-immagini img  {
	max-width: 100%;
    max-height: 450px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
}
.articolo-full .articoli-immagini img:hover  {
	border: 1px solid #039;
}
.categoria-previauto a {
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
}
.categoria-previauto a:hover {
	text-decoration: underline;
}
.fonte {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666;
	font-weight: bold;
}
.tags-articolo .field-item {
	background-color: #296DB6;
	float: left;
	margin: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.tags-articolo .field-item:hover {
	background-color: #005692;
}
.tags-articolo .field-label {
	margin-top: 4px;
	margin-bottom: 4px;
}
.tags-articolo .field-item a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

.addthis_inline_share_toolbox {
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 170px;
}
.fb_iframe_widget_fluid_desktop iframe {
    width: 100% !important;
}
/* stili video */
.video-tv {
	background-color: #E7E7E7;
	padding: 10px;
}
.v-tv {
	background-color: #FFF;
	padding: 10px;
}
.v-tv-titolo,
.video-tv-titolo {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.playlist-titolo {
	font-weight: bold;
}
.v-tv .autore,
.video-tv .autore {
    margin-top: 10px;
}
.embed-responsive-16by9 {
    box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0px 1px 0px rgba(0,0,0,.5);
}
.video-principe, .video-tv-titolo {
    padding-left: 5px;
    padding-right: 5px;
}
/* stili Casella Ricerca */

.barra-ricerca-ste input {
height: 40px;
width: 355px;
margin-top: 30px;
padding-left: 10px;
color: #808080;
font-size: 15px;
line-height: 18px;
outline: medium none;
font-weight: 400;
text-transform: uppercase;
border: 3px solid #4E76AA;
}
@media (max-width: 767px) {
	.search-form-block-wrapper {
	width: 100%;
	margin-left: 0px;
	}
	.region-ricerca-top .form-item {
	height: 103px;
	padding-left: 0px !important;
	background-image: none !important;
}
.node-article .field-name-field-strillo {
	padding-bottom: 20px;
	padding-top: 20px;
}
}
@media (max-width: 400px) {
.barra-ricerca-ste input {
width: 100% !important;
}
}
.region-ricerca-top .form-item {
	height: 103px;
	width: 450px;
	padding-left: 100px;
	background-image: url(../img/bg_src_top.png);
	background-repeat: no-repeat;
}
.region-ricerca-top .form-item-search-block-form {
	float: left;
}

.region-ricerca-top {
	padding-bottom: 10px;
	padding-top: 0px;
	}
.region-ricerca-top .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 26px !important;
}
.region-ricerca-top .hr-bold-main {
  margin-top: 12px;
}


/* video home */
.video-tv-playlist .articoli-immagini {
	text-align:center;
}
@media all and (max-width:767px) {
.video-tv-playlist .articoli-immagini {
	padding-bottom: 10px;
}
}
.video-tv-playlist {
	padding-left: 10px;
	padding-right:10px;
}
.video-tv-playlist .categoria {
	padding-bottom: 5px;
	padding-top: 5px;
}
.video-tv-playlist .title-playlist {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
    font-weight: bold;
	color: #000;
    text-decoration: none;
}
.video-tv-playlist .title-playlist a {
	color: #000;
    text-decoration: none;
}
.video-tv-playlist .title-playlist a:hover {
	color: #666;
}
.video-js {
	width: 100% !important;
}
.content-video {
	background-color: #4E76AA;
	margin-top: 15px;
  margin-bottom: 27px;
  padding-bottom: 10px;
}
.content-video h2 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: #FFF;
	line-height: 1.4;
}
.content-video h2 a {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.content-video h2 a:hover {
	color: #FA8700;
	}
aside .node-video .description {
  text-align: center;
}
.region-video-sx {
	padding-right: 5px;
	padding-left: 10px;}

@media all and (max-width:600px) {
.region-video-dx {
	padding: 30px;
	}
}
.meteoselfie .videomini {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 17px;
}
.video-archivio .videomini {
    height: 45px;
}
.meteoselfie .videomini a {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	}
.meteoselfie .videomini a:hover {
	color: #FA8700;
	}
.meteoselfie .videomini img {
  height: auto;
  width: 100%;
}
.data-pubblicazione {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	}
.video-archivio {
	  padding: 15px;}
.video-page-title {
	color: #fff;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.video-page img {
	margin-bottom: 10px;
  	margin-top: 10px;
  	width: 100%;
  	height: auto;
}
.nome-utente {
	font-size: 14px;
	font-weight: normal;
}
.region-video-stagionale {
	padding: 15px;}

/* stili webcam home */

.gu-inner {
  -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 3px;
  box-shadow: rgba(0,0,0,0.15) 1px 1px 3px;
  margin-top: 15px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin: 10px;
}
.view-id-webcam .gu-inner img {
  height: 100px;
  width: 100%;
  background-image: url("../img/loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
.view-id-webcam .gu-inner img {
  height: 255px;
}
}
@media (min-width: 630px) and (max-width: 767px) {
.view-id-webcam .gu-inner img {
  height: 220px;
}
}
@media (min-width: 500px) and (max-width: 629px) {
.view-id-webcam .gu-inner img {
  height: 185px;
}
}
@media (min-width: 400px) and (max-width: 499px) {
.view-id-webcam .gu-inner img {
  height: 135px;
}
}
.gu-inner .titilewebcamhome {
	font-size: 11px;
	font-weight: bold;
	height: 45px;
	padding: 5px;
	line-height: 18px;
	text-align: center;
}
.gu-inner .titilewebcamhome-g {
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  padding: 5px;
  line-height: 18px;
}
.gu-inner .locwebcamhome {
	text-align: center;
	font-size: 10px;
	font-weight: 400;
	padding: 5px;
	height: 40px;
	line-height: 18px;
	font-style: italic;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.gu-inner .locwebcamhome a {
	color: #069;
}
.gu-inner .locwebcamhome-g {
	text-align: center;
	font-size: 10px;
	font-weight: 400;
	padding: 5px;
	height: 30px;
	line-height: 18px;
	font-style: italic;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.gu-inner .locwebcamhome-g a {
	color: #069;
}


/* webcam */

.wedcam-stile-page .gu-inner img {
  height: 170px;
  padding: 5px;
  width: 100%;
  background-image: url("../img/loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.barra-3 {
  background: #E8E8E8;
  padding: 5px;
  font-weight: 600;
}
.webcampage .dettaglio {
  padding: 5px;
}
.webcampage .table-title {
  line-height: 1.15;
  margin-bottom: 10px;
  font-weight: 700;
}
.webcampage .tags-articolo {
  margin-top: 20px;
}
.table-striped-h>.row-table>[class*=col-]:nth-child(even), .table-striped-inverse-h>.row-table>[class*=col-]:nth-child(odd) {
  background-color: #f5f5f5;
}



/* area riservata */

.pagina-area-riservata h2, .pagina-area-riservata h4 {
	padding:15px;}
.area-riservata-contenuti {
  font-size: 16px;
  font-weight: lighter;
  text-decoration: none;
  background-color: #b3c1c6;
  padding: 10px;
  border-radius: 4px;
  margin: 20px;
  text-align: center;
}
.area-riservata-contenuti:hover {
	background-color: #96A8AF;
	transition: all 300ms linear 0ms;
	border-radius: 4px;
}
.area-riservata-contenuti a {
	color: #fff !important;
	font-weight: bold;
}
div.status {
	border-color: #999 !important;
	background-color: #F0F0F0 !important;
	color: #000 !important;
	margin-bottom: 40px;
}
.area-riservata .view-header {
	height:150px;}
.area-riservata td, .area-riservata th {
	padding:5px;}

.area-riservata table {
	font-size: 12px !important;
}
.area-riservata .even {
	background-color: #E4E4E4;
	}
.area-riservata .views-field-title, .area-riservata .views-field-comment-body {
	width: 550px;}

.area-riservata .views-field-field-meteo, .area-riservata .views-field-approve-comment {
	width: 200px;}
.area-riservata .views-field-name {
	width: 142px;}
.area-riservata .views-field-nothing-2, .area-riservata .views-field-nothing-1 {
	width:210px}
.area-riservata .views-field-field-link {
	width: 530px;}
.region-ricerca-riservata h4 {
	padding:15px;}
.region-ricerca-riservata .block-facetapi {
	width: 20%;
	float:left;
	padding: 3px;
	}
.region-ricerca-riservata .facetapi-facetapi-checkbox-links {
	overflow: auto;
 	height: 185px;
	}
.region-ricerca-riservata .block-facetapi a {
	font-size: 12px;
	}
.area-riservata .view-grouping-header {
	background-color: #006;
	padding: 10px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.area-riservata caption {
	background-color: #900;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
.area-riservata-page-nascosta {
	display:none;}

.region-area-riservata .block-user {
	margin: 30px;
	padding: 10px;
	}
.region-area-riservata label {
	width: 200px;
}


/* stili foto */
.node-foto .field-name-field-foto img {
	width: 100%;
	height: auto;
	border: 1px solid #FFF;
	}
.node-foto {
	background-color: #4E76AA;
	color: #FFF;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	}
.node-foto a {
	color: #FFF;
	}
.node-foto a:hover {
	color: #FA8700;
	}
.node-foto .dati-foto {
	padding: 10px;
	}
.area-titolo-foto {
	height: 40px;
	}
.titolo-foto {
	font-size: 10px;
	font-weight: bold;
	background-color: #EEE;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

.comune-foto {
	font-size: 10px;
	font-weight: bold;
	background-color: #EEE;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-style: italic;
	}
.puntatore-maps {
	background-image: url(https://www.meteogiuliacci.it/meteo/img/maps01.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 40px;
	margin-top: 10px;
    margin-bottom: 10px;
	}
.body-foto {
	color: #FFF;
	margin-top: 10px;
    margin-bottom: 10px;
	margin-right: 10px;
	}
.padding-basso {
    margin-bottom: 10px;
	}
.padding-top {
    margin-top: 10px;
	}



/* stili newsletter */

#edit-submitted-nome-cognome, #edit-submitted-e-mail-newsletter-email-address, #edit-submitted-nome-cognome--2, #edit-submitted-e-mail-newsletter-email-address--2 {
	width:100%;}
@media (max-width: 991px) {
.block-webform {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;}
}
.webform-client-form input[type="submit"] {
	background-color: #FFF;
	border: 3px solid #4e76aa;
	width: 100%;
	color: #000 !important;
	margin-top: 10px;
	}
.webform-component-managed_file .form-submit {
	display:none;
	}
/* informativa cookie */
#cookieChoiceInfo {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4E76AA;
	}
#cookieChoiceInfo a {
	color: #FFF;
	background-color: #4E76AA;
	padding-right: 4px;
	padding-left: 4px;
	}
#cookieChoiceInfo a:hover {
	color: #FA8700;
	}


/* BOTTONI */
.bottone-partecipa {
	background-color: #4E76AA;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	}
.bottone-partecipa:hover {
	background-color: #446591;
	transition: all 300ms linear 0ms;
	}
.bottone-partecipa a {
	color: #FFF;
	font-weight: bold;
	}
.bottone-partecipa a:hover {
	color: #FA8700;
	font-weight: bold;
	}

/*WRF*/

.stilemappe {
	width:100%;
	height:auto;
	}
.tabellawrf {
	margin: 20px;
	}
.tabellawrf .mappewrf {
	width: 100%;
	height:auto;
	max-width: 710px;
	}
.tabellawrf .selettorimappe {
	padding: 5px;
	font-size:11px;
	font-weight:bold;
	}
.tabellawrf .btn-default {
	padding: 2px;
    margin: 2px;
    width: 32px;

	}
.tabellawrf .selected {
	background-color: #4E76AA;
    color: #FFF;
	}

.mappe-home {
    padding: 2px;
    border: solid 1px #AAA;
}
.box-mappe-home {
    padding: 5px;
}
.box-mappe-home-c {
    padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	display: block;
}
.box-mappe-home-c .col-md-4, .cartinaprevihome .col-md-4 {
    margin-bottom: 0px;
}
.etichettamappe {
	font-weight: bold;
	color: #4E76AA;
	background-color: #FFF;
}
.mappehomeprecipitazioni .boxhome, .mappehomeprevisioni .boxhome {
    padding: 15px;
}

/*VIDEO 19-6*/
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
