/*stili per il layout fisso con posizionamenti assoluti*/
html,body{ 
             margin: 0;
			 padding:0; 
			 height:100%;
}

body{
             font-family:  verdana, tahoma, arial, sans-serif;
			 font-size: 74%;
			 text-align: center;
			 background: #ffffff url(immagini/struttura/sfondopierka.jpg) repeat;
}

div#container{
                position:relative; 
				height:100%; 
				width: 760px;
				margin: 0em auto;
				text-align: left;
				background: #ffffff url(immagini/struttura/sfondopierka.jpg) repeat;
				color:#003366;
}



/*stili generici, su header e footer*/

/*regola per Opera e Mozilla per il footer a pič pagina. Internet Explorer non la vede*/	
body>div#container{height: auto; min-height: 100%} 

/*stili per l'header*/

div#header{
                background: #ffffff url(immagini/struttura/sfondopierka.jpg) repeat;
				color: #003366;
}

p#header1{
                height:115px;
                width:760px;
				background: url("immagini/struttura/header01.jpg");
				margin:0;
				padding:0;
}

h1#header2 a{
               position: relative;
               display: block;
               width: 760px;
               height: 115px;
               color:#003366;
               text-decoration: none;
			   margin:0;
				padding:0;
}

h1#header2 a:hover{
                      color: #003366;text-decoration: underline;
}

h1#header2 a span{
                       position: absolute; 
                       width: 760px; 
                       height: 107px; 
                       cursor: pointer; /*per IE*/
} 

h1#header2 a:hover{color: #003366 /*per IE*/}
h1#header2 a:hover span{background-position: -760px 0;}


h1#header2 span{
                background: url("immagini/struttura/header02bis.jpg");
}

/* fine stili per l'header*/

a{   color: #003366;               
				text-decoration: none;
				border-style:none;
}

a:hover{
                      color: #003366;
					  text-decoration: underline;
}

a.activelink{   
                                 color: #cc0000;
								 text-decoration: none;
}
				
h1,h2{          margin: 0;
                padding:0;
}

h1{padding:0;margin:0;font-size:2.3em;}
h2{color: #003366;font-size: 1.5em;text-align:center;}
h3{color: #003366;font-size: 1.5em;}

div#footer a{   color: #003366;               
				text-decoration: none;
}

div#footer a:hover{
                      color: #003366;
					  text-decoration: underline;
}

/*stili specifici per il layout*/

div#navigation{  position:absolute;
                 top: 229px;
				 right: 0;
				 width: 180px;
}

p#menutop{ 
             position: relative;
             margin:-5px 0 0 0;
             padding:0px;
             height:30px;
             width:180px;
             background: url(immagini/menu/menutop.jpg);
			
}

p#menubottom{ margin:0 0 0 0;
             padding:0px;
             height:40px;
             width:180px;
             background: url(immagini/menu/menubottom.jpg);
			 
}

div#content{     
                 width:580px;
                 margin-right: 180px;
				 margin-bottom:0; 
				 padding: 0;
				 background: url(immagini/struttura/boxcontenuti02.jpg) repeat-y;
				 }

div#contnavbottom{
                           font-size:8pt;
						   height:54px;
                           width:580px;
				           background: url(immagini/struttura/boxcontenuti03.jpg);
						   padding:0;
						   						   
}

div#contnavbottom ul{
                           text-align:left;
						   padding-left:33px;
						   
}

div#contnavbottom ul li{
                           display:inline;
}

 

p#contenttop{
                
				height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_home.jpg) no-repeat;
				text-align: right;

}


#banner{
             margin: 14px 3px 0 0;
			 padding:0;
			 border-width:0;
}

p#bannerend { 
             position: relative;
             margin:0px;
             padding:0px;
             height:38px;
             width:180px;
             
}

p#bannerend span {   position: absolute;
                     width: 100%;
                     height: 100%;
                     background: url(immagini/struttura/bannerend.jpg)  no-repeat ;
}   
		
p#infobanner {
              position: relative;
			  display: block;
             margin:0px;
             padding:0px;
             height:28px;
             width:180px;
			 
}			 
p#infobanner span{
              position: absolute;
             height:100%;
             width:100%;
             background: url(immagini/struttura/infobanner.jpg) no-repeat;
}

p#infobanner span a{
              position: relative;
             margin:0px;
             padding:0px;
             height:28px;
             width:180px;
             
}

p.contbottom{
                
				text-align:right;
				border-bottom:#003366 dashed 1px;
				margin-bottom:6px;
                padding-bottom:15px;
				color: #cc0000;
				
}

p.contbottom a{                
				color: #cc0000;				
}

p.tornasu{                
				text-align:right;
				color: #cc0000;
				padding-bottom:20px;
				border-bottom: 1px dashed #003366;				
}

p.tornasu a{
				color: #cc0000;
							
}
				 
div#textcontent{ 
                   padding:0px 60px 0px 60px;
				   line-height:1.3 em;
				  

}



/*modifica per firefox*/

div#contfooter{ 
                   height: 3em;
				   background:#fff url(immagini/struttura/sfondopierka.jpg);
				   margin:0;
				   padding:0;
}
/*fine modifica per firefox*/

.bold{ 
          font-weight:bold;
}

div#footer{
	           position:absolute;
	           bottom: 0;
	           width: 100%;
	           text-align:center;
	           padding: 0 0 10px 0;
			   background:#fff url(immagini/struttura/sfondopierka.jpg);
	           color: #003366;
			  
}


/*stili per la navigazione*/

div#navigation ul{margin: 0 0 0 0;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}

div#navigation a#activelink{color: #cc0000;text-decoration: none}

div#navigation a{
position: relative;
display: block;
width: 180px;
height: 30px;
color:#003366;
text-decoration: none;
}

