/* NARDIN ALESSANDRO per TEAM2x2BRENNA */
/* 01/11/2010 */
/* www.team2x2brenna.it */


* {
	margin: 0;
	padding: 0;
  }

.clear { clear: both; }

body  {
	padding: 0;
	/*font-size: 62.5%;*/
	font-family:Helvetica;
	background: url(images/body-bg.png) repeat-x top #CBD3F4;
      }

div#header{
	position: relative; left: -30px;  
  background: url(images/header-bg.png) no-repeat;
	height: 140px; width: 710px;
	margin: 0 auto;
	color: #ffff00;
          }

p#head_team {
  text-indent: -9999px;
            }

p#head_description  {
  font-size: 13px;
  font-weight: bold;
	padding: 80px 0px 0px 204px;
  text-align: center;
                    }

div#page-wrap {
	width: 802px;
	margin: 3px auto;
              }

ul#nav{	list-style: none; /*elimina lo stile dell'unorded list*/
	padding-left: 20px;
  	/*background: url(images/nav.png)  ;     */
	}
        ul#nav li {display: block;
		float: left;
		text-decoration: none;
		font-weight: bold;
		margin: 10px 0px 10px 0px;
		padding: 12px 0px 8px 0px;
		color: #1628be;
		font-size: 16px;
                    }
	
        ul#nav li a{
		
		text-decoration: none;
    		font-weight: bold;
		margin: 10px 0px 0px 0px;
		padding: 5px 3px 5px 3px;
		color: #1628be;
		font-size: 16px;
                
	           }

	ul#nav li.home a{display:block;
			float:left;
		  	margin: 0px 0px 0px 0px;
			padding: 0px 3px 0px 0px;
			height: 50px;
			width: 29px;
			background-position: 0px 0px;
			text-indent:-9999px;
			background: url(images/home.png);
	                 }
  
  body#chi_siamo ul#nav li.chi_siamo a        {background-color: #1628be;
				               color: #ffff00;}
  body#agonismo ul#nav li.agonismo a          {background-color: #1628be;
				               color: #ffff00;}
  body#escursionismo ul#nav li.escursionismo a{background-color: #1628be;
				               color: #ffff00;}
  body#area_tecnica ul#nav li.area_tecnica a  {background-color: #1628be;
				               color: #ffff00;}
  body#galleria ul#nav li.galleria a          {background-color: #1628be;
				               color: #ffff00;}
  body#links ul#nav li.links a                {background-color: #1628be;
				               color: #ffff00;}
  body#contatti ul#nav li.contatti a          {background-color: #1628be;
				               color: #ffff00;}
  

	ul#nav li a:hover{	background-color: #1628be;
				color: #ffff00;
	                          }

div#footer  {	
            	height: 190px;
            	background: url(images/footer-bg.png) repeat-x top #ffffff ;
		
	         }

/* FORMATTAZIONE FOOTER */

p#team_footer { text-align: center;
                color: #2336d4;
                padding: 0.8em 0.5em 0.1em;
                /*font-weight: bold;*/
                font-size: 0.8em;
              }

p.site_footer { text-align: center;
                color: #2336d4;
                padding: 0.5em 0.5em 0.2em;
                /*font-weight: bold; */
                font-size: 0.8em;
              }
              
p.site_footer a { font-size: 1em;
                  text-decoration: none;
                  color: #2336d4
                }    
                
p.site_footer a img.logos {border: 0px;}


