/* @group Styles */
/* Reset browser defaults */
@import url('reset.css');



/* -------------------------------------------------------------- 
   GENERAL
-------------------------------------------------------------- */   

/* COPY */
p {
	margin: 0 0 7px 0;
	text-align: left;
}

#main h1, .tec-cal-title {	
font-size: 20px;
font-family:"Comic Sans MS", cursive
 line-height: 26px;	
 font-weight: bold; 
 text-transform: uppercase; 
 margin: 0 0 15px 0; 
 color: #000; }
 
h2 { font-size: 17px; line-height: 22px; font-weight: bold; padding: 0px; margin: 10px 0 10px 0; color: #333; }
h3 { font-size: 13px; color: #333;	font-weight: bold; text-transform: uppercase; padding: 0 0 5px;	margin: 20px 0 10px; border-bottom: 1px solid #CCC; }
	
h4 { font-size: 12px; font-weight: bold; padding: 0; margin: 10px 0 5px; text-transform: uppercase; }
h5 { font-size: 11px; font-weight: bold; padding: 0; margin: 0; }
h6 { font-size: 11px; font-weight: bold; padding: 0; margin: 0; }


/* LISTS */
ul, ol { margin: 5px 0 10px 20px; }
li { color: #111; }


/* LINKS */
a, a:link {	color: #c9500b;	text-decoration: none;}
	a.teacher-title {	font-size: 16px; color: #000; }
a:hover {	text-decoration: underline;}
	
a.btn, #wp-email-submit, .wpcf7-submit, .tec-nav-previous a, input#submit {  height: 25px; border: 1px solid #000; line-height: 25px; padding: 0 10px; font-size: 11px; padding:0 10px; text-align:center; width:80px; display: block; color: #FFF; background: #000; text-transform: uppercase; border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px; }
a.btn:hover { color: #c9500b; text-decoration: none; }

a.teacher-profile {    height: 22px;   line-height: 22px;    margin-left: 170px;    padding: 0 2px; background: #000; text-transform: uppercase; border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px; margin-left: 170px; width:80px; display: block; color: #FFF; font-size: 10px; text-align: center;}

.tec-nav-previous a, input#submit { width: 150px; }

a.btntalk {
	background: transparent url('../images/btn/btn-talk-to-us.png') no-repeat left center; border: none; text-indent: -999em; display: block; width: 95px; height: 28px; overflow: hidden; padding: 0;
}

h2.entry-title a,.category-events .entry-title a, .tec-event-meta-desc, .tec-event-day { color: #000 !important; }


/* FORM FIELDS */
input, select, textarea {
	border: 1px solid #CCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
select {}
textarea { font-family: Arial, Helvetica, Geneva, sans-serif; }

/* OTHER */
.last {	margin-right: 0px !important;}

hr {    background-color:#ccc; border:0; color:#ccc; height:5px; clear: both; margin:25px 0 15px; }

/* @end */

/* @group Layout */

/* -------------------------------------------------------------- 
   LAYOUT
-------------------------------------------------------------- */  

body {
	background-color: #002657;
	background-repeat: repeat-y;
	background-position: center top;
}

#wrapper {
	width: 900px;
	position: relative;
	margin: 0 auto 0px;
	padding: 0px 0 20px 0;
	z-index: 1;
	behavior: url(PIE.htc);
	}

#header {
	clear: both;
	height: 0px;
	height:270px;
	overflow: hidden;
}	

#main {
	background: #FFF; 
	padding: 20px 20px; 
	width: 860px;
	margin: 0px auto 0;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	position: relative;
	behavior: url(PIE.htc);
}

#blog-title {	display: block;	width: 295px; height: 200px; margin: 0 auto; z-index: 150; position: relative;}
#blog-title a {	text-indent: -999em; display: block; width: 295px; height: 200px; background: transparent url('../images/layout/elementscollective.png') no-repeat center top; }



/* @end */

/* @group Parallax */

/* -------------------------------------------------------------- 
   Coyoti Bob Top
-------------------------------------------------------------- */  

#parallax { position: absolute; 

			overflow:hidden; 
			width: 100%;
 			margin: 0 auto;
  			height:220px; 
 			z-index: 100; /* 0 era*/
  			top: 0; 
			background: transparent url('../images/layout/banner.png') no-repeat center 18px; }

#parallax .parallax01 { display: block;	width: 200px; height: 245px; position: absolute; z-index: 1; }
#parallax .parallax01 .p01 { display: block;width: 200px; height: 245px; position: absolute; left: 70px; top: 0px; background: transparent url('../images/layout/bob_1.png') no-repeat center top;}

#parallax .parallax02 { display: block;	width: 238px; height: 240px; position: absolute;z-index: 2; }
#parallax .parallax02 .p02 { display: block;width: 238px; height: 240px; position: absolute; left: -130px; top: -20px; background: transparent url('../images/layout/bob_2.png') no-repeat center top;}

#parallax .parallax03 { display: block;	width: 99px; height: 200px; position: absolute;z-index: 1; }
#parallax .parallax03 .p03 { display: block;width: 99px; height: 200px; position: absolute; left: 270px; top: 0px; background: transparent url('../images/layout/bob_3.png') no-repeat center top;}

#parallax .parallax04 { display: block;	width: 170px; height: 200px; position: absolute;z-index: 2; }
#parallax .parallax04 .p04 { display: block;width: 170px; height: 200px; position: absolute; left: 200px; top: 0px; background: transparent url('../images/layout/bob_4.png') no-repeat center top;}

#parallax .parallax05 { display: block;	width: 100px; height: 195px; position: absolute;z-index: 2; }
#parallax .parallax05 .p05 { display: block;width: 100px; height: 195px; position: absolute; left: 300px; top: 0px; background: transparent url('../images/layout/bob_5.png') no-repeat center top;}

/* @end */

/* @group Menu */

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

#menu {	display:block;height:40px; float:left;}
ul#menu-main-navigation {	list-style: none;	margin: 0px;	padding: 0;}
ul#menu-main-navigation li.menu-item { margin:0; display:block;white-space:nowrap;font-size:0;float:left; }
ul#menu-main-navigation li:hover>*{	display:block;}
ul#menu-main-navigation li:hover{	position:relative;}
ul#menu-main-navigation a:active, ul#menu-main-navigation a:focus{ }
ul#menu-main-navigation li.menu-item a {
	float: left;
	display: block;
	color: #333;
	text-decoration: none;
	line-height: 30px;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 8px;
}
ul#menu-main-navigation li#home a {
	width: 52px;
	height: 30px;
	display: block;
	text-indent: -999em;
	background: transparent url('../images/menu/home.png') no-repeat center top;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0;
}
/*	ul#menu-main-navigation li#menu-item-29 a { width: 60px; height: 30px; display: block; text-indent: -999em; background: transparent url('../images/menu/news.png') no-repeat center top; }- */ 
	/*	ul#menu-main-navigation li#menu-item-28 a { width: 80px; height: 30px; display: block; text-indent: -999em; background: transparent url('../images/menu/classes.png') no-repeat center top; }- */ 
	ul#menu-main-navigation li#regolamento a { width: 115px; height: 30px; display: block; text-indent: -999em; background: transparent url('../images/menu/regolamento.png') no-repeat center top; }
	ul#menu-main-navigation li#iscrizioni a { width: 95px; height: 30px; display: block; text-indent: -999em; background: transparent url('../images/menu/iscrizioni.png') no-repeat center top; }
/*		ul#menu-main-navigation li#menu-item-901 a { width: 70px; height: 30px; display: block; text-indent: -999em; background: transparent url('../images/menu/about.png') no-repeat center top; }- */
		ul#menu-main-navigation li#contatti a {
	width: 115px;
	height: 30px;
	display: block;
	text-indent: -999em;
	background: transparent url('../images/menu/contatti.png') no-repeat center top;
}
	
		ul#menu-main-navigation li#come_arrivare a {
	width: 130px;
	height: 30px;
	display: block;
	text-indent: -999em;
	background: transparent url('../images/menu/come_arrivare.png') no-repeat center top;
}
		
		ul#menu-main-navigation li#dove_dormire a {
	width: 130px;
	height: 30px;
	display: block;
	text-indent: -999em;
	background: transparent url('../images/menu/dove_dormire.png') no-repeat center top;
}
		
		
	
/* hover status */	
ul#menu-main-navigation li.menu-item a:hover {	color: #000; font-weight: bold; display: block; height: 30px; line-height: 30px;  background-position: center -30px !important; }
ul#menu-main-navigation li.current-menu-item a {	color: #000; font-weight: bold; display: block; height: 30px; line-height: 30px; background-position: center -30px !important;  }
ul#menu-main-navigation li.current-menu-ancestor a  {	color: #000; font-weight: bold; display: block; height: 30px; line-height: 30px; background-position: center -30px !important;  }
ul#menu-main-navigation li.current-page-ancestor a  {	color: #000; font-weight: bold; display: block; height: 30px; line-height: 30px; background-position: center -30px !important;  }


/* level3 */
ul#menu-main-navigation ul { z-index: 100; list-style: none; 
	display:none; position:absolute; left:-10px; top:25px; -moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000; background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; padding: 10px 0 0 0; }
