@charset "utf-8";
/* CSS Document */

body{
	background:url(../Imagens/rso_bg.jpg) #6dc6de center;
	height:100%;
	width:100%;
}


.TITULO{
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}


/* ************************************************************************************* */
/* ***********                               LOGIN                            ********** */
/* ************************************************************************************* */

#login{
	position:absolute;
	width:500px;
	height:900px;
	z-index:3000;
	padding:10px;
	text-align:center;
	-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	left:50%;
	margin-left:-250px;
	margin-top:100px;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:30px;
	background:#FFF;
	
}


#login label{
	position:relative;
	display:block;	
}

#login input{
	position:relative;
	margin:0 auto;
	margin-bottom:20px;
	display:block;
	width:90%;
	height:60px;
	border-radius:30px;
	border:2px solid #ec6325;
	font-size:30px;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	background-color:#FFFFFF;
	text-align:center;
}

#login input::-webkit-input-placeholder{
	color:#CCC;
}

#login input::-moz-placeholder, #login input:-moz-placeholder{
	color:#CCC;
}

#login input::placeholder{
	color:#CCC;
}

#login input[type="submit"]{
	position:relative;
	margin:0 auto;
	margin-bottom:40px;
	display:block;
	width:90%;
	height:60px;
	border-radius:30px;
	border:2px solid #ec6325;
	font-size:30px;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	background-color:#ec6325;
	color:#FFF;
	-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}


#MsgWindow{
	position:relative;
	margin:0 auto;
	width:90%;
	height:80px;
	z-index:1000;
	padding:10px;
	text-align:center;
	color:#ec6325;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-size:25px;
	margin-top:10px;
}

#Logo{
	position:relative;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:10px;
	display:block;
	width:90%;
	text-align:left;
}

#titulo{
	position:relative;
	margin:0 auto;
	margin-bottom:40px;
	display:block;
	width:90%;
	font-size:45px;
	padding:3px;
	padding-left:50px;
	text-align:left;
}

.BigTituloLaranja{
	font-size:45px;
	font-family:arial;
	font-weight:bolder;
	color: #ec6325;
}

.BigTituloAzul{
	font-size:45px;
	font-family:arial;
	font-weight:bolder;
	color: #005a9c;
}

#MsgWindow .simbolo{
	width:80px;
	height:120px;
	display:inline;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-size:120px;
	margin-top:0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
}

#MsgWindow .mensagem{
	width:720px;
	height:80px;
	display:inline-block;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-size:60px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


/* ************************************************************************************* */
/* ***********                  Escolha do Dentista e Anotador                ********** */
/* ************************************************************************************* */

#Dentista, #Anotador{
	position:relative;
	width:380px;
	display:inline-block;
	float:left;
	margin-left:20px;
}

#Dentista label, #Anotador label{
	position:relative;
	width:300px;
	height:60px;
	border-radius:10px;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
	margin:0 auto;
	display:block;
	text-align:center;
	margin-top:10px;
}

.userOff{
	background-color:#069;
}

.userOn{
	background-color:#C00;
}

.celula{
	width:280px;
	height:40px;
	margin:10px;
	display:table-cell;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}

#selB{
	position:relative;
	width:600px;
	margin-left:50%;
	left:-90px;
	margin-top:20px;
	display:block;
	clear:both;
	
}

/* ************************************************************************************* */
/* ***********                       FASE 1 DO FORMULARIO                     ********** */
/* ************************************************************************************* */

.Texto_Branco{
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:20px;
}

#Formulario_F1{
	width:900px;
	position:absolute;
	margin-left:50%;
	left:-450px;
}

#Escolha_Concelho_Div, #Identificador_Aluno_Div{
	position:relative;
	width:350px;
	float:left;
	display:inline;
	margin-bottom:30px;
	
}

#Formulario_F1 label{
	position:relative;
	height:20px;
	width:250px;
	line-height:20px;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin-top:20px;
}

#Formulario_F1 select{
	position:relative;
	height:60px;
	width:300px;
	line-height:20px;
	display:inline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	border-radius:15px;
	-webkit-appearance: listbox;
	padding:10px;
	float:left
}

