html, body{
	/*	width: 870px; */	width: 100%; max-width: 100%; height: auto;
	/*	font-size: .935em;	line-height: 1.6em;	*/
	color: #000; background-color: #fff;				
	}
html, body{margin:0;border:0;padding:0;
	font-family:"Open sans",Arial, Helvetica,sans-serif;font-size:15px;line-height:19px;color:#3a3939;
/*	-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;	*/
	vertical-align:baseline;
	-webkit-tap-highlight-color:transparent}
html *{box-sizing:border-box}
body {min-width:290px;margin-top:0;overflow: hidden;}
body, body *{font-size:15px!important}
body#addcomment {min-width:unset;display:inline-block}
a { color:#000}
img[src^='star_'] { width: 20px; height: auto;}
table img[src^='star_'] { width: 14px; }
.icon, 
[class^="icon-"], *:before, *:after {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.icon-chevron-left:before { content: "\f053"; margin-right: 5px;}
.icon-chevron-right:before { content: "\f054"; margin-left: 5px; }
.disabled, 
.disabled *, 
.disabled * *, 
.disabled * * * { color: #888 !important; }
#header {width: inherit; max-width: 100%;/* margin-top:-20px; */margin-bottom:10px;border-bottom: 1px solid #5a958c; /* padding-bottom: 10px; */ display:inline-block;background: white; 
	/* position: fixed; top: 0; left: 0; */
	text-align: center}
@media(orientation:portrait){#header{margin-top:0}}
@media(orientation:landscape){#header{margin-top:-20px}}
#header a {margin: 10px 0; padding: 0 10px; font-size: 14px; line-height: 30px; 
	/*background-color:#026086;*/ color: #777; text-decoration: underline;
	display: block;	display: inline-block;}
#header a:before {width: 26px; height: 26px; margin-right: 5px; padding: 3px;
	border-radius: 5px;
	display: inline-block;
	background-color: transparent; color: #777; text-align: center;
	font-size: 16px; line-height: 20px; }
#header a.fancybox:before {content: "\f040"; }
#header a#orderbygrade:before {content: "\f163"; }
#header a#orderbydateadd:before {content: "\f073"; }
#header a:hover:before {background-color: #00B5FB; color: #fff;}
#header > SPAN { /*display: block; */font-size: 1.2em;}
@media(max-width:500px){#header > SPAN{display:block}}
#container {width: 100%; max-width: 100%; display:inline-block;/* margin-top: 100px;display:table-cell */}
#blok{display:-webkit-flex;display:flex;-webkit-flex-flow:wrap;flex-flow:wrap;}
/*			div#blok {							margin-bottom:25px;			}	*/
/*			div#blok {display: flex;				flex-flow: row;}	*/
#commento { display: inline-block;float:left}
BODY.commenti div#commento:not(:last-of-type) {margin-bottom: 10px; border-bottom: 1px solid #026086;}	
div#commento {width:100%;/*margin-bottom: 10px;*/ /*border-bottom: 1px solid #026086;*/padding-bottom:10px }
/*div#commento:not(:first-child) {border-top: 1px solid #026086;padding-top: 15px;}*/
div#commento {margin-bottom:0}
div#commento, 
div#blok {width: 100%; max-width: 100%; }	
/*div#blok {display:-webkit-flex;display:flex;-webkit-flex-flow:wrap;flex-flow:wrap }	*/
.best3 div#commento {width: 33.33333%;}
.best3 div#commento:first-of-type {padding: 0 10px 0 0;}
.best3 div#commento:nth-of-type(2) {padding: 0 10px;}
.best3 div#commento:last-of-type {border-left: 1px solid #026086 !important; border-width: 0 0 0 1px!important; padding: 0 0 0 10px!important;}
div.blok1, div.blok2, div.blok3 { float:left; width:100% }
#commento #blok div.blok1{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;padding-left:10px}
#commento #blok div.blok1 .blok3 TD{display:block;float:initial}
#commento #blok div.blok1>div:last-child{margin-bottom:10px;-webkit-order:-1;order:-1}
div.blok2{margin-top:5px;border-top:1px solid #dbdbdb;/*padding-top:5px;padding-right:10px;padding-left:20px;*/padding:5px 10px 0 20px}
.blok3 td{font-size:12px}
.blok2 .titolo{}
@media(min-width:550px){
	DIV#commento{/*padding-bottom:0*/}
/*	DIV#commento:not(:first-child){margin-top:15px} */
	div.blok1 {width:35%;/* -webkit-flex:0 0 100%;flex:0 0 100%*/}
	div.blok2 {width:65%;margin-top:0;border-top:0 none;border-left:1px solid #dbdbdb;padding-top:0;padding-left:10px;/*padding-left:10px;*//*-webkit-flex:0 0 100%;flex:0 0 100%*/}
}
@media(orientation:landscape){
	div.blok2 {border-left:1px solid #dbdbdb;/*-webkit-flex:0 0 70%;flex:0 0 70%;*/padding-left:10px}
	}
div.blok3 { display:block}
/*#addcomment div.blok3 { display:block}*/
a, LABEL{color: #5a958c;}
.blok1 {text-align: left;}
.blok1 #name {padding-top:5px;display:block;float: none; /*font-size: 1.1em; */font-weight: bold;line-height:18px}
.blok1 strong+em{padding-top:5px;display:block;color:#adadad;line-height:18px}
.blok1 > *:not(BR) {float: left}
.blok1 .label{color:black}
/*.blok2 {font-style: italic;}*/
#commento table {width:100%;border-collapse: collapse;}
/*#commento table{text-align: right;}*/
#commento table,
#commento table td {float: left}
#commento table+table td {width: 100%}
/*.new_comment_form_content table+table tr:last-child td:first-child {width: 100px}*/
#commento .autore span{font-weight:bold}
#commento table td:empty {display: none;}
#commento table td BR {display: none;}
#commento table td IMG:first-of-type {margin-left: 5px;}
#container + DIV > SPAN {background-color: #026086; color: white; }
#container + DIV > SPAN,
#container + DIV > A {margin: 0 5px; padding: 3px 5px; }
/*	@media(min-width: 532px) { #header {text-align: left; } }	*/
@media(min-width: 580px) { 
/*	div#commento:not(:last-of-type) { border: 0; } */}
.pagination {
    margin: 18px 0; padding-left: 0;
    display: inline-block; }
.pagination > li > a, 
.pagination > li > span {
    margin-left: -1px;     border: 1px solid #ddd;    padding: 6px 12px;
    position: relative;    float: left;
    line-height: 1.42857;    text-decoration: none;    background-color: #fff;	}
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
.pagination > .disabled > span, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
    border-color: #ddd;
    color: #999999;    background-color: #fff;    cursor: not-allowed;}
/*.content_sortPagiBar {margin-top: 25px;}*/
.content_sortPagiBar {margin-top: 25px;}
/*.content_sortPagiBar .bottom-pagination-content{border-top:0 none;}*/
.bottom-pagination-content {margin-top:-10px;
	border-top: 1px solid #5a958c;    /* padding: 12px 0 0; */
    text-align: center;     position: relative; 	}
.bottom-pagination-content div.pagination {max-width:100%;margin: 0;float: none;text-align: center;}
.bottom-pagination-content ul.pagination { margin: 8px 0 0; }
.bottom-pagination-content ul.pagination li { display: inline-block; float: left; }
.bottom-pagination-content ul.pagination li.pagination_previous, 
.bottom-pagination-content ul.pagination li.pagination_next { color: #777676; font-weight: bold; }
.bottom-pagination-content ul.pagination li.pagination_previous { margin-right: 10px; }
.bottom-pagination-content ul.pagination li.pagination_next { margin-left: 10px; }
.bottom-pagination-content ul.pagination li > a, 
.bottom-pagination-content ul.pagination li > span {
    margin: 0 1px 0 0; border: 1px solid; border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; padding: 0;
    font-weight: bold; display: block;}
.bottom-pagination-content ul.pagination li.pagination_previous > a, 
.bottom-pagination-content ul.pagination li.pagination_previous > span, 
.bottom-pagination-content ul.pagination li.pagination_next > a, 
.bottom-pagination-content ul.pagination li.pagination_next > span {
    border: none; padding: 4px 0;
    background: none;}
.bottom-pagination-content ul.pagination li > a span, 
.bottom-pagination-content ul.pagination li > span span {
    border: 1px solid #fff;     padding: 2px 8px;
    display: block;     background: #fbfbfb;}
.bottom-pagination-content ul.pagination li.active > span {
    border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
    color: #026086; 	}
.bottom-pagination-content ul.pagination li.active > span span { background: #f6f6f6; }
#pagination_bottom .pagination .pagination_previous SPAN,
#pagination_bottom .pagination .pagination_next SPAN,
#pagination_bottom .pagination .pagination_previous A,
#pagination_bottom .pagination .pagination_next A{padding-top:5px!important}
@media(max-width: 479px) {
	.bottom-pagination-content ul.pagination li.pagination_next,
	.bottom-pagination-content ul.pagination li.pagination_previous { width: 100%; margin: 0; }	
	.bottom-pagination-content ul.pagination li.pagination_next > *,
	.bottom-pagination-content ul.pagination li.pagination_previous > * { float: none; }
	.bottom-pagination-content ul.pagination li:nth-child(n+2):not(:last-child) { margin: 10px 5px; float: none;}}
.fancybox-overlay {background: transparent none !important; overflow: hidden!important;}
.fancybox-skin{}
div.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {top: 0!important; }
div.fancybox-skin{max-width: calc(100% - 32px);height:630px!important;background-color: #fff; }
@media(min-width:388px){div.fancybox-skin{height:490px!important;}}
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222;	}
.fancybox-skin .fancybox-close { width: 32px;    height: 32px;     top: 0 !important;    right: -32px; 
    background: none; /*    background: white;*/    color: #fff;
    font-size: 40px;    line-height: 28px;    text-align: center; text-decoration:none; }
.fancybox-skin .fancybox-close:after { content: "\f00d"; text-shadow: 3px 3px 2px #000; }
/* media: 304px = 334px - 30px (padding del documento ospite) */
/*@media(max-width: 304px) {div.fancybox-skin{padding-left: 0!important}}*/
/* media: 449px = 479px - 30px (padding del documento ospite) */
.fancybox-wrap{min-width:275px;}
div.fancybox-inner {width: 100%!important; }
div.fancybox-inner {height:inherit!important; max-width: 490px;} 
div.fancybox-outer {height:100%} 
@media(max-width: 449px) {
	div.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {width: 100%!important; }
	div.fancybox-inner {/*height: 500px!important; */max-width: 100%;}}
/* media: 499px = 529px - 30px (padding del documento ospite) */
@media(max-width: 499px) {div.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {left: 0!important;} }
@media(min-width: 450px) { 
	div.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {width: 500px!important; width: 100%!important; 
		max-width: 100%; max-width: 450px;}}
@media(min-width: 450px) and (orientation: landscape) {	}
#addcomment FORM {margin: 0}
/*#addcomment #commento {max-width: 100%; }	*/
#addcomment #commento {padding: 0 !important;}
#addcomment .new_comment_form_content {width:100%;padding:0 25px;background: #f8f8f8;display:inline-block}
#addcomment #commento table:first-child {/*max-width: 92%; max-width: calc(100% - 30px);margin-top: 10px;*/margin-bottom:10px}

#addcomment #commento table:first-child {border-bottom:1px solid #ccc}
#addcomment #commento table:first-child tr:last-child td{padding-bottom:10px}
/*#addcomment #commento table + table {margin-top: 12px;}*/
/*#addcomment #commento table td{width: 100%; }*/
#addcomment #commento table td:last-child{margin-bottom: 5px;}
#addcomment #commento table td div[class^="stars"] {float:right}
/*@media(max-width:320px){#addcomment #commento table td div[class^="stars"]{float:left}}*/
#addcomment #commento table td input,
#addcomment #commento table td textarea {/*max-width: 100%;*/max-width: 195px;height: 28px;border:1px solid #ccc;resize:none}
#addcomment #commento table+table tr:last-child td input{height:auto;border:0 none;padding:0;background:transparent;color:#5a958c;font-size:14px;line-height:17px;font-weight:400}
#addcomment #commento table td textarea {/*max-height: 3em;*/height:80px}
#addcomment #commento label[for^='star-'] {margin: 0; color: transparent; }
#addcomment #commento input[id^='star-'] {width: auto; height: auto; margin: 0; left: 0;}
#addcomment #commento table:first-child td:first-child,
#addcomment #commento table+table tr:last-child td:first-child {width: 190px}
#addcomment #commento table+table tr:last-child td+td {width: 100px}
@media(min-width:388px) {
/*	#addcomment #commento table:first-child td:first-child{width: 190px;} */
/*	#addcomment #commento table td:last-child {width: calc(100% - 190px - 10px);text-align: left;}*/
	#addcomment #commento table td div[class^="stars"] { float: left!important; }
	#addcomment #commento table td input,
	#addcomment #commento table td textarea {width: 180px; /*margin-left: 10px; */   width: 100%;		max-width: 100%; }}
div.rte + br {display:none}
span.note{display:inline-block}
.fancybox-opened{top:60px!important}
@media(max-width:365px){
	.fancybox-opened{width:95%!important;}
	.fancybox-wrap{left:5px!important}
	}
@media(min-width:366px){
	.fancybox-opened{max-width:380px}
	.fancybox-wrap{width:unset}
	#addcomment #commento table td input,
	#addcomment #commento table td textarea{max-width:100%}}*/