/* css style by ballaweb*/

body {
	background-color: #000000;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(img/fondo-3.jpg);
}

.clear{
   clear: left;
}

img{
   border:none;
}

.dottedline {
	background-image:  url(img/dotted_line.gif);
	background-repeat: repeat-x;
	background-position: left;
	height:26px;
	width:545px;
}

#content {
	background-image:  url(img/fondo-up-2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: auto;
	/*border: 1px solid #FF0000;*/
}

#fondoup {
	height: 170px;
	width: 765px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/fondo-up.gif);
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#testa h1{
	margin: 0px;
	padding: 0px;
	background-image:  url(img/logonew.gif);
	background-repeat: no-repeat;
	height: 170px;
}

#testa h1 span{
	display:none;
	border: 1px solid #0000FF;
}

/*------------------------------------ menu -------------------------------------------*/

.menuNavigazione{
	margin:0;
	padding:0;
	list-style:none;
	height:3em;
	/*border:1px solid #FF0000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;

}

.menuNavigazione li{
	float:left;
	position:relative;
	background-color: #CCCCCC;
    
}

.menuNavigazione a{
	float:left;
	height:3em;
	line-height:2em;
	text-decoration:none;
	border-right:1px solid;
	margin: 0px;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
}

/*-------- SOTTO MENU-------------- */

.menuNavigazione ul{
	list-style:none;
	width:240px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}

.menuNavigazione ul li{
	float:none;
	background-color: #CCCCCC;
	/*height: 30px;*/

}

.menuNavigazione ul a{
	float:none;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
	height: 25px;	/*line-height:1.8em;*/
}
/* ---------MENU ON OFF--------- */

.menuNavigazione ul, .menuNavigazione ul.subMenu-off{
	position:absolute;
	visibility:hidden;
	background-color: #00FFFF;
}

.menuNavigazione ul.subMenu-on{
    visibility:visible;
}

/* POSIZIONAMENTO DEL SOTTO MENU */

/* COLORI */

.menuNavigazione{

    background:#EEE;
	
    color:#000;
	
}

.menuNavigazione a{

    background:#EEE;
	
    color:#000;
	
}

/* EFFETTO ROLLOVER */

.menuNavigazione a:hover, .menuNavigazione a:focus, .menuNavigazione a:active{

    text-decoration:underline;

}

/*-------------------------------------------------------------------------------------*/


#maincontainer{
	width: 765px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: right top;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#maincontainer h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FCB131;
	font-size: 16px;
	font-weight: normal;

}

/*--------------- titoli classico contemporaneo --------------------------------------------------------------------------*/

#classicoit h1 span {display: none;}

#contemporaneoit h1 span {display: none;}

#serviziit h1 span {display: none;}

#elearningit h1 span {display: none;}

#contattiit h1 span {display: none;}


#classicoit h1, #contemporaneoit h1, #serviziit h1, #elearningit h1, #contattiit h1 {
	padding: 0px;
	height: 20px;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#classicoit{
	background-image: url(img/classico-txt.gif);
	background-repeat: no-repeat;
	/*height: 160px;*/
}
#contemporaneoit{
	background-image: url(img/contemporaneo-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}
#serviziit{
	background-image: url(img/servizi-txt.gif);
	background-repeat: no-repeat;
}
#elearningit{
	background-image: url(img/elearning-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}
#contattiit{
	background-image: url(img/contatti-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}

/* spagnolo */

#classicoes h1 span {display: none;}

#contemporaneoes h1 span {display: none;}

#servizies h1 span {display: none;}

#elearninges h1 span {display: none;}

#contatties h1 span {display: none;}

#classicoes h1, #contemporaneoes h1, #servizies h1, #elearninges h1, #contatties h1 {
	padding: 0px;
	height: 20px;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#classicoes{
	background-image: url(img/clasico-txt.gif);
	background-repeat: no-repeat;
	/*height: 160px;*/
}
#contemporaneoes{
	background-image: url(img/contemporaneo-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}
#servizies{
	background-image: url(img/servizi-txt.gif);
	background-repeat: no-repeat;
}
#elearninges{
	background-image: url(img/elearning-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}

#contatties{
	background-image: url(img/contatti-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}

/* inglese */

#classicoen h1 span {display: none;}