ul#menu-main-navigation ul ul {	position:absolute;left:100%;top:0;}
ul#menu-main-navigation ul li { float:none;margin:0px 0 0;}
ul#menu-main-navigation ul a { width: 130px !important; height: auto !important;text-indent: 0 !important; background-image: none !important; color:#000; text-decoration:none; }
ul#menu-main-navigation ul a { width: 130px !important; height: auto !important;text-indent: 0 !important; background-image: none !important; color:#000; text-decoration:none; }
ul#menu-main-navigation li:hover>a { font-weight: bold; }
ul#menu-main-navigation ul li:hover>a { font-weight: bold; }
ul#menu-main-navigation li.current-menu-ancestor ul li a { font-weight: normal; }
ul#menu-main-navigation li.current-page-ancestor ul li a { font-weight: normal; }
ul#menu-main-navigation ul li.current-menu-item a { font-weight: bold; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* @end */

/* @group Slider */

/* -------------------------------------------------------------- 
   SLIDER, SOCIAL, SITE INFO
-------------------------------------------------------------- */  

#social {
	position: absolute;
	top: 24px;
	right: 20px;
	height: 32px;
	width: 87px;
}
	ul.social { margin: 0; list-style: none; }
	ul.social li { float: left; margin: 0px 0 0 1px;}
	ul.social a { display: block; height: 22px; width: 22px; cursor: pointer; overflow: hidden; text-indent: -999em;	background-repeat: no-repeat; margin-left: 2px;}
	ul.social a.facebook {
	background-image: url(../images/footer/facebook.png);
}
	ul.social a.twitter {	background-image: url(../images/social/twitter.png);}
	ul.social a.rss { background-image: url(../images/social/rss.png);}
	ul.social a:hover { background-position: 0 -22px !important; }

