/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/***** Screen 960px *****/


body {
	background:#fff url(../images/bkg.jpg) no-repeat top center;	
}

/* DIMENSIONI E STILI TESTI ----------------------- */

.small {
	font-size:12px;	
}

.cit {
	font-size:18px;
	font-style:italic;	
}

strong, em {
	color:inherit;	
}

.underline {
	text-decoration:underline;
}

/* COLORI ELEMENTI ----------------------- */

.gray1 {
	color:#999 !important;	
}

.gray2 {
	color:#666 !important;	
}

.gray3 {
	color:#ccc !important;	
}

.brown {
	color:#653332 !important;	
}

.yellow {
	color:#e8db13 !important;	
}

.white {
	color:#fff !important;	
}

.black {
	color:#000 !important;	
}

/* SFONDI -------------------------------- */

.sfondo_white_trasp {	
	background:url(../images/bkg_white_070.png) !important;
}

.sfondo_white {	
	background-color:#fff !important;
}

.sfondo_brown {	
	background-color:#653332 !important;
}

/* MARGINI ----------------------- */

.margin_top_meno3 {
	margin-top:-3px !important;	
}

.margin_top_0 {
	margin-top:0 !important;	
}

.margin_top_15 {
	margin-top:15px !important;	
}

.margin_top_25 {
	margin-top:25px !important;	
}

.margin_bottom_meno3 {
	margin-bottom:-3px !important;	
}

.margin_bottom_0 {
	margin-bottom:0 !important;	
}

.margin_bottom_15 {
	margin-bottom:15px !important;	
}

.margin_bottom_25 {
	margin-bottom:25px !important;	
}

.margin_right_0 {
	margin-right:0 !important;	
}

.margin_right_10 {
	margin-right:10px !important;	
}

/* ------------------------------ */

/* ultimo elemento senza margine destro */
.last {
	margin-right:0 !important;	
}

/* PADDING ----------------------- */

.no_padding {
	padding:0 !important;	
}

.padding_5 {
	padding:5px;
}

.padding_10 {
	padding:10px;
}

.padding_top_30 {
	padding-top:30px !important;	
}

.padding_bottom_30 {
	padding-bottom:30px !important;	
}

/* BORDI ARROTONDATI ----------------------- */

.border_radius_6 {
	border-radius:6px;
}

/* OVERFLOW ----------------------- */

.overflow_hidden {
	overflow:hidden;	
}

/* BOX MSG INIZIALMENTE NASCOSTI ----------------------- */


/* messaggio informativo sez media da attivare */

.msg_media {
	display:none;
}

/* messaggio informativo altri dipartimenti da attivare */

.msg_dip {
	display:none;
}

/* box iscrizione */

#btn_iscriviti_panel {
	display:none;	
}

/* pannello news */

#btn_news_panel {
	display:none;	
}





/* BOX INFORMATIVO INTERNO ALLA PAGINA ----------------------- */

.box_info_inpage {
	border:1px dotted #ccc;
	border-radius:6px;
	background:#f8f8f8;
	padding:10px;	
}

/* ------------------------------- */

.main {
	margin:0;
	width:100%;
}

/*
.main_content {
	margin:0 auto;
	width:950px;
}
*/

/* splash screen ----------------------- */

.logo_splash {
	margin-top:150px;	
}

.enter {
	font-size:18px;
	letter-spacing:2px;
	color:#653332;	
}

.spacer_splash_info {
	height:350px;	
}

/* gestione immagini grandi ----------------------- */

/* foto desktop */
.foto_big {
	
}

/* foto mobile */
.foto_small {
	display:none;
}



/* link button big ----------------------- */

a.button_big {
	display:block;
	padding-left:15px;
	padding-right:15px;
	font-size:16px;
	color:#653332;
	background:#eee;
	letter-spacing:2px;
	line-height:37px;
	text-align:center;
	text-decoration:none;
	border-radius:6px;
	box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-o-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-ms-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	-ms-transition: background .3s;
}

/* button brown */
a.button_brown {
	color:#fff;
	background:#653332;		
}

/* button attivo e hover */

a.button_active,
a.button_big:hover {
	color:#653332;
	background:#E8DB13;	
}

/* main menu ----------------------- */

.main_menu {
	margin-top:15px;
	margin-bottom:15px;	
}

.item_menu {
	float:left;
	width:32.5%;
	margin-right:1.25%;	
}
/*ie7*/
*+html .item_menu {
	float:left;
	width:32.5%;
	margin-right:1.2%;	
}

.item_menu .text-left {
	text-align:left !important;	
}
.item_menu .text-right {
	text-align:right !important;	
}

/* sottomenu ----------------------- */

.sottomenu {
		
}

a.item_sottomenu {
	font-size:16px;
	line-height:40px;
	color:#653332;
	padding-left:12px;
	padding-right:12px;
	background:url(../images/arrow_brown.png) no-repeat 2px 6px;
}

/* menu box ----------------------- */

.box_menu_tot {
	padding-top:10px;
	padding-bottom:10px;	
}

.box_menu {
	float:left;
	width:18.8%;
	margin-right:1.5%;	
}

.box_menu a {
	display:block;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	background:#eee;
	border:0;
	border-radius:6px;
	overflow:hidden;
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	-ms-transition: background .3s;	
}

