@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@700&display=swap');

body{
	margin:0;
	font-family: 'Spartan', sans-serif;
	font-size: 1em;
	line-height: 2em;
}
.section{
	position: relative;
}
h1,h2{
	margin:0;
}
h1{
	font-size: 2.5rem;
}
h2{
	font-size: 2.3rem;
}
h3{
	font-size: 1.8rem;
}
.logo_ct{
	position: fixed;
	top: 40px;
	left: 40px;
}
@media screen and (max-width: 1600px) {
	.logo_ct{
		width: 120px;
	}
}
#btn_lang{
	position: fixed;
	top: 40px;
	right: 40px;
	color: #000000;
	z-index: 10;
}
.hidden{
	display: none;
}
.section.hidden{
	
}

.dettaglioprodotto{
	font-size: 1.3rem;
}

.percentuale_avanzamento{
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 10;
	color: #737373;
	font-size: 1.3rem;
}

/*---------------*/
/*---------------*/
/*---------------*/
.section.intro{
	height: 100vh;
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(135,203,194,1) 100%);
}

.section.intro .logo_intro{
	position: fixed;
	width: 100%;
	text-align: center;
}
.section.intro .logo_intro img{
	width: 200px;
	margin-top: 13vh;
}
.titolo_intro_1{
	position: fixed;
	text-align: center;
	top: 47vh;
	width: 100%;
}
.titolo_intro_2{
	position: fixed;
	text-align: center;
	margin-top: 48vh;
	width: 100%;
	z-index: 9;
}

.section.passaggio_1{
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(135,203,194,1) 0%, rgba(255,255,255,1) 100%);
	height: 300px;
}

/*---------------SECTION 1 - VIA FERRATA SET---------------*/
.section.uno{
	min-height: 100vh;
	height: 2600px;
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(167,203,194,1) 0%, rgba(135,203,194,1) 100%);
}
.titolo_slide_1{
	position: fixed;
	text-align: center;
	top: 50%;
	width: 100%;
}
.titolo_slide_2{
	position: fixed;
	text-align: center;
	top: 9vh;
	width: 100%;
}
.titolo_slide_3{
	position: fixed;
	text-align: center;
	top: 81vh;
	width: 100%;
}
.section.uno .immagine_1{
	position: fixed;
	text-align: center;
	top: 34%;
	width: 100%;
}
.section.uno .peso_top_shell{
	position: fixed;
	width: 100%;
	top: 88vh;
	text-align: center;
}


/*---------------SECTION 2 - CONFRONTO COMPACT vs COMPACT W---------------*/
.section.due{
	height: 200vh;
	text-align: center;
}
.section.due .left{
	position: relative;
	width: 50%;
	float: left;
	height: 200vh;
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(135,203,194,1) 0%, rgba(167,203,194,1) 100%);
}
.section.due .titolo{
	position: fixed;
	width: 50%;
	top: 12vh;
}
.section.due .immagine{
	position: fixed;
	width: 50%;
	top: 50vh;
}
.section.due .left .titolo, .section.due .left .immagine{
	left: 0;
}

.section.due .right .titolo, .section.due .right .immagine{
	right: 0;
}

.section.due .right{
	position: relative;
	width: 50%;
	float: left;
	height: 200vh;
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(234,128,138,1) 0%, rgba(167,203,194,1) 100%);
}
.section.due img{
	width: 80%;
}
.section.due h2{
	margin-top: 18vh;
	margin-bottom: 10vh;
}