#slider {
	width: 800px;
	float: left;
	height: 270px;
	z-index: 0;
	overflow: hidden;
	text-align: center;
}

#sideinfo { width: 215px; float: right; height: 270px; background: #EEE url('../images/layout/header-side.jpg') no-repeat center top; position: relative; }
#sideinfo #blog-description { text-indent: -999em;}

/* @end */

/* @group Content */

/* -------------------------------------------------------------- 
   CONTENT
-------------------------------------------------------------- */  

#container {
	clear: both;
	padding: 10px 0 20px;
}
#content {
	float:left;
	width:620px;
}

/* @end */

/* @group Home */

/* -------------------------------------------------------------- 
   HOME
-------------------------------------------------------------- */  

.home #content a {	color: #000;  }
.home #content a:hover {	color: #000; }

h1.welcome-to-ec { font-size: 25px; height: 24px; line-height: 1em; text-transform: uppercase; color: #000; display: block; overflow: hidden; border-bottom: none; padding: 0; text-indent: -999em; background: transparent url('../images/titoli/welcome-elements-collective.png') no-repeat left top; margin:0 0 15px; }

#newsContainer {
	margin-top: 15px;
}
h3.upcoming-events { font-size: 25px; height: 24px; line-height: 1em; text-transform: uppercase; color: #000; display: block; overflow: hidden; border-bottom: none; padding: 0; text-indent: -999em; background: transparent url('../images/titoli/ec-upcoming-events.png') no-repeat left top; margin:0 0 15px; }

h3.classes { font-size: 25px; height: 24px; line-height: 1em; text-transform: uppercase; color: #000; display: block; overflow: hidden; border-bottom: none; padding: 0; text-indent: -999em; background: transparent url('../images/titoli/ec-classes.png') no-repeat left top; margin:0 0 15px; }


h3.teachers {
	font-size: 25px;
	height: 40px;
	line-height: 1em;
	text-transform: uppercase;
	color: #000;
	display: block;
	overflow: hidden;
	border-bottom: none;
	padding: 0;
	text-indent: -999em;
	background-color: transparent;
	background-image: url(../images/titoli/ec-classes.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
div#teachers {	clear: both; margin-bottom:15px; }
div#teachers img {
	float: none;
	height: 75px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 100px;
	text-align: center;
	clear: none;
}

/* @end */

/* @group Sidebar */

/* -------------------------------------------------------------- 
   SIDEBAR
-------------------------------------------------------------- */   

#sidebar {
	width: 215px;
	float: right;
}
ul.xoxo { margin: 0; padding: 0; list-style: none;}
ul.xoxo li.widgetcontainer { 	margin: 0 0 25px; }

#sidebar #right img {	margin-bottom: 10px; }

h3.widgettitle { 
font-size: 19px; 
line-height: 1em; 
text-align: center;
text-transform: uppercase; 
color: #000;
display: block; 
overflow: hidden;
border-bottom: none;
padding: 0;
 }
	
/* Next Event */
#sidebar #text-3 h3.widgettitle { text-indent: -999em; background: transparent url('../images/titoli/next-event.png') no-repeat left top; margin:0 0 10px; }
#sidebar #text-3 a {color: #333; font-size: 10px; line-height: 1.3em;}

/* Donate */
.widget_donationwidget { padding: 50px 15px 15px 10px;    text-align: center; border: 2px solid #ff4800; background: transparent url('../images/titoli/support-ec.png') no-repeat 10px 10px; }
.donation-can_donation-form {	text-align: center; }
	.donation-can_donation-form p {	font-weight: bold; margin: 13px 0 10px; }
	.donation-can_donation-form select { width: 100px; }
	.donation-can_donation-form input { margin: 10px 0 0; }

/* Need some space? */
#sidebar #text-6 h3.widgettitle {
	text-indent: -999em;
	height: 53px;
	margin: 0;
	background-color: transparent;
	background-image: url(../images/titoli/need-some-space.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#sidebar #text-6 .textwidget {
	background: ; /* colore sfondo sponsor */
	padding: 0 10px 10px;
	color: #000;
	text-align: center;
}
#sidebar #text-6 .btn {  margin-top: 5px; }



/* -------------------------------------------------------------- 
   FOOTER
-------------------------------------------------------------- */  
#footerContainer {
	clear: both;
	position: relative;
	padding: 0px 10px 0;
}
#footer {
	width: 900px;
	margin: 0px auto !important;
	border-top: none;
	font-size: 10px;
}
#footer ul {	margin: 0; list-style: none; }
#footer a {	color: #999; }

#footer #sitemap { float:left; }
	#footer .sitemapCol { padding: 0 20px 0 0; }

	
#sitoinfo {	
float: right;
 width: 600px; 
 text-align: right; 
 line-height: 1.4em;
  color:#FFFFFF;	/* - colore partiva iva - */  
  font-size:10px;}
  
#sitoinfo a {	
color: #775f7e; 
text-decoration: none;}

#sitoinfo a:active, 
#sitoinfo a:hover {	
color: #C5006B; }

#sitoinfo strong {
		color: #CCC;
		 text-transform: uppercase;
		  display: block;
		   margin-bottom: 5px; }



/* @end */

/* @group Other */

.clear {	clear: both; height: 1%;}
.clearfix:after { clear:both; content:"."; display:block; height:0pt; line-height:0pt; visibility:hidden;}
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%;}

/* @end */  
#bottom_line {
	font-size: 100%;
	margin: 10px;
}

.tb_menu {
	border: 1px solid #444444;
	font-size: 120%;
	padding: 5px;
	margin: 10px 0 10px 0;
	text-align: center;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
}
.tb_menu b { font-size: 140%; }
.evid { background: #f2ef84; }
er { /* Error style */
	color: #d40000;
	font-size: 100%;
	font-weight: bold;
	margin: 20px;
}


