/* Css comuni a tutte le pagine */ 

html, p, select , body, img {
   	margin: 0px;
	padding: 0px;
}

body {
    font-family: Arial, "Myriad Pro";
	font-size: 14px;
	background: #cedce7;
}

.fileinput {
	width: 100%;
	background: #596a72;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	padding: 2px 5px;
	
}

.fileinput:hover, .fileinput.hover {
    background: #595e71;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	padding: 2px 5px;
}

.fileinput:focus, .fileinput.focus {
    background: #596a72;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: #00ff00;
	padding: 2px 5px;
}

.fileinput:active, .fileinput.active {
    background: #596a72;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	padding: 2px 5px;
}

.submit {
	background: #596a72;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	margin-left: 1%;
	margin-bottom: 20px;
	padding: 2px 5px;
}

.submit:hover {
	background: #595e71;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	margin-left: 1%;
	margin-bottom: 20px;
	padding: 2px 5px;
}

.submit:active {
	background: #596a72;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	margin-bottom: 20px;
	padding: 2px 5px;
}

.submit2{
	background: #596a72;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	margin-bottom: 20px;
	padding: 2px 5px;
}

.submit2:hover {
	background: #595e71;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	margin-bottom: 20px;
	padding: 2px 5px;
}

.submit2:active {
	background: #596a72;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: white;
	margin-left: 1%;
	margin-bottom: 20px;
	padding: 2px 5px;
}

.manage_uploadfile {
	width: 80%;
	margin: 0 0 20px 1%;
}

.image_my_data {
	width: 300px;
	height: 243px;
	float: left;
	margin-top: 10px;
	margin-left: 1%;
	float:left;
}

.info_my_data {
	width: 69%;
	height: 243px;
	margin-left: 1%;
	margin-top: 10px;
	float:left;
}

.image_upload_file {
	width: 243px;
	height: 243px;
	float: left;
	margin-top: 10px;
	margin-left: 1%;
	margin-bottom: 20px;
	float:left;
}

.info_upload_file {
	width: 69%;
	height: 243px;
	margin-left: 1%;
	margin-top: 10px;
	float:left;
	margin-bottom: 20px;
}

input#upload {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}

#container {
    width: 90%;
	height: auto;
	margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
	background: white;
	border: 3px solid #596a72;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:px;
}

.box_title {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	text-align: center;
}

h2.title {
   color: #596a72;  
}


h2.title_left {
   color: #596a72;
   margin-left: 1%;
}

h5 {
	color: #596a72;
	margin-top: 0px;
}

.box_separator {
	width: 98%;
	margin: 0 0 0 1%;
}



/* Css i miei dati */


.box_data_left {
	width: 300px;
	margin-top: 10px;
	margin-left: 1%;
	float: left;
}

.box_data_right {
	width: 69%;
	margin-top: 10px;
	margin-left: 3px;
	float: left;
}

.box_data_left2 {
	width: 150px;
	margin-top: 10px;
	margin-left: 1%;
	padding-left: 2px;
	float: left;
}
	

.box_data_right2 {
	width: 82%;
	margin-top: 10px;	
	float: left;
	padding-top: 10px;
}

.description_name_my_data {
	width: 15%;
	height: 25px;
	float: left;
	background: #cedce7;
	color: black;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 2px;
	padding-left: 5px;
	float: left;
	line-height: 25px;
}

.description_value_my_data{
	width: 82%;
	height: 25px;
	float: left;
	color: black;
	margin-top: 2px;
	background: #dddddd;
	line-height: 25px;
}

img.img_company {
    width: 241px;
	height: 241px;
	border: 1px solid #596a72;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}



/* Css dettaglio offerta */

img.img_detail_offer {
    width: 200px;
	height: 200px;
	border: 1px solid #596a72;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top: 8px;
}

.box_img_offer {
	width: 200px;
	height: auto;
	float: left;
	margin-left: 1%;
}

.box_detail_offer {
	width: 70%;
	height: auto;
	float: left;
	margin-left: 2%;
}

.box_description_name {
	width: 20%;
	height: auto;
	float: left;
	color: #596a72;
	font-weight: bold;
	margin-top: 8px;
	margin-right: 5px;
	border-bottom: 1px dotted;
}

.box_description_value {
	width: 30%;
	height: auto;
	float: left;
	/* color: #596a72; */
	margin-top: 8px;
}

.box_button {
	width: 25%;
	height: auto;
	float: left;
	/* color: #596a72; */
	margin-top: 20px;
	text-align: center;
}



/* Css gestisci spot */

textarea#boxspot {
	width: 400px;
	height: 200px;
	margin-top: 20px;
	line-height: 20px;
	border: 1px solid #596a72;
}

label.spot {
	width:200px;
	height: auto;
	display: block;
	float:left;
	margin-top: 20px;
	margin-left: 1%;
	line-height: 20px;
}

form#spot {
	height:auto;
	margin-left:5%;
	margin-right:5%;
	margin-bottom: 50px;
	background: #cedce7;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}



/* Css inserimento offerte e suoi contenuti */

label.insert {
	width:100%;
	display: block;
}

input#titolo{
	width: 95%;
	height: 20px;
}

textarea#offerta {
	width: 95%;
	height: 200px;
}

form#form{
	height:auto;
	margin-left:5%;
	margin-right:5%;
	margin-bottom: 50px;
	background: #cedce7;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

