﻿.hide
{
    display:none;
}

.shadow 
{
background:#E2E3DD url(../images/shadow.gif) no-repeat scroll right bottom;
margin:20px 20px 10px 5px;
padding-bottom:5px;
padding-right:5px;
}

.clicktozoom
{
    color:rgb(100,100,100);
    margin:0 auto;
}

.floatleft
{
    float:left;
    margin-right:10px;
}

.floatright
{
    float:right;
    margin-left:10px;
}

.imgbordata
{
    border:solid 1px rgb(200,200,200);
    padding:5px;
}

div#spot
{
    /*border:solid 1px rgb(200,200,200);/**/
    padding:0 5px 0 5px;
    text-align:center;
}

.SEO
{
    text-align:center;
    color:rgb(255,255,255);
}

.spot img
{
    margin:10px auto;
}

.clearboth
{
    display:block;
    clear:both;
    margin:0;
    padding:0;
}

div.tnitem
{
    text-align:center;
}

div.tnitem a
{
    text-decoration:none;
}

div.tnitem a img
{
    display:block;
    padding:5px;
    border:solid 1px rgb(200,200,200);
    margin:0 auto;
}



h1
{
border-top:1px solid #C8C8C8;
font-size:150%;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin-top:0px;
}

h3
{
    margin-bottom:2px;
}

h6
{
    margin:0;
    padding:0;
}

a img
{
    border-width:0;
}

body 
{
    text-align:center; 
    background-color:rgb(221,221,221);/**/
    background-color:rgb(57,56,57);/**//*grigio scuro*/
    background-color:rgb(192,195,195);/**//*grigio chiaro*/
    color:#006699;
    color:#202020;
    font-family:"trebuchet MS",trebuchet,verdana,helvetica,Sans-Serif;
    font-size:12px;
    margin:0;
    padding:0;
    text-align:center;
}

div#container
{
    /*margin-left:auto;
    margin-right:auto;/**/
    text-align:left;
    /*width:1000px;/**/

    /*width:510px;/**/
    
    margin-left:auto;
    margin-right:auto;/**/
    
    /*background-color:rgb(221,221,221);/**/

    width:990px;/**/
    padding-left:8px;/**/
    padding-right:8px;/**/
    
    /*border-left:solid 5px #ffffff;/**/
    /*border-right:solid 5px #ffffff;/**/
    
    
    background:transparent;
    background-image:  url("../images/CONTAINER-bg-B1.JPG") ;
    background-repeat:  repeat-y;
    background-attachment:inherit;
    background-position:left top;
    /**/


    position:relative;
}


/**************************  HEADER *********************************/
div#header
{
    /*background-image: url("../images/header-bg.jpg");/**/

    /*background-image: url("../images/header-bg3b.jpg");
    height:186px;/**/

    background:rgb(223,134,30) url(../images/header-bg-B4.jpg) repeat-x  scroll left top;
    height:225px;
    
    position:relative;/**/
}

div#header div#ci
{
    /*position:relative;/**/
    /*left:27px;
    top:15px;/**/
    width:205px;
    /*margin-left:20px;/**/
    padding-left:20px;  /*15 ombra + 5 padding*/
    padding-right:20px;  /*15 ombra + 5 padding*/
    margin-top:2px;
    float:left;/**/
    display:inline;
    background-color:#ffffff;/**/


    /*background-color:transparent;/**/
    background-image:  url("../images/CI-bg-B3.jpg") ;
    background-repeat:   no-repeat;
    background-attachment:inherit;
    background-position:left -2px; /*il -2 per compensare il +2 di margin-top*/
    
    height:223px;
    width:205px
}

img#logo
{
    /*
    position:absolute;
    left:27px;
    top:15px;
/**/
    /*
    width:190px;
    margin-left:1px;
    margin-top:1px;
/**/
    margin-top:5px;
}


div#header h1#ptc
{
    background:transparent url(../images/1tc-bg-B5.gif) no-repeat  scroll right top;
    height:200px;
    width:200px;
    position:absolute;
    right:0;
    top:0;
    margin:0;
    padding:0;

}

body.EN div#header h1#ptc
{
    background:transparent url(../images/1tc-bg-B5-en.gif) no-repeat  scroll right top;
    height:200px;
    width:200px;
    position:absolute;
    right:0;
    top:0;
    margin:0;
    padding:0;

}

div#header h1#ptc span
{
    visibility:hidden;
}

#header h2
{
    border-width:0;
    margin:0;
    padding:0;
    font-size:20px;
    color:rgb(255,255,255);
    font-style:italic;
    font-family: verdana;
    font-weight:400;
    font-size:20px;
line-height:150%;
}

div#spot
{
    background:transparent url("../images/header-spot-b4.jpg") no-repeat scroll top left;
    height:200px;
    width:509px;
    position:absolute;
    top:0;
    left:245px;
}

body.EN div#spot
{
    background:transparent url("../images/header-spot-b4-EN.jpg") no-repeat scroll top left;
    height:200px;
    width:509px;
    position:absolute;
    top:0;
    left:245px;
}