/*---------------SECTION 3 - TOP SHELL COMPACT Details---------------*/
.section.tre{
	height: 550vh;
	text-align: center;
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(167,203,194,1) 0%, rgba(135,203,194,1) 100%);
}
.section.tre h2{
	position: fixed;
	top: 10vh;
	width: 100%;
}
.section.tre h3{
	position: fixed;
	top: 14vh;
	width: 100%;
}
.section.tre .immagine_1{
	position: fixed;
	top: 43vh;
	width: 100%;
}
.section.tre .immagine_1 img{
	max-width: 100%;
}
.section.tre .immagine_1 .focus.zero,.section.tre .immagine_1 .focus.uno{
	position: absolute;
	top: -18%;
	left: -10%;
	width: 32%;
}
.section.tre .immagine_1 .contenitore{
	width: fit-content;
	margin: auto;
	position: relative;
	max-width: 95%;
}
.section.tre .immagine_1 .contenitore .testo.uno{
	position: absolute;
	top: -52%;
	left: -10%;
	width: 300px;
	text-align: left;
}
.section.tre .immagine_1 .focus.due,.section.tre .immagine_1 .focus.tre{
	position: absolute;
	top: 9%;
	right: 12%;
	width: 52%;
}
.section.tre .immagine_1 .contenitore .testo.due{
	position: absolute;
	top: -14%;
	right: 7%;
	width: 300px;
	text-align: left;
}
.section.tre .immagine_1 .focus.quattro,.section.tre .immagine_1 .focus.cinque{
	position: absolute;
	top: 12%;
	right: -8%;
	width: 52%;
}
.section.tre .immagine_1 .contenitore .testo.tre{
	position: absolute;
	top: -9%;
	right: -3%;
	width: 200px;
	text-align: left;
}
/*---------------SECTION 4 - HOOK-HIT COMPACT vs CLASSIK-K SLIDER---------------*/
.section.quattro{
	height: 300vh;
	text-align: center;
}
.section.quattro .left{
	position: relative;
	width: 50%;
	float: left;
	height: 300vh;
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(225,130,52,1) 0%, rgba(167,203,194,1) 100%);
}
.section.quattro .right{
	position: relative;
	width: 50%;
	float: left;
	height: 300vh;
	background: rgb(135,203,194);
	background: linear-gradient(0deg, rgba(101,156,209,1) 0%, rgba(167,203,194,1) 100%);
}
.section.quattro .titolo{
	position: fixed;
	width: 50%;
	top: 12vh;
}
.section.quattro .immagine{
	position: fixed;
	width: 50%;
	top: 50vh;
}
.section.quattro .left .titolo, .section.quattro .left .immagine{
	left: 0;
}

.section.quattro .right .titolo, .section.quattro .right .immagine{
	right: 0;
}

.section.quattro img{
	width: 80%;
}
.section.quattro h2{
	margin-top: 18vh;
	margin-bottom: 10vh;
}
/*---------------SECTION 5 - CONFRONTO SU 4 MODELLI---------------*/
.section.cinque{
	height: 300vh;
	text-align: center;
}
.section.cinque .left{
	position: relative;
	width: 33.33%;
	float: left;
	height: 300vh;
	background: rgba(225,130,52,1);
	background: linear-gradient(0deg, rgba(167,203,194,1) 0%, rgba(225,130,52,1) 100%);
}
.section.cinque .center{
	position: relative;
	width: 33.33%;
	float: left;
	height: 300vh;
	background: rgba(206,211,77,1);
	background: linear-gradient(0deg, rgba(167,203,194,1) 0%, rgba(206,211,77,1) 100%);
}
.section.cinque .right{
	position: relative;
	width: 33.33%;
	float: left;
	height: 300vh;
	background: rgba(101,156,209,1);
	background: linear-gradient(0deg, rgba(167,203,194,1) 0%, rgba(101,156,209,1) 100%);
}

.section.cinque .titolo{
	position: fixed;
	width: 33.33%;
	top: 8vh;
}
.section.cinque .titolo.alternativa{
	top: 41vh;
}
.section.cinque .immagine{
	position: fixed;
	width: 33.33%;
	top: 35vh;
}
.section.cinque .immagine.alternativa{
	top: 68vh;
}
.section.cinque .left .titolo, .section.cinque .left .immagine{
	left: 0;
}

.section.cinque .right .titolo, .section.cinque .right .immagine{
	right: 0;
}

.section.cinque img{
	width: 80%;
}
.section.cinque h2{
	margin-top: 18vh;
	margin-bottom: 10vh;
}
.section.cinque .peso_sezione_5{
	position: fixed;
	width: 33.33%;
	top: 70vh;
}