.box_label {
	width: 20%;
	height: 25px;
	margin-top: 20px;
	float:left;
	/* background: white; */
	line-height: 25px;
}

.box_input {
	width: 80%;
	height: auto;
	margin-top: 20px;
	float:left;
	line-height: 25px;
}

.box_sx {
	width: 48%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}
	
.box_dx {
	width: 48%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}



/* Css offerte e suoi contenuti*/ 


.list_offers {
	width:100%;
	margin-top: 30px;
}

.row_column_title {
	width: 100%;
	background: #596a72;
}

.column_title {
    width: 15%;
	height: 50px;
	float:left;
	text-align: center;
	font-weight:bold;
	color: white;
	line-height: 40px;
}

.column {
    width: 15%;
	height: 50px;
	float:left;
	text-align: center;
	line-height: 50px;
	background: #cedce7;
}

.column_button_details {
    width: 10%;
	height: 50px;
	float:left;
	text-align: center;
	line-height: 70px;
	background: #cedce7;
}

/*img.img_list_offer {
    width: 120px;
	height: 120px;
	border: 1px solid #596a72;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}*/




/* Css Header e suoi contenuti*/ 

h3.welcome{
 color: #596a72;
 margin-left: 1%;
 margin-bottom:0px;
}

h3.codcli{
 color: #596a72;
 float:right;
 margin-right: 10px;
 margin-left: 1%;
 margin-bottom:0px;
}

h3.codclicod{
 color: red;
 float:right;
 margin-right: 25px;
 margin-bottom:0px;
}

h4.spot {
 color: #596a72;
 margin-top: 5px;
 margin-bottom: 5px;
}


h5.categoria {
	margin-left: 1%;
}

#header {
    width: 90%;
	height: auto;
    margin-right: auto;
    margin-left: auto;
	margin-top: 20px;
	/* background: #cedce7; */
	background: white;
	border: 3px solid #596a72;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:px;
}

#header_left {
    width: 180px ;
	height: 175px;
    float:left;
    margin-left: 1%;
	margin-right: 1%;
	text-align: center;
}

#header_center{
    width: 42%;
	height: 175px;
	float:left;
	text-align: justify;
}

#header_right{
	width: 38%;
	height: 175px;
	margin-left:2%;
	float:left;
}



/* Css crediti */

#credits {
    position: relative;
	bottom: 0px;
	height: 150px;
    width: 93%;
	margin-right: 4%; 
	padding-left: 1.5%;
	padding-right: 1.5%;
	background: #cedce7;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.voice_left {
	width: 82%;
	height: auto;
	margin-top: 25px;
	float:left;
	border-bottom: 1px dotted;
}

.voice_right {
	width: 16%;
	height: auto;
	margin-top: 25px;
	float:left;
	border: 0px solid #596a72;
	margin-left: 2%;
	background: #fff;
	text-align: right;
}

img.header {
    width: 175px;
	height: 175px;
	border: 1px solid #596a72;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.clear {
    clear: both;
}

br.header {
  height: 100px;
}



/* Menù header */

#menu {
	width: 100%;
	margin: 20px auto 0px auto;
}

#menu_wrap {
	position:relative;
	margin: 0px auto 0px auto;
	padding:0; 
	width:100%;
	height:40px;
	border-top:3px solid #596a72;
	list-style-type:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
	box-shadow:0 1px 3px rgba(0,0,0,.2)
}

.button a {
	cursor:pointer;
	text-align:center;
	font:13px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;position:relative;
	min-width:50px;
	height:20px;
	float:left;
	padding:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,.3)
}

.button:first-child a {
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;-moz-border-topleft-radius:0px;-moz-border-bottomleft-radius:0px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

.S_Blue, .S_Blue .button a {
	color:#FFF;
	background: #cedce7;
	border-right: 1px solid #596a72;
	background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));
	background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);
	background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%);
	background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
	background: linear-gradient(top, #cedce7 0%,#596a72 100%);
}

.S_Blue .button a:hover,.S_Blue .button a:focus {
	background: #cedce7;
	background: -moz-linear-gradient(top, #cedce7 0%, #395e70 74%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(74%,#395e70));
	background: -webkit-linear-gradient(top, #cedce7 0%,#395e70 74%);
	background: -o-linear-gradient(top, #cedce7 0%,#395e70 74%);
	background: -ms-linear-gradient(top, #cedce7 0%,#395e70 74%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#395e70',GradientType=0 );
	background: linear-gradient(top, #cedce7 0%,#395e70 74%);
}

.S_Blue .button a:active {
	background: #596a72;
	background: -moz-linear-gradient(top, #596a72 0%, #cedce7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7));
	background: -webkit-linear-gradient(top, #596a72 0%,#cedce7 100%);
	background: -o-linear-gradient(top, #596a72 0%,#cedce7 100%);
	background: -ms-linear-gradient(top, #596a72 0%,#cedce7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 );
	background: linear-gradient(top, #596a72 0%,#cedce7 100%);
}

.button:last-child a {
	float:left;
	border:none; 
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}



/* Css piede */
#footer {
	width: 90%;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: #596a72;
	/* background-image: url('../f_ute/img/bg_piede.png'); */
	margin-right: auto;
    margin-left: auto;
	border: 3px solid #596a72;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:px;
 }