div#content {
	            padding: 0px 0px;
            }

	div#main  {
		
		/*height: 300px; overflow: scroll; meglio pero inserire un div interno con dimensioni per non sconvolgere la grafica*/
		width: 527px;
		float: left;
		position: relative;
		margin: 20px 0px;
		padding: 0px 20px;
		border-top: solid 18px #ffff00;
		border-right: 18px solid #ffff00;
            }
  /*div#main div#maincontent{widht:480px; height:580px; overflow: scroll; padding:0px 20px 10px 40px;} */
	div#main div#maincorner  {
		width: 36px; height: 35px;
		position: absolute; top: -18px; right: -18px;
		background: url(images/col-bg.png) no-repeat;
		background-position: 0px 0px; 
	                         }			

	div#sidebar {
		width: 210px;
		/*height: 300px;*/
		float: right;
		/*margin: 0px 0px;*/
		padding: 30px 0px 0px;
                     }

	/*div#date  {
	           
             
             color: #0000ff;
             text-align: center;
             font-size: 1.3em;
             margin: 0em auto 0.2em;
             font-weight: bold;
            
            } */
  
  div#boxnews {
		
		/*height: 250px; */
		/*width: 200px;  */
		/*float: left;*/
		position: relative;
		margin: 0px 0px;
		padding: 20px 0px 0px 20px;
		border-top: solid 12px #1628be;
		border-left: 12px solid #1628be;
	            }

	div#boxsponsor {
		
		height: 400px;
		width: 197px;  
		/*float: left;*/
		position: relative;
		margin: 0px 0px;
		padding: 20px 10px;
		background: url(images/sponsors.png) no-repeat;
    background-position: 25px 5px ;
    border-bottom: solid 12px #ef060a;
		border-right: 12px solid #ef060a;
	               }

	div#boxnews div#newscorner {
		width: 28px; height: 28px;
		position: absolute; top: -12px; left: -12px;
		background: url(images/col-bg.png) no-repeat;
		background-position: 0px -36px; 
	                           }			

	div#boxsponsor div#sponsorcorner {
		width: 28px; height: 28px;
		position: absolute; bottom: -13px; right: -12px;
		background: url(images/col-bg.png) no-repeat;
		background-position: 0px -66px; 
	                                 }			


/* FORMATTAZIONE BOX NEWS */

ul#list_news{
    padding: 10px 5px 0px 20px;
    list-style-image: url(images/ul-news2.png);
    list-style-position: outside;       
            } 

ul#list_news li h3 {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    font-size: 0.9em;
    color: black;
    text-align: left;            
    text-transform:none;
                }


li.item_news h3 a{
    text-transform:none;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 1.2em;
    color: #ef060a;
    text-decoration: blink;
    display: block;       
            
              }

li.item_news h3 a:hover  {
    color: #ef060a;                  
    text-decoration: underline;                  
                      }

div#boxnews h2  { text-transform:none;
                  margin: 5px 0px 0px 0px;
                  text-indent: -9999px;
                  font-weight: bold;
                  font-size: 0.9em;
                  color: #ef060a;
                }
div#boxnews h2 a  {text-transform: uppercase;
                    color: #1628be;
                  
                  }
                  
div#boxnews h2 a:hover  {text-decoration:underline;}


a#newsletter        { margin: 1.4em 0em 0em 0em;
                      display: block;
                      height: 61px;
                      width: 179px;            
                      background-image: url('images/newsletter.png');
                      background-position: 0px -60px;
                    }

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

a#diventa2x2        { margin: 5px 0px 0px 0px;
                      display: block;
                      height: 61px;
                      width: 179px;            
                      background-image: url('images/diventa2x2.png');
                      background-position: 0px -60px;
                    }

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

/* FORMATTAZIONE CONTENUTI */

h1          { font-size: 1.3em;           /*TITOLO PRINCIPALE AREA*/
              color: #ef060a;
              font-weight: bold;
              text-align: center;
              text-decoration: none;
              text-transform: uppercase;
               
            }



h2          { font-size:1.25em;          /*TITOLO PRINCIPALE ARGOMENTO*/
              color: #2336d4;
              text-decoration: underline;
              text-align: center;
              margin:0em 0em 0.5em 0em;
              
             
            }            
             
h3          { margin:1em 0em 0.3em 0em;  /*TITOLO PARTICOLARE ARGOMENTO*/
              color: #2336d4;
              font-size: 1.4em;
              text-transform: uppercase;
            }
                                        /*TITOLO CARATTERISTICHE PARTICOLARE*/