h2#spot-row1
{
    position:absolute;
    top:30px;/**/
    left:250px;
    /*color:rgb(200,200,200);/**/
    width:800px;
}

h2#spot-row2
{
    position:absolute;
    top:105px;
    left:400px;
    width:800px;
}

/**************************  contacts *********************************/

div#contacts
{
    font-family	:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    color:	#595959;
    color:#96161A;
    /*
    position:absolute;
    bottom:0;/**/
    /*top:100px;/**/
    /*left:20px;/**/
}

div#contacts h6, #menu-left h6
{
    letter-spacing: 8px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    /*margin-left: 24px;/**/
    border-bottom:1px solid #D1D2CD;
}

div#contacts ul
{
    margin:0;
    padding:0;
    display:block;
}

div#contacts li
{
    list-style:none;
    font-size:	11px;
    font-weight:   	400;
    font-style:	normal;
    text-transform:	none;
    text-decoration:	none;
    letter-spacing:	normal;
    word-spacing:	normal;
    line-height	:17px;
    background:transparent url(_../images/bullet_arrow.png) no-repeat scroll 10px 5px;
    padding:0px 0px 0px 10px;
}




/**************************  contents *********************************/
div#header-shadow
{
    height:5px;
    
    background-color:transparent;
    background-image:  url("../images/header-bottom-bg.jpg") ;
    background-repeat:  repeat-x;
    background-attachment:inherit;
    background-position:left top;
    }

div#contents
{
    
    background:transparent;
    background-image:  url("../images/contents-bg-B3.jpg") ;
    background-repeat:  repeat-y;
    background-attachment:inherit;
    background-position:left top;
/**/
    
    background-color:#ffffff;
    background-color:rgb(230,230,230);
    
    /*
    margin-left:auto;
    margin-right:auto;/**/
}



/**************************  left-menu *********************************/

div#menu-left
{
    /*background-image:url("../images/menu-left-bg.png");/**/
    background-attachment: inherit;
    /*background-color:rgb(232,122,1);/**/
    background-color:Transparent;
    background-position:left top;
    background-repeat:no-repeat;
    /*width:240px;/**/
    width:210px;
    height:512px;
    /*height:303px;/**/
    float:left;/**/
    margin-left:15px;/**/
    padding:0 5px;
    
    
    
    display:inline;/*IE Hack for float+margin bug*/



    background-image:url("../images/menu-bg-B2.jpg");/**/
    background-attachment: inherit;
    background-color:Transparent;
    background-position:left top;
    background-repeat:repeat-x;
}


div#menu
{
    /*margin:60px 0 0 18px;/**/
    /*margin:30px 0 0 18px;/**/
    margin:30px 0 0 0px;
    /*width:184px;/**/
    color:rgb(100,100,100);
}


div#menu h6
{
    /*margin:0 0 0 30px;/**/
}

div#menu ul
{
    /*margin:0 0 10px 0;/**/
    padding:0;
    margin:0;/**/
}

div#menu li
{
    list-style:none;
    font-size:	11px;
    font-weight:   	400;
    font-style:	normal;
    text-transform:	none;
    text-decoration:	none;
    letter-spacing:	normal;
    word-spacing:	normal;
    line-height	:17px;
    background:transparent url(_../images/bullet_arrow.png) no-repeat scroll 10px 5px;
    padding:0px 0px 0px 10px;
}

div#menu li h3
{
    font-size:	11px;
    font-style:	normal;
    text-transform:	none;
    text-decoration:	none;
    letter-spacing:	normal;
    word-spacing:	normal;
    padding:0;
    margin:0;
    margin-top:10px;
}

div#menu li.foglia
{
    /*border-bottom:solid 1px #f0f0f0;/**/
    background:transparent url(../images/bullet_arrow.gif) no-repeat scroll 10px 5px;
    background:transparent url(../images/ver_arrow.gif) no-repeat scroll 10px 5px;
    padding:0px 0px 0px 24px;
    list-style-type:none;
}

div#menu li.foglia a
{
    background:transparent url(../images/gray_dotted.gif) repeat-x scroll left bottom;
    /*padding:4px 5px;/**/
}


div#menu a, div#focuson a
{
    text-decoration:none;
    color:rgb(60,60,60);
}



/**************************  content *********************************/
#content
{
color:#494949;
font-family:tahoma, "Lucida Grande",Verdana,sans-serif;
font-size:small;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2em;
letter-spacing:0.5px;
word-spacing:1px;
background:transparent url(../images/content-bg.gif) no-repeat  scroll 5px top;/**/

    /*border:1px solid rgb(200,200,200);/**/
    /*height:190px;/**/
    /*width:300px;/**/
    /*
    background-image:url("../images/menu-left-bg.png");
    background-repeat:no-repeat;
    /**/
    float:left;
  
    /*
    width:820px;
    width:750px;
*/


    width:500px;
    float:left;
    padding:0 10px 0 10px;
}

div#content h2
{
color:#8B0A07;
color:rgb(100,100,100);
/*font-family:	georgia,times,serif;/**/
/*border-bottom:1px solid #8B0A07;/**/
font-weight:normal;
font-size:19px;
line-height:150%;
text-transform:uppercase;
margin:0;
padding:0;
}


