﻿html
    {
        height:100%;
        margin:0;
        padding:0;
        font-family: Tahoma,Comic Sans MS, Arial, sans-serif;
        width:100%;
        font-size:smaller;
    }
    
    body
    {
        height:100%;
        padding:0;
        text-align:center;/*solo per IE: per centrare il prossimo figlio rispetto allo schermo*/
        font-family:Tahoma,Verdana,Comic Sans MS, Arial, sans-serif;
        width:100%;
        
     
    }
    
    div#maincontainer
    {
        margin: 0px auto;
        position: relative;
        width: 970px;
           
            }
    
/*------------------	TESTATA		------------------------*/
 
	div#testata
	{
		color:#EBEBEB;
		background:url(immagini/bgTestata.gif) repeat-x;
		height:30px;
		margin: 0px 5px 0px 3px;
		padding:0px;
	}
	
	div#divAreaRiservata
	{
		float:right;
		/*width:290px;*/
		height:26px;
		text-align:left;
		margin:0px;
		padding:2px 0px;
		font:bold 11px Tahoma; 
	}

	.boxLinkTestata
	{  
		float:left;
		height:16px;
		/*width:65px;*/
		border-left:solid 1px #FFFFFF;
		padding:5px 10px;
	}
	
	a.linkTestata{color:#FFFFFF;text-decoration:none;}
	a.linkTestata:hover {color:#FFFFA2;}
	
/*------------------	HEADER		------------------------*/
	
    div#header
    {
        position:static;/*per IE: altrimenti il menu contenuto in DivMenu finisce in uno z-index inferiore all'intero div CONTENT:
                        lo z-index non ha influenza: questo è l'unico modo per aggirare il problema*/
        height:230px;
        width:970px;
       margin:0 auto;/*per centrarlo rispetto allo schermo*/
        background:url(Immagini/HEADER.gif) no-repeat left top;
        margin-top:-5px;
       
    }
    
    div#DivMenu
    {
	    z-index: 50;
	    left: 0px;
	    position: absolute;
	    top: 30px;
	    text-align:left; /*fondamentale per allineare le voci del menu a sx*/
	    width: 350px;
	    font: 13px Tahoma;
    }

/*------------------	CONTAINER		------------------------*/

div#container
    {
        position:relative;
        text-align:left;
        width:970px;
        margin:0 auto;/*per centrarlo rispetto allo schermo*/
        padding-left:3px;/*bug IE6 per allineamento 2 successivi div float*/
        padding-right:5px;
    }

/*------------------	COL. SINISTRA	------------------------*/

div#ColSx
{
    padding:5px 0px 10px 0px;
    
    /*background: url(Immagini/colonnaSxSfumata.gif) repeat-y;*/
    
     border-right:1px solid red;
    width: 189px;
    float:left;
    margin: 10px 0px;/*bug IE6 settare il padding del container, non il margin di div#ColSx, per quel che riguarda le direzioni x e y*/
}

div#uppercol
{ 
   /* background-color:#F42D20;*/
    /*border: 2px solid #000;*/
    position:relative;
    height: 30px;
    margin-top:0px;
    margin-left:2px;
    margin-right:2px;
    font: normal normal 12px 'Tahoma';
    /*color:#F60;*/
}

div#news
{
    
    border-bottom:1px solid red;
    margin-left:8px;
    margin-right:8px;
    margin-top: 20px;
    height: 130px;

    padding:5px;
    /*padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;*/
}

fieldset#field
{
    background-color: #F42D20;
    padding: 5px 2px;
    margin:10px 2px;
    border: 2px solid black;
}

/*------------------	COL. DESTRA		------------------------*/

div#DivCPH
{
        width:750px;
        float:right;
        /*padding:10px 0px;*/
        margin:10px 0px;
}

.h1_titolo
{   
    font:24px Tahoma;
    color: #F42D20;
    /*background-color:#FFFF33;*/
    /*text-align:center;*/
    border-bottom: solid 1px #F42D20;
}

.h1_titolo_278
{   
    font:24px Tahoma;
    color: #F42D20;
    /*background-color:#FFFF33;*/
    /*text-align:center;*/
    width:278px;
    border-bottom: solid 1px #F42D20;
}

.h2_corpo
{
	font:13px Tahoma;
	margin-left:25px;
	
	/*margin-top:-35px;*/
	padding-bottom:10px;
	border-bottom: solid 1px #F42D20;
}

.h2_corpo a:link {color:#F42D20;}
.h2_corpo a:visited {color:#F42D20;}
.h2_corpo a:hover {color:#FF6600;}
.h2_corpo a:active {color:#F42D20;}

.h3_commento
{
	font: italic normal 12px Tahoma;
	padding-bottom:10px;
}

/*
#DivCPH a:link {color:#F42D20;}
#DivCPH a:visited {color:#F42D20;}
#DivCPH a:hover {color:#FF6600;}
#DivCPH a:active {color:#F42D20;}*/

.box_CPH_Left
{
    float:left;
    width:50%;
}
.box_CPH_Left p{margin:0px 0px 10px 0px;}
.box_CPH_Left h1{padding:0px;margin:20px 0px 10px 0px;}


div.box_CPH_Left a:link {color:#F42D20;}
div.box_CPH_Left a:visited {color:#F42D20;}
div.box_CPH_Left a:hover {color:#FF6600;}
div.box_CPH_Left a:active {color:#F42D20;}

.box_CPH_Right
{
    float:left;
    margin-top:35px;
}  

.box_CPH_Right_49pc
{
    float:left;
    margin-top:35px;
    width:49%;
}

.box_CPH_GalleriaFoto
{
	float:left;
    margin:35px 0px 0px 8px;
    width:365px;
}

.boxGalleriaFoto_Top
{
	float: left;
	height: 20px;
	width: 100%;
	background: url(immagini/rounded-top.gif) no-repeat top left;
}

.boxGalleriaFoto_Content
{
	float: left;
	padding: 10px 10px 10px 30px;
	width: 323px;
	border-left: solid 1px #FF3333;
    border-right: solid 1px #FF3333;
}

.boxGalleriaFoto_Bottom
{
	float: left;
	height: 20px;
	width: 100%;
	background: url(immagini/rounded-bottom.gif) no-repeat bottom left;
}

            

/*------------------	FOOTER		------------------------*/

div#DivFooter
{
        clear:both;
        position:relative;
        top:10px;
        left:0px;
        text-align:left;
        height:40px;
        width:962px;
        margin:0 auto;/*per centrarlo rispetto allo schermo*/
        padding: 0px 5px 10px 3px;
}
    
#DivFooter .bottom
{
    height: 100%;
    background: url(Immagini/footerBottom.gif) no-repeat bottom left;
}

#DivFooter .contenuto
{
    height: 35px;
    background: url(Immagini/footerContent.gif) repeat-y;
}

#DivFooter p
{
    color:#FFF;
    margin-left:10px;
    padding-top:9px;
}

/*------------------	VARI		------------------------*/

h4,h5
{
    font-style: italic;
    font-family: Tahoma;
    color:#F42D20;
}
    
img#imgHome{cursor:pointer;}

#ColSx a{letter-spacing: 1px;font-family: Tahoma;font-weight:lighter;}
#ColSx a:link {color:black;}
#ColSx a:visited {color:black;border:0px;}
#ColSx a:hover {color:#FF6600}
#ColSx a:active {color:black;border:0px;}

/*------------------	GALLERIA IMMAGINI		------------------------*/

.img_thumb{border-style:none;}
.img_thumb_hover{border:solid 1px #FF6600;}

/*------------------	QUADRATO GIALLO		------------------------*/
    
.box_up {
    background: url(Immagini/titoloUp.gif) no-repeat top left;
    padding-bottom: 15px;
    padding-top: 12px;
}

.box_bottom {
    width:278px;
    background: url(Immagini/titoloDw.gif) #FFFF33 no-repeat bottom left;
    /*clear:both;*/
}

/*------------------	EVIDENZIA PULSANTI		----------------*/

.btn_evidenziato
{
	border:solid 1px #316AC5;
	background-color:#DFF1FF;
	border-width:1px;
	border-style:solid;
	border-color:#316AC5;
}

.btn_non_evidenziato_su_giallo
{
	border-color:#ffcc00;
	background-color:Transparent;
}