h4          { color: #ef060a;              
              font-size: 1.1em;
              padding: 0.4em;
              
            }
            
em          {font-size:1em;
             font-weight: bolder;
             color: #2336d4;            
            }


p.content   { font-size: 0.95em;         /* PARAGRAFO NEL CASO DI TESTO COME CONTENUTO DI INFORMAZIONI*/
              padding: 1em auto;
              text-align: justify;             
            }
a.content   { color: #ef060a;
              text-decoration: none;
              
}
              
a.content:hover{ color: #ef060a;
              text-decoration: underline;

}

p.content a   { color: #ef060a;
              text-decoration: none;
              
}
              
p.content a:hover{ color: #ef060a;
              text-decoration: underline;

}
              
p.intro      {  margin: 0.5em 0em 0.3em 0em;    /*PARAGRAFO FISSO DI SPIEGAZIONE STRUTTURA DEL SITO*/
                font-size: 1.15em;
                text-align: justify;        
            }


ul.content    { display: block;                /*UL DI INFORMAZIONE */
                padding: 2em 0 1.2em;                                       
                list-style-image: url('images/ul-style.png');
                list-style-position: outside; 
                  /*list-style-position: outside;*/
              }

ul.content li {color: #2336d4;
                                      
              }

ul.content li a { color: #2336d4;
                  font-weight: bold;
                  text-transform: uppercase;
                  text-decoration: none;
                  
                }

ul.content li a:hover { text-decoration: underline;
                      
                      
                      }

span.divisore {
position: center;
width: 40px;
height: 21px;
margin: 10px 0px 10px 0px; }

a.back    { margin: 1.4em 0em 0em 0em;
            display: block;
            height: 30px;
            width: 30px;
            position: relative; bottom:53px;left:0px;
            background-image: url('images/back-bt.png');
            background-position: 0px 0px;
                                                    
          }

a.back:hover    { background-position: 0px -30px;
                }
                
a.top    { margin: 1.4em 0em 0em 0em;
            display: block;
            height: 30px;
            width: 30px;
            position: relative; bottom:0px;left:35px;
            background-image: url('images/top-bt.png');
            background-position: -30px 0px;
                                                    
          }

a.top:hover    { background-position: 0px 0px;
                }
                
a.topdf       {display:block;
              height: 64px;
              width: 64px;
              background-image: url('images/pdf.png');
              }

a.togall      {display:block;
              height: 90px;
              width: 76px;
              text-align: center;
              background-image: url('images/gall.png');
              }
img.left         {float: left;             /*FLOAT DELLE IMMAGINI*/
                  margin: 0.7em;
                  display: block;
            }

img.right         {float: right;
                    margin: 0.7em;
                    display: block;
            }
        
table.tecnicial_data  { margin: 0.5em 0em 0.5em;
                        
                      }

table.tecnicial_data td.type  { height:1.5em;           /*TABELLA DATI TECNICI */                               margin:3px 0px 3px 0px;
                                width:150px;
                                font-size:0.9em;
                                font-weight: bold;
                                color: #0CA200;   
                                text-transform: uppercase;
                              }

table.tecnicial_data td.data  { font-size: 0.9em;
                                margin:3px 0px 3px 0px;
                              }
          
/* ROBA SOLO PER PAGINA DI PROVA */


	div#main div#banner 	{position: fixed; top: 380px; left: 300px;
				background: #FFFFFF;
				eight: 120px; width: 370px;
				padding: 10px;
				margin: 10px;
				border: 5px red dashed;
        z-index:100;	

				}

p.adv {color: red; font-weight: bold; font-sixe: 20px; text-decoration: blink;
        text-align: center; }
        
p.adv a{text-decoration: none;}
p.adv a:hover{ text-decoration: underline;}

/*ROBA ADSENSE*/

div#adsense {margin: 5px 0px 30px 5px;}