@import url("reset.css");

/* General Setting
----------------------------------- */

html
{text-align: center;}
body 
{width: 960px; margin: 0 auto; text-align: left; font-family: 'skolar-1', 'skolar-2', Georgia, serif !important; background: #fe8a22; color: #111; font-size: 100%;}

a, a:hover{color: #ba2133;}
a {text-decoration: none; border: none;}
a:hover {text-decoration: none; border-bottom: 1px dashed #ba2133;}

title{color:maroon}

div#branding blockquote, div#nav_main h2, div#content_main h2, div#gallery h2, div#promo h2, div#sponsor h2, div#footer div#credit h3{text-indent: -99999px;}

/* IE 6 */

div#message_ie{position: absolute; background: #fff; width: 400px; height: auto; z-index:100; top:35%; left:35%; padding:20px; border: 1px solid #CCC;}

/* 1. Branding
----------------------------------- */

div#branding
{width: 960px; height: 280px; background: #222222 url(../images/branding_grigio.png); }

div#branding a{display: block; text-indent: -99999px; outline: none; position: absolute; border: none;}
div#branding .logo{width: 417px; height: 201px; background: url(../images/logo.png) no-repeat; margin-top:40px; margin-left: 275px;}

/* 2. Menu
----------------------------------- */

#nav{width: 958px; height: 50px; margin-top: -19px; background: #fff; position: relative; border-bottom: 1px solid #222;  border-left: 1px solid #222;} 

#nav a{border:none;}

#nav a {display: block; outline: none; position: absolute; text-align: center; font-size: 18px; color: #333; text-decoration: none; text-transform: uppercase; padding-top:15px; letter-spacing: -1px; border-right: 1px solid #222;}
#nav a:hover {background-position: left bottom; color: #333;}

#nav .staff,#nav .attivita,#nav .gallery,#nav .promo,#nav .sponsor {width: 159px; height: 35px; background: url(../images/button.png) repeat-x; top:0px;}
#nav .eventi{width: 158px; height: 35px; background: url(../images/button.png) repeat-x; top:0px; left:480px;}
#nav .staff{left:0px; cursor: default;}
#nav .attivita{left:160px;}
#nav .gallery{left:320px; cursor: default;}
#nav .promo{left:639px;}
#nav .sponsor{left:799px;}

.tasto{margin-left: 10px;}

/* 2.1 Sub-menu Staff */
ul#sub_staff{ position: absolute; display: block; z-index:100; visibility: hidden; border-right: 1px solid #222; border-left: 1px solid #222; text-transform: uppercase; background: #cbdc7d;}
ul#sub_staff li{ height: 35px; background: #cbdc7d; padding-left:20px; padding-right: 20px; padding-top:15px; padding-bottom: 10px; border-bottom: 1px solid #222; font-size: 110%}
ul#sub_staff li img{width:40px;height: 40px; margin-right: 10px; float: left; margin-top: -5px; border: 1px solid #222;}
ul#sub_staff li a{color: #333; text-decoration: none; letter-spacing: -1px; border: none;}

	/* Page - Staff */
	ul#istructor{border-right: 1px solid #666; border-left: 1px solid #666; border-top: 1px solid #666; text-transform: uppercase; font-size: 170%;}
	ul#istructor li{ height: 40px; background: #f8f3d2; padding-left:20px; padding-right: 20px; padding-top:15px; padding-bottom: 10px; border-bottom: 1px solid #666;}
	ul#istructor li span { width: 50px; height: 50px; overflow: hidden;}
	ul#istructor li span img{ max-width: 50px; margin-right: 10px; float: left; margin-top: -9px; border: 1px solid #222;}
	ul#istructor li a{color: #666; text-decoration: none; letter-spacing: -1px; border: none;}
	ul#istructor li a:hover{color: #333; text-decoration: underline;}
	#titolo-staff{height: 50px; background: url(../images/titolo-staff.png) no-repeat; text-indent: -99999px;}
	
	#nome_istr{width: 420px; height: 50px; background: #f31a61; color: #fff; font-size: 160%; padding-left:20px; padding-right:20px; padding-top:15px; z-index:100; text-transform: uppercase;}
	
	#single_istructor{margin-top:15px; margin-bottom: 20px;}
	#single_istructor img{border: 1px solid #333; margin-left:-2px; margin-bottom: 10px;}
	#single_istructor h3{margin-bottom: 15px; margin-top: 5px; text-transform: uppercase; letter-spacing: -1px;}
	#single_istructor p{margin-bottom: 10px;}
	
	/* Page - Attivita */
	#titolo-attivita{height: 50px; background: url(../images/titolo-attivita.png) no-repeat;}
	ul#scuola_danza {text-align: center; margin-top: 20px; border-top:4px solid #adcd18; padding-top: 10px;}
	ul#scuola_danza li h3{margin-bottom: 15px; margin-top: 5px; text-transform: uppercase; letter-spacing: -1px;}
	ul#scuola_danza li p{margin-top: 5px; margin-bottom: 15px; font-size: 80%;}
	
	ul#scuola_palestra {text-align: center; margin-top: 20px; border-top:4px solid #f36d00; padding-top: 10px;}
	ul#scuola_palestra li h3{margin-bottom: 15px; margin-top: 5px; text-transform: uppercase; letter-spacing: -1px;}
	ul#scuola_palestra li p{margin-top: 5px; margin-bottom: 15px; font-size: 80%;}
	
	/* Page Gallery */
	#nome_album{width: 420px; height: 50px; background: #f31a61; color: #fff; font-size: 160%; padding-left:20px; padding-right:20px; padding-top:15px; z-index:100; text-transform: uppercase; margin-top:15px;}
	
	

/* 2.2 Sub-menu Gallery */
ul#sub_gallery{ position: absolute; margin-left: 320px; display: block; z-index:99999; visibility: hidden; border-right: 1px solid #222; border-left: 1px solid #222; text-transform: uppercase;}
ul#sub_gallery li {min-width: 119px; height: 25px; background: #cbdc7d; padding-left:20px; padding-right: 20px; padding-top:15px; padding-bottom: 10px; border-bottom: 1px solid #222; z-index:99999;}
ul#sub_gallery li img{width:40px;height: 40px; margin-right: 10px; float: left; margin-top: -10px; border: 1px solid #ccc;}
ul#sub_gallery li a{color: #333; text-decoration: none; letter-spacing: -1px; border: none; z-index:99999;}

/* 3. Content Main
------------------------------------ */

div#content_main{width: 480px; float: left; padding-right: 20px; padding-bottom: 20px;}
div#content_main div#descr-palestra {height: 385px; }
div#content_main div#descr-palestra p{font-size: 95%; line-height: 25px; font-style: italic;}
div#content_main p{margin-bottom: 20px;}
#titolo-evento{height: 50px; background: url(../images/titolo-eventi.png) no-repeat;border-top: 4px solid #5A6970;}

/* 3.1 Event */

ul#event {width: 480px;text-transform: uppercase; font-family: 'Trebuchet', Arial, Tahoma;}
ul#event li { width: 210px; height: 180px; background: #EFE9B9; margin-right: 10px; margin-bottom: 10px; padding: 10px; float: left;}
ul#event li h3{letter-spacing: -1px; font-size: 14px; margin-bottom: 5px; padding-left: 13px; background: url(../images/titolo.png) no-repeat;  line-height: 12px;}
ul#event li img{border: 1px solid #999; max-height: 100px; height: 100px !important; height: 100px; overflow: hidden; margin-left: 13px;}
ul#event li p {margin-bottom: 0px;}
ul#event li p.tipo{ width: 50px; background: #adcd18; color: #fff; padding:2px; margin-bottom:5px;font-size: 11px;  font-weight: bold; text-align: center; margin-left: 13px;}
ul#event li cite a{ font-size: 11px; font-style: italic; margin-left:160px; text-decoration: none; border-bottom: 1px dashed #ba2133; }

/* 4. Content Sub
------------------------------------ */

div#content_sub{width: 460px; float: right; padding-bottom: 20px;}

	/* video */
	#video-palestra{margin-top: 20px; margin-bottom: 20px;}
	object{z-index: 1;}

	/* Page - Eventi */
	ul#eventi{border-right: 1px solid #666; border-left: 1px solid #666; border-top: 1px solid #666; text-transform: uppercase;
	font-size: 170%; }
	ul#eventi li{ height: 40px; background: #f8f3d2; padding-left:20px; padding-right: 20px; padding-top:15px; 
	padding-bottom:10px; border-bottom: 1px solid #666;}
	ul#eventi li span { width: 50px; height: 50px; overflow: hidden;}
	ul#eventi li span img{ max-height: 50px; height: 50px; margin-right: 10px; float: left; margin-top: -9px; border: 1px solid #222;}
	ul#eventi li a{color: #666; text-decoration: none; letter-spacing: -1px; border: none; font-size: 80%;}
	ul#eventi li a:hover{color: #333; text-decoration: underline;font-size: 80%;}
	#titolo-single-evento{height: 50px; background: url(../images/titolo-eventi.png) no-repeat; text-indent: -99999px;}
	
	#nome_evento{width: 420px; height: 50px; background: #f31a61; color: #fff; font-size: 120%; padding-left:20px; 
	padding-right:20px; padding-top:15px; z-index:100; text-transform: uppercase;}
	.info{width: 420px; height: 30px; background: #cbdc7d; font-size: 110%; padding-left:20px; 
	padding-right:20px; padding-top:10px; z-index:100; text-transform: uppercase; margin-top:-19px; text-align: right;}
	
	#single_evento{margin-top:15px; margin-bottom: 20px;}
	#single_evento img{border: 1px solid #ccc; margin-left:-2px; max-width: 460px; width: 460px; margin-bottom: 10px;}
	#single_evento h3{margin-bottom: 15px; margin-top: 5px; text-transform: uppercase; letter-spacing: -1px;}
	#single_evento p{margin-bottom: 10px;}
	
	/* Page Gallery */
	#titolo-gallery{height: 50px; background: url(../images/titolo-album.png) no-repeat; text-indent: -99999px;}
	
	ul#album{border-right: 1px solid #666; border-left: 1px solid #666; border-top: 1px solid #666; text-transform: uppercase; font-size: 170%;}
	ul#album li{ height: 40px; background: #f8f3d2; padding-left:20px; padding-right: 20px; padding-top:15px; padding-bottom: 10px; border-bottom: 1px solid #666;}
	ul#album li span { width: 50px; height: 50px; overflow: hidden;}
	ul#album li span img{ max-width: 50px; margin-right: 10px; float: left; margin-top: -9px; border: 1px solid #222;}
	ul#album li a{color: #666; text-decoration: none; letter-spacing: -1px; border: none;}
	ul#album li a:hover{color: #333; text-decoration: underline;}
	
	/* Page Promo */
	#titolo-promo{height: 50px; background: url(../images/titolo-promo.png) no-repeat; text-indent: -99999px;}
	
	ul#promozioni_menu{border-right: 1px solid #666; border-left: 1px solid #666; border-top: 1px solid #666; text-transform: uppercase; font-size: 170%;}
	ul#promozioni_menu li{ height: 40px; background: #f8f3d2; padding-left:20px; padding-right: 20px; padding-top:15px; padding-bottom: 10px; border-bottom: 1px solid #666;}
	ul#promozioni_menu li span { width: 50px; height: 50px; overflow: hidden;}
	ul#promozioni_menu li span img{ max-width: 50px; margin-right: 10px; float: left; margin-top: -9px; border: 1px solid #222;}
	ul#promozioni_menu li a{color: #666; text-decoration: none; letter-spacing: -1px; border: none;}
	ul#promozioni_menu li a:hover{color: #333; text-decoration: underline;}
	
	#single_promo{margin-top:50px; margin-bottom: 20px; padding-top:20px; padding-left: 20px; background: #fff; border: 1px solid #666;}
	#single_promo img{border: 1px solid #ccc; margin-left:-2px; max-width: 460px; width: 460px;margin-bottom: 10px;}
	#single_promo h3{margin-bottom: 15px; margin-top: 5px; text-transform: uppercase; letter-spacing: -1px;}
	#single_promo p{margin-bottom: 10px;}
	
	/* Page Sponsor */
	#titolo-spon{height: 50px; background: url(../images/titolo-spon.png) no-repeat; text-indent: -99999px;}
	
	ul#sponsor_menu{border-right: 1px solid #666; border-left: 1px solid #666; border-top: 1px solid #666; text-transform: uppercase; font-size: 120%;}
	ul#sponsor_menu li{ height: 40px; background: #f8f3d2; padding-left:20px; padding-right: 20px; padding-top:15px; padding-bottom: 10px; border-bottom: 1px solid #666;}
	ul#sponsor_menu li span { width: 50px; height: 50px; overflow: hidden;}
	ul#sponsor_menu li span img{ max-width: 50px; margin-right: 10px; float: left; margin-top: -9px; border: 1px solid #222;}
	ul#sponsor_menu li a{color: #666; text-decoration: none; letter-spacing: -1px; border: none;}
	ul#sponsor_menu li a:hover{color: #333; text-decoration: underline;}
	
	#single_sponsor{margin-top:50px; margin-bottom: 20px; padding-top:20px; padding-left: 20px; background: #fff; border: 1px solid #666;}
	#single_sponsor img{border: 1px solid #ccc; margin-left:-2px; max-width: 460px; width: 460px;margin-bottom: 10px;}
	#single_sponsor h3{margin-bottom: 15px; margin-top: 5px; text-transform: uppercase; letter-spacing: -1px;}
	#single_sponsor p{margin-bottom: 10px;}

/* 4.1 Gallery */

#gallery {position: relative; width: 460px; height: 300px; margin-top:10px; margin-bottom: 25px; text-align: center; margin-bottom: 70px;}
#gallery img {position: relative; z-index: 10; max-width: 460px; }
		
ul.recentlist { position: absolute; left:0px; bottom: -70px;list-style: none; z-index: 20;}
ul.recentlist li { display: inline;}
ul.recentlist li a, ul.recentlist li a:visited {background: #fff; display: block; float: left; margin-right: 1px; padding-left: 6px; padding-right: 6px; padding-bottom: 2px; cursor: pointer; color: #222; text-decoration: none; border: none;}

ul.recentlist li a:hover, ul.recentlist li a:visited:hover { background: #f31a61; text-decoration: none; color: #fff; border: none;}
ul.recentlist li a.current {background: #f31a61; text-decoration: none; color: #fff;}

/* 4.2 Promo */
div#promo{width: 220px; padding-right: 10px; float: left; border-top: 4px solid #f31a61;  padding-bottom: 20px;}
#titolo-promo {height: 50px; background: url(../images/titolo-promozione.png) no-repeat;}
div#promo img{border: 1px solid #ccc;}
div#promo a{border: none;}

/* 4.3 Sponsor */
div#sponsor{width: 220px; float: right; font-family: 'Trebuchet', Arial, Tahoma; border-top: 4px solid #e14400;  padding-bottom: 20px;}
#titolo-sponsor{height: 50px; background: url(../images/titolo-sponsor.png) no-repeat;}
div#sponsor h3{letter-spacing: -1px; font-size: 14px; margin-bottom: 5px; line-height: 12px;  text-transform: uppercase;}

ul#lista-sponsor li{padding: 5px; margin-bottom: 10px; border-bottom: 1px dashed #222;}
ul#lista-sponsor li p{font-size: 11px; font-style: italic;}

#sponsor cite a{ font-size: 11px; font-style: italic; margin-left:130px;  text-decoration: none; border-bottom: 1px dashed #ba2133; text-transform: uppercase;}


/* 5. Site info
------------------------------------ */

div#footer{width:960px; height: 340px; margin: 0 auto; margin-bottom: 20px; clear: both; color:#111; border-top: 5px solid #adcd18; border-bottom: 20px solid #e14400; font-size: 95%;}

div#footer div#credit{width: 440px; float: left; padding: 20px; padding-top:0px;}
div#footer div#credit h3{height: 50px; background: url(../images/titolo-info.png) no-repeat;}}
div#footer div#credit p{padding-bottom: 20px;}
.vcard{padding-left: 0px; margin-left: -40px;}

div#footer div#maps{width: 440px; float: right; padding: 20px;}
div#footer div#maps iframe {border: 1px solid #ccc;}

iframe{width: 460px; height: 300px; margin-left:-2px;}

.tel,.mail{padding-left: 8px;}