/*=========================================================

	UPAYA - scuola di immaginazioe creativa - Website V2.1 (04.2010)

	sctyle.css
	Version 4.01

	Author: Mauro Abba
	Company: Tratto Communications - Torino (Italy)
	Web site: www.trattocommunications.com
	
	...et suis spatiis transeunt universa sub cælo ... (Ecclesiastes 3,I)

=========================================================*/


body, h1, h2, h3, p, ul, li,  form{
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clear 
{
	clear:both;
}


a:link, a:visited {
	background-color: transparent;
	text-decoration: none;
	}

a:link, a:visited {
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	}

a:link {
	color: #701414;
	}

a:visited {
	color: #701414;
	}

a:link:hover {
	text-decoration:none;
	text-color: #fff;
	background-color:#701414;
	color: #FFFFFF;
	}


.center {
 text-align: center;
}



/* ------------------------------- */
/* PAGE Elements*/
/* ------------------------------- */
#wrapper{
	margin:0;
	width: auto;
	background-color:FFFFFF;
}

#container {width:911px; 
margin:auto; }
#topcontainer {
	width: 911px;
	height: 505px;
}



#wrapHeader{ height: 198px;
 clear:both; }


#topHeader{
	width:auto;
	margin: 0;
	padding: 0;
	height:154px;
}

#topHeaderright{
	width:200px;
	margin: 0;
	
}
#topHeader h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding-top: 0px;

}


#logotopHeader{
	width:343;
	margin-top: 0px;
	float: left;
	height:154px;

	
}

#logobotHeader{ width:560px; margin-top: 0px; height:65px; float:right; 
}


#topbar{
	width:auto;
	height:225px;
}

#navbar{
	width:auto;
	height:41px;
}



/* ------------------------------- */
/* HEADER - 
/* ------------------------------- */
#logo_container {
	width: 485px;
	height: 56px;
	float: left;
	margin-left:20px;
	margin-top:32px;
}

#logo_container2 {
	width: 394px;
	height: 10px;
	float: left;
	margin-left:168px;
	margin-top:10px;
}




/* = = = DOWNSIDE --------------------  */

#main{
background-color: #FFFFFF; 
padding-bottom:30px;
clear:both;
}

#mainleft{width:280px; margin-top:20px; margin-bottom: 40px; float:left; clear:both;}

#mainright {
	width:550px;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom: 20px;
	padding: 20px;
}


#mainall{
width: auto;
padding-top:20px;
padding-bottom:30px;
display:block;
clear:both;
}


.home #maincontainer
{
	margin-top:10px;
	margin-bottom: 10px;
	width: 911px;
	margin-right: auto;
	margin-left: auto;
}




.home #mainrightcontainer {
	width:400px;
	margin-right:20px;
	float:right;
	margin-top:10px;
	margin-bottom: 20px;
	padding: 0px;
}

.home #mainrightcontainer .banner {
	margin-right:auto;
	margin-left: auto;
	float:right;
	margin-top:0px;
	margin-bottom: 10px;
}

.home #mainright {
	width:380px;
	margin-right:10px;
	float:right;
	margin-top:10px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}



.home #mainleft{
	width:380px;
	margin-left:25px;
	float:left;
	margin-top:10px;
	margin-bottom: 20px;
	border: 1px dashed #999;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	
}


.home  #galleryContainer{
	width:911px;
	height: 250px;
	margin-bottom: 30px;
}

.home  #galleryContainer .gallerytitle{
	width:850px;
	height: 50px;
	margin-left: 20px;
}



.home  #galleryContainer .gallerytitle .maintop {
	width:850px;
	margin-left:5px;
	float:none;
	margin-top:0px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right: auto;
	border: 1px dashed #999;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	clear:both;	
}

/* HOME PAGE SEZIONE VIDEO YTUBE */


.home #maincontyt
{
	margin-top:10px;
	margin-bottom: 30px;
}


.home #maincontyt .maintop {
	width:850px;
	margin-left:5px;
	float:none;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right: auto;
	border: 1px dashed #999;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	clear:both;
	
}



.home #maincontyt .mainright {
	width:425px;
	margin-left:0px;
	float:right;
	margin-top:10px;
	margin-bottom: 20px;
	border: 1px dashed #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 0px;
}

.home #maincontyt .mainleft{
	width:660px;
	margin-left:auto;
	float:none;
	margin-top:10px;
	margin-bottom: 20px;
	border: 1px dashed #999;
	padding: 10px;
	margin-right: auto;
	
}






.curr #mainrightTop {
	width:400px;
	margin-right:20px;
	float:right;
	margin-top:30px;
	margin-bottom: 20px;
	padding: 10px;
	text-align:right;
}

.curr #mainright {
	width:410px;
	margin-right:20px;
	float:right;
	margin-top:40px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}


