/* TOP SHADOW */
	
body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
           box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}


/* MAIN BODY */
body {
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#EEEEEE)); 
		background: -moz-linear-gradient(0% 100% 90deg,#EEEEEE, #EEEEEE); 
		background: -moz-linear-gradient(0px 0 50px,#EEEEEE, #EEEEEE);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#EEEEEE'); /* for IE */
}



/* Shadow Box */

.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}


div
{
margin:auto;
vertical-align: middle;
border:1px solid #a1a1a1;
padding:25px 25px 25px 25px; 
background:#FFFFFF;
width:700px;
height:280px;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; 	


		/* -- CSS3 - create a background graident -- */
		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
		
		/* -- CSS3 - add a drop shadow -- */
		-webkit-box-shadow:0px 0 50px #ccc;
		-moz-box-shadow:0px 0 50px #ccc; 
		box-shadow:0px 0 50px #ccc;		
}

div.construction_box
{
margin:auto;
vertical-align: middle;
border:1px solid #a1a1a1;
padding:25px 25px 25px 25px; 
background:#FFFFFF;
width:1200px;
height:90%;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; 	


		/* -- CSS3 - create a background graident -- */
		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
		
		/* -- CSS3 - add a drop shadow -- */
		-webkit-box-shadow:0px 0 50px #ccc;
		-moz-box-shadow:0px 0 50px #ccc; 
		box-shadow:0px 0 50px #ccc;		
}

div.contact_box
{
margin:auto;
vertical-align: middle;
text-align: center;
border:1px solid #a1a1a1;
padding:1% 1% 1% 1%; 
background:#FFFFFF;
width:770px;
height:700px;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; 	


		/* -- CSS3 - create a background graident -- */
		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
		
		/* -- CSS3 - add a drop shadow -- */
		-webkit-box-shadow:0px 0 50px #ccc;
		-moz-box-shadow:0px 0 50px #ccc; 
		box-shadow:0px 0 50px #ccc;		
}


#azurar_title
{
margin:auto;
vertical-align: middle;
border:0px solid #a1a1a1;
padding:10px 10px 10px 10px; 
background:#406399;
width:85%;
height:30px;

font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: ;
color: #FFFFFF;
text-decoration: none;
text-align: center;


		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-top-left-radius:15px; 
		border-top-right-radius:15px; 
		border-bottom-right-radius:0px; 
		border-bottom-left-radius:0px; 	
}

#azurar_title_L
{
margin:auto;
vertical-align: middle;
border:0px solid #a1a1a1;
padding:10px 10px 10px 10px; 
background:#406399;
width:85%;
height:30px;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-top-left-radius:15px; 
		border-top-right-radius:0px; 
		border-bottom-right-radius:0px; 
		border-bottom-left-radius:0px; 	
}

#azurar_title_R
{
margin:auto;
vertical-align: middle;
border:0px solid #a1a1a1;
padding:10px 10px 10px 10px; 
background:#406399;
width:15%;
height:30px;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-top-left-radius:0px; 
		border-top-right-radius:15px; 
		border-bottom-right-radius:0px; 
		border-bottom-left-radius:0px; 	
}


#boxes_1
{
margin:auto;
vertical-align: middle;
border:1px solid #a1a1a1;
padding:10px 10px 10px 10px; 
background:#406399;
width:700px;
height:30px;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-top-left-radius:15px; 
		border-top-right-radius:15px; 
		border-bottom-right-radius:0px; 
		border-bottom-left-radius:0px; 	
}

#boxes_2
{
margin:auto;
vertical-align: middle;
border:0px solid #a1a1a1;
padding:5px 5px 5px 5px; 
background:#7A8B9D;
width:700px;
height:30px;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-top-left-radius:0px; 
		border-top-right-radius:0px; 
		border-bottom-right-radius:0px; 
		border-bottom-left-radius:0px; 	

}

#boxes_2L
{
margin:auto;
vertical-align: middle;
border:0px solid #a1a1a1;
padding:5px 5px 5px 5px; 
background:#7A8B9D;
width:500px;
height:30px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: ;
color: #FFFFFF;
text-decoration: none;



		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-top-left-radius:0px; 
		border-top-right-radius:0px; 
		border-bottom-right-radius:0px; 
		border-bottom-left-radius:10px; 	

}

#boxes_2R
{
margin:auto;
vertical-align: middle;
border:0px solid #a1a1a1;
padding:5px 5px 5px 5px; 
background:#7A8B9D;
width:500px;
height:30px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: ;
color: #FFFFFF;
text-decoration: none;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 0x;
		-moz-border-radius: 0px;
		border-top-left-radius:0px; 
		border-top-right-radius:0px; 
		border-bottom-right-radius:10px; 
		border-bottom-left-radius:0px; 	

}

#boxes_3
{
margin:auto;
vertical-align: middle;
border:1px solid #a1a1a1;
padding:10px 10px 10px 10px; 
background:#FFFFFF;

		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-top-left-radius:15px; 
		border-top-right-radius:15px; 
		border-bottom-right-radius:15px; 
		border-bottom-left-radius:15px; 	

		/* -- CSS3 - add a drop shadow -- */
		-webkit-box-shadow:0px 0 50px #ccc;
		-moz-box-shadow:0px 0 50px #ccc; 
		box-shadow:0px 0 50px #ccc;	


/*-- INPUT AREA --*/

}
	input:hover, textarea:hover { 
		background: #eee; 
	}
		
	input.submit { 	
		width: 150px; 
		color: #eee; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color: #18a5cc;
		border: none;
		
		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		
		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px; 
						
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
		background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);		
	} 
	
	input.submit:hover { 		
		-webkit-box-shadow: 0px 0px 20px #555;
		-moz-box-shadow: 0px 0px 20px #aaa; 
		box-shadow: 0px 0px 20px #555;	
		cursor:  pointer; 
	}