/*---------------SECTION 6 - Via Ferrata Kit Families---------------*/
.section.sei,.section.sei .left,.section.sei .center,.section.sei .right{
	min-height: 100vh;
	height: 8000px;
}
.section.sei{
	text-align: center;
}
.section.sei .left{
	position: relative;
	width: 33.33%;
	float: left;
	background: rgba(135,203,194,1);
	background: linear-gradient(0deg, rgba(135,203,194,1) 0%, rgba(167,203,194,1) 100%);
}
.section.sei .center{
	position: relative;
	width: 33.33%;
	float: left;
	background: rgba(206,211,77,1);
	background: linear-gradient(0deg, rgba(135,203,194,1) 0%, rgba(167,203,194,1) 100%);
}
.section.sei .right{
	position: relative;
	width: 33.33%;
	float: left;
	background: rgba(101,156,209,1);
	background: linear-gradient(0deg, rgba(135,203,194,1) 0%, rgba(167,203,194,1) 100%);
}
.section.sei .right .immagine img{
	margin-top: 19%;
}
.section.sei .titolo_sessione{
	position: fixed;
	width: 100%;
	z-index: 9;
}
.section.sei .titolo_sessione_1{
	top: 10vh;
}
.section.sei .titolo_sessione_2{
	top: 26vh;
}
.section.sei .titolo{
	position: fixed;
	width: 33.33%;
	top: 83vh;
}
.section.sei .immagine{
	position: fixed;
	width: 33.33%;
	top: 43vh;
}
.section.sei img{
	max-width: 95%;
	max-height: 300px;
	margin: auto;
}

/*---------------SECTION 7 - MOON---------------*/
.section.sette{
	min-height: 100vh;
	height: 4500px;
	background: rgba(135,203,194,1);
	background: linear-gradient(0deg, rgb(241, 246, 245) 0%, rgba(135,203,194,1) 100%);
}
.section.sette h2, .section.sette h3{
	margin: 0;
}
.section.sette .titolo_casco{
	position: fixed;
	top: 50vh;
	width: 100%;
	text-align: center;
}

.section.sette .sottotitolo_casco{
	position: fixed;
	top: 85vh;
	width: 100%;
	text-align: center;
}
.section.sette .immagine_casco{
	width: 100%;
	text-align: center;
	position: fixed;
	top: 20vh;
}
.section.sette .immagine_casco img{
	max-height: 61vh;
}
.section.sette .uno .focus{
	position: absolute;
	top: 31%;
	right: 26%;
}
.section.sette .uno .focus.testo{
	width: 200px;
	right: 23%;
	text-align: left;
	top: 17%;
}
.section.sette .due .focus{
	position: absolute;
	top: 27%;
	right: 22%;
	width: 80vh;
}
.section.sette .due .focus.testo{
	width: 200px;
	right: 26%;
	text-align: left;
	top: 17%;
}
.section.sette .tre .focus{
	position: absolute;
	top: 4%;
	right: 28.5%;
}
.section.sette .tre .focus.testo{
	width: 200px;
	right: 31%;
	text-align: left;
	top: -4%;
}
.section.sette .peso_moon{
	position: fixed;
	width: 100%;
	text-align: center;
	top: 94vh;
}
.section.sette .dettagli_sezione_sette{
	position: fixed;
	width: 100%;
	text-align: center;
	top: 14vh;
	font-size: 1.2rem;
}
@media screen and (max-width: 1600px) {
	.section.sette .tre .focus {
		top: 0%;
		right: 24.5%;
	}
	.section.sette .tre .focus.testo {
		right: 27.5%;
		top: -6%;
	}
	.section.sette .uno .focus{
		top: 29%;
		right: 20%;
	}
	.section.sette .due .focus{
		right: 19.5%;
	}
}


/*---------------SECTION 8 - Three elements for an easy maintenance---------------*/
.section.otto{
	min-height: 100vh;
	height: 8500px;
	background: rgba(135,203,194,1);
	background: linear-gradient(0deg, rgba(135,203,194,1) 50%, rgb(241, 246, 245) 100%);
}

