/*

Web Design and codice: Edward Moreno
Date: 24/4/2010


COLORI PRIMARI:

verde: #37A12C;
griglio: #E5E5E5;
verde chiaro: #E3F1C6;
blue: #1E0D7F;



*/


html
{
	background: url(images/img03.jpg) repeat-x 0 -2px;
	background-color: #E5E5E5
}




body
{
	font-size: 90%;
	font-family: helvetica, georgia, sans-serif;
	line-height: 1.6em;
	text-align: center;
	color: #1E0D7F;
}


h1, h2, h3 {
	margin: 0;
	font-weight: bold;
	color: #1E0D7F;
}

h1 {
	letter-spacing: -1px;
	font-size: 40px;
	margin-top: 0; 
	margin-bottom: 0;
text-align: left;
}

h2 {
	font-size: 23px;
}

p, ul, ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
}

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

a
{
	text-decoration: none;
}

a:hover
{
color: #37A12C;
text-decoration: underline;
}
a:link {
	color: #37A12C;
text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
	color: #7AD000;
}

a:visited {
	color: #37A12C;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 15px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 15px;
}


#wrapper {
	background: #7ACF00 url(images/img03.jpg)repeat-x 100% 40%;;
}

/* Header */
#logo {
	position: absolute; right: 990px; top: 0;
	margin: 0 auto 0px auto;
	padding-top: 0px;

	
}
#logo2 {
	position: absolute; right: 150px; top: 0;
	margin: 0 auto 0px auto;
	padding-top: 0px;
	
}

#header {
	width: 100%;
	height: 55px;
	margin: 0 auto 0px auto;
	padding-top: 10px;

}
#mainContent
{
	padding: 0 1em;
	margin-left: 188px;
}

#mainContent div
{
	overflow: hidden;
}

#tier1, #tier2, #tier3
{
	margin-bottom: 1em;
}

#tier1 div, #tier2 div, #tier3 div#news, #tier3 div div
{
	border: 1px solid #ababab;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 1em;
}

#mainContent #prodotti
{
	height: 750px;
	padding-top: 0em;
background: url(images/fondobloke.png) no-repeat 95% 40%;
}

#tier1 #featured
{
	height: 226px;
	float: left;
	width: 74%;
	border: none;
	padding: 0;
	margin-right: 1em;
}

#mainContent #tier1 #registerNow
{
	height: 222px;
	width: 12em;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
}


#logo h1 {
	font-size: 38px;
	color: #3399CC;
}

#logo h1 sup {
	vertical-align: text-top;
	font-size: 24px;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo h2 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 20px 20px;
}

#sidebar
{
	width: 240px;
	float: left;
	
	

}

/* SIDEBAR */
#sidebar ul#nav li
{
	border-top: 1px solid #f6f4f4;
	border-bottom: 1px solid #b2b2b2;
	text-align: right;
	padding-right: .5em;
	line-height: 1.7em;
	font-size: 1.5em;
text-decoration: none;
}

#sidebar ul#nav li:hover
{
	border-top: 1px solid white;
	background: #B9E07A url(images/arrow.png) 2% 50% no-repeat;
}

ul#nav li a
{
	color: #1E0D7F;
text-decoration: none
}

#nav li a:hover
{
	text-decoration: none;
}

#sidebar h2
{
	background: url(images/fondo.png) no-repeat;
	color: #1E0D7F;
	padding: .2em;
	text-align: center;
	
}

#sidebar ul#events
{
	text-align: center;
}

ul#events li
{

}


/* Menu */

#menu {
	position: absolute; right: 170px; top: 0;
	margin: 0 auto 0px auto;
	padding-top: 80px;
font-size: 1.5em;
	
}

#menu ul {
	margin: 0;
	padding: 28px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 5px 8px;
	text-decoration: none;
	font-size: 15px;
	color: #37A12C;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active a {
}

#Table {
	font-size: 20px;
	color: #37A12C;
}
/* Footer */

#footer {
	width: 100%;
	height: 55px;
	margin: 0 auto 0px auto;
	padding-top: 0px;

}


html>body #footer {
	height: auto;
}

#legal {
	clear: both;
	padding-top: 15px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	color: #2a2a2a;
}

#legal a {
	font-weight: bold;
	color: #FFFFFF;
}

#slider

	body {
		font:80% Helvetica, Sans-Serif;
		color:#333;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:center;
	}
	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:690px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:60 px;
				}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:100px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:100px;
		background:url(images/left_arrow.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/right_arrow.png) no-repeat 0 0;	
		}												

/* // Easy Slider */