#content p
{
    text-align:justify;
    margin:13px 0;
}

div#content ul 
{
    /*list-style-type:none;/**/
}

div#content ul li
{
    list-style-type:none;/**/
    padding-left:20px;/**/

    background-image: url("../images/bullet_go.gif");
    background-repeat:no-repeat;
    background-position:0px 0;
    background-color:Transparent;
    
    margin-top:15px;
}

div#content ul li li
{
    list-style-type:none;/**/
    padding-left:15px;/**/

    background-image: url("../images/bullet_go_.gif");
    background-repeat:no-repeat;
    background-position:0px 0;
    background-color:Transparent;
    margin-top:0;
}


/**************************  extra *********************************/
div#extra
{
    width:220px;
    float:left;
    /*border-left: solid 1px rgb(60,60,60);/**/
    padding:0 0 0 6px;
    /*background:transparent url(../images/contentr-bg.jpg) no-repeat scroll right top;/**/
    /*height:550px;/**/
    
    border-left:solid 1px rgb(200,200,200);
    /*background-color:rgb(240,240,240);/**/
}

div#extra h2
{
    color:#626262;
    font-family:Lucida Grande,Arial,Verdana,Helvetica,sans-serif;
    font-size:12px;
    font-weight:400;

}


div#extra ul
{
    /*list-style-type:none;/**/
    margin:0;
    padding:0;
}

div#extra ul li
{
    list-style-type:disc;
    margin-left:20px;
}

/*****************************************************************************************/
 div#focuson
{
    /*margin:60px 0 0 18px;/**/
    margin:30px 0 0 18px;
    width:184px;
    color:rgb(100,100,100);
}

 div#focuson ul
{
    /*margin:0 0 10px 0;/**/
    padding:0;
    margin:0;
}

 div#focuson li
{
    list-style:none;
    list-style:none;
    font-size:	11px;
    font-weight:   	400;
    font-style:	normal;
    text-transform:	none;
    text-decoration:	none;
    letter-spacing:	normal;
    word-spacing:	normal;
    line-height	:17px;
    background:transparent url(_../images/bullet_arrow.png) no-repeat scroll 10px 5px;
    padding:0px 0px 0px 10px;
}

 div#focuson li.foglia
{
    /*border-bottom:solid 1px #f0f0f0;/**/
    background:transparent url(../images/bullet_arrow.gif) no-repeat scroll 10px 5px;
    background:transparent url(../images/ver_arrow.gif) no-repeat scroll 10px 5px;
    padding:0px 0px 0px 24px;
    list-style-type:none;
}

div#focuson li.foglia a
{
    background:transparent url(../images/gray_dotted.gif) repeat-x scroll left bottom;
    padding:4px 5px;
}


/**************************  footer *********************************/

div#footer
{
    /*
    background-image: url("../images/footer-bg.gif");
    background-repeat:no-repeat;
    background-position:-47px 0px;
/**/
    height:100px;
    font-size:10px;
    color:rgb(221,221,221);
    background-color:rgb(57,56,57);
    position:relative;
    clear:both;
}

div#footer-bar
{
    background-color:rgb(229,120,1);
    border-top: solid 1px rgb(124,123,123);
    border-bottom: solid 1px rgb(124,123,123);
    height:15px;
    margin-left:232px;
}


/**************************  credits *********************************/
div#credits
{
    /*position:absolute;
    top:5px;
    left:10px;
/**/
    width:205px;
    padding:0 20px;
    background-image: url("../images/credits-bg-b1.jpg");
    background-repeat:no-repeat;
    background-position:top left;
    height:100px;
    float:left;
}

div#credits ul
{
    padding:0;
    margin:0 0 0 0;
    display:block;
}

div#credits li
{
    list-style:none;
    padding:0;
    margin:-2px 0 -2px 0;
}

div#credits li a
{
    text-decoration:none;
    color:#dddddd;
}


/*****************************************************************************************/
div#footerspot
{
    text-align:left;/**/
    margin-left:40px;
    float:left;
}
/*****************************************************************************************/

div#mnulingua
{
    position:absolute;
    top:50px;
    left:760px;
}

div#mnulingua ul
{
    margin:0;
    padding:0;
}

div#mnulingua ul li
{
    list-style-type:none;/**/
    /*
    background-image: url("../images/flita.gif");
    background-position:left center;
    background-repeat:no-repeat;
    
    padding-left:15px;
    */
}

div#mnulingua ul li a
{
    color:#000000;
    text-decoration:none;
}

div#mnulingua ul li a img
{
    border-width:0;
}


/*****************************************************************************************/
div#mnuistituzionale
{
    position:absolute;
    top:115px;
    left:760px;
}

div#mnuistituzionale ul
{
    margin:0;
    padding:0;
}

div#mnuistituzionale ul li
{
    list-style-type:none;
    background-image: url("../images/strzalka.gif");
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:15px;
}

div#mnuistituzionale ul li a
{
    color:#000000;
    text-decoration:none;
}