.section.otto h2{
	position: fixed;
	width: 100%;
	top: 8vh;
	text-align: center;
}
.section.otto .immagine_casco, .section.otto .casco_trequarti{
	width: 100%;
	text-align: center;
	position: fixed;
	top: 17vh;
}
.section.otto .immagine_casco .pezzo{
	position: fixed;
	width: 100%;
}
.section.otto .immagine_casco img{
	top: 0;
	left: 21%;
}
.section.otto .immagine_casco .pezzo.casco{
	top: 25vh;
	z-index: 10;
}
.section.otto .immagine_casco .pezzo.casco img{
	width: 370px;
}
.section.otto .immagine_casco .pezzo.toppino{
	z-index: 9;
	top: 26vh;

}
.section.otto .immagine_casco .pezzo.toppino img{
	width: 306px;
	transform:rotate(-5deg);
	-ms-transform: rotate(-5deg); /* IE 9 */
	-webkit-transform: rotate(-5deg); /* Safari e Chrome */
}
.section.otto .immagine_casco .pezzo.cinghia{
	z-index: 8;
	top: 37vh;
}
.section.otto .immagine_casco .pezzo.cinghia img{
	width: 350px;
}

.section.otto .casco_trequarti .immagine{
	position: fixed;
	width: 100%;
	top:21vh;
}
.section.otto .casco_trequarti .immagine img{
	height: 65vh;
}

.section.otto .tutti_i_caschi{
	position: fixed;
	top: 26vh;
	width: 100%;
	text-align: center;
}
.section.otto .tutti_i_caschi img{
	width: 70%;
}
.section.otto .tutti_i_caschi .tutti_i_caschi_sx{
	width: 33.33%;
	float: left;
}
.section.otto .tutti_i_caschi .tutti_i_caschi_centro{
	width: 33.33%;
	float: left;
}
.section.otto .tutti_i_caschi .tutti_i_caschi_dx{
	width: 33.33%;
	float: left;
}

/*---------------SECTION 9 - FLIK---------------*/
.section.nove,.section.nove .left,.section.nove .center,.section.nove .right{
	min-height: 100vh;
	height: 6500px;
}
.section.nove{
	text-align: center;
	background: rgba(101,156,209,1);
	background: linear-gradient(0deg, rgba(167,203,194,1) 0%, rgba(135,203,194,1) 100%);
}
.section.nove .left{
	position: relative;
	width: 33.33%;
	float: left;
}
.section.nove .center{
	position: relative;
	width: 33.33%;
	float: left;
}
.section.nove .right{
	position: relative;
	width: 33.33%;
	float: left;
}
.section.nove h2, .section.nove h3{
	margin: 0;
}
.section.nove .titolo_imbrago{
	position: fixed;
	top: 50vh;
	width: 100%;
	text-align: center;
}

.section.nove .sottotitolo_dettagli{
	position: fixed;
	top: 11vh;
	width: 100%;
}

.section.nove .sottotitolo_imbrago{
	position: fixed;
	top: 90vh;
	width: 100%;
	text-align: center;
}
.section.nove .immagine_imbrago{
	width: 100%;
	text-align: center;
	position: fixed;
	top: 17vh;
}
.section.nove .immagine img{
	margin: auto;
}
.section.nove .immagine{
	position: fixed;
	width: 33.33%;
	top: 20vh;
}
.section.nove img{
	max-width: 80%;
	max-height: 63vh;
}

.section.nove .immagine.uno{
}
.section.nove .left .immagine.uno img.focus{
	position: absolute;
	top: 27%;
	left: 25%;
}
.section.nove .left .immagine.uno .testo.focus{
	position: absolute;
	top: 23%;
	left: 70%;
	text-align: left;
	width: 256px;
}

.section.nove .right .focus.big_cerhio.alto,.section.nove .right .focus.big_completo.alto{
	position: absolute;
	top: -6%;
	left: -4%;
}

.section.nove .right .focus.big_cerhio.basso, .section.nove .right .focus.big_completo.basso{
	position: absolute;
	top: 54%;
	left: -5%;
}
.section.nove .right .focus.testo.alto{
	position: absolute;
	top: -7vh;
	left: -13%;
}

.section.nove .right .focus.testo.basso{
	position: absolute;
	top: 49%;
	left: -19%;
}