.box_menu a img {
	display:block;
	width:100%;	
}

.box_menu a:hover {
	border:1px solid #fff;
}

.box_menu a span {
	letter-spacing:2px;
	display:none;	
}

/* dipartimenti ----------------------- */

/* pannelli con contenuti dipartimenti */

#dip_classico_panel {
	
}
#dip_pedagogico_panel {
	display:none;
}
#dip_liuteria_panel {
	display:none;
}



/* corsi ----------------------- */

.corsi {
	background:#653332 url(../images/bkg_corsi.jpg) no-repeat top center;	
}

.freccia_maestri {
	background:url(../images/arrow_white_down.png) no-repeat top center;	
}

.strumento {
	font-size:18px;
	padding-left:12px;
	background:url(../images/arrow_white.png) no-repeat 0 9px;	
}

/* gallery maestri ----------------------- */

.gallery_maestri {
	
}

.item_maestri {
	text-align:center;
	color:#ccc;
}

.item_maestri .thumb {
	margin-top:10px;
	margin-bottom:10px;
	border:3px solid #916D6C;
	border-radius:3px;
	/* applica b/n */
	filter: url(../includes/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	
	transition: .5s all ease-out;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;			
}
.item_maestri .thumb:hover {
	/* reset b/n */
	filter: none;
    -webkit-filter: grayscale(0);	
}

/* eventi ------------------------------ */

.item_eventi {
	padding-bottom:60px !important;
	background:url(../images/sep_eventi.png) no-repeat bottom right;	
}

/* thumb */
.item_eventi .thumb {
	margin-top:10px;
	margin-bottom:10px;
	border:3px solid #e5e5e5;
	border-radius:3px;
	/* applica b/n */
	filter: url(../includes/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	
	transition: .5s all ease-out;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;			
}
.item_eventi .thumb:hover {
	/* reset b/n */
	filter: none;
    -webkit-filter: grayscale(0);	
}

/* link */
.item_eventi a.link {
	font-size:16px;
	line-height:24px;
	color:#653332;
	padding-left:10px;
	background:url(../images/arrow_brown.png) no-repeat 0 7px;
}

/* curriculum maestri ------------------------------ */

.curriculum {	
	display:none;
	clear:both;
	margin-top:15px;
}

/* thumb */
.curriculum .thumb {
	float:left;
	margin-right:10px;
	margin-bottom:2px;
	border:3px solid #e5e5e5;
	border-radius:3px;
	/* applica b/n */
	filter: url(../includes/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	
	transition: .5s all ease-out;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;			
}
.curriculum .thumb:hover {
	/* reset b/n */
	filter: none;
    -webkit-filter: grayscale(0);	
}



/* info/contact box ----------------------- */

.box_info {
	margin-top:50px;
	margin-bottom:25px;
	color:#666;
}

/* social ----------------------- */

.social {
	margin-top:30px;
	margin-bottom:15px;		
}



/* footer ----------------------- */

.footer {
	margin-top:10px;
	margin-bottom:25px;	
}



/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

/* splash screen ----------------------- */

.logo_splash {
	margin-top:250px;	
}

.spacer_splash_info {
	height:250px;	
}

}



/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* menu dipartimenti riposizionato */
.menu_dipartimenti .item_menu {
	float:none;
	width:50%;
	margin-left:25%;
	margin-right:0;
	margin-bottom:4px;	
}

}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

body {
	background:#fff url(../images/bkg_small.jpg) no-repeat top center;	
}

.small {
	font-size:14px;	
}

/* splash screen ------------------- */

.logo_splash {
	margin-top:0px;	
}

.spacer_splash_info {
	height:150px;	
}


/* gestione immagini grandi ----------------------- */

/* foto desktop */
.foto_big {
	display:none;
}

/* foto mobile */
.foto_small {
	display:inline;
}

/* --------------------------------- */

.logo {
	max-width:190px;	
}

.logo2 {
	max-width:90px;	
}

.icona_news {
	max-width:100px;	
}


.main_menu {
	margin-top:5px;
	margin-bottom:0;	
}

.item_menu .text-left,
.item_menu .text-right {
	text-align:center !important;	
}

.box_menu_tot {
	padding-top:0;
}

.item_menu,
.box_menu {
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:4px;	
}
.box_menu a {
	color:#653332;
	background:#eee;
	line-height:37px;
	box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-o-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;
	-ms-box-shadow:0px -1px 2px 0px rgba(0,0,0,0.2) inset;		
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	-ms-transition: background .3s;		
}
.box_menu a:hover {
	color:#653332;
	background:#E8DB13;	
	border:0;
}
.box_menu a img {
	display:none;	
}
.box_menu a span {
	display:inline;	
}

/* font più grande pulsanti su mobile */
a.button_big,
.box_menu a {
	font-size:18px;
}

/* sottomenu ----------------------- */

.sottomenu {
	
}

a.item_sottomenu {
	display:block;
	line-height:37px;
	border-bottom:1px dotted #ccc;
	background-position:100% 50%;
}

/* reimposta allineamento testi per mobile */

.text_realign_left {
	text-align:left;	
}


/* corsi ----------------------- */

.freccia_maestri {
	border-top:1px dotted #fff;	
}


/* margine bottom aumentato per back-to-top */
.footer {
	margin-bottom:70px;	
}


}


	
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	


}



/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {



}
