body {padding: 0; margin: 0; line-height: 1,6em; background-position: 50% 0px;background: #005e8a url(../images/site/left_cloud.jpg) top right no-repeat; font: 12px/18px "Trebuchet MS",Helvetica, Arial, sans-serif; color: #222; text-align: center;}
* {margin:0; padding:0;}

#cloud-container {width: 100%; height: 100%;}
#container {margin: 0px auto; text-align: left; width: 980px;display: table; height: 1140px;}

/*header*/
#logo {height: 170px;width: 537px; background-image: url(../images/site/logo_carta_da_zucchero.png); background-repeat: no-repeat;margin-left: 0px; margin-right: 40px;}
#main_navigation {width: 630px; background-image: url(../images/site/main_navigation_background.png); background-repeat: no-repeat; height: 50px;}
#main_navigation ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0;}
#main_navigation li {display: inline;}
#main_navigation a {display: block;  float: left; width: 124px; height: 35px; padding-top: 4px; text-decoration: none; text-align: center; font-size: 18px; font-weight: bold; color:#333333;}
#main_navigation a:hover {background-image: ; color: #2a31ac;}
#main_navigation .active a {background-image: ; color: #2a31ac;}

/*homepage*/
#homepage_main_container {width: 100%; margin-bottom: 30px; padding-top:40px;font-size:18px;height: 500px; }
#homepage_main_left {float: left; width: 345px; height: 400px; }
.homepage_citazione {font-size: 18px; margin: 20px 20px 20px 20px; color: #000000; text-align: justify; padding: 5px; line-height:18px; font-style:italic;}
.homepage_virgolette {font-size: 24px; font-family:"Times New Roman", Times, serif;}
#homepage_main_right {float:right; width: 630px; height: 650px; padding-top: 20px;}

#homepage_main_right_musicoterapia {height: 110px; width: 100%; margin-top: 10px; display:block;}
#homepage_main_right_musicoterapia_box {float: left; background: transparent; display: block; background-image: url(../images/site/home_box.png); background-repeat: no-repeat; width: 200px; height: 103px; margin-right: 10px;}
#homepage_main_right_musicoterapia_box:hover {background: transparent; background-image: url(../images/site/home_box_hover.png);}
#homepage_main_right_musicoterapia_text {float:right;width:380px;}

#homepage_main_right_animazione {height: 110px; width: 100%; margin-top: 10px; display:block;}
#homepage_main_right_animazione_box {float: right; background: transparent; display: block; background-image: url(../images/site/box_frale_musicale.png); background-repeat: no-repeat; width: 200px; height: 103px; margin-right: 10px;}
#homepage_main_right_animazione_box:hover {background: transparent; background-image: url(../images/site/box_frale_musicale_hover.png);}
#homepage_main_right_animazione_text {float:left;width:380px;}

#homepage_main_right_autismo {height: 110px; width: 100%; margin-top: 10px; display:block;}
#homepage_main_right_autismo_box {float: left; background: transparent; display: block; background-image: url(../images/site/box_autismo.png); background-repeat: no-repeat; width: 200px; height: 103px; margin-right: 10px;}
#homepage_main_right_autismo_box:hover {background: transparent; background-image: url(../images/site/box_autismo_hover.png);}
#homepage_main_right_autismo_text {float:right;width:380px;}

#homepage_main_right_linguaggi {height: 110px; width: 100%; margin-top: 10px; display:block;}
#homepage_main_right_linguaggi_box {float: right; background: transparent; display: block; background-image: url(../images/site/box_linguaggi.png); background-repeat: no-repeat; width: 200px; height: 103px; margin-right: 10px;}
#homepage_main_right_linguaggi_box:hover {background: transparent; background-image: url(../images/site/box_linguaggi_hover.png);}
#homepage_main_right_linguaggi_text {float:left;width:380px;}

#homepage_main_right_gravidanza {height: 110px; width: 100%; margin-top: 10px; display:block;}
#homepage_main_right_gravidanza_box {float: left; background: transparent; display: block; background-image: url(../images/site/box_gravidanza.png); background-repeat: no-repeat; width: 200px; height: 103px; margin-right: 10px;}
#homepage_main_right_gravidanza_box:hover {background: transparent; background-image: url(../images/site/box_gravidanza_hover.png);}
#homepage_main_right_gravidanza_text {float:right;width:380px;}

.profili_p, .progetti_corsi_main_p  {padding: 10px; text-align: justify; font-size:18px;}
.homepage_main_right_p {padding: 10px; text-align: justify; font-size:18px;}
.homepage_main_right_h1 {padding: 10px 0 0 10px; font-size: 22px; color: #000000;} 

/*profili*/
.profili_box_top {background-image: url(../images/site/profili_box_top.png); background-repeat: no-repeat; height: 17px;}
.profili_box_background {background-image: url(../images/site/profili_box_background.png); background-repeat: repeat-y;}
.profili_box_bottom {background-image: url(../images/site/profili_box_bottom.png); background-repeat: no-repeat; height: 16px; margin-bottom: 30px;}
.progetti_corsi_main_h1 {padding: 0px 0 0 0px; font-size: 20px; color: #000000; line-height:24px;}
.profili_h1 {padding-left:10px; font-size: 24px; color: #000000;}

/*progetti e Corsi*/
#side_navigation_container {float: right; width: 331px; margin-bottom: 30px;}
#side_navigation_top {background-image: url(../images/site/sidenavigation_top.png); background-repeat: no-repeat; height: 16px;}
#side_navigation_background {background-image: url(../images/site/sidenavigation_background.png); background-repeat: repeat-y; min-height: 300px;padding:10px; line-height:20px;}
#side_navigation_bottom {background-image: url(../images/site/sidenavigation_bottom.png); background-repeat: no-repeat; height: 13px; margin-bottom: 30px;}
#progetti_corsi_main {float: left; width: 649px; margin-bottom: 30px;}

/*Contatti*/
#map {width: 580px; height: 300px; margin: 0 0 30px 10px;}

/*footer*/ 
#footer {clear: both; background-image: url(../images/site/footer_background.png); background-repeat: no-repeat; height: 35px;padding-top: 5px; width: 100%;}
#footer p {font-size: 11px; color: #5caad7; text-align: center;}

/*Nuovi stili ste*/
#progetti_corsi_main_image {float: left; width: 200px; padding-top:20px;}
#progetti_corsi_main_text {float: right; width: 420px; color:#000000; font-size:16px;}
#progetti_corsi_main_text p {padding:10px; line-height:22px;}

#progetti_corsi_main_int {float: left; width: 600px; padding-bottom:20px; font-size:18px; font-style:italic; color:#000000;text-align: justify; line-height:20px;}
#progetti_corsi_main_int h1 { font-size:20px; color: #000000;padding-bottom:10px; line-height:26px;}
.progetti_corsi_main_h2 {padding: 0px 0 0 0px; font-size: 14px; color: #000033; font-style:italic;}
.side_navigation_container_loghi {width:100px; height:100px; float:left;} 

#facebook {position: absolute; left:700px; top:50px; clear:none;}