#Falta_Div{
	width:200px;
	height:60px;
	display:inline;
	float:right;
}

#Falta_Div label{
	position:inherit;
	height:60px;
	width:200px;
	border-radius:30px;
	border:1px solid #CCC;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
	text-align:center;
	font-size:25px;
	float:left;
	margin-right:20px;
	display:table-cell;
	line-height:55px;
	vertical-align:middle;
	margin-top:0px;
}

#Concelho {
	position:relative;
	display:block;
	margin-bottom:20px;
	margin-top:20px;
}

#Genero {
	position:relative;
	display:block;
	width:900px;
	height:60px;
	margin-bottom:20px;
	margin-top:20px;
}

#TemEscova, #TemPasta, #FazEscovagem, #Numero_Escovagens, #TemDor, #VisitaDentista {
	position:relative;
	float:left;
	width:450px;
	height:120px;
	margin-bottom:20px;
}

#Genero label, #TemEscova label, #TemPasta label, #FazEscovagem label,  #TemDor label, #VisitaDentista label {
	position:inherit;
	height:60px;
	width:60px;
	border-radius:30px;
	border:1px solid #CCC;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
	text-align:center;
	font-size:25px;
	float:left;
	margin-right:20px;
	display:table-cell;
	line-height:55px;
	vertical-align:middle;
	margin-top:0px;
}

.Legenda_Input{
	position:relative;
	width:650px;
	height:60px;
	display:block;
}

.Legenda_Input p{
	height:20px;
	margin-right:50px;
	position:relative;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

.Small_input{
	position:relative;
	height:50px;
	width:210px;
	margin-top:10px;

	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
}

.Big_input{
	position:relative;
	height:50px;
	width:900px;
	margin-top:10px;
	display:block;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
}

.Big_textarea{
	position:relative;
	margin:0 auto;
	margin-bottom:100px;
	height:100px;
	width:700px;
	margin-top:10px;
	display:block;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
}

.Side_input{
	position:relative;
	height:55px;
	width:55px;
	margin-top:10px;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	vertical-align:top;
}




/* ************************************************************************************* */
/* ***********                       FASE 2 DO FORMULARIO                     ********** */
/* ************************************************************************************* */

.input_hidden {
    position: absolute;
    left: -9999px;
	display:none;
}

.selectedOn {
	background:#C00;
	color:#FFF;
}

.selectedOff {
	background:#09C;
	color:#000;
}

.DenteSelected {
	color:#000;
	background:#C00;
	border:#C00 3px solid;
}

.DenteUnselected {
	color:#000;
	background:none;
	border:none;
}

#msg{
	position:absolute;
	width:100px;
	height:20px;
	
}

.Level0{
	/* legenda por defeito */
	background:none;
	color:#000;
}

.Level1{
	/*background:-webkit-linear-gradient(top, #CCCCCC, #FFFFFF);*/
	background:#FFFFFF;
}

.Level2{
	/*background:-webkit-linear-gradient(top, #FF9900, #FFFFFF);*/
	background:#99CC00;
}

.Level3{
	/*background:-webkit-linear-gradient(top, #CC0000, #FFFFFF);*/
	background:#FFCC00;
}

.Level4{
	/*background:-webkit-linear-gradient(top, #000000, #CCCCCC);*/
	background:#009999;
}

.Level5{
	/*background:-webkit-linear-gradient(top, #99CC00, #999933);*/
	background:#9900CC;
}

.Level6{
	/*background:-webkit-linear-gradient(top, #000033, #009999);*/
	background:#990000;
	color:#FFF;
}

.Level7{
	/*background:-webkit-linear-gradient(top, #993300, #990000);*/
	background:#000000;
	color:#FFF;
}

#legenda{
	height:35px;
	width:930px;
	position:absolute;
	margin:0 auto;
	margin-left:50%;
	left: -465px;
	margin-top:1250px;
	display:block;
	background:-webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
	padding:5px;
	border-radius:15px;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}

.LegTop{
	height:30px;
	padding-top:2px;
	padding-bottom:5px;
	margin:0 auto;
	margin-left:5px;
	text-align:center;

}

