@charset "UTF-8";
/* CSS Document */

body{margin:0; padding:0; background: url(../img/bg_all.jpg) 0 0 repeat-x;}
a{text-decoration:none;}
p{margin:0; padding:0;}
img{border:none;}

#main{width:896px; height:auto; margin:0 auto; overflow:hidden; background-color:#000; color:#FFFFFF;}


#navi-sopra{width:896px; height:34px; margin:0 auto;}
#navi-sopra ul{margin:0; padding:0; float:right;}
#navi-sopra ul li{float:left; list-style:none; padding-top:10px;} 
#navi-sopra ul li span{height:24px; display:block; font:14px Arial, Helvetica, sans-serif; color:#FFF;}
#navi-sopra ul li span{padding:0 22px;}

.festa{width: 160px; background:url(../img/bottone.jpg) 0 0 no-repeat;}
.storia{width: 100px; background:url(../img/bottone2.jpg) 0 0 no-repeat;}
.itinerario{width: 110px; background:url(../img/bottone1.jpg) 0 0 no-repeat;}
.citta{width: 90px; background:url(../img/bottone3.jpg) 0 0 no-repeat;}

#content{width:896px; height:554px; margin:0 20px 0 0; text-align:right; background:url(../img/agathae/festa_bg.jpg) 0 0 no-repeat;}
#itinerario{width:896px; margin:0 20px 0 0; text-align:right;}

#content h1{font:normal 41px Georgia, "Times New Roman", Times, serif; color:#f29400; margin:0 20px 10px 0;}

#content p{font:13px Georgia, "Times New Roman", Times, serif; color:#FFF; width:420px; margin:0 20px 0 455px; line-height:1.3em;}

#countdowncontainer{font:41px Georgia, "Times New Roman", Times, serif; color:#FFF; margin:0 20px 0 0;}

#emailbox{width:565px; height:250px; background:url(../img/agathae/box_email.png) 0 0 no-repeat; margin:10px 0 0 331px;}
#emailbox p{font:17px Georgia, "Times New Roman", Times, serif; color:#f29400; margin:20px 23px 0 0; float:right; line-height:1.2em;}

#form1{margin:3px 30px 0 0;}
#email{background-color:#f29400; border:1px solid #f29400; font:italic 14px Verdana, Geneva, sans-serif; color:#000;}
#KT_Insert1{margin:17px 6px 0 19px; width:46px; height:13px; background:url(../img/invia.png) 0 0 no-repeat; border:none;}
#didascalia{
	width:250px;
	height:50px;
	margin:10px 0 0 0;
	background-color: #F29400;
	border:1px solid  #F29400;
}

.febbraio	{width:872px; height:474px; background:url(../img/itinerario/3febbraio.jpg) 0 0 no-repeat; margin:20px auto 0 auto; text-align:left;}
.feb_left	{width:403px; height:474px; float:left;}
.feb_right	{width:469px; height:474px; float:left; text-align:right;}
.mappa		{margin:18px 0 0 9px; float:left;}

.feb_right h1	{font:normal 41px Georgia, "Times New Roman", Times, serif; color:#f29400; margin:18px 10px 0 0;}
.feb_right h2	{font:14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:18px 10px 0 0;}
.feb_right p	{font:13px Georgia, "Times New Roman", Times, serif; color:#FFF; margin:18px 10px 0 40px; line-height:1.2em;}

.lente_itin_3	{margin:420px 0 0 21px; border:none;}
.lente_itin_4	{margin:46px 0 0 346px; border:none;}
.lente_itin_5	{margin:420px 0 0 21px; border:none;}




#lente{margin:0 300px 0 0; border:none; position:relative;}

#banner{width:896px; height:229px; overflow:hidden; background:url(../img/agathae/banner.jpg) 0 0 no-repeat; text-align:right;}
#banner a img{margin:140px 15px 0 0; border:none;}


#footer{width:896px; margin:0 0 30px 0; overflow:hidden;}


#credits p{font:10px Arial, Helvetica, sans-serif; color:#FFF; text-align:right; margin:10px 20px 38px 0;}
#credits p a{color:#FFF;}
#share{overflow:hidden; float:right; width:270px; text-align:right; margin:0;}
#social{float:left;}
#social a img{float:left;}


#message a
{
	/* display: block before hiding */
	display: block;
	display: none;

	/* link is above all other elements */
	z-index: 99; 

	/* link doesn't hide text behind it */
	opacity: .6;

	/* link stays at same place on page */
	position: fixed;

	/* link goes at the bottom of the page */
	top: 100%;
	margin-top: -30px; /* = height + preferred bottom margin */

	/* link is centered */
	left: 50%;
	margin-left: -120px; /* = half of width */

	/* round the corners (to your preference) */
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;

	/* make it big and easy to see (size, style to preferences) */
	font:20px Georgia, "Times New Roman", Times, serif;
	width: 240px;
	line-height: 16px;
	height: 35px;
	padding: 10px;
	background-color: #fff;
	text-align: center;
	color: #000;
}