.curr #mainleft{
	width:441px;
	height: 329px;
	margin-left:10px;
	float:left;
	margin-top:140px;
	margin-bottom: 20px;
}

.corsi #mainright {
	width:550px;
	margin-right:0px;
	float:right;
	margin-top:20px;
	margin-bottom: 40px;
	padding: 20px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #000;
}

.corsi #mainrightTop {
	width:500px;	
	margin-right:20px;
	float:right;
	margin-top:30px;
	margin-bottom: 20px;
	padding: 10px;
	text-align:right;
}

.corsi #mainleft{
	width:260px;
	height: 404px;
	margin-left:40px;
	float:left;
	text-align:left;
	margin-top:50px;
	margin-bottom: 20px;
}

ul.corsi {
	list-style-type: none;
	margin: 0;
	padding-top:20px;
	padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
	color: #000000;
}

ul.corsi a {
text-decoration:none;
	color: #000000;
}

ul.corsi a:hover {
	text-decoration:none;
	text-color: #fff;
	background-color:#701414;
	color: #FFFFFF;
}

ul.corsi a:visited {
text-decoration:underline;

text-color: #fff;
}

ul#.corsi #mainleft a	{
display:block;
text-decoration:none;
overflow:hidden;
}

ul.corsi li li {
	list-style-type: none;
	margin: 0;
	padding-left: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
}

.contatti #mainright {
	width:500px;
	margin-right:0px;
	float:right;
	margin-top:40px;
	margin-bottom: 50px;
	padding: 20px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #000;
}

.contatti #mainrightTop {
	width:500px;	
	margin-right:20px;
	float:right;
	margin-top:30px;
	margin-bottom: 20px;
	padding: 10px;
	text-align:right;
}


.form #mainright {
	width:700px;
	margin-right:0px;
	float:right;
	margin-top:40px;
	margin-bottom: 50px;
	padding: 20px;
	background: #EBE7F1;
	border: 1px dashed #654E8F;
}

.form #mainright2{
	width:500px;
	margin-right:0px;
	float:right;
	margin-top:40px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-left: 100px;
	padding-bottom: 20px;
	padding-right: 20px;
	background: #EBE7F1;
	border: 1px dashed #654E8F;
}

.form #mainrightTop {
	width:500px;	
	margin-right:20px;
	float:right;
	margin-top:30px;
	margin-bottom: 20px;
	padding: 10px;
	text-align:right;
}



/* MENU HORIZONTAL */
ul#navmain		{
list-style-type: none;
position: relative;
width:911px;
height: 41px;
margin: 0;
padding:0;
}

ul#navmain a	{
display:block;
text-indent: -9999px;
text-decoration:none;
overflow:hidden;
position: relative;
height: 41px;
}

li#nm1{
	top: 0px;
	left:0px;
	position: absolute;
	height: 41px;
	width:209px;
	background: url(../imgs/menu00.jpg) no-repeat 0px 0px;
}

li#nm1 a:hover{
	background: url(../imgs/menu00s.jpg) no-repeat 0px 0px;
}

li#nm2{
	top: 0px;
	left:209px;
	position: absolute;
	height: 41px;
	width:110px;
	background: url(../imgs/menu01.jpg) no-repeat 0px 0px;
}

li#nm2 a:hover{
	background: url(../imgs/menu01s.jpg) no-repeat 0px 0px;
}

li#nm3{
	top: 0px;
	left:319px;
	position: absolute;
	height: 41px;
	width:142px;
	background: url(../imgs/menu02.jpg) 0px 0px;
}

li#nm3 a:hover{
	background: url(../imgs/menu02s.jpg) no-repeat 0px 0px;
}

li#nm4{
	top: 0px;
	left:461px;
	position: absolute;
	height: 41px;
	width:99px;
	background: url(../imgs/menu03.jpg) 0px 0px;
}

li#nm4 a:hover{ background: url(../imgs/menu03s.jpg) no-repeat 0px 0px;
}

li#nm5{
	top: 0px;
	left:560px;
	position: absolute;
	height: 41px;
	width:139px;
	background: url(../imgs/menu04.jpg) 0px 0px;
}

li#nm5 a:hover{ background: url(../imgs/menu04s.jpg) no-repeat 0px 0px;
}

li#nm6{
	top: 0px;
	left:699px;
	position: absolute;
	height: 41px;
	width:104px;
	background: url(../imgs/menu05.jpg) 0px 0px;
}

li#nm6 a:hover{ background: url(../imgs/menu05s.jpg) no-repeat 0px 0px;
}

li#nm7{
	top: 0px;
	left:803px;
	position: absolute;
	height: 41px;
	width:107px;
	background: url(../imgs/menu06.jpg) 0px 0px;
}