#leg0, #leg1, #leg2, #leg3, #leg4, #leg5, #leg6{
	height:30px;
	width:30px;
	border-radius:10px;
	position:relative;
	float:left;
	display:table-cell;
	margin-right:15px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
}

.textoLegenda{
	height:30px;
	position:relative;
	float:left;
	line-height:30px;
	vertical-align:middle;
	margin-right:35px;
}

#Boca{
	width:800px;
	height:1200px;
	margin:0 auto;
	margin-top:20px;
	background:url(../Imagens/Fundo_Boca.png) top center no-repeat;
	display:table;
	position:absolute;
	margin-left:50%;
	left:-400px;
}

#D17, #D16, #D15, #D14, #D13, #D12, #D11, #D27, #D26, #D25, #D24, #D23, #D22, #D21, #D47, #D46, #D45, #D44, #D43, #D42, #D41, #D37, #D36,  #D35,  #D34,  #D33, #D32, #D31{
	position:absolute;
	margin:0 auto;
	border-radius:25px;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
	cursor:pointer;
	display:table;
}

#L17, #L16, #L15, #L14, #L13, #L12, #L11, #L27, #L26, #L25, #L24, #L23, #L22, #L21, #L47, #L46, #L45, #L44, #L43, #L42, #L41, #L37, #L36, #L35, #L34, #L33, #L32, #L31{
	font-size:40px;
	margin:0 auto;
	vertical-align:middle;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:table-cell;
	text-align:center;
}

#D55, #D54, #D53, #D52, #D51, #D61, #D62, #D63, #D64, #D65, #D85, #D84, #D83, #D82, #D81, #D71, #D72, #D73, #D74, #D75{
	position:absolute;
	margin:0 auto;
	border-radius:25px;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
	cursor:pointer;
	display:table;
}

#L55, #L54, #L53, #L52, #L51, #L61, #L62, #L63, #L64, #L65, #L85,  #L84, #L83, #L82, #L81, #L71, #L72, #L73, #L74, #L75{
	font-size:30px;
	display:table-cell;
	vertical-align:middle;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

/*          ////////////////////////////////    TOPO ESQUERDO      //////////////////////////     */

#D17{
	margin-top:454px;
	margin-left:57px;
	width:74px;
	height:90px;
	-webkit-transform:rotate(5deg);
}

#L17{
	width:70px;
	height:90px;
	line-height:75px;
	-webkit-transform:rotate(-5deg);
}

#D16{
	margin-top:350px;
	margin-left:73px;
	width:74px;
	height:90px;
	border-radius:25px;
	-webkit-transform:rotate(12deg);
}

#L16{
	width:70px;
	height:90px;
	line-height:75px;
	-webkit-transform:rotate(-12deg);
}

#D15{
	margin-top:262px;
	margin-left:100px;
	width:73px;
	height:80px;
	border-radius:25px;
	-webkit-transform:rotate(17deg);
}

#L15{
	width:70px;
	height:80px;
	line-height:65px;
	-webkit-transform:rotate(-17deg);
}

#D14{
	margin-top:183px;
	margin-left:135px;
	width:73px;
	height:73px;
	border-radius:25px;
	-webkit-transform:rotate(20deg);
}

#L14{
	width:70px;
	height:73px;
	line-height:60px;
	-webkit-transform:rotate(-20deg);
}

#D13{
	margin-top:115px;
	margin-left:178px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(35deg);
}

#L13{
	width:70px;
	height:65px;
	line-height:55px;
	-webkit-transform:rotate(-35deg);
}

#D12{
	margin-top:50px;
	margin-left:232px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(55deg);
}

#L12{
	width:70px;
	height:65px;
	line-height:55px;
	-webkit-transform:rotate(-55deg);
}

#D11{
	margin-top:20px;
	margin-left:317px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(80deg);
}

#L11{
	width:70px;
	height:65px;
	line-height:55px;
	-webkit-transform:rotate(-80deg);
}

/*          ////////////////////////////////    TOPO DIREITO      //////////////////////////     */


#D27{
	margin-top:454px;
	margin-left:670px;
	width:74px;
	height:90px;
	-webkit-transform:rotate(-5deg);
}

