/*
CONTENT:
01. MAIN
02. HEADER
03.form licenza
04. SCHEDA VIDEO
05.TO TOP scroll
06. LETTERE
07. CALENDARIO VIGNETTE
08. STAR RATINGS
09. SHARE
10. banner consenso
*/


@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?-n2322j');
	src:url('../fonts/icomoon/icomoon.eot?#iefix-n2322j') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.ttf?-n2322j') format('truetype'),
		url('../fonts/icomoon/icomoon.woff?-n2322j') format('woff'),
		url('../fonts/icomoon/icomoon.svg?-n2322j#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#arcoplayer_logo{
	display: none!important;
}

.icon-google-plus:before {
	content: "\ea88";
}
.icon-google-plus2:before {
	content: "\ea89";
}
.icon-facebook:before {
	content: "\ea8c";
}
.icon-facebook2:before {
	content: "\ea8d";
}
.icon-instagram:before {
	content: "\ea90";
}
.icon-twitter:before {
	content: "\ea91";
}
.icon-twitter2:before {
	content: "\ea92";
}
.icon-youtube:before {
	content: "\ea97";
}
.icon-youtube2:before {
	content: "\ea98";
}
.icon-youtube3:before {
	content: "\ea99";
}
.icon-pinterest:before {
	content: "\ead0";
}
.icon-pinterest2:before {
	content: "\ead1";
}