li#nm7 a:hover{ background: url(../imgs/menu06s.jpg) no-repeat 0px 0px;
}



/* FINE MENU HORIZONTAL */

 /* IMAGES STYLES  */

img {
	border: none;
}
.img_right {
	float: right;
}
.img_left {
	float: left;
}
.img_center {
text-align: center;
	align: center;
}

.img_border1 {
	border: 1px solid #666;
}
.img_border1dashed {
	border: 1px dashed #666;
}


 /* HEADING STYLES + FONTS  */


.descr {
	font-family:       arial, Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size:         10px;
	font-weight:       normal;
	margin:        	0;
	padding:			5px 0px 5px 0px;
	color:             #000;
}  

.descr11 {
	font-family:       arial, Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size:         11px;
	font-weight:       normal;
	margin:        	0;
	padding:			5px 0px 5px 0px;
	color:             #000;
}  

.descr12 {
	font-family:       arial, Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size:         12px;
	font-weight:       normal;
	margin:        	0;
	padding:			5px 0px 5px 0px;
	color:             #000;
}  


.descr2 {
	font-family:       arial, Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size:         13px;
	margin:        	0;
	padding:			2px 4px 2px 0px;
	color:             #000;
}  
.descr2b {
	font-family:       arial, "Lucida Grande", Verdana, Geneva, Sans-serif;
	font-size:         12px;
	margin:        	0;
	padding:			2px 4px 2px 0px;
	color:             #000;
}

.descrTop {
	font-family:       arial, "Lucida Grande", Verdana, Geneva, Sans-serif;
	font-size:         10px;
	padding:			10px;
	color:             #000;
}


.richiesta {
	background-color: #E4E4E4;
	border: 1px solid #999;
	color: #333;
	font-size: 10px;
	margin: 0px 0 5px;
	padding: 13px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	}
.richiestaTit {
	font-size: 12px;
	font-weight: bold;
	color: #900;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.evidence1 {
	font-family:       arial, Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size:         12px;
	font-weight:       bold;
	margin:        	0;
	padding:			5px 10px 5px 10px;
	background-color:             #D9E6FF;
}  


.riquadro1 {
	background-color: none;
	border: 2px dashed #000000;
	color: #333;
	font-size: 10px;
	margin: 5px 0 5px 0;
	padding: 13px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	}
.riquadro1Tit {
	font-size: 12px;
	font-weight: bold;
	color: #900;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.testo{
	font-size: 10px;
	padding-top: 15px;
	padding-right: 15px;
	line-height: 12px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.testo a{
	color:#000000;
	
	}
	
.titolotesto{
	font-size: 25px;
	padding-top: 15px;
	padding-right: 15px;
	line-height: 20px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	}


/*ARTICLE NAV blocco centrale */

#ArticlenavMenu.Sx {
	width: 200px;
	float:left;
	background: #fff;
	padding: 0 0;
	margin: 5px 0;
}

#ArticlenavMenu.Center {
	width: 200px;
	float:left;
	background: #fff;
	padding: 0 0;
	margin: 5px 3px 5px 5px;
}
#ArticlenavMenu.Dx {
	width: 200px;
	float:right;
	background: #E4E2D3;
	padding: 0 0;
	margin: 5px 0;
}


/* ARTICLE NAV STYLES */

ul#Articlenav {
	margin: 0 0 0px;
	padding: 0;
	overflow: hidden;
	
}
ul#Articlenav li {
	float: left;
	width: 100%; 
	margin: 0;
	padding: 0;
}
ul#Articlenav li a {
	display: block;
	padding: 0 15px;
	line-height: 18px;
	font-size: 11px;
	background: #EDEBD5;
	margin: 0 0 2px 0;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}
ul#Articlenav li a:hover, ul#Articlenav li.active a {
	background: #2A4353;
	border-right: 2px solid #000;
	border-bottom: 0px solid #DFDFDF;
	color: #ffffff;
}


/* ------------------------------- */
/* NAVIGAZIONI SINISTRA - 	*/
/* ------------------------------- */

#topicnav ul 
{ margin: 0px;
	padding-left: 0px;
	list-style: none;	
}

#topicnav li 
{ margin: 0px;
	padding-left: 0px;
	list-style: none;	
}


.about {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#111;
	margin:20px 0 20px 0;
	border-bottom: 3px double #000;
	padding-bottom: 20px;
}


.about h4 {
	font-size:26px;
	font-weight:normal;
	margin:0 0 5px 0;
	line-height:24px;
	padding:0;
}

.about p {
	font-size:14px;
	line-height:19px;
}



/* ------------------------------- */
/*FOOTER - 							*/
/* ------------------------------- */