div#navigation a:hover{
                          color: #003366;text-decoration: underline;
}

div#navigation a span{
position: absolute; 
width:180px; 
height: 30px; 
cursor: pointer; /*per IE*/
} 

div#navigation a:hover{color: #003366 /*per IE*/}
div#navigation a:hover span{background-position: -180px 0}
div#navigation a#activelink span{background-position: -180px 0}


li#one span{background: url("immagini/menu/home.jpg")}
li#two span{background: url("immagini/menu/news.jpg")}
li#three span{background: url("immagini/menu/bio.jpg")}
li#four span{background: url("immagini/menu/viaggi.jpg")}
li#five span{background: url("immagini/menu/fotovideo.jpg")} 
li#six span{background: url("immagini/menu/sponsor.jpg")} 
li#seven span{background: url("immagini/menu/materiali.jpg")} 
li#eight span{background: url("immagini/menu/contatti.jpg")} 


/*stili per l'impaginazione*/

.dashed{
            border: 1px dashed #003366;
}

.imgdx{
             float:right;
			 padding:0;
			 margin:0;
			 border: 1px dashed #003366;
}

.imgsx{
             float:left;
			 clear:left;
			 padding:0;
			 margin-right:5px;
			 border: 1px solid #003366;
}

.imgcenter{
            text-align:center; 
			padding:0;
			 margin:0;
			  
}

#lang{
          text-align:center;
		  font-weight:bold;
		  
}

p#lang a{ 
          color:#fff;
          text-decoration:none;
}

p#lang a:hover{ 
          color:#003366;
          text-decoration:none;
}

p#lang a#active{ 
          color:#990000;
          text-decoration:none;
}

p#lang a#active:hover{ 
          color:#003366;
          text-decoration:none;
}


.img{          
               
               margin:0;
               padding:0;
			   border-width:0;
}


p.w3c{
             text-align:center;
}

span#contenttopdx{
                       height:113px;
                       width:400px;
					  background: url(immagini/struttura/boxcontenuti_topdx.jpg) no-repeat;
}

p#contentbio{
                height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_bio.jpg) no-repeat;
				text-align:right;

}

p#contentnews{
                height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_news.jpg) no-repeat;
				text-align:right;

}

p#contentsponsor{
                height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_sponsor.jpg) no-repeat;
				text-align:right;

				

}

p#contentcontatti{
                height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_contatti.jpg) no-repeat;
				text-align:right;
}

p#contentfotovideo{
                height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_fotovideo.jpg) no-repeat;
				text-align:right;
}

p#contentviaggi{
                height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_viaggi.jpg) no-repeat;
				text-align:right;
}

p#contentmateriali{
                height:113px;
                width:580px;
				background: url(immagini/struttura/boxcontenuti_materiali.jpg) no-repeat;
				text-align:right;
}


/*stile per le news*/

.news{
		  width:460px;
		  padding-bottom: 15px;
		  border-bottom:1px dashed #003366;
}

.news p{
		  margin-left:135px;
}

.news span{
             color:#666633;
}

#contatore{
             text-align:center;
			 margin-top:20px;
}

#sponsor{
            text-align:center; 
			padding:0;
			margin:0; 
			border-width:0;     
}

#sponsor a:hover{
				background-position: -400px 0;         
}

#north a{
              
				height:70px;
                width:400px;
				background: url(immagini/sponsor/sfondonorth.jpg);
          
}

#bud a{
              
				height:98px;
                width:400px;
				background: url(immagini/sponsor/sfondobud.jpg);
          
}

#fiat a{
              
				height:100px;
                width:400px;
				background: url(immagini/sponsor/sfondofiat.jpg);
          
}

#dakine a{
              
				height:45px;
                width:400px;
				background: url(immagini/sponsor/sfondodakine.jpg);
          
}

#ezekiel a{
              
				height:137px;
                width:400px;
				background: url(immagini/sponsor/sfondoezekiel.jpg);
          
}

#ion a{
              
				height:53px;
                width:400px;
				background: url(immagini/sponsor/sfondoion.jpg);
          
}

p#contatti a{
               position: relative;
               display: block;
               width: 352px;
               height: 76px;
               color:#003366;
               text-decoration: none;
			   margin:-10px 0 0 50px;
				padding:0;
}

p#contatti a:hover{
                      color: #003366;text-decoration: underline;
}

p#contatti a span{
                       position: absolute; 
                       width: 352px; 
                       height: 76px; 
                       cursor: pointer; /*per IE*/
} 

p#contatti a:hover{color: #003366 /*per IE*/}
p#contatti a:hover span{background-position: -352px 0;}


p#contatti span{
                background: url("immagini/struttura/contatti.jpg");
}

div.2colonne div{
             float:left;
			 width: 15%;
             \width: 49%;
             w\idth: 40%;
             padding: 0 2%;

}

div.clearer{
    float: none; clear: left
    } 

div#notext{ 
                   padding:0px 60px;
				  

}

div#notext ul{ 
                   list-style:none;
				   margin-left: 20px;
				   padding:0;				  

}

div#notext li{ 
                   height: 100px;
				   margin:0 0 0 0px;
				   padding:0;
				   
}

li#rassudr span{
                 background:url("immagini/rassudr/egypt_flag.jpg");
}

div#notext a{
position: relative;
display: block;
width: 100px;
height: 100px;
color:#003366;
text-decoration: none;
}

div#notext a:hover{
                          color: #003366;text-decoration: underline;
}

div#notext a span{
position: absolute; 
width:100px; 
height: 100px; 
cursor: pointer; /*per IE*/
} 

div#notext a:hover{color: #003366 /*per IE*/}
div#notext a:hover span{background-position: -100px 0}

div#video{
             border-left: 2px dashed #003366;
			 padding-left: 30px;
}