/* 	********************************************************************************************** 

	*		LAYOUT GENERALE *
	*		Created:	 31/10/2007	 *
	*		Last update: *
	*		Nome gruppo di proprieta': TamtamWeb	 	     *
    *		Author: Katty Garcia		 		 *

   	********************************************************************************************** */
/* 	-------------------------------------------------------------------------------------------------- 
	IMPOSTAZIONI GENERALI
   	-------------------------------------------------------------------------------------------------- */	

* { padding: 0; margin: 0; }

body {
 font-family:"Myriad Pro", "Trebuchet MS" , Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background-color:#35393A;

}
ul {
list-style:none;
}
li {
list-style-type:none;
}
img, div {
 border:none;
}

.clear {
clear:both;
}

h1, h2, h3, h4, h5 {
font-weight:normal;
margin:none;
border:none;
background:none;

}
p {
color:#FFFFFF;
font-size:12px;
}
span {
color:#FFFF99;
font-style:italic;
font-size:13px;
}
strong {
color: #8B9298;
letter-spacing:1px;
}
a, a:visited {
color:#DFF4FF;
text-decoration:none;
display: inline;
}
a:hover, a:active {
color: #CCCCCC;
}
span.legenda {
width:410px;
font-size:0.9em;
color:#FFFF99;
font-style:normal;
text-align:right;
float:right;
margin:-15px 20px 20px 0px;
display:block;
padding-bottom:5px;
border-bottom:1px dotted #999;
}
td.titolo1 {
background-color: #455A6F;
color:#FFF;
text-align:center;
}
td.titolo2 {
background-color:#616C6F;
color:#FFF;
text-align:left;
padding-left:3px;
}
td.link {
background-color:#35393A;
padding:5px;
}

/* 	-------------------------------------------------------------------------------------------------- 
	DIV CONTENITORE PRINCIPALE
   	-------------------------------------------------------------------------------------------------- */		

#main { 
 width: 760px;
 height:600px;
 margin-left:-390px;
 margin-top:-310px;
 left:50%;
 top:50%;
 position:absolute;
 background:#35393A url(../img/bgMain.gif) no-repeat center;
 padding:10px;

}

/* 	-------------------------------------------------------------------------------------------------- 
	LAYOUT A TRE COLONNE 
   	-------------------------------------------------------------------------------------------------- */

#leftContent { 
 color: #333;
 width:200px;
 height:600px;
 float:left;
 padding:0px 10px;
 background:url(../img/bgLeft.png) repeat-y;

}
#centerContent { 
 float: left;
 width: 100px;
 padding-top:60px;
 display: inline;
 height:540px;
 background:url(../img/bgCenter.png) repeat-y;
}
#rightContent { 
 color: #333;
 width: 440px;
 height:600px;
 float: left;
 position: relative;
 background:url(../img/bgRight.png) repeat-y;
}
.lingue {
width:100%;
height:120px;
margin-top:-60px;
top:50%;
position:absolute;
text-align:center;
}
/* 	-------------------------------------------------------------------------------------------------- 
	LEFT CONTENT STYLES 
   	-------------------------------------------------------------------------------------------------- */
.logo {
 margin-top:250px;
}
/* 	-------------------------------------------------------------------------------------------------- 
	MENU CONTENT STYLES 
   	-------------------------------------------------------------------------------------------------- */
h3 {
	padding:5px 5px 8px 15px;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background: url(../img/bgNavA.gif) no-repeat left bottom;
	cursor: pointer;
}

h4 {
	margin: 0;
	padding: 5px 10px 0;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #eee;
}

h3 a:link, h3 a:visited {
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
	text-decoration: none;
	color: #333333;
}

h3 a:hover, h3 a:active {
	color: #6F6730;
}

.sottomenu ul {
list-style-type:none;
padding:0px;
}

.sottomenu li {
background:url(../img/bgLi.gif) repeat-y left top;
padding:3px 5px 7px 5px;
height:10px;
text-align:right;
list-style-type:none;
font-size: 11px;
}
.sottomenu li.doppio {
height:25px;
}
.sottomenu li.triplo {
height:40px;
}
.sottomenu li a, .sottomenu li a:visited {
color:#8B9298;
text-decoration:none;
border-bottom:1px solid #12202F;
display:block;
}

.sottomenu li a:hover, .sottomenu li a:active {
color: #FFFFFF;
}
/* 	-------------------------------------------------------------------------------------------------- 
	RIGHT CONTENT STYLES 
   	-------------------------------------------------------------------------------------------------- */