/*-------------
02. MAIN
--------------*/
 body {background: #f3f3f3/*url(../img/bg.png) repeat fixed*/;}
.body-white {background: #fff; box-shadow: 0px 2px 5px #7d8485;}
.btn.collapsed {background: #F2E391;}
.clearfix {clear: both;}

/*navbar*/
/**/

.ml-10 {margin-left: 10px;}
.mr-10 {margin-right: 10px;}

.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-50 {margin-bottom: 50px;}


dt, dd {
    line-height: 35px!important;
}


h1.emergency {
	color: #FF0000;
	font-size: 24px;
	margin: 20px 0 5px 0;

}

h1.emergency i {
	font-stretch: extra-condensed;
	font-size: 30px;
	
}


h1.emergency a {
	color: #FF0000;
	

}



.navbar .nav > li > a {
padding: 10px 8px;
}


.modal.large{
left: 30%;
width: 70%;

}



.navbar-inverse .navbar-inner {
    background-color: #027d88;
    background-image: linear-gradient(to bottom, #03666f, #07808B);
    background-repeat: repeat-x;
    border-color: #1296a2;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #01535a;
    color: #FFF;
}


.nav > .disabled > a,.nav-header {
    color: #dadada;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #dadada;
}


.block{
	
margin: 0 0 10px 0;	
	
}

.blogs{
	
margin: 0 0 15px 0;	
}



h4 span {font-size: 0.9em;}


.poetry {
    border: 1px solid #5D8896;
    display: block;
    float: left;
    font-size: 20px;
    margin: 5px 5px 5px 15px;
    padding: 25px 0;
    text-align: center;
    width: 140px;
}

.logosconjugator {
	background-color: transparent;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.padding-5, .padding-5 dd, .padding-5 dt { padding: 5px;}
.bdy {padding-top: 1.5em;}
.black {color: #000;}



/*-------------
 JW PLAYER CUSTOM CSS
--------------*/

/*#arcoplayer */








#arco-nextVideo {
	
	position: absolute;
	background: #000;
	top:0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	z-index: 8888;
	text-shadow: 1px 0px 0px rgba(150, 150, 150, 1);
	
}




#arco-nextVideo h4{
	
	margin-top: 50px;
	font-size: 18px;
	font-weight: normal;
	opacity: 1;

}


#arco-nextVideo h3{
	
	margin-top: 1rem;
	font-size: 1.8rem;
	opacity: 1;
	margin-bottom: 2rem;
}


#arco-nextVideo h2{
	text-align: center;
	font-size: 1.5rem;
	opacity: 1;
}





#arco-nextVideo .arco-button {
	display: inline-block;
	padding: 4px;
	text-align: center;
	
	
}



/* ANIMATION PLAY */
.play-item {
    position: relative;
  /*  float: left;*/
	opacity: 1;
	text-align: center;
}

.play-item h2 {
    text-align:center;
    position: absolute;
	color: #fff;
    line-height: 60px;
    width: 100%;
    font-size: 12px;  
	opacity: 1;
	z-index: 8888;
}

svg {
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.circle_animation {
  stroke-dasharray: 188; /* this value is the pixel circumference of the circle, in JS = initialOffset */
  stroke-dashoffset: 188;
  transition: all 1s linear;
}



/*-------------
02. HEADER
--------------*/
.header {
	margin-top: 50px; 
	padding-bottom: 5px;
	
	}

.head-clmn {
	    display: inline-block!important;
		height: auto;
		vertical-align: middle;
}

.lq-wrapper{
	text-align: center;
}

.logos-quotes {
	margin-top: 15px;
}
	
	
.logos-quotes p {

	
	
}	
	
	
.foundation {float: right;}
.header img {margin: 0 5px;}


.ui-autocomplete {
    max-height: 250px;
    max-width: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 99999;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 250px;
  }

.r-av {font-size: 11px;}
/*---------------
03. Form licenza
--------------------*/

#creativecommons {margin: 2em 1em;}
#ivb {border: none; background: transparent; color: #006666; text-align: left; margin-bottom: 2px;}
.ulogin {
background: #fff!important; 
box-shadow: inset 0px 0px 2px #636363!important;
border: solid 1px #f3f3f3!important;
}

/*-----------------
04. SCHEDA VIDEO
-------------------*/


/*schede*/
.item {
	margin: 0 0 10px 0; 
	border-top: solid 1px #EB2D26;
	line-height: 1.8;
}

h2.title {
	background: transparent; 
	color:  #4b4b4b; 
	text-shadow: 0 1px 0 #fff; 
	padding: 4px; 
	text-align: left;
	margin-bottom: 15px;
}
.title a {color:  #AC0C36;}
.inline_images{
	position:relative;
	width: 145px;
	/*height: 100px;*/
	float: left;
	margin:0 15px 10px 2px;
	cursor:pointer;
	padding: 3px;
/*	background: #fff;
	box-shadow: 0px 0px 5px #666;
*/
}
.inline_images span{
	position:absolute;
	top:  0px;
	left: 0px;
	width:145px;
	min-height: 100px;
	background: url(../img/flvplay2.gif) no-repeat;
	filter:alpha(opacity=38);
	-moz-opacity:.38;
	opacity:.38;
}
.inline_images a:hover span{
	background-image:url(../img//flvh2.gif);
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	cursor:pointer;
}
.info {
	background: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #dedede);
	background-image: -ms-linear-gradient(top, #ffffff, #dedede);
	background-image: -o-linear-gradient(top, #ffffff, #dedede);
	background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
	background-image: linear-gradient(top, #ffffff, #dedede);
	margin:10px 5px 2px 5px; 
	padding:4px; 
	border: solid 1px #d5d5d5;
	border-radius: 3px 3px 3px 3px; 
}

.info li {margin: 4px 0; font: 11px Verdana; color: #333; text-shadow: 0 1px 0 #fff;}
.info li img{margin-left:5px;}


li.evid-info {
	margin-bottom: 10px; 
	font-size: 14px; 
	background: rgba(244, 207, 53, 0.24); 
	padding: 5px;
}


#share-box {
	display: none;
}

.scheda, #share-box {
	color: #000;
	text-shadow: 0 1px 0 #fff;
	border: solid 1px #c5c5c5;
	border-radius: 5px 5px 5px 5px;
	padding:5px;
	margin: 5px;
	background-color: #F8F8F8;
	background-image: -moz-linear-gradient(top, #ffffff, #dedede);
	background-image: -ms-linear-gradient(top, #ffffff, #dedede);
	background-image: -o-linear-gradient(top, #ffffff, #dedede);
	background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
	background-image: linear-gradient(top, #ffffff, #dedede);
}

#arcoplayer {margin: 0 auto; left: 0!important;}


.sortby-small a { 
	background: #DFDFDF;
	padding: 4px;
	color: #000; 
	border: solid 1px #666666;
}
.sortby-small a:hover   {background: #FBE694;}
.sortby-small a.current {background: #F58A11;}





/*-----------------------------
05. scroll to top
-------------------------------*/
/*-- SCROLL TO TOP ----*/
#toTop {
	display:none;
	text-decoration:none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border:none;
	text-indent:100%;
	background: url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*------------------
06. LETTERE
--------------------*/

.evid {background: #FEDB1B; padding: 2px;}


.lettere, .commento {
    min-height: 90px;
    position: relative;
    width: 90%;
    margin-left: 30px;
}

.lettere {
    border-left: 1px dotted #ADBEBE;
}

.commento {
	width: 80%;
	text-shadow: 0 1px 0 #fff;
}


.commento.odd {
	background: #F9F9F9;
}

.commento.even {
	background: #EDE8E8;
}

p.pdata {
    background: #FFFFFF;
    font-size: 13px;
    position: absolute;    
    left: -30px;
    line-height: 1.6;
    margin: 0 !important;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    display: block;
    width: 80px!important;
    border: solid 1px #d5d5d5;
}

.pad {
    overflow: hidden;
    padding: 5px 0 60px 80px;
    width: 80%;
}

/*------------------------
07. CALENDARIO VIGNETTE
--------------------------*/

#vcalback {
float:right;
	background: #FFF url('../images/ajaxLoader.gif') no-repeat 50% 100px;
	/*margin: 0 auto;*/
	margin: 10px 5px 15px 10px;
	width: 200px;
	font-size:12px;
height: 210px;
}

#vcalback h4 {
margin:0 0 2px 0;
text-align: center;
color: #CE083B;
font-size: 18px;

}


#vcalendar {
	width: 100%;
	height: 100%;
}

.cal {
	background: #CE083B;
	width: 100%;
	border: solid 1px #000; 
}

.calhead {
	width: 100%;
	font-weight: normal;
	color: #FFF;
	font-size: 16px;
   
}

.calhead img {
	border: none;
}

.dayhead {
	height: 10px;
	background: #EEE;
	font-size: 10px;
}

.dayhead td {
	text-align: center;
	color: #000;
}

.dayrow {
	background: #FFF;
}

.dayrow td {
	color: #000;
border: solid 1px #ccc;
}

.day {
	float: right;
}

.dayover {
	background: #EEE;
}

.dayout {
	background: #fff;
}

#calback a.oggi:link, #calback a.oggi:visited {
color: #008080;
font-weight: bold;
}
#calback a.oggi:hover {

}


/*------------------------

08. STAR RATINGS

------------------------*/


.rating-box {
	float: left; margin-right: 30px;
}


.rate {clear: both; margin:5px 0 0 15px; padding:2px ;}

.ratingblock {
	display:block;
	width:350px;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	
	}

.loading {
	height: 15px;
	background: url(../img/starrating.gif) 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	z-index: 2;
	background: url(../img/starrating.gif) top left repeat-x;		
	}

.unit-rating li {
    text-indent: -30000px;
	padding: 0px;
	margin: 0px;
	display:block;
	width:15px;
	height: 15px;
	position: relative;
	float: left;
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -4500px;
	z-index: 200;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url(../img/starrating.gif) left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 105px;}
.unit-rating a.r8-unit{left: 105px;}
.unit-rating a.r8-unit:hover{width: 120px;}
.unit-rating a.r9-unit{left: 120px;}
.unit-rating a.r9-unit:hover{width: 135px;}
.unit-rating a.r10-unit{left: 135px;}
.unit-rating a.r10-unit:hover{width: 150px;}

.unit-rating li.current-rating {
	background: url(../img/starrating.gif) left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -4500px;
	z-index: 1;
	}

.voted {color:#666;}
.thanks {color:#36AA3D;font-size:10px;}
.static {color:#5D3126;}		
.voted, .unvoted{font-weight:normal; font-size:11px;}
div.rate {margin-bottom:5px;}



.footer {background: #333; color: #fff;}
.footer a {color: #f3f3f3;}
.footer a:hover {color: #000;}

.decreto { font-size: 10px;}
.decreto ul, .list-unstyled {
	padding-left: 0;
  list-style: none;
  }
  
  
 /*
09. share

*/

.post-share {
    display: block;
	margin: 2em;
	border-top: dotted 1px #fff;
	border-bottom: dotted 1px #fff;
}


.post-share a {
    transition-property: color, rgb(0, 0, 0), border;
    transition-duration: 0.15s;
    transition-timing-function: linear;
	text-decoration : none;
}



.post-share-menu {
    line-height: 0.5em;
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
    font-size: 24px;
}

.post-share-menu-item span {
	font-size: 20px;
	margin: 0 auto;
}



.post-share-menu-title {
    font-size: 110%;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    position: relative;
    top: 0.0625em;
}
.post-share-menu-item, .post-share-menu-title {
    display: inline-block;
    /*vertical-align: middle;*/
    line-height: 0;
}

.post-share-menu-item {
	text-align: center;
    margin-left: -0.25em;
}


.post-share-menu-link {
    padding: 8px;
    border: 0px none;
    display: block;
}

.post-share-menu-link--twitter {
    margin-left: 0.75em;
	color: #55ACEE!important;
	
}

.post-share-menu-link--twitter:hover {
	color: #fff!important;
	background: #55ACEE!important;
}


.post-share-menu-link--facebook{
	color: #3B5998!important;
}



.post-share-menu-link--facebook:hover {
	color: #fff!important;
	background: #3B5998!important;
}

.post-share-menu-link--google{
	color: #DD4B39!important;
}

.post-share-menu-link--google span{
    margin-top: 3px!important;
}


.post-share-menu-link--google:hover {
	color: #fff!important;
	background: #DD4B39!important;
} 
  
  
 /*
10. consenso

*/ 
  
 #confirmCookie {
	position: fixed;
	display: none;
	padding: 1em 0;
	font-size: 1.2 em;
	color: #000;
	background: #FFD119;
	box-shadow: 0px 0px 3px #000000;
	transition: all 0.5s ease-out 0s;
	z-index: 9999;

 } 


/*

MEDIA QUERY
*/
@media (max-width: 767px) { 
	img.libri-books {width: 130px;}
	h2 {font-size: 1.6em;}
	
	.logo-container{
		text-align: center!important;
	}
	
	.body-white {
		box-shadow: none;
	}

}


@media (min-width: 768px) { 
	h1 {margin-bottom: 3em;}

}


@media (min-width: 980px) and (max-width: 1200px) { 
	.r-av {display: none;}

}

@media (min-width: 980px) and (max-width: 1200px) { 
	.nav-search-form {display: none;}

}

@media (max-width: 979px) { 
	.sidebar-search-form {display: none;}

}

@media (min-width: 1201px) { 
	.sidebar-search-form {display: none;}

}