#L27{
	width:70px;
	height:90px;
	line-height:75px;
	-webkit-transform:rotate(5deg);
}

#D26{
	margin-top:350px;
	margin-left:653px;
	width:74px;
	height:90px;
	border-radius:25px;
	-webkit-transform:rotate(-12deg);
}

#L26{
	width:70px;
	height:90px;
	line-height:75px;
	-webkit-transform:rotate(12deg);
}

#D25{
	margin-top:262px;
	margin-left:630px;
	width:73px;
	height:80px;
	border-radius:25px;
	-webkit-transform:rotate(-17deg);
}

#L25{
	width:70px;
	height:80px;
	line-height:65px;
	-webkit-transform:rotate(17deg);
}

#D24{
	margin-top:183px;
	margin-left:600px;
	width:73px;
	height:73px;
	border-radius:25px;
	-webkit-transform:rotate(-20deg);
}

#L24{
	width:70px;
	height:73px;
	line-height:60px;
	-webkit-transform:rotate(20deg);
}

#D23{
	margin-top:115px;
	margin-left:558px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-35deg);
}

#L23{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(35deg);
}

#D22{
	margin-top:50px;
	margin-left:502px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-55deg);
}

#L22{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(55deg);
}

#D21{
	margin-top:20px;
	margin-left:413px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-80deg);
}

#L21{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(80deg);
}


/*          ////////////////////////////////    TOPO ESQUERDO LEITE      //////////////////////////     */


#D51{
	margin-top:100px;
	margin-left:345px;
	width:55px;
	height:35px;
	border-radius:25px;
	-webkit-transform:rotate(80deg);
}

#L51{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-80deg);
}

#D52{
	margin-top:125px;
	margin-left:285px;
	width:55px;
	height:35px;
	border-radius:25px;
	-webkit-transform:rotate(60deg);
}

#L52{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-60deg);
}

#D53{
	margin-top:175px;
	margin-left:245px;
	width:55px;
	height:35px;
	border-radius:25px;
	-webkit-transform:rotate(35deg);
}

#L53{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-35deg);
}

#D54{
	margin-top:230px;
	margin-left:210px;
	width:55px;
	height:45px;
	border-radius:25px;
	-webkit-transform:rotate(20deg);
}

#L54{
	width:35px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-20deg);
}

#D55{
	margin-top:295px;
	margin-left:185px;
	width:55px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(15deg);
}

#L55{
	width:45px;
	height:55px;
	line-height:55px;
	-webkit-transform:rotate(-15deg);
}


/*          ////////////////////////////////    TOPO DIREITO LEITE      //////////////////////////     */


#D61{
	margin-top:100px;
	margin-left:410px;
	width:55px;
	height:35px;
	border-radius:25px;
	-webkit-transform:rotate(-80deg);
}

#L61{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(80deg);
}

#D62{
	margin-top:125px;
	margin-left:470px;
	width:55px;
	height:35px;
	border-radius:25px;
	-webkit-transform:rotate(-60deg);
}

#L62{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(60deg);
}

#D63{
	margin-top:175px;
	margin-left:510px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(-35deg);
}

#L63{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(35deg);
}

#D64{
	margin-top:230px;
	margin-left:542px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(-20deg);
}

#L64{
	width:35px;
	height:35px;
	line-height:45px;
	-webkit-transform:rotate(20deg);
}

#D65{
	margin-top:295px;
	margin-left:565px;
	width:55px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-15deg);
}

#L65{
	width:45px;
	height:55px;
	line-height:55px;
	-webkit-transform:rotate(15deg);
}



/*          ////////////////////////////////    INFERIOR ESQUERDO      //////////////////////////     */


#D47{
	margin-top:660px;
	margin-left:57px;
	width:74px;
	height:90px;
	-webkit-transform:rotate(-5deg);
}

#L47{
	width:70px;
	height:90px;
	line-height:70px;
	-webkit-transform:rotate(5deg);
}

#D46{
	margin-top:762px;
	margin-left:73px;
	width:74px;
	height:90px;
	border-radius:25px;
	-webkit-transform:rotate(-12deg);
}

#L46{
	width:70px;
	height:90px;
	line-height:70px;
	-webkit-transform:rotate(12deg);
}

