@charset "utf-8";
/* CSS Document */

#linkPath
{ display: none; }

.contents
{ top: 10px; height: 900px; }


/* MENU DEI PRODOTTI */
#allProductsMenu
{
position: relative; 
top: 0px; 
float: left;
width: 160px; 
background-color: #fff;
}

#allProductsMenu h1
{
font-size: 1.2em;
margin: 0px;
}

#allProductsMenu ul
{
margin: 0px;
margin-top: 2px;
padding: 0px;
list-style-type: none;
font-size: .8em;
border: 1px solid #666;
-moz-border-radius: 5px;
background-image: url(../img/menu_bckg.jpg);
background-position: right;
background-repeat: repeat-y;
}


#allProductsMenu ul li a
{
background-position: center left; 
background-repeat: no-repeat;
}

/* SLIDER */
#slider
{
position: relative; 
top: 25px; 
float: right;
border: 1px solid #666;
-moz-border-radius: 8px;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	}
	
#slider, #slider li{ 
	width:800px;
	height:300px;
	overflow:hidden; 
	text-align: center;
	}

#slider li img{ 
	border: none; 
	}
	
span#prevBtn{ 
position: absolute; 
right: 754px;
width: 45px; 
height: 45px; 
top: 125px;
}

span#nextBtn{ 
position: absolute; 
right: 3px; 
width: 45px; 
height: 45px; 
top: 125px; 
}


span#nextBtn a{ 
background-image: url(../../images/website/next.png); 
}

span#prevBtn a{ 
background-image: url(../../images/website/prev.png); 
}

span#nextBtn a, span#prevBtn a{ 
display: block; 
width: 45px; 
height: 45px; 
border: none; 
text-decoration: none;
background-repeat: no-repeat;
background-position: top; 
}

span#nextBtn a:focus, span#prevBtn a:focus{ 
outline: none;
-moz-outline-style: none;
}

span#nextBtn a:hover, span#prevBtn a:hover{ 
background-position: bottom;
}

/* BOTTOM BOXES ***/
#bottomBoxes{ 
position: relative; 
top: 50px; 
float: right;
clear: right; 
width: 800px;
}

.homeBox{ 
position: relative; 
width: 350px; 
border: 1px solid; 
-moz-border-radius: 5px;
padding: 20px;
background-color: #fff;
border-color: #ccc;
}

.homeBox h1{ 
position: absolute; 
top: -12px; 
font-size: 1.1em; 
left: 10px; 
margin: 0px; 
padding: 0px; 
padding-left: 40px; 
padding-right: 3px; 
background-color: #fff;
}

.homeBox ul{ 
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: .8em;
}

.homeBox ul li{ 
margin-top: 7px;
margin-bottom: 7px;
}

.homeBox ul span{ 
font-weight: bold;
}

.homeBox ul a{ 
text-decoration: none;
}

.homeBox ul a:hover{ 
text-decoration: underline;
}

img.boxIcon{ 
position: absolute;
left: 5px;
top: -20px;
}

/* NEWS BOX *************************/
#news{ 
color: #666;
float: left;
clear: left;
}

#news a{ 
color: #666;
}

#news a:hover{ 
color: #f20000;
}

#news span em{ 
font-size: .8em;
color: #f20000;
}

#news span{ 

}


/* EVENTS BOX *************************/
#eventi{ 
padding: 15px;
width: 360px;
border-color: #ccc;
left: 0px; 
top: 20px;
float: left;
clear: left;
}

#eventi h2{ 
font-size: .9em;
margin: 0px;
padding: 0px;
}

#eventi span{ 

}

#eventi img{
float: left; 
clear: left;
margin-right: 7px; 
border: 1px solid #666;
}

#eventi img.boxIcon{ 
top: -20px;
left: 15px;
border: none;
}

#eventi a{ 
display: block;
}

#eventi em{ 
font-size: .8em;
font-style: normal;
color: #f20000;
}

#eventi ul li{ 
margin-top: 12px;
margin-bottom: 12px;
}

/* VIDEO BOX *************************/
#video{
right: 0px; 
top: 0px; 
float: right;
}

#video img{ 
float: left;
margin-right: 7px;
clear: left;
margin-bottom: 15px;
border: none;
}

#video em{ 
display: block;
margin-top: 5px;
font-size: .8em;
font-style: normal;
}

#video li{ 
clear: both;
display: block;
}



/* CERCA VIDEO */
#findVideo{
right: 0; 
top: 15px;
float: right; 
clear: right;
padding: 10px;
width: 370px;
background-color: #ededed;
}

#findVideo input.text
{
border: 1px solid #999;
width: 220px;
padding-left: 5px; 
padding: 2px;
color: #666666; 
font-size: .9em;
float: left;
}

#findVideo input.submit
{
border: 1px solid #666;
margin-left: 10px;
float: right;
}


/* VEDI TUTTI **********************/
a.vediTutti{ 
font-size: .6em;
text-decoration: none;
color: #666666;
float: right;
clear: both;
bottom: 7px;
right: 10px;
}

a.vediTutti:hover{ 
text-decoration: underline;
}





