@import url('reset.css');

body {
	/*background:#666 url(../images/bg_body.gif) top left repeat-x;*/
	background-attachment:fixed;
	background-color:#111;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
	font-size:12px;
}

h1, h1 a:link, h1 a:visited  {
	color:#F00;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:25px;
	clear:both;
	text-align:center;
	text-transform:uppercase;
}

h2, h2 a:link, h2 a:visited {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	
}

h3, h3 a:link, h3 a:visited  {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	
}

#sidebar h3 {
	font-style:italic;
	text-align:right;
}

#titolink li h2 {
	font-style:italic;
	font-size:11px;
	font-weight:bold;
}


p {
	line-height:15px;
	font-size:12px;
	margin-bottom:15px;
	
}

a:link, a:visited {
	color:#FFF;
	text-decoration:none;

}

a:hover {
	color:#F00;
	text-decoration:underline;
	
}

.padding5px {
	padding:5px;
}

.padding10px {
	padding:10px;
}
.padding20px {
	padding:20px;
}

.padding30px {
	padding:30px;
}


.more {
	text-align:center;
	
	
	
	padding:2px 4px;
	margin:3px 0;
	background: transparent url(../images/bg_badge_profile.gif) center center repeat-x;
	border:1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear:both;
	float:right;
	font-size:9px;
	
	
}

.cento {
	width:90%;
}

.floatright {
	float:right;
}

.clear {
	clear:both;
}


#wrapper {
	width:970px;
	background-color:#000;
	
	margin:0 auto 30px auto;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}


#sidebar form {
}


#sidebar input {
	background:#000;
	border:1px solid #666;
	width:99%;
	margin:2px 0;
	height:20px;
	color:  #666;
}

#header {
	height:370px;
	background:#000 url(../images/bg_header.jpg) top left no-repeat;
}

#headertop {
	height:90px;
}

#headermid {
	height:230px;
}

#socialnetwork {
	width:72px;
	height:24px;
	float:right;
	margin:10px;
}

#socialnetwork li a span  {
	display:none;
}

#socialnetwork li,  #socialnetwork a {
	display:block;
	width:24px;
	height:24px;
	float:left;
}
 a#facebook  {
	background:transparent url(../images/ico_facebook.png) top left no-repeat;
}

a#myspace  {
	background:transparent url(../images/ico_myspace.png) top left no-repeat;
}

a#youtube  {
	background:transparent url(../images/ico_youtube.png) top left no-repeat;
}

#socialnetwork li a:hover {
	background-color:#000;
}


#logo {
	width:218px;
	height:126px;
	background:transparent url(../images/logo.gif) top left no-repeat;
	float:left;
	margin:0 0 0 40px
}

#logo  a {
	width:218px;
	height:126px;
	display:block;
}

#logo  a  span {
display:none;
}

#hotspot {
	float:right;
	width:660px;
	height:225px;
}



#main {
	min-height:400px;
	height:auto !important;
	height:400px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	
}

#tools {
	width:180px;
	float: left;
	min-height:400px;
	height:auto !important;
	height:400px;
	
	background: transparent url(../images/bg_deco.gif) center center no-repeat;
}


#content {
	width:609px;
	float: left;
	min-height:400px;
	height:auto !important;
	height:400px;
	
}

#sidebar {
	width:180px;
	float: right;
	min-height:400px;
	height:auto !important;
	height:400px;
}

.boxsidebar {
	padding:10px;
	clear:both;
	margin-bottom:15px;
	
	
}

#segnapostogallery {
	text-align:right;
	margin:5px auto;
}


#footer {
	
	background-color:#000;
	
	background: transparent url(../images/bg_badge_profile.gif) top center repeat-x;
	border-top:#222 solid 1px;
	clear:both;
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	
}









ul#topnav1 {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav1 li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav1 li a { 
	float: left;
	text-indent: -9999px;  /*--Push text off of page--*/
	 height: 24px; 
}
ul#topnav1 li:hover a, ul#topnav1 li a:hover { background-position: left top; } /*--Hover State--*/

ul#topnav1 a.academy {
	background: url(../images/academy.png) no-repeat;
	width: 89px;
}
ul#topnav1 a.professionali {
	background: url(../images/professionali.png) no-repeat;
	width: 139px;
}
ul#topnav1 a.amatoriali {
	background: url(../images/amatoriali.png) no-repeat;
	width: 107px;
}
ul#topnav1 a.giovani {
	background: url(../images/giovani.png) no-repeat;
	width: 89px;
}


ul#topnav1 li .sub {
	position: absolute; /*--Important--*/
	top: 30px; left: 0;
	z-index: 99999;
	background: #222 url(sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 10px 5px 5px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav1 li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav1 li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}
ul#topnav1 .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav1 .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav1 .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav1 .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav1 .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}