#D45{
	margin-top:858px;
	margin-left:100px;
	width:73px;
	height:80px;
	border-radius:25px;
	-webkit-transform:rotate(-17deg);
}

#L45{
	width:70px;
	height:80px;
	line-height:60px;
	-webkit-transform:rotate(17deg);
}

#D44{
	margin-top:943px;
	margin-left:135px;
	width:73px;
	height:73px;
	border-radius:25px;
	-webkit-transform:rotate(-20deg);
}

#L44{
	width:70px;
	height:73px;
	line-height:55px;
	-webkit-transform:rotate(20deg);
}

#D43{
	margin-top:1018px;
	margin-left:178px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-35deg);
}

#L43{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(35deg);
}

#D42{
	margin-top:1075px;
	margin-left:232px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-55deg);
}

#L42{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(55deg);
}

#D41{
	margin-top:1107px;
	margin-left:317px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-80deg);
}

#L41{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(80deg);
}

/*          ////////////////////////////////    INFERIOR DIREITO      //////////////////////////     */


#D37{
	margin-top:660px;
	margin-left:670px;
	width:74px;
	height:90px;
	-webkit-transform:rotate(5deg);
}

#L37{
	width:70px;
	height:90px;
	line-height:70px;
	-webkit-transform:rotate(-5deg);
}

#D36{
	margin-top:762px;
	margin-left:653px;
	width:74px;
	height:90px;
	border-radius:25px;
	-webkit-transform:rotate(12deg);
}

#L36{
	width:70px;
	height:90px;
	line-height:70px;
	-webkit-transform:rotate(-12deg);
}

#D35{
	margin-top:858px;
	margin-left:630px;
	width:73px;
	height:80px;
	border-radius:25px;
	-webkit-transform:rotate(17deg);
}

#L35{
	width:70px;
	height:80px;
	line-height:60px;
	-webkit-transform:rotate(-17deg);
}

#D34{
	margin-top:943px;
	margin-left:600px;
	width:73px;
	height:73px;
	border-radius:25px;
	-webkit-transform:rotate(20deg);
}

#L34{
	width:70px;
	height:73px;
	line-height:55px;
	-webkit-transform:rotate(-20deg);
}

#D33{
	margin-top:1018px;
	margin-left:558px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(35deg);
}

#L33{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(-35deg);
}

#D32{
	margin-top:1075px;
	margin-left:502px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(55deg);
}

#L32{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(-55deg);
}

#D31{
	margin-top:1107px;
	margin-left:413px;
	width:73px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(80deg);
}

#L31{
	width:70px;
	height:65px;
	line-height:50px;
	-webkit-transform:rotate(-80deg);
}


/*          ////////////////////////////////    INFERIOR ESQUERDO LEITE      //////////////////////////     */


#D81{
	margin-top:1035px;
	margin-left:343px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(-80deg);
}

#L81{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(80deg);
}

#D82{
	margin-top:1015px;
	margin-left:283px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(-55deg);
}

#L82{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(55deg);
}

#D83{
	margin-top:970px;
	margin-left:240px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(-35deg);
}

#L83{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(35deg);
}

#D84{
	margin-top:915px;
	margin-left:210px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(-20deg);
}

#L84{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(20deg);
}

#D85{
	margin-top:845px;
	margin-left:185px;
	width:55px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(-15deg);
}

#L85{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(15deg);
}


/*          ////////////////////////////////    INFERIOR DIREITO LEITE      //////////////////////////     */


#D71{
	margin-top:1035px;
	margin-left:407px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(80deg);
}

#L71{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-80deg);
}

#D72{
	margin-top:1015px;
	margin-left:470px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(50deg);
}

#L72{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-50deg);
}

#D73{
	margin-top:970px;
	margin-left:515px;
	width:55px;
	height:45px;
	border-radius:25px;
	-webkit-transform:rotate(35deg);
}

#L73{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-35deg);
}

#D74{
	margin-top:915px;
	margin-left:545px;
	width:55px;
	height:55px;
	border-radius:25px;
	-webkit-transform:rotate(20deg);
}

#L74{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-20deg);
}

