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

*{
margin:0;
padding:0;
}

body{
background:#09536c;
font-family:Verdana;
color:#fff;
}

a:link, a:visited{
color:#fff;
text-decoration:underline;
}
a:hover{
color: #6699cc;
}

a:focus{
outline:none;
}

/*   -----------------------   INTRO     --------------------------   */
#intro{
background:url(../img/intro_bg.jpg) no-repeat top left;
width:500px;
height:470px;
position:absolute;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-235px;
padding-left:30px;
}

#intro p{
font-size:11px;
text-align:right;
width:300px;
float:left;
margin-right:20px;
}

.intro_it{
position:relative;
top:260px;
/*top:310px;*/
}

.intro_it a:link, .intro_it a:visited{
float:left;
width:100px;
height:40px;
margin-top:-7px;
background:url(../img/btn_it.png) no-repeat top left;
}

.intro_it a:hover{

background-position:0px -43px;
}

.intro_en{
position:relative;
top:278px;
}

.intro_en a:link, .intro_en a:visited{
float:left;
width:100px;
height:40px;
margin-top:-7px;
background:url(../img/btn_en.png) no-repeat top left;
}

.intro_en a:hover{

background-position:0px -43px;
}

.intro_es{
position:relative;
top:293px;
}

.intro_es a:link, .intro_es a:visited{
float:left;
width:100px;
height:40px;
margin-top:-7px;
background:url(../img/btn_es.png) no-repeat top left;
}

.intro_es a:hover{

background-position:0px -43px;
}
/*   -----------------------  PAGINE     --------------------------   */

#container{
background:url(../img/bg.jpg) no-repeat top left;
width:960px;
height:580px;
position:absolute;
top:50%;
left:50%;
margin-top:-290px;
margin-left:-480px;
}

#menu{
margin-top:140px;
}

div.recapiti{
position:absolute;
left:620px;
text-align:left;
top:220px;
font-size:11px;
}
div recapiti p{
font-size:11px;
}


#content{
position:absolute;
left:200px;
top:160px;
}

#content p, #footer p{
font-size:11px;
}
#flashcontent{
position:absolute;
right:20px;
top:152px;
}

img.certificazioni{
float:right;
}

#footer{
position:absolute;
bottom:50px;
left:200px;
}

img.kit{
position:absolute;
top:142px;
left:400px;
}

/*   -----------------------   TOP MENU    --------------------------   */

#topmenu{
list-style-type:none;
top:100px;
right:70px;
position:absolute;
}

#topmenu li{
list-style-type:none;
float:left;
}
#topmenu  span{
display:none;
}

#topmenu a{
display:block;
width:80px;
height:22px;
}

#topmenu #azienda a:link, #topmenu #azienda a:visited{
background:url(../img/azienda.gif) no-repeat top left;
}
#topmenu #azienda a:hover{
background-position: 0px -22px;
}

#topmenu #azienda-en a:link, #topmenu #azienda-en a:visited{
background:url(../img/azienda_en.gif) no-repeat top left;
}
#topmenu #azienda-en a:hover{
background-position: 0px -22px;
}

#topmenu #azienda-es a:link, #topmenu #azienda-es a:visited{
background:url(../img/azienda_es.gif) no-repeat top left;
}
#topmenu #azienda-es a:hover{
background-position: 0px -22px;
}

#topmenu #contatti a:link, #topmenu #contatti a:visited{
background:url(../img/contatti.gif) no-repeat top left;
}

#topmenu #contatti a:hover{
background-position: 0px -22px;
}

#topmenu #contatti-en a:link, #topmenu #contatti-en a:visited{
background:url(../img/contatti_en.gif) no-repeat top left;
}

#topmenu #contatti-en a:hover{
background-position: 0px -22px;
}

#topmenu #contatti-es a:link, #topmenu #contatti-es a:visited{
background:url(../img/contatti_en.gif) no-repeat top left;
}

#topmenu #contatti-es a:hover{
background-position: 0px -22px;
}

/*   -----------------------   RIGHT MENU  (ACCORDION)     --------------------------   */

/* A few IE bug fixes */
		* { margin: 0; padding: 0; }
		* html ul#right_menu ul li a { 
		height: 100%; 
		}
		* html ul#right_menu li a { 
		height: 100%; 
		}
		* html ul#right_menu ul li { 
		margin-bottom: -1px; 
		}
		
		
		#theMenu { 
		width: 80px; 
		height: 300px; 
		margin: 30px 0; 
		}
		
		ul#right_menu{
		
		overflow:hidden;
		}
		
		ul#right_menu li { 
		width: 110px; 
		list-style-type:none;
		 
		}
		ul#right_menu ul li { 
		padding: 0; 
		width: 190px; 
		margin-bottom: 0; 
		}
		ul#right_menu ul li a { 
		display:block; 
		color: #fff; 
		padding: 0px 15px; 
		font-size: small; 
		font-family:Arial; 
		font-size:11px;  
		text-decoration:none;
		}
		ul#right_menu ul li a:hover{ 
		display:block; 
		color: #6699cc; 
		padding: 0px 15px;  
		}
		
				ul#right_menu ul li a:active{ 
		display:block; 
		color: #6699cc; 
		padding: 0px 15px;  
		}
		
		
		
		ul #right_menu li { 
		list-style-type: none; 
		}
		h2 { 
		margin-top: 1.5em; 
		}
		
		/* Header links styling */
		h3.head a { 
		color: #fff;
		display:block; 
		font-family:Arial;
		font-size:11px;
		padding: 1px 6px;
		background:url(../img/arrow_closed.gif) no-repeat;
		padding-left:14px;
		width:165px;
		text-decoration:none;
		text-transform:uppercase;
		}
		h3.head a:hover { 
		color: #fff;
		
		}
		h3.selected a { 

		color: #fff;
		padding-left:14px;
		background:url(../img/arrow_open.gif) no-repeat;
		text-transform:uppercase;
		}
		h3.selected a:hover { 
		color: #fff;
		text-transform:uppercase;
		}