/*
	project: internet sharing template
   	author: luka cvrk (www.solucija.com)
								*/
body {
  padding: 0;
  margin: 0;
  font: 0.7em "Segoe UI Semibold", Arial, Tahoma, sans-serif;
  /*line-height: 1.6em; */
  background: #fff;
  color: #454545;
}
/* links */

a {
  color: #003B6E;
  background: inherit;
}

b{
  color: #1E67A8;
  font-weight: bold;
}


a:hover {
  color: #9EC068;
  background: inherit;
}
/* headings */

h1 {
  font: bold 2.5em "Arial", Sans-Serif;
  margin: 0;
  letter-spacing: -1px;
}

h2 {
  font: bold 2em Arial, Sans-Serif;
  margin: 0;
  padding: 0;
}

h1 a, h2 a {
  color: #2b2b2b;
  background: #fff;
  text-decoration: none;
}

h1 a:hover, h2 a:hover {
  color: #2b2b2b;
  background: #FFF;
}

.title {
  color: #808080;
  background: #fff;
}
/* lists and form elements */

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

form {
  margin: 0;
}

input.search {
  width: 279px;
  border: none;
  background: #fff url(../images/input.gif) no-repeat;
  padding: 6px 10px;
  color: #1E67A8;
  font-weight: bold;
}

input.button {
  padding: 3px;
}
/* content holder */

#content {
  margin: 10px auto;
  width: 1100px;
}
/* header */

#header {
  height: 55px;
}

#logo {
  padding: 10px 0 0 8px;
}

#logo p {
  margin: 0;
  padding: 0 0 0 10px;
  color: #808080;
  background: #fff;
}

#top_info {
  float: right;
  width: 570px;
  margin: 20px 5px 0 0;
  text-align: right;
}
/* horizontal tabbed menu */

#tabs {
  background: #fff url(../images/BarraMenuSearch.png) no-repeat top left;
  color: #000;
  height: 108px;
  text-align: center;
  padding: 0 0 0 292px;
}

#tabs li {
  display: inline;
  height: 45px;
}

#tabs li a {
  float: left;
  background: #fff url(../images/barbg.gif) no-repeat;
  color: #808080;
  padding: 7px 0;
  width: 82px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

#tabs li a:hover {
  background: #fff url(../images/barcurrent.gif) no-repeat;
  color: #000;
}

#tabs li a.current {
  background: #fff url(../images/barcurrent.gif) no-repeat;
  color: #2C71AE;
}

.key {
  text-decoration: underline;
}
/* search form */

#search {
  float: left;
  clear: both;
  color: #000;
  padding: 14px 0 20px 5px;
  width: 500px;
  margin: 10px 0 0 0;
}

#search p {
  padding: 0;
  margin: 0;
}
/* grey subheader */

.gboxtop {
  clear: both;
  height: 8px;
  background: #dedede url(../images/gboxtop.gif) no-repeat;
  color: #000;
  margin-top: 3px;
}

.gbox {
  background: #dedede url(../images/gbox.gif) no-repeat bottom left;
  color: #444;
  padding: 1px 13px 7px 13px;
  margin: 0 0 20px 0;
}

.gbox p {
  padding: 7px 0;
  margin: 0;
}
/* left side */

.left {
  float: left;
  width: 801px;
  margin: 0 0 10px 0;
}

.left_articles {
  margin: 0 20px 15px 0px;
  padding: 0px 0px 0px 0px;
  text-align: justify;
  color: #000;
  background: #fff;
  line-height:15px;
  background: #F8F8FF;
}
.left_articles .top{
  background-image: url(../images/left_article_top.png);
  height: 22px;
}
.left_articles .body{
  background-image: url(../images/left_article_background.png);
  padding: 15px 15px 15px 15px;
}
.left_articles .bottom{
  background-image: url(../images/left_article_bottom.png);
  height: 17px;
}

.calendar {
  height: 50px;
  float: left;
  background: #fff url(../images/calendar.gif) no-repeat;
  width: 80px;
  padding: 5px 0 0 0px;
  color: #808080;
  margin-right: 3px;
}

.calendar p {
  padding: 0;
  margin: 0;
  line-height:18px;
  text-align: center;;
}

.description {
  padding: 0 0 2px 0;
  margin: 0 10px 5px 0;
  border-bottom: 1px dotted #ccc;
}

.thumbnail {
  float: left;
  margin: 0 10px 8px 0;
  border: 1px solid #dedede;
}
/* bottom thirds */

.thirds {
  float: left;
  width: 203px;
  background: #eee;
  margin: 0 12px 0 0;
  color: #5d5d5d;
}

.smallboxtop {
  height: 14px;
  background: #fff url(../images/smallboxtop.gif) no-repeat;
  color: #000;
}

.smallbox {
  background: #fff url(../images/smallbox.gif) no-repeat bottom left;
  color: #444;
  padding: 1px 10px 10px 10px;
}

.smallbox p {
  padding: 0;
  margin: 0;
}
/* right side */

#right {
  float: right;
  width: 295px;
  margin: 0 0 10px 0;
}