ul#topnav1 li#m3, ul#topnav1 li#m4 {margin-left:12px;}
ul#topnav1 li#m2 {margin-left:100px;}


























#footer #address {
	margin:0 auto;
	text-align:center;
}

address {
	font-size:9px;
}

#menu ul {
	margin-bottom:30px;
	
}

#menu li  {
	padding:4px;
	/* border-bottom:#222 solid 1px;*/
	
	margin:2px;
	
}
#menu a {
	font-style:italic;
	text-shadow: 0.1em 0.1em #333;
	display:block;
}

#menu a:hover {
	text-decoration:none;
}

#menu #m1 a {
	color:#F00;
}

#menu #m1 a:hover {
	color:#fff;
}



#middlemenu {
	width:700px;
	margin:0 auto;
	
}

#middlemenu li {
	display:block;
	float:left;
	margin:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	
}



.numero {
	font-size:30px;
	color:#FFF;
	float:left;
}

.sigla {
	color:#F00;
	font-size:13px;
	display:block;
	
}

.corso {
	color:#fff;
	font-size:15px;
	display:block;
	
}



#mm1 {
	width:80px;
}

#mm2 {
	width:80px;
}

#mm3 {
	width:80px;
}

#mm4 {
	width:145px;
}

#mm5 {
	width:145px;
}




ul.topnav li {
	
	position: relative; /*--Declare X and Y axis base--*/
}

ul.topnav li:hover span{
	color: #F00;
	
}
ul.topnav li span { /*--Drop down trigger styles--*/
cursor:pointer;

	
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 30px;
	background: #333;
	margin: 0; padding:10px 0 ;
	display: none;
	float: left;
	width: 190px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 160px;
	display:block;
	padding:5px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
}


.elencobadges {
	margin-bottom:30px;
}


.elencobadges li {
	display:block;
	margin:0 23px 20px 0;
	float:left;
}


.badge {
	width:170px;
	height:66px;
	border:1px solid #333;
	background: transparent url(../images/bg_badge_profile.gif) top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

.thprofilepic {
	width:58px;
	height:58px;
	background-color:#333;
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
	margin:3px;
}

.thprofilepic a {
	width:58px;
	height:58px;
	display:block;
}

.name {
	width:95px;
	height:42px;
	float:left;
	margin:3px 0 3px 5px;
	clear:right;
}
.name a:link, .name a:visited {
	color:#FFF;
	font-weight:bold;
}

.name a:hover {
	color: #F00;
	text-decoration:none
}

.badgeicons {
	float:left;
	margin:0 0 0 5px;
}



#profilepicture {
	width:170px;
	float:left;
}

#carateristichedocente p {
	font-family:"Times New Roman", Times, serif;
	color:#CCC;
	text-align:center;
	font-size:18px;
	padding:10px;
	line-height:20px;
}

#biodocente {
	width:400px;
	float:right;
	margin-bottom:20px;
}


#back {
	float:right;
}


.contgallery {
	width:100%; 
	overflow:auto; 
	background-color:#232323;
	margin-bottom:10px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.thgallery {
	width:170px;
	float:left;
}


.titologallery  {
	margin-bottom:5px;
		font-size:14px;
	color:#fff;
	font-weight:normal;
}

.titologallery  a {
	font-size:14px;
	color:#fff;
	font-weight:normal;
	
}



.descgallery   {
	margin-bottom:5px;
	color:#999;
	
}

.numerofoto  {
	margin-bottom:5px;
	color:#999;
}

.linkgallery {
	display:block;
	padding:6px 4px;
	background-color:#000;
	width:110px;
	float:right;
	text-align:center;
	background: transparent url(../images/bg_badge_profile.gif) top left repeat-x;
	border:1px solid #111;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:10px;
}


#titolink {
	
}

#titolink li {
	border-bottom:1px solid #222;
	padding:10px 0 0 0;
}
#titolink li a {
	font-size:12px;
	font-weight:bold;
}

#titolink li a:before
{
content: "» ";

}







/* forms.css */
label {font-weight:bold;}
fieldset {padding:1em;margin:0 0 1em 0;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
#formcontatti ul {
		padding:4px;
		margin:0;
		background-color:#333;
		border:1px solid #111;
	}
	
	#formcontatti li {
		list-style: none;
		padding:10px;
		font-size: 12px;
		border-top:1px solid #000;
	}
	
#formcontatti li:first-child {
		
		border-top:none
	}
	
#formcontatti	input {
		border:1px solid #ccc;
		background-color:#f1f1f1;
		padding:3px;
	}
#formcontatti	input.invia {
			border:1px solid #3C3C3C;
			background-color:#394D7E;
			padding:8px 16px;
			cursor: pointer;
			color:#fff;
	}
	
#formcontatti	label {
	
		display: block;
	}