label { 
        font-family:Arial, Helvetica, sans-serif; 
        font-size:1.em; 		
        color:#036; 
        font-weight:bold; 
        float:left; }
		
	span2 { 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:.8em; 		
		color:#696969; 
		font-weight:bold; 
		float:left; }
	
	form input[type="email"] { 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 18px;		
		padding:10px 10px 10px 10px; 		
        background-color:#f2f2f2; 
        border:1px solid #000;	    
        autocomplete: off; 
        width: 90%; 
		height: 40px;
		float: left;
        -webkit-border-radius:5px; 
        -moz-border-radius:5px; 
        -o-border-radius:5px;
	    -ms-border-radius:5px; 
        border-radius:5px; 
		}
	
	form input[type="text"] { 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
		font-size: 18px;		
		padding:10px 10px 10px 10px; 
        background-color:#f2f2f2; 
        border:1px solid #000;	   
        autocomplete: off; 
        width: 90%; 		
		float: left;
        -webkit-border-radius:5px; 
        -moz-border-radius:5px; 
        -o-border-radius:5px;
	    -ms-border-radius:5px; 
        border-radius:5px; 
		}
		
	form input[type="password"] { 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
        background-color:#f2f2f2; 
        border:1px solid #000;
	    padding:5px;
        autocomplete:off; 
        width: 50%;
		height: 40px;		
		float: left;
        -webkit-border-radius:5px; 
        -moz-border-radius:5px; 
        -o-border-radius:5px;
	    -ms-border-radius:5px; 
        border-radius:5px; 
		}	


		/* Removes the clear button from date inputs */
	input[type="date"]::-webkit-clear-button {
		display: none;
	}

	/* Removes the spin button */
	input[type="date"]::-webkit-inner-spin-button { 
		display: none;
	}

	form input[type="date"] { 
		font-family: "Helvetica", arial, sans-serif;
		font-size: 18px;		
		background-color:#f2f2f2; 
		border:1px solid #000;
		padding:10px 10px 10px 10px; /* Configurações de padding para posicionar o texto no campo */
		color:#696969; /* Cor da Fonte */      
		text-overflow: "";  /* Remove seta padrão do FireFox */     
		float: left;
		autocomplete:off; 
		width: 90%; 
		height: 20px;
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
		-o-border-radius:5px;
		-ms-border-radius:5px; 
		border-radius:5px; 
	}
	
		/* Removes the clear button from date inputs */
	input[type="date"]::-webkit-clear-button {
		display: none;
	}

	/* Removes the spin button */
	input[type="date"]::-webkit-inner-spin-button { 
		display: none;
	}

	/* Always display the drop down caret */
	input[type="date"]::-webkit-calendar-picker-indicator {
		color: #2c3e50;
	}

	/* A few custom styles for date inputs 
	input[type="date"] {
		width: 70%;
		-webkit-appearance: none;
		color: #95a5a6;
		font-family: "Helvetica", arial, sans-serif;
		font-size: 18px;
		border:1px solid #ecf0f1;
		background:#ecf0f1;
		padding:5px;
		display: inline-block !important;
		visibility: visible !important;
	}
	*/

	input[type="date"], focus {
		color: #95a5a6;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
		
	form textarea { 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
        background-color:#f2f2f2; 
        border:1px solid #000;
	    padding:5px; autocomplete:off; 
        width: 100%; 
        -webkit-border-radius:5px; 
        -moz-border-radius:5px;
	    -o-border-radius:5px; 
        -ms-border-radius:5px; 
        border-radius:5px; 
		resize: none;			
		}
		
	select { 
        background-color:#f2f2f2; 
        border:1px solid #333;          
		width: 90%; 
		-webkit-border-radius:5px; 
        -moz-border-radius:5px; 
        -o-border-radius:5px; 
        -ms-border-radius:5px; 
        border-radius:5px;
		float: left;
		height:48px; /* altura do select, importante para que tenha a mesma altura em todo os navegadores */
		font-family:Arial, Helvetica, sans-serif; /* Fonte do Select */
		font-size:18px; /* Tamanho da Fonte */
		padding:10px 10px 10px 10px; /* Configurações de padding para posicionar o texto no campo */
		color:#696969; /* Cor da Fonte */      
		text-overflow: "";  /* Remove seta padrão do FireFox */     
		select::-ms-expand {display: none;} /* Remove seta padrão do IE*/
		}

	input[type=submit] { 
        padding:10px; 
        background-color:#696969; 
        border:1px solid #000; 
        color:#fff; 
        font-weight:bold;          
		-webkit-border-radius:5px; 
        -moz-border-radius:5px; 
        -o-border-radius:5px; 
        -ms-border-radius:5px; 
        border-radius:5px;
		float: right;
		cursor: pointer;
		}

	input[type=submit]:hover { 
        padding:10px; 
        background-color:#000; 
        border:1px solid #036;
		}
		
	input[type=button] {
	  padding:10px;
		background-color:#696969;
		border:1px solid #000;
		color:#fff;
		font-weight:bold;
		float: right;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
		cursor:pointer;
	}

	input[type=button]:hover {
		padding:10px;
		background-color:#000;
		border:1px solid #036;
		}

	input[type=reset] {
	  padding:10px;
		background-color:#696969;
		border:1px solid #000;
		color:#fff;
		font-weight:bold;
		float: right;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
		cursor:pointer;
	}

	input[type=reset]:hover {
		padding:10px;
		background-color:#000;
		border:1px solid #036;
		}
		
	input[type=file] {
		padding:10px;
		background-color:#696969;
		border:1px solid #000;
		color:#fff;
		font-weight:bold;
		float: right;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	}

	input[type=file]:hover {
		padding:10px;
		background-color:#000;
		border:1px solid #036;
		}
		
	#botoes_controle { width: 200px; }

	#content_center {
		margin-left: 100;
		width: 600px;		
	}
	
	#login_panel {
		margin-top:80; 
		float: left; 
		border: 1px solid #036; 
		border-radius: 5px;
		background-color: #f2f2f2;
		padding: 20px;
		color: #000;		
		width:100%;		
	}
	
	.form-container {
		border-radius: 5px;
		border: 1px solid #036;
		background-color: #f2f2f2;
		padding: 20px 20px 20px 20px;
		font-color: #000;		
		width:90%;
	}
	
	.contador {
		font-family:Georgia; 
		float: left; 
		font-size: 0.8em;
		color: #8B8378;
	}

	#title {
		height:40px; 
		width: 100%; 
		background:#696969; 
		border:1px solid #000;
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
		-o-border-radius:5px; 
		-ms-border-radius:5px; 
		border-radius:5px;
		text-align: center;
		font-family:Arial, Helvetica, sans-serif; 
		font-size:1.2em; 
		color:#fff; 
		padding-top: 15px;	
	}

	.col-5 {
		float: left;
		width: 5%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.col-20 {
		float: left;
		width: 20%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.col-25 {
		float: left;
		width: 25%;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}

	.col-30 {
		float: left;
		width: 30%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-right:20px;
	}
	
	.col-33 {
		float: left;
		width: 30%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-right:20px;
	}

	.col-50 {
		float: left;
		width: 45%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left:20px;
	}
	
	.col-50-2 {
		float: left;
		width: 50%;		
	}
	
	.col-50-3 {
		float: left;
		width: 50%;
		color: #fff;	
		font-size: 20px;
		text-align: center;
		margin-top: 200px;
		margin-bottom: 10px;		
	}
		
	.col-75 {
		float: right;
		width: 70%;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		
	}
	
	.col-100 {
		float: left;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}

	/* Clear floats after the columns */
	.row:after {
		content: "";
		display: table;
		clear: both;
		vertical-align: middle;    
	}
	
	#painel-booking { 
		height: 306px; 
		width: 100%; 
		background: transparent url(../imagens/background.jpg) right no-repeat;  
		margin-top:40px; 
		margin-bottom: 40px;
	}


/* Responsive layout - when the screen is less than 600px wide, 
make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 724px) {
	form input[type="text"] { 
        font-size: 18px;	       
		height: 38px;		
		}
	
	#title {
		height:40px; 		 
		font-size:1.2em; 
		padding-top: 5px;
		padding-bottom: 5px;
		
	}
	
	.form-container {
		margin-left:10; width:90%;
	}
    
	#painel-booking { 		
		width: 100%; 
		background: transparent ;  
		margin-top:20px; 
		margin-bottom: 20px;		
	}
	
	
	
	.col-50-3 {
		display: none;
	} 

	.col-25, .col-33, .col-50, .col-50-2, .col-75 {
        width: 90%;
        margin-top: 10px;
		float: left;
		padding-left: 10px;
    }
}

@media screen and (max-width: 600px) {
     
}

@media only screen and (max-width: 320px) {
     
}