.boxtop {
  height: 19px;
  background: #fff url(../images/boxtop.gif) no-repeat;
  color: #000;
}

.box {
  background: #fff url(../images/box.gif) no-repeat bottom left;
  color: #5b5b5b;
  padding: 0 10px 15px 10px;
  margin: 0 0 10px 0;
}

.box p {
  padding: 0;
  margin: 0;
}

.image {
  float: left;
  margin: 0 9px 3px 0;
}
/* misc */

.buttons {
  text-align: right;
  padding: 4px 3px 0 0;
  float: right;
}

.left_articles .buttons {
  float: right;
  height: 20px;
}

.bluebtn {
  background: #488EB2 url(../images/bluebtn.gif) no-repeat;
  padding: 1px 16px 5px 16px;
  color: #fff;
  text-decoration: none;
  width: 80px;
  height: 20px;
}

.greenbtn {
  background: #488EB2 url(../images/greenbtn.gif) no-repeat;
  padding: 1px 17px 5px 16px;
  color: #fff;
  text-decoration: none;
  width: 80px;
  height: 20px;
}

.bluebtn:hover, .greenbtn:hover {
  background: #488EB2 url(../images/hoverbtn.gif) no-repeat;
  color: #fff;
}
/* footer  */

.footer {
  clear: both;
  text-align: center;
  line-height: 1.8em;
  padding: 10px 0 10px 0;
  border-top: 1px solid #ccc;
  margin-top: 10px;
}

/* Personali */
.banner {
  	background: url(../images/Nuvole.png) repeat-x;
    clear: both;
  text-align: center;
  line-height: 1.8em;
  padding: 10px 0 0px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
    .Progress {
    	background: #DCF2B8 url(../images/uploadFormBg.png) repeat-x;
    	color: #333333;
    	border-top: 1px solid #9EC068;
    	border-bottom: 1px solid #9EC068;
    	clear: both;
    	text-align: center;
    	padding: 3px 0 3px 0;
		margin: 0 0 10px 0;
    }
.overlay
{
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    border-top: #cccccc 1px solid;
    padding-left: 5px;
    z-index: 10000;
    filter: alpha(opacity=85);
    padding-bottom: 5px;
    border-left: solid 1px #cccccc;
    width: 250px;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
    position: absolute;
    background-color: #EEEEEE;
    -moz-opacity: 0.85;
    opacity: 0.85;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}

/* --------------------------------------------------[ slider ]-- */
#slider {
	height:269px;
	font-family: "Segoe UI Semibold", Tahoma, Arial, sans-serif ;
}

#slider ul {
	width:1100px;
	height:269px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

#slider li {
	height:269px;
	width:1100px;
}

#slider li div {
	position:relative;
	width:930px;
	height:269px;
	padding:0 0 0 120px;
	margin:0 auto;
}

#slider h3 {
	color:#000000;
	font-size:20px;
	width:400px;
	float:right;
	margin:5px 4px 10px 0;
	display:inline; /* ie6 */
	position:relative;
	z-index:10;
   line-height: 1em;
}

#slider h4 {
	float:right;
	color:#3e3d40;
	font-size:16px;
	width:400px;
	clear:both;
	letter-spacing:-1px;
	line-height:18px;
	margin:0 4px 0 0;
	display:inline; /* ie6 */
	position:relative;
	z-index:10;
}
#slider .download {
	position:absolute;
	right:-25px;
    top: 200px;
	bottom:5px;
}
#slider a.download {
   line-height: 1.3em;
   background:url(../images/button.png) no-repeat;
	display:block;
	width:239px;
	height:57px;
	color:#666;
	font-size:21px;
	padding:2px 0 0 60px;
	text-align:center;
	font-weight:bold;
    text-decoration: none;
    color: #006600;
}


#slider a.download:hover {
   background-position:left bottom;
	text-decoration:none;
	color:#FFF;
}


#slider .slideria {
	position:absolute;
	left:350px;
	top:0;
}

#slider .sliderib {
	position:absolute;
	left:0px;
    top:20px;
}

#slidera .slideria {
	left:60px;
}

#slidera .sliderib {
	left:370px;
	top:35px;
	z-index:5;
}


#sliderb .slideria {
	left:60px;
}

#sliderb .sliderib {
	left:285px;
	top:35px;
}

#sliderd .slideria {
	left:355px;
}

#sliderd .sliderib {
	top:5px;
}

#slider .jcarousel-container {
	width:auto !important;
	width:1100px;
	overflow:hidden;
	height:269px;
	margin:0 auto;
}

#slidercontrol {
	width:800px;
	margin:-30px auto 0;
	height:20px;
	position:relative;
	z-index:20;
}

#slidercontrol a:first-child {
	margin:0 65px 0 12px;
}

#slidercontrol a {
	display:block;
	width:18px;
	height:19px;
	/*background:url(../images/slider_control.png) no-repeat;*/
	float:right;
	margin:0 0 0 12px;
}

.clearer {
	clear: both;
    text-align: right;
}