#footer-wrap {
	width:910px;
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	clear:both;
	padding-top: 15px;
	border-top: 5px double #000000;
	margin-bottom: 50px;
}	
		
		
#footer{
font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	clear:both;
	margin-bottom: 20px;
}

#footer-bottom{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 15px;
	text-align:center;
	display:block;
	background: #FFFFFF;
	height: 50px;
	clear:both;
	color: #000000;
}


#footer-bottom a{
	color: #000000;
}

#footer-bottom a:hover{
	color: #FFFFFF;
	background: #666666;
}

#footer-left {
	padding-right: 5px;
	margin-left: 45px;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 150px;
	float: left;
	text-align: right;
	border-right: 1px solid #000;
	}

#footer-mid {
	padding-right: 10px;
	padding-left: 50px;
	margin-top:132px;
	width: 550px;
	float: right;
	text-align: left;
	margin-bottom: 10px;
	}


#footer-wrap h3 {
	margin: 0;
	padding: 0 0 0px 0px;
	padding-top: 10px;
	color: #000;
	font-size: 12px;
font-weight: normal;
	}
	
#footer ul {
list-style: none;
	margin: 0;
	
	}

#footer ul li {
float: left;  
	font-size: 12px;
	padding-left: 7px;
	padding-right: 10px;
	margin-left: 5px;
	}


.footer img {
	float:left;
	margin:0 5px 15px 0;
}

.footer p {
	font-size:12px;
	line-height:19px;
	margin:10px 0 0 0;
}

.footer h4 {
	font-size:26px;
	font-weight:normal;
	margin:0 0 5px 0;
	line-height:24px;
	padding:0;
}


.footer h5 .by {
	text-transform:none;
}



/* ------------------------------- */
/*COPY - */
/* ------------------------------- */


#copy {
	padding-top: 35px;
	text-align: center;
	clear: both;
	line-height: 3em;
	 border-top: 3px double #000;
	}


#copy p {
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	

/* ------------------------------- */
/* CLASSES - */
/* ------------------------------- */

.red {color: #B9122B;}

.noborder {clear:both; 
position: relative;
border: 0px; }


.border2{
clear:both;
position: relative;
border:double 2px; 
text-align:center;}

.borde3{
clear:both;
position: relative;
border:double 3px; 
text-align:center;
}

.border4{
clear:both;
position: relative;
border:double 4px; 
text-align:center;
}

.border5 {
clear:both;
position: relative;
border:double 5px; 
text-align:center;
}

.border6 {
position: relative;
border:double 5px; 
}


blockquote {
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding: 30px;
}

/* This is the property before the quote starts*/
blockquote:before {
content: open-quote;
height:10px;
margin-left: -35px;}


blockquote:before, blockquote:after {
color: #ccc;
display: block;
font-size: 60px;
width: 50px;
}

blockquote p {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding-left: 40px;
margin-left: 40px;
}


.imgarticle {clear:both; 
position: relative;
border:double 5px; 
text-align:center;}

.red {color: #B9122B;}

.noborder {clear:both; 
position: relative;
border: 0px; }


/* ------------------------------- */
/* VISUAL STUDIO TABLE STYLE - */
/* ------------------------------- */

	
.testoGar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color: #000;
}

.testoGarB {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	line-height: 25px;
	font-weight: normal;
	color: #701414;
}

.testoGar2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
}

.testoGar3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	padding-left: 20;
}

.testoGar3b {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	padding-left: 20;
}


.testoGar3 a {
	color: #701414;
}
.testoGar3 a:hover {
background-color:#701414;
	color: #ffffff;

}


.testoGartit{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	color: #701414;
	margin-bottom: 10px;
	padding-bottom: 20px;
}


.testoGartit2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 50px;
	line-height: 25px;
	font-weight: bold;
	color: #701414;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
.testoGartit2b{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	line-height: 25px;
	font-weight: bold;
	color: #701414;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
.testoGartit3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 25px;
	font-weight: bold;
	color: #701414;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.testoGartit3b{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	line-height: 25px;
	font-weight: bold;
	color: #F05C1E;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.testoGartit4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 50px;
	line-height: 25px;
	font-weight: bold;
	color: #654E8F;
	margin-bottom: 10px;
	padding-bottom: 20px;
}



.testoGeorg1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
		line-height: 25px;
	font-weight: normal;
	color: #000000;
}


.testoGeorg2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
	color: #000000;
}

.testoGeorg3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #701414;
}
.testoGeorg4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	color: #701414;
}



.right {
text-align:right;
}



/* ------------------------------- */
/* SLIDE HOME PAGE STYLE- */
/* ------------------------------- */


#mainhome {
	background-color: #FFFFFF;
	padding-bottom:10px;
	clear:both;
}

#mainhome #slidehome {
	width: 869px;
	height: 274px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	margin-top: 20px;
	margin-bottom: 15px;
}