/*--- page senza scroll ---*/
.page {
 width: 420px;
 height:600px;
 overflow:hidden;
}
.page h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
text-align:right;
padding-right:8px;
background:url(../img/bgh1Page.gif) no-repeat right bottom;
color:#FFFF99;
margin:20px 0px 0px 0px;
padding-bottom:5px;
}
.page h2 {
color:#ffffcc;
font-size:16px;
margin:0px 12px 5px 15px;
border-bottom: #FFFFFF 1px dotted;
letter-spacing:2px;
}

.page img {
border-top:#FFFFCC 1px solid;
border-right:#FFFFCC 1px solid;
border-bottom:#FFFFCC 1px solid;
margin-top:-2px;
margin-bottom:15px;
}
.page p{
padding:0px 12px 15px 15px;
text-align:justify;
}
/*--- page con scroll ---*/
.pageScroll {
 width: 440px;
 height:600px;
 overflow:hidden;
}
.pageScroll h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
text-align:right;
padding-right:8px;
background:url(../img/bgh1Page.gif) no-repeat right bottom;
color:#FFFF99;
margin:0px 5px 0px 0px;
padding-bottom:5px;
}
.pageScroll h2 {
color:#ffffcc;
font-size:16px;
margin:0px 20px 5px 15px;
border-bottom: #FFFFFF 1px dotted;
letter-spacing:2px;
}

.pageScroll img {
border-top:#FFFFCC 1px solid;
border-right:#FFFFCC 1px solid;
border-bottom:#FFFFCC 1px solid;
margin-top:-2px;
margin-bottom:15px;
}
.pageScroll p{
padding:0px 15px 15px 15px;
text-align:justify;
}
/*-------*/
.PageHome {
 width: 440px;
 height:600px;
 background:url(../img/bgRightHome.jpg) no-repeat top left;
 margin:0px;
 padding:0px;
}

.infoHome {
width:400px;
height:300px;
padding:160px 15px 15px 15px;
font-size:12px;
}
div.news {
margin:0px 13px 15px 15px;

}
.news h1 {
color:#ffffcc;
font-size:18px;
margin-bottom:15px;
border-bottom: #FFFFFF 1px dotted;
}

.news h2 {
color: #333;
font-size:12px;
background-color:#999;
display:inline;
padding:3px 6px;
float:right;
border:none;
margin:0px;
}

.news h3{
color:#FFFFCC;
background:none;
padding:0px;
background:#666;
padding:3px 6px 3px 3px;
font-size:12px;
text-align:left;
cursor:text;

}
.news h3 a, .news h3 a:visited {
color:#003300;
}
.news h3 a:hover, .news h3 a:active {
color: #FFFF66;
}
.news p {
color:#fff;
padding:8px 0px 15px 0px;
}
.risultati {
width:390px;
margin: 15px 0px 0px 20px
}

.risultati ul{
width:395px;
list-style:none;
padding-bottom:40px;
}
.risultati h1 {
color:#fff;
padding:0px;
background:#242021;
padding:3px;
font-size:12px;
text-align:left;
margin:0px;
}
.risultati strong {
color: #FFFF99;
}
.risultati li{
font-size:12px;
list-style-type:none;
float:left;
}
.risultati li a, .risultati li a:visited {
color: #D1D8DF;
text-decoration:none;
background-color:#74828F;
display:inline;
padding:5px 6px;
width:52px;
float:left;
border-right:#A4AAAF 1px solid;
border-bottom:#A4AAAF 1px solid;

}
.risultati li a:hover, .risultati li a:active {
color: #22394F;
background-color:#9BADBF;
}

.links {
width:395px;
margin: 15px 0px 0px 15px
}

.links ul {
list-style:none;
}
.links li{
font-size:12px;
text-align:left;
background:none;
margin-bottom:2px;
list-style-type:none;
line-height:14px;
}
.links li a , .links li a:visited {
color: #fff;
text-decoration:none;
background-color: #666666;
display:block;
padding:5px;
}
.links li a:hover , .links li a:active {
color: #9BADBF;
background-color: #333;
}

.areaTecnica h3{
color:#fff;
background:none;
padding:0px;
background:#78AF7C;
font-size:12px;
text-align:left;
margin:10px;
}
.areaTecnica h3 a, .areaTecnica h3 a:visited {
color:#003300;
padding:3px 6px 3px 3px;

}
.areaTecnica h3 a:hover, .areaTecnica h3 a:active {
background-color:#D0CC89;
}

/* 	-------------------------------------------------------------------------------------------------- 
	FLASHCONTENT
   	-------------------------------------------------------------------------------------------------- */

#flashcontent p {
color:#FFFF99;
background:#78AF7C;
}

