body {
	background: #33cccc;
	background: url(../images/beach.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	/*background: #3a3a3a url(../images/bg.png) repeat-x top center;*/
}

/*  #CCCCCC */
#flags{

	
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align:center
} 

	#flags ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#flags li{
		float: left;
	}

	#flags img.el_flag{
		width:26px;
		height:20px;
		background: url(../images/el_flag.gif) 0px 0px;
		border:none;
		display:block;
	}
	#flags a.el_flag :hover{
		background-position: 0px -20px;
	}
	#flags img.en_flag{
		width:26px;
		height:20px;
		background: url(../images/en_flag.gif) 0px 0px;
		border:none;
		display:block;

	}
	#flags a.en_flag :hover{
		background-position: 0px -20px;
	}
	#flags img.it_flag{
		width:26px;
		height:20px;
		background: url(../images/it_flag.gif) 0px 0px;
		border:none;
		display:block;
	}
	#flags a.it_flag :hover{
		background-position: 0px -20px;
	}

/* 6699FF */
#headtitle{
	background-color: #33cccc;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 3px #0F6666;
	-webkit-box-shadow: 3px 3px 3px #0F6666;
	box-shadow: 3px 3px 3px #0F6666;
	
	margin-top: 2px;
	margin-bottom: 2px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align:center;
} 
	
	#headtitle h1{
	
		font:Verdana;
		font-size:12px;
		color:#FFFFFF;
	}



#menu{
	background-color: #33cccc;
	
	-moz-border-radius: 5px ;
	border-radius: 5px ;
	
	-moz-box-shadow: 3px 3px 3px #0F6666;
	-webkit-box-shadow: 3px 3px 3px #0F6666;
	box-shadow: 3px 3px 3px #0F6666;

	
	margin-top: 2px;
	margin-bottom: 2px;
	
	padding-top: 5px;
	padding-bottom: 5px;

	text-align:center;
} 
	
	#menu ul{
		list-style: none;
		padding: 0;
		margin: 0;
		height: 40px;
	}
	
	#menu li{
		float: left;
	}
	
	#menu li a{
		height: 40px;
		line-height: 40px;
		float: left;
		width: 160px;
		display: block;
		color: #ffffff;
		font-size:20px;
		text-decoration: none;
		text-align: center;
	}
	
	#menu li a:hover{
		background-color: #33cccf;
		font-size:24px;
		width: 160px;
	}
	
	#menu li a:active{
		color: #000000;
		font-size: 20px;
		text-decoration: none;
	}
	
	#menu h2{
		font-size: 12px;
		font:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-align: center;
	}
	
	#menu a{
		font-size: 12px;
		font:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-align: center;
		text-decoration:underline;
	}

#leftbar {

	background-color: #33cccc;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 3px #0F6666;
	-webkit-box-shadow: 3px 3px 3px #0F6666;
	box-shadow: 3px 3px 3px #0F6666;
	
	margin-top: 2px;
	margin-bottom: 2px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align:center;
} 


#main{
	background-color: #ffff99;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 3px #666600;
	-webkit-box-shadow: 3px 3px 3px #666600;
	box-shadow: 3px 3px 3px #666600;
	
	margin-top: 5px;
	margin-bottom: 5px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align:justify;
} 


	#main table.center{
		margin-left:auto; 
		margin-right:auto;
  	}


	#main .mains p{
		padding: 5px 10px 5px 10px;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

	#main .mains img{
		margin: 5px;
	}
	
	#container{
		position: relative;
	}
	
	#left
	{
		position: absolute;
		left: 80px;
		top: 15px
	}
	
	#down
	{
		position: relative;
		right: 25px;
		top: 40px
	}
		

	
input.textbox:required {
    background: url("../images/required_16.png") no-repeat scroll 185px 5px transparent;
}
input.textbox:required:valid {
    background: url("../images/success_16.png") no-repeat scroll 185px 5px transparent;
}
input.textbox:required:invalid {
    background: url("../images/error_16.png") no-repeat scroll 185px 5px transparent;
}

input.textbox {
    border: solid 1px #CCCCCC;
	margin-left: 8px;
    padding: 4px;
    width: 200px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
input.textbox:focus {
    outline: none;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 12px rgba(82, 168, 236, 0.6);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

textarea{
	border: solid 1px #CCCCCC;
	margin-left: 8px;
    padding: 4px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

textarea:focus {
    outline: none;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 12px rgba(82, 168, 236, 0.6);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}


/* Price array*/

#gradient-style
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:auto; 
	margin-right:auto;
	width: 700px;
	text-align: center;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 15px;
	font-weight: normal;
	text-align:center;
	padding: 8px;
	background: #b9c9fe url('../images/gradhead.png') repeat-x;
	border-top: 2px solid #ffff99;
	border-bottom: 1px solid #ffff99;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 2px solid #ffff99;
	color: #669;
	text-align:center;
	vertical-align:middle;
	border-top: 2px solid #ffff99;
	background: #e8edff;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	padding: 8px; 
	font-size: 14px;
	text-align:left;
	color: #039;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('../images/gradhover.png') repeat-x;
	color: #339;
}