#contemporaneoen h1 span {display: none;}

#servizien h1 span {display: none;}

#elearningen h1 span {display: none;}

#contattien h1 span {display: none;}

#classicoen h1, #contemporaneoen h1, #servizien h1, #elearningen h1, #contattien h1 {
	padding: 0px;
	height: 20px;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#classicoen{
	background-image: url(img/classic-txt.gif);
	background-repeat: no-repeat;
	/*height: 160px;*/
}
#contemporaneoen{
	background-image: url(img/contemporary-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}
#servizien{
	background-image: url(img/servizi-txt.gif);
	background-repeat: no-repeat;
}
#elearningen{
	background-image: url(img/elearning-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}
#contattien{
	background-image: url(img/contatti-txt.gif);
		background-repeat: no-repeat;
	/*height: 160px;*/
}

/*--------------- fine titoli classico contemporaneo servizi ---------------*/

#leftcontent {
	float: left;
	width: 750px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#leftcontent p img {
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
	/*border: 1px solid #CCCCCC;*/
}

#leftcontent p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: justify;
}

#leftcontent h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 18px;
	font-weight: normal;
	line-height:18px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.leftbot {
	float: left;
	width: 565px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	vertical-align: top;
}

/*------------------------------------------------------ Style works classico, contemporaneo ----------------------------*/

*.titolo, *.data{
	width:730px;
	border: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B33330;
	float: left;
	margin: 0px;
	padding-left: 14px;
}

*.data{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099CC;
	margin-bottom: 10px;
}
#works{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	width: 755px;
	padding: 0px;
	margin-left: 4px;
	
	/*margin-left: 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;*/
}

.quadro {
	float:left;
	width:170px;
	height:170px;
	background-repeat: no-repeat;
	background-image: url(img/riquadro-lavori.gif);
	padding-top: 10px;
	padding-left: 10px;
	margin-right: 0.5em;
	margin-bottom: 5px;
	border: 1px solid #2A2A2A;
}
.quadro img{
}

#works p.q1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

.style2 {color: #FF6600}

/*------------------------------------------------------ FINE Style works classico, contemporaneo ----------------------------*/
/*------------------------------------------------------ BOTTOM --------------------------------------------------------------*/
#bottom {
	background-image:  url(img/bottom_bg.gif);
	background-repeat: repeat;
	background-color: #242424;
	margin: 0px;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 45px;
	padding-left: 0px;
}

.maincontent {
	width: 765px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
.maincontent span{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 4px;
}
.maincontent a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 4px;
}

.footer {
	float: left;
	margin-left: 4px;
	padding-left: 4px;
	width: 100%;
}

.footertext{
	float: left;
	width: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #B9B9B9;
	background-color: inherit;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



.footertext a {
   margin: 0px;
   padding: 0px;
}


.footer a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FCB131;
	background-color: inherit;
	text-decoration: none;
}

.footer a:hover {
	color: #ccc;
	background-color: inherit;
}

.style1 {
	color: #999999;
	font-size: 11px;
}

/*
-------------------------------- Link ---------------------------------------*/

.pag{
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-align: center;	
}

.pag :link{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
}
.pag a:visited{}
.pag a:hover{
	color: #FFFFFF;
}
.pag a:focus{}
.pag a:active{}

#folio_preview {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	width: 755px;
	padding: 0px;
	margin-left: 4px;
	/*border: 1px solid #FFFFFF;*/
}

.folio_bg {
	float:left;
	width:100px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: 9px 9px;
	margin-top: 2px;
	margin-right: 0.8em;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 8px;
	/*border: 1px solid #FFFFFF;*/
    min-height:150px;
}
.folio_bg img{
	border: 1px solid #FFFFFF;
}

#folio_preview p.q1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

.style2 {color: #FF6600}

/*-----------------------------------------------link home -----------------------------------*/

.linkMenu { color:#FFFFFF;font-size:11px;text-decoration:none; }
.linkMenu a:link{color:#FFFFFF;font-size:11px;text-decoration:none;}
.linkMenu a:visited{color:#CCCCCC;font-size:11px;text-decoration:none;}
.linkMenu a:hover{color:#FF6600;font-size:11px;text-decoration:none;}
.linkMenu a:focus{}
.linkMenu a:active{}