#flashcontent a, #flashcontent a:visited {
color:#FFFFFF;
}

#flashcontent a:hover, #flashcontent a:active {
color: #006633;
}

/* 	-------------------------------------------------------------------------------------------------- 
	FORM
   	-------------------------------------------------------------------------------------------------- */	

#form {
width:430px;

}
#form p {
color:#333;
background: #FFFFCC;
border:1px dotted #7F753F;
padding:3px;
margin-bottom:10px;
margin-right:20px;
}
#form.contatti {
width:410px;
}

form{
width:410px;
margin-left:20px;
margin-top:10px;
}

fieldset{
float:left;
width:410px;
margin:0;
padding: 0;
border: none;
}
form b{color: #8B9298}

fieldset div{
float:left;
width:100%;
padding-bottom:5px;
}

label{
float:left;
display: block;
line-height:16px;
width:410px;
font-weight:bold;
font-size:1em;
color:#ccc;
}

input {
background-color:#6F767F;
color:#ccc;
padding:2px;
width:365px;
border:1px solid #999;
font-family: "Arial Unicode MS", Tahoma, Arial, sans-serif;
font-size:1em;
}

input:hover, input:active {
background-color: #999;
border:1px solid #ccc;
color:#fff;
}

select {
background-color:#6F767F;
border:1px solid #999;
color:#fff;
width:165px;
padding:2px;
}

select:hover {
color: #000000;
background-color: #999;
border:1px solid #ccc;
}

textarea {
background-color:#6F767F;
color:#ccc;
padding:2px;
font-family: "Arial Unicode MS", Tahoma, Arial, sans-serif;
font-size:1em;
border:1px solid #999;
margin-bottom:10px;
}
textarea:hover, textarea:active {
background-color: #999;
border:1px solid #ccc;
color:#fff;
}

input.tasto {
width:80px;
color: #fff;
height:20px;
padding:0px;
font-size:10px;
border:1px solid #6F767F;
background:url(../img/bgInputTasto.gif) no-repeat left top;
display: inline;
cursor:pointer;
margin-right:2px;
}

input:hover.tasto {
color: #666600;
background:url(../img/bgInputTasto.gif) no-repeat left bottom;
border:1px solid #E8D9AC;

}
/* 	-------------------------------------------------------------------------------------------------- 
	FORM ISCRIZIONE
   	-------------------------------------------------------------------------------------------------- */	

#form.iscrizione {
width:410px;
}
#form.iscrizione fieldset div{
float:left;
width:200px;
padding-bottom:10px;
}
#form.iscrizione fieldset div.ultimo{
padding-bottom:20px;
}

#form.iscrizione label{
float:left;
display: block;
line-height:16px;
width:190px;
font-weight:bold;
font-size:1em;
margin-right:10px;
}

#form.iscrizione input {
width:180px;
}

#form.iscrizione select {
width:180px;
padding:0px;
}

#form.iscrizione input.tasto {
width:80px;
display: inline;
}

/* 	-------------------------------------------------------------------------------------------------- 
	FORM CALENDARIO
   	-------------------------------------------------------------------------------------------------- */	

#form.calendario {
width:410px;
}
#form.calendario fieldset div{
float:left;
width:30%;
padding-bottom:10px;
}
#form.calendario label{
float:left;
display: block;
line-height:16px;
width:390px;
font-weight:bold;
font-size:1.2em;
color:#6D9F6F;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #475F4C;
}

#form.calendario input {
width:20px;
}

#form.calendario select {
width:120px;
padding:0px;
}

#form.calendario input.tasto {
width:80px;
height:20px;
display: inline;
margin-right:2px;
}

/* 	-------------------------------------------------------------------------------------------------- 
	SCROLLER
   	--------------------------------------------------------------------------------------------------
div.scroller {
	width: 440px;
	height: 600px;
	margin: 0px;
}
div.scroller .contentScroll {
	height: 560px;
	width: 422px;
	overflow: hidden;
	float: left;
	margin-top:20px;
}

div.scroller .scrollarea {
	height: 600px;
	width: 15px;
	float: left;
	border-left: 1px solid #333333;
	cursor: pointer;
}
div.scroller div.scrollBarContainer {
	height: 568px;
}
div.scroller .scrollKnob {
	width: 10px;
	margin:2px;
	border: 1px solid #999;
	background: #D5D290;
	min-height: 10px;
}
div.scroller .scrollForward, div.scroller .scrollBack {
	width: 10px;
	margin: 1px;
	border: 1px solid #999;
	background: #FFFF66;
	height: 10px;
	margin:2px;
}


 */