.section.nove .center .immagine.uno img.focus{
	position: absolute;
	top: 13%;
	left: 24%;
}
.section.nove .center .immagine.uno img{
	margin: auto;
}
.section.nove .center .immagine.uno .testo.focus{
	position: absolute;
	top: 7%;
	left: 70%;
	text-align: left;
	width: 256px;
}

.section.nove .peso_flik{
	position: fixed;
	width: 100%;
	text-align: center;
	top:89vh;
}

/*---------------SECTION 10 - FLIK+MOON---------------*/
.section.dieci {
	min-height: 100vh;
	height: 2000px;
	background: rgba(101,156,209,1);
	background: linear-gradient(0deg, rgba(135,203,194,1) 0%, rgba(167,203,194,1) 100%);
}

.section.dieci .titolo{
	position: fixed;
	top: 9vh;
	width: 100%;
	margin: 0;
	text-align: center;
}
.section.dieci .sottotitolo{
	position: fixed;
	top: 85vh;
	width: 100%;
	margin: 0;
	text-align: center;
}

.section.dieci .immagine .foto.uno{
	position: fixed;
	top: 26vh;
	max-width: 42vh;
	left: 28%;
	max-height: 48vh;
}
.section.dieci .immagine .foto.due{
	position: fixed;
	top: 26vh;
	max-width: 42vh;
	right: 28%;
	max-height: 48vh;
}

/*---------------SECTION 11 - NEW COLORS---------------*/
.section.undici {
	min-height: 100vh;
	height: 1200px;
	background: rgb(212,64,125);
	background: linear-gradient(90deg, rgba(219,198,65,1) 20%, rgba(93,201,151,1) 50%, rgba(235,130,37,1) 80%);
}
.section.undici .titolo{
	position: fixed;
	top: 47vh;
	width: 100%;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
}

/*---------------SECTION 12 - COLORS GALAXY---------------*/
.section.dodici {
	min-height: 100vh;
	height: 2500px;
	background: rgba(93,201,151,1);
	background: linear-gradient(0deg, rgb(212,64,125) 0%, rgba(255,255,255,1) 40%, rgb(93, 201, 151) 100%);
}
.section.dodici .titolo{
	position: fixed;
	top: 9vh;
	width: 100%;
	margin: 0;
	text-align: center;
}
.section.dodici .immagine{
	position: fixed;
	top: 21vh;
	width: 100%;
	text-align: center;
}

.section.dodici .immagine img{
	max-height: 65vh;
}

/*---------------SECTION 13 - COLORS ECLIPSE---------------*/
.section.tredici {
	min-height: 100vh;
	height: 2500px;
	background: rgb(212,64,125);
	background: linear-gradient(0deg, rgba(235,130,37,1) 0%,rgba(255,255,255,1) 40%, rgb(212,64,125) 100%);

}
.section.tredici .titolo{
	position: fixed;
	top: 9vh;
	width: 100%;
	margin: 0;
	text-align: center;
}
.section.tredici .immagine{
	position: fixed;
	top: 21vh;
	width: 100%;
	text-align: center;
}

.section.tredici .immagine img{
	max-height: 65vh;
}

/*---------------SECTION 14 - COLORS ORION---------------*/
.section.quattordici {
	min-height: 100vh;
	height: 2500px;
	background: rgb(212,64,125);
	background: linear-gradient(0deg, rgba(18,148,237,1) 0%,rgba(255,255,255,1) 40%, rgba(235,130,37,1) 100%);

}
.section.quattordici .titolo{
	position: fixed;
	top: 9vh;
	width: 100%;
	margin: 0;
	text-align: center;
}
.section.quattordici .immagine{
	position: fixed;
	top: 21vh;
	width: 100%;
	text-align: center;
}

.section.quattordici .immagine img{
	max-height: 65vh;
}

/*---------------SECTION 15 - COLORS EXPLORER---------------*/
.section.quindici {
	min-height: 100vh;
	height: 2500px;
	background: rgb(212,64,125);
	background: linear-gradient(0deg, rgb(227, 70, 10), rgba(255,255,255,1) 30%, rgba(18,148,237,1) 100%);
}
.section.quindici .titolo{
	position: fixed;
	top: 9vh;
	width: 100%;
	margin: 0;
	text-align: center;
}
.section.quindici .immagine{
	position: fixed;
	top: 21vh;
	width: 100%;
	text-align: center;
}

