/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
li {
	list-type: none;
}

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: Arial, Verdana, Sans-Serif;
background: #e3e3e3;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 15px auto; /*Center container on page*/
border: 1px solid #999999;
background: #FFF;

}

#topsection{

height: 140px; /*Height of top section*/
background: url(../images/testata.png) left top no-repeat;
}
#topsection2{

height: 40px; /*Height of top section*/
background: #cc3300;
float:left;
}
#undertop{
border-top: 1px solid #DDD;
border-bottom:1px solid #ddd;
background: #fff;
height: 160px; /*Height of top section*/
/*background: url(../images/mondo3.jpg) top no-repeat;*/
}
.red{

border-bottom:1px solid #ddd;
height: 20px; /*Height of top section*/
background: #2968a9;
}
#topsection h1{
margin: 0;
padding-top: 15px;
visibility:hidden;

}

#contentwrapper{
float: left;
width: 100%;
background: url(../images/sf_4.png) bottom right no-repeat;
min-height:150px;
}

#contentcolumn{
margin-right: 620px; /*Set right margin to RightColumnWidth*/
text-align:center;
padding-top:10px;

}

#contentcolumn h2{
font-family: georgia, garamond, 'times new roman', baskerville, 'book antiqua', Serif;
font-size: 1.4;
color: #990000;


}

#rightcolumn{
float: right;
width: 620px; /*Width of right column*/
margin-left: -620px; /*Set left margin to -(RightColumnWidth) */
height: 200px;
text-align:right;
margin-top: -20px;

}

.box2 {
	clear:both;
	width: 512px;
}

.box {

}
.box a {
letter-spacing: -1px;
font-size:1.2em;
text-align:center;
display:block;
	width:90px;
	padding:6px;
	height:70px;
	border-top: 5px solid #036;
	border-bottom: 1px solid #036;
	border-right: 1px solid #036;
	border-left: 1px solid #036;
	padding-top:20px;
	background: #388FE9/*FF36EE*/;
	float:right;
	margin: 3px;
	font-weight:bold;
	filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
	
	text-decoration:none;
	color: #FFF

}

.box a:hover {
	display:block;
	background:#255984;
	color: #FFF;
	
}

#footer{
clear: left;
width: 100%;
background: #f4f4f4;
color: #666;
text-align: center;
padding: 4px 0;
font-family: Arial, Verdana, Sans-Serif;
font-size:0.8em
}

#footer a{
color: #666;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

}
.inner{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

background: #CCCCCC;
}
.innertubecontent{
margin: 0px 40px 10px 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

}

/*menu laterale */
.markermenu {

list-style-type: none;
margin: 5px 0;
padding: 0;
width:180px;

/*border: 1px solid #9A9A9A;*/
}
.markermenu ul {
	text-align:center;
	width:156px;
}

.markermenu li {
	margin-bottom:2px;
	
}
.markermenu li a{
/*background: #FFFFD7 url(../img/arrow-list.gif) no-repeat 2px center;*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
padding: 9px 6px 6px 6px;
padding-left: 20px;
text-decoration: none;
border: 1px solid #DDD;
height:21px;
background: #f5f5f5 url(../images/menu.png) top;  
text-align:center;
width:156px;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 156px;
margin-bottom:2px;
border: 1px solid #DDD;
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
margin-bottom:2px;
border: 1px solid #DDD;
}

.markermenu li a:hover {
color: #003366;
background: #f5f5f5 url(../images/menu2.png) top;
margin-bottom:2px;
border: 1px solid #DDD;
}
/*fine marker*/

#menu_sx {
float:left;
margin: 40px 0px 0px 0px;
padding: 0;
width:130px;

}

.markermenu2 {

list-style-type: none;
margin: 0px 0;
padding: 0;
width:110px;

/*border: 1px solid #9A9A9A;*/
}
.markermenu2 ul {
	text-align:center;
	width:107px;
}

.markermenu2 li {
	margin-bottom:2px;
	
}
.markermenu2 li a{
/*background: #FFFFD7 url(../img/arrow-list.gif) no-repeat 2px center;*/
font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #006699;
display: block;
padding: 10px 0px 0px 0px;

text-decoration: none;
height:55px;
background: #f5f5f5 url(../images/sf_2.png) top;  
text-align:center;
width:107px;
}


* html .markermenu2 li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 107px;
margin-bottom:2px;

}

.markermenu2 li a:visited, .markermenu li a:active{
color: #006699;
margin-bottom:2px;

}

.markermenu2 li a:hover {
color: #003366;
background: #f5f5f5 url(../images/sf_3.png) top;
margin-bottom:2px;

}
/*fine marker*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 90%;
background: #FFF;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
margin-top:70px;
text-align:right;
}

#ddcolortabs ul{
font: bold .7em Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: #999999;
background: #FFF/*678b3f *url(../images/color_tabs_left.gif) no-repeat left top*/;
margin:0 2px 0 0;
padding:0 0 5px 3px;
text-decoration:none;
letter-spacing: 1px;
border-right: 1px solid #bbb;
/*border-bottom: 1px solid #FFF;

border-left: 1px solid #FFF;*/
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent /*url(../images/color_tabs_right.gif) no-repeat right top*/;
padding:9px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #f4f4f4;
}

#ddcolortabs a:hover span{
background-color: #f4f4f4;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #ddd;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #678b3f;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.testata1  {
	width: 500px;
	float:left;
	
}
.testata2  {
	width: 300px;
	
	float:right;
}

#credits{font-size:0.6em; margin:0 auto; text-align:center}