#D75{
	margin-top:845px;
	margin-left:565px;
	width:55px;
	height:65px;
	border-radius:25px;
	-webkit-transform:rotate(15deg);
}

#L75{
	width:55px;
	height:55px;
	line-height:45px;
	-webkit-transform:rotate(-15deg);
}


/* //////////////////////////////// FORMULARIO //////////////////////////  */


#ValueHolder{
	position:absolute;
	margin:0 auto;
	margin-top:0px;
	z-index:3000;
	display:block;
	width:800px;
	margin-left:50%;
	left:-400px;
	margin-top:590px;
}

#ValueHolder div{
	position:relative;
	margin:0 auto;
	vertical-align:middle;
	display:table-cell;
	font-size:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	width:70px;
	height:70px;
}

.NormalButtons{
	margin:0 auto;
	position:relative;
	float:left;
	width:70px;
	height:70px;
	border-radius:35px;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
	cursor:pointer;
}

#F0{
	margin-left:55px;
}

#F1{
	margin-left:33px;
}

#F2{
	margin-left:33px;
}

#F3{
	margin-left:33px;
}

#F4{
	margin-left:33px;
}

#F5{
	margin-left:33px;
}

#F6{
	margin-left:33px;
}

#FimF2{
	position:absolute;
	height:50px;
	width:210px;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-left:50%;
	left:-105px;
	margin-top:750px;
	z-index:4000;
	background-color:#FFF;
	border:1px solid #000;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
}

#Limpar{
	position:absolute;
	height:50px;
	width:210px;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-left:50%;
	left:-105px;
	margin-top:820px;
	z-index:4000;
	background-color:#FFF;
	border:1px solid #000;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
}

/* ************************************************************************************* */
/* ***********                       FASE 3 DO FORMULARIO                     ********** */
/* ************************************************************************************* */

#Formulario_F3{
	width:900px;
	position:absolute;
	margin-left:50%;
	left:-450px;
}

#Formulario_F3 label{
	position:relative;
	height:20px;
	width:250px;
	line-height:20px;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin-top:20px;
}

#Formulario_F3 select{
	position:relative;
	height:60px !important;
	width:900px;
	line-height:20px;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	border-radius:10px;
	-webkit-appearance: listbox;
	padding:10px;
}

#Formulario_F3 textarea{
	position:relative;
	height:150px;
	width:900px;
	margin-top:10px;
	display:block;
	border-radius:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px
}

#D_Consulta {
	position:relative;
	display:inline-block;
	width:900px;
	height:120px;
	float:left;
	margin-bottom:20px;
}

#D_Carrinha {
	position:relative;
	display:inline-block;
	width:900px;
	height:120px;
	float:left;
}

#PB16, #PB11, #PB26, #PB46, #PB31, #PB36 {
	position:relative;
	display:inline;
	width:450px;
	height:120px;
	float:left;
}

#D_Consulta label, #D_Carrinha label, #PB16 label, #PB11 label, #PB26 label, #PB46 label, #PB31 label, #PB36 label {
	position:inherit;
	height:60px;
	width:60px;
	border-radius:30px;
	border:1px solid #CCC;
	box-shadow: 0px 0px 8px rgba(2, 2, 2, 1);
	text-align:center;
	font-size:25px;
	float:left;
	margin-right:20px;
	display:table-cell;
	line-height:55px;
	vertical-align:middle;
	margin-top:0px;
}

.Legenda_Input1{
	position:relative;
	width:700px;
	height:60px;
	display:block;
	margin-left:200px;
}

.Legenda_Input1 p{
	height:20px;
	margin-right:50px;
	position:relative;
	display:inline-block;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

#legendaPB{
	height:35px;
	width:900px;
	position:relative;
	margin:0 auto;
	margin-left:50%;
	left: -465px;
	margin-top:410px;
	margin-bottom:10px;
	display:block;
	background:-webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
	padding:5px;
	border-radius:15px;
	font-family: Arial;
	font-size:13px;
	font-weight:bold;
}

#legendaPB .textoLegenda{
	height:30px;
	position:relative;
	float:left;
	line-height:30px;
	vertical-align:middle;
	margin-right:22px;
}