.section.quindici .immagine img{
	max-height: 65vh;
}

/*---------------SECTION 16 - Carabiner and Quickdraws---------------*/

.section.sedici {
	min-height: 100vh;
	height: 4500px;
	background: rgb(227, 70, 10);
	background: linear-gradient(0deg, rgba(200,144,54,1) 0%, rgb(227, 70, 10) 20%,rgba(200,144,54,1) 40%,rgb(227, 70, 10) 60%,rgba(200,144,54,1) 80%,rgb(227, 70, 10) 100%);
	color: #FFFFFF;
}

.section.sedici .titolo_sezione{
	position: fixed;
	width: 100%;
	top: 47vh;
	text-align: center;
}

.section.sedici .immagine.uno, .section.sedici .immagine.due{
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
}

.section.sedici .immagine.uno .foto{
	position: absolute;
	top: 0;
	width: 20%;
	margin-top: 32vh;
	margin-left: 6.66%;
	margin-right: 6.66%;
}
.section.sedici .immagine.uno .foto.uno{
	left: 0;
}
.section.sedici .immagine.uno .foto.due{
	left: 35%;
}
.section.sedici .immagine.uno .foto.tre{
	left: 65%;
}
.section.sedici .titoli.uno, .section.sedici .titoli.due{
	position: fixed;
	width: 100%;
	top:20vh;
	text-align: center;
}
.section.sedici .titoli.uno .titolo{
	width: 33.33%;
	float: left;
}

.section.sedici .immagine.due{
	top: 35vh;
}

.section.sedici .immagine.due .foto{
	max-height: 50vh;
}

.section.sedici .immagine.tre, .section.sedici .titoli.tre{
	position: fixed;
	top: 40vh;
	width: 100%;
	text-align: center;
}
.section.sedici .titoli.tre{
	top: 20vh;
}
.section.sedici .immagine.tre .singola-foto, .section.sedici .titoli.tre .titolo{
	width: 50%;
	float: left;
}

.section.sedici .immagine.tre .singola-foto img{
	height: 50vh;
}

.section.sedici .immagine.quattro, .section.sedici .titoli.quattro{
	position: fixed;
	top: 40vh;
	text-align: center;
}

.section.sedici .immagine.quattro, .section.sedici .titoli.quattro,.section.sedici .immagine.cinque, .section.sedici .titoli.cinque{
	position: fixed;
	top: 27vh;
	text-align: center;
}
.section.sedici .titoli.quattro,.section.sedici .titoli.cinque{
	top: 10vh;
}

.section.sedici .immagine.quattro img,.section.sedici .immagine.cinque img{
	height: 60vh;
}

.section.sedici .quattro{
	width: 50%;
	left: 0;
}
.section.sedici .cinque{
	width: 50%;
	right: 0;
}

.section.sedici .titoli.cinque .sottotitolo{
	top: 43vh;
	position: fixed;
	width: 100%;
	left: 0;
}
/*---------------SECTION 17 - THANK YOU---------------*/
.section.diciassette {
	min-height: 100vh;
	height: 2000px;
	background: rgb(255, 255, 255);
}
.section.diciassette .titolo{
	position: fixed;
	width: 100%;
	top: 47vh;
	text-align: center;
}

.section.diciassette .logo_grazie{
	width: 100%;
	text-align: center;
}
.section.diciassette .logo_grazie img{
	width: 200px;
	margin-top: 13vh;
}
/*---------------LOGIN---------------*/

.login{
	margin: 5% 0;
	text-align: center;
	height: 100%;
	width: 100%;
}
.login .logo{
	margin: auto;
	width: 50%;
}
.login .logo img{
	max-width: 100%;
}
.login .psw_input{
	margin: 5% 0;
}
.login .psw_btn{
	margin: 5% 0;
}
input 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  /*display:block;*/
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
input:focus 		{ 
	outline:none; 
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}