html, body {
width:100%;margin: 0; padding: 0; border:0;
font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #822164;
}
body {
background:#822164 url(../img/pattern_def.jpg) repeat-x left top;
}
h1, h2, h3, h4, h5, h6, ol, hr, div, img, p, ul, li, dl, dd, dt, form {
padding: 0; margin: 0; border:0; text-align: left;
}
a, a:hover, a:visited, a:link {cursor:pointer; text-decoration:none }
a:hover{ text-decoration:underline}
a.def, a.def:hover {color: #898989;}
a:active, object:active, div:active { outline: none; }
input,textarea,select { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.cyan {color: #37bfd4;}
.green { color:#39c2b1;}
.hide { display:none }
h1 { color:#37bfd4; font-size:21px; line-height:23px; margin-bottom:20px; font-weight:normal; /* font-size:30px;*/}
h2 { font-size:18px;}
h3 { font-size:16px;}
h4 { font-size:14px;}
#container {width: 900px; height:auto; overflow:auto; margin:0 auto;}
/*-----------------------------------------------------
HEADER
------------------------------------------------------*/
#header {width: 828px; height:360px; padding:27px 0 0 72px;}
.bg_home{ background-image:url(../img/bg_top_home.jpg)}
.bg_news{ background-image:url(../img/bg_top_news.jpg)}
.bg_spettacoli{ background-image:url(../img/bg_top_spettacoli.jpg)}
.bg_emotional{ background-image:url(../img/bg_top_emotional.jpg)}
.bg_lezioni{ background-image:url(../img/bg_top_lezioni.jpg)}
.bg_fotogallery{ background-image:url(../img/bg_top_fotogallery.jpg)}
.bg_videogallery{ background-image:url(../img/bg_top_videogallery.jpg)}
.bg_link{ background-image:url(../img/bg_top_link.jpg)}
.bg_contatti{ background-image:url(../img/bg_top_contatti.jpg)}
.bg_rassegna_stampa{ background-image:url(../img/bg_top_rassegna_stampa.jpg)}
#logo_png {width: 361px; height:136px; display:block}
#logo_png img{display:block}
#header .menu{ width:auto; height:auto; overflow:auto; margin-top:30px}
#header .menu .col{ float:left; margin-right:14px; padding-left:14px; border-left:2px dotted #9b4f71}
#header .menu .col a{font-size:15px; color:#461918; font-weight:bold}
#header .menu .col a:hover{color:#c41e5e; text-decoration:none}
#header .menu .col a.active{color:#c41e5e;}
#header .menu .col p{ margin-bottom:8px}
#header .menu .first{ border:none; padding-left:0}
/*-----------------------------------------------------
FOOTER
------------------------------------------------------*/
#footer{ width:auto; height:auto; overflow:hidden; font-size:11px; color:#FFF; margin:10px 10px 20px 0; line-height:14px;}
#footer p a { color:#FFF}
#footer p.info { float:left; width:auto; height:auto; padding-right:15px;}
#footer p.credits { float:right; text-align:right; width:auto; height:auto;}
/*-----------------------------------------------------
MAIN CONTENT
------------------------------------------------------*/
#main_content { width:828px; height:auto; overflow:auto; padding:40px 0 40px 72px; background-color:#FFF}
/*-----------------------------------------------------
HOME
------------------------------------------------------*/
#content_home { width:770px; height:auto; overflow:hidden; background:url(../img/bg_home_1px.gif) repeat-y left top}
#content_home .text{ float:left; width:350px; padding-right:30px}
#content_home .text .first{ margin-bottom:20px}
#content_home .news{ float:left; width:330px; padding-left:45px; }
#content_home .news dt{ margin-bottom:5px}
#content_home .news dd{ width:auto; height:auto; overflow:hidden; margin-top:20px;}
#content_home .news dd .freccia{ float:left; width: 35px; height:20px; background:url(../img/freccia.gif) no-repeat left 4px;}
#content_home .news dd .txt{ float:left; width: 290px; padding-bottom:5px;}
#content_home .news dd .txt .data{font-size:15px; font-weight:bold; color:#c51e5e}
#content_home .news dd .txt .cnt{font-size:13px; color: #822164;}
#content_home .news dd .txt .cnt a{font-size:13px; color: #822164; font-weight:bold}
#content_home .news dd .txt .continua { margin-top:5px; text-align:right}
#content_home .news dd .txt .continua a{font-size:11px; color: #822164; font-weight:bold}
#content_home .news dd .txt .continua a:hover{ text-decoration:none; color:#c51e5e}
#content_home .news dd .bbt{ border-bottom:2px dotted #9b4f71}
/*-----------------------------------------------------
NEWS (E SPETTACOLI)
------------------------------------------------------*/
#content_news { width:770px; height:auto; overflow:hidden; text-align:center;}
#content_news .news{width:auto; margin-bottom:10px;}
#content_news .news dt{ margin-bottom:5px;}
#content_news .news dd{ width:auto; height:auto; overflow:hidden; margin-top:15px; padding-bottom:15px}
#content_news .news dd .data{font-size:15px; font-weight:bold; color:#c51e5e}
#content_news .news dd .title{font-size:15px; font-weight:bold; line-height:15px; margin-bottom:5px}
#content_news .news dd .cnt{line-height:13px;}
#content_news .news dd .cnt a{font-size:13px; color: #822164; font-weight:normal}
#content_news .news dd .scarica{ text-align:right; margin-top:5px}
#content_news .news dd .scarica a{font-size:13px; text-align:right; color:#c51e5e}
#content_news .news .bbt{ border-bottom:2px dotted #9b4f71}
#content_news .nav_page{ width:auto; height:30px; line-height:20px; overflow:auto; text-align:center}
#content_news .nav_page div{ float:left}
#content_news .nav_page div a{ color:#832264;font-size:22px; font-weight:bold;}
#content_news .nav_page div a:hover{ text-decoration:none}
#content_news .nav_page .left{ width:48%; text-align:right; }
#content_news .nav_page .page{ width:21px; height:19px; background:url(../img/bg_num_page.gif) no-repeat center; font-size:12px; color:#FFF; text-align:center; font-weight:bold}
#content_news .nav_page .right{ width:48%; text-align:left;}
/*-----------------------------------------------------
EMOTIONAL BELLYDANCE
------------------------------------------------------*/
#content_emotional { position:relative; width:770px; height:auto; overflow:hidden; text-align:center;}
#content_emotional a.down{ position:absolute; right:0; background:url(../img/scarica_portfolio.gif) no-repeat left 10px; height:12px; padding:27px 0 15px 280px; border-top:2px dotted #9b4f71; border-bottom:2px dotted #9b4f71; font-size:13px; color:#c51e5e}
#content_emotional .tit{margin-bottom:10px; display:block}
/*#content_emotional .text{ float:left; width:48%;}
#content_emotional .text_r{ float:right; width:48%;}*/
#content_emotional .text{ padding:25px 0; border-bottom:1px dotted #591532; font-size:13px;}
#content_emotional h2{ font-size:13px; color:#c51e5e;}
#content_emotional .tit19{ font-size:19px; color:#591532; margin-bottom:10px}
#content_emotional div p{ margin-bottom:10px}
/*-----------------------------------------------------
LEZIONI
------------------------------------------------------*/
#content_lezioni { width:770px; overflow:hidden;}
#content_lezioni div p{ margin-bottom:0}
#content_lezioni h2{ font-size:13px; color:#c51e5e;}
#content_lezioni .tit{margin-bottom:10px; display:block}
#content_lezioni .clear{ clear:both; height:10px;}
#content_lezioni .intro{ width:100%;}
#content_lezioni .intro strong{ color:#c51e5e}
#content_lezioni .orari_corsi{margin-bottom:4px; display:block}
#content_lezioni .provv{margin-bottom:10px; display:block;}
#content_lezioni .tblorari { margin-bottom:20px;}
#content_lezioni .tblorari td span{ display:block; height:18px; line-height:18px; border-left:1px solid #642540}
#content_lezioni .tblorari .header,
#content_lezioni .tblorari .corso{ font-weight:bold; color:#c51e5e}
#content_lezioni .txt_scuole_ext { margin-bottom:10px;}
#content_lezioni .i_corsi{display:block;}
#content_lezioni .text{ padding:10px 0; border-bottom:1px dotted #591532; font-size:13px;}
#content_lezioni .lez{ width:770px; height:auto; overflow:hidden; background:url(../img/bg_home_1px.gif) repeat-y left top}
#content_lezioni .lez .corsi{ float:left; width:48%;}
#content_lezioni .lez .info_gen{ float:right; width:340px;}
#content_lezioni .lez .tit19{ font-size:19px; color:#c51e5e; margin-bottom:10px}
#content_lezioni .lez ul{ list-style-type:none}
#content_lezioni .lez ul li.day{ font-size:15px; font-weight:bold; margin:12px 0 3px;}
#content_lezioni .lez ul li.lesson{ font-size:15px; background:url(../img/ico_lista.gif) no-repeat left 3px; padding-left:10px}
#content_lezioni .lez ul li.lesson span{ color:#c51e5e;}
#content_lezioni .lez ul li.lesson .txt12{ font-size:12px;}
#content_lezioni .lez .info_gen .legenda{ width:326px; margin:5px 0 20px; font-size:12px}
#content_lezioni .lez .info_gen .legenda .top{ width:326px; height:16px; background:url(../img/legenda_top.gif) no-repeat left bottom }
#content_lezioni .lez .info_gen .legenda .bottom{ width:326px; height:16px; background:url(../img/legenda_bottom.gif) no-repeat left top }
#content_lezioni .lez .info_gen .legenda .cnt{ width:auto; padding:0 16px; background:url(../img/legenda_1px.gif) repeat-y left top }
#content_lezioni .lez .info_gen .legenda .cnt p{ margin:0; padding-bottom:0}
/*#content_lezioni .lez .info_gen .legenda .cnt span{ color:#c51e5e;}*/
#content_lezioni .lez .info_gen .legenda .cnt .txt14{ font-size:14px; font-weight:bold}
/*-----------------------------------------------------
GALLERY (fotogallery e videogallery)
------------------------------------------------------*/
#content_gallery { width:770px; height:auto; overflow:hidden; text-align:center;}
#content_gallery .tit{width:auto; margin-bottom:20px; display:block}
#content_gallery .gallery{ width:770px; height:auto; overflow:auto; padding-bottom:20px; margin-bottom:20px}
#content_gallery .gallery .photo{ float:left; width:160px; height:auto; margin-right:32px}
#content_gallery .gallery .last{margin-right:0}
#content_gallery .gallery .photo a, #content_gallery .gallery a img{ display:block}
#content_gallery .gallery .photo a{ width:146px; height:136px; padding:5px; border:2px dotted #9b4f71;}
#content_gallery .gallery .photo a:hover{ background-color:#e8a5bf; border:2px solid #e8a5bf}
#content_gallery .gallery .photo p { line-height:11px}
#content_gallery .gallery .photo .ftit { margin-top:10px; margin-bottom:3px; font-weight:bold}
#content_gallery .gallery .photo .fdescr { font-size:11px; color:#c51e5e;}
#content_gallery .bbt{ border-bottom:2px dotted #9b4f71}
#content_gallery .nav_page{ width:auto; height:30px; line-height:20px; overflow:auto; text-align:center}
#content_gallery .nav_page div{ float:left}
#content_gallery .nav_page div a{ color:#832264;font-size:22px; font-weight:bold;}
#content_gallery .nav_page div a:hover{ text-decoration:none}
#content_gallery .nav_page .left{ width:48%; text-align:right; }
#content_gallery .nav_page .page{ width:21px; height:19px; background:url(../img/bg_num_page.gif) no-repeat center; font-size:12px; color:#FFF; text-align:center; font-weight:bold}
#content_gallery .nav_page .right{ width:48%; text-align:left;}
/*-----------------------------------------------------
CONTATTI
------------------------------------------------------*/
#content_contatti { width:770px; height:auto; overflow:hidden; text-align:center;}
#content_contatti p{ margin-bottom:10px}
#content_contatti p a{ color: #822164;}
#content_contatti .txt19{ font-size:19px; color:#c51e5e;}
#content_contatti .mbt30{ margin-bottom:30px}
#content_contatti .tit{width:auto; margin-bottom:30px; display:block}
#content_contatti .text{ float:left; width:310px;}
#content_contatti .mappa{ float:right; width:420px; padding:5px; border:2px dotted #9b4f71;}
#content_contatti .mappa iframe{ display:block}
/*-----------------------------------------------------
LINK
------------------------------------------------------*/
#content_link { width:770px; height:auto; overflow:hidden; text-align:center;}
#content_link .tit{width:auto; margin-bottom:20px; display:block}
#content_link .social_network{width:auto; height:49px; overflow:hidden; margin-bottom:20px; display:block}
#content_link .social_network .lato_sx{ float:left; width:10px; height:49px; background:url(../img/link_bg_sn_sx.gif) no-repeat right top;}
#content_link .social_network .lato_dx{ float:left; width:10px; height:49px; background:url(../img/link_bg_sn_dx.gif) no-repeat left top;}
#content_link .social_network .cnt{ float:left; width:auto; height:39px; overflow:hidden; padding-top:10px; background:url(../img/link_bg_sn_1px.gif) repeat-x left top;}
#content_link .social_network .cnt .text{ float:left; width:auto; font-size:12px; padding-top:6px;}
#content_link .social_network .cnt .logo_fb{ float:left; width:auto; padding:0 35px; border-right:2px dotted #9b4f71;}
#content_link .social_network .cnt .logo_ms{ float:left; width:auto; padding:8px 35px 0 35px;}
#content_link .loghi{ width:48%;}
#content_link .loghi a{ color: #822164;}
#content_link .loghi a:hover{ text-decoration:none; color: #c51e5e;}
#content_link .loghi .logo{ width:100%; overflow:hidden; padding:5px 0; border-bottom:2px dotted #9b4f71;}
#content_link .loghi .logo .img{ float:left; height:55px; line-height:55px;}
#content_link .loghi .logo .txt{ float:right; font-size:12px; padding-top:40px}
#content_link .loghi .h80{height:80px;}
#content_link .loghi .h55{height:55px;}
#content_link .fl{ float:left;}
#content_link .fr{ float:right;}