/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/********************************** STRUTTURA FUXIA ***************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

html, body {
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:#FFF url(../imghome/bg.jpg) top center no-repeat;
}

#wrapper{
	width:978px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -80px; /* margine negativo altezza footer */
}

#content{
	float:left;
	width:978px;
	height:auto;
}

#box-login {
	float:left;
	padding:200px 200px 0px 40px;
	width:270px;
	height:300px;
	background:url(../imghome/bg-box-login.png) no-repeat;
}

#box-menu {
	float:left;
	margin-right:10px;
	margin-top:15px;
	width:220px;
}

#box-menu .box-menu-title {
	float:left;
	width:220px;
        height:80px;
	text-align:right;
        vertical-align: sub;
}

#box-menu .box-menu-content {
	float:left;
	padding:5px;
	width:190px;
	border:10px solid #f70076;
	background:#FFF;
}

#box-menu .box-menu-text {
	height:200px;
}

#box-menu .box-menu-bottom {
	float:left;
	width:220px;
	text-align:right;
}

#header-sezioni {
	float:left;
	margin-top:20px;
	margin-bottom:15px;
	width:978px;
	height:auto;
}

#header-sezioni .icon-sezione {
	float:left;
	width:128px;
	height:128px;
}

#header-sezioni .menu-sezione {
	float:left;
	margin:40px 0px 0px 20px;
	width:825px;
	height:auto;
}

#header-sezioni .menu-sezione-categorie {
	float:left;
	margin:0px 0px 0px 20px;
	width:830px;
	height:auto;
}

#header-sezioni .ricerca-sezione {
	float:right;
	padding:5px;
	width:340px;
	height:auto;
	border:10px solid #f70076;
	background:#FFF url(../icone/128x128/search.png) right bottom no-repeat;
}

#box-upload-image {
 	position: relative;
	float:right;
	margin-top:24px;
	padding:5px;
	width:200px;
	height:auto;
	border:10px solid #f70076;
	background:#FFF;
}

.pushfooter{
	height:80px; /* altezza footer */
	clear:both; /* clear di eventuali float se presenti nel layout */
}

#footer {
	height:60px;
	text-align:right;
	border-top:20px solid #f70076;
	background:#000;
}

/* TESTI */

h1 {
	margin:0px;
	font-size:23px;
	color:#f70076;
}

h2 {
	margin:0px;
	font-size:30px;
	color:#f70076;
}

h3 {
	margin:0px;
	font-size:18px;
	color:#f70076;
}

h4 {
	margin:0px;
	font-size:12px;
	color:#f70076;
}


p {
	margin:10px 0px;
	color:#666;
	line-height:20px;
}

a {
	color:#f70076;
	text-decoration:none;
}

a:hover {
	color:#f70076;
	text-decoration:none;
}

.credits {
	margin-right:10px;
	padding:10px 0px;
	color:#FFF;
	line-height:20px;
}

.fuxia {
	color:#f70076;
}

.green {
	color:#88c600;
}

.grey {
	color:#7d7d7d;
}

.black{
	color:#000;
}


/* IMAGES */

a img {
	border:0px;
}

.thumbs {
	padding:5px;
	border:1px solid #CCC;
	background:#FFF;
}

/* FORM di LOGIN e di RICERCA */

.tr {
	padding-bottom:10px;
	width:100%;
}

.label {
	float:left;
	padding:5px 5px 0px 0px;
	width:80px;
	text-align:right;
	font-weight:bold;
}

.input-text {
	width:150px;
	height:20px;
	border:1px solid #f70076;
}

.standard-button {
	padding:3px 0px 0px 5px;
	width:135px;
	height:23px;
	color:#FFF;
	font-size:14px;
	background:url(../imghome/bt-standard.gif) top right no-repeat;
}

.standard-button:hover {
	color:#f70076;
	text-decoration:none;
}

.add-button {
   	float:left;
  	margin:0px;
  	padding:0 0 0 23px;
   	height:23px;
   	background:url(../imghome/bt-add-sx.gif) no-repeat left top;
}

.add-button span {
	display:block;
	padding:3px 23px 0px 0px;
	height:23px;
	color:#FFF;
	font-size:14px;
   	background:url(../imghome/bt-dx.gif) no-repeat right top;  
}


.back-button {
   	float:left;
  	margin:0px 5px 0px 0px;
  	padding:0 0 0 23px;
   	height:23px;
   	background:url(../imghome/bt-back-sx.gif) no-repeat left top;
}

.back-button span {
	display:block;
	padding:3px 10px 0px 0px;
	height:23px;
	color:#FFF;
	font-size:14px;
   	background:url(../imghome/bt-back-dx.gif) repeat-x right top;  
}

.search-button {
   	float:left;
  	margin:0px;
  	padding:0 0 0 23px;
   	height:23px;
   	background:url(../imghome/bt-search-sx.gif) no-repeat left top;
}

.search-button span {
	display:block;
	padding:3px 23px 0px 0px;
	height:23px;
	color:#FFF;
	font-size:14px;
   	background:url(../imghome/bt-dx.gif) no-repeat right top;  
}

.save-button {
   	float:left;
  	margin:0px;
  	padding:0 0 0 23px;
   	height:23px;
   	background:url(../imghome/bt-save-sx.gif) no-repeat left top;
}

.save-button span {
	display:block;
	padding:3px 23px 0px 0px;
	height:23px;
	color:#FFF;
	font-size:14px;
   	background:url(../imghome/bt-dx.gif) no-repeat right top;  
}

.add-button:hover span, .back-button:hover span, .search-button:hover span, .save-button:hover span {
	color:#f70076;
	text-decoration:none;
}




/* FORM di INSERIMENTO */

form {
	border:0px;
}

.form-contenitore {
	float:left;
	padding:20px;
	margin-bottom:20px;
	width:918px;
	border:10px solid #f70076;
	background:#FFF;
}

.form-label {
	float:left;
	padding:5px 5px 0px 0px;
	width:150px;
	text-align:right;
	font-weight:bold;
}

.form-input {
	float:left;
	margin-bottom:10px;
}

.form-select {
	float:left;
	margin-bottom:10px;
}

.form-textarea {
	float:left;
	margin-bottom:10px;
}

.input-text01 {
	width:250px;
	height:20px;
	border:1px solid #f70076;
}

.input-textarea01 {
	width:250px;
	height:100px;
	border:1px solid #f70076;
}

.input-textarea02 {
	width:700px;
	height:100px;
	border:1px solid #f70076;
}

.select-form {
	width:252px;
	height:23px;
	border:1px solid #f70076;
}

.checkbox-form {
	float:left;
}


/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/********************************** STRUTTURA VERDE ***************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/


#box-menu-green {
	float:left;
	margin-right:10px;
	margin-top:15px;
	width:220px;
}

#box-menu-green .box-menu-title {
	float:left;
	width:220px;
	text-align:right;
}

#box-menu-green .box-menu-content {
	float:left;
	padding:5px;
	width:190px;
	border:10px solid #88c600; /*verde*/
	background:#FFF;
}

#box-menu-green .box-menu-text {
	height:200px;
}

#box-menu-green .box-menu-bottom {
	float:left;
	width:220px;
	text-align:right;
}

#header-sezioni .ricerca-sezione-green {
	float:right;
	padding:5px;
	width:340px;
	height:auto;
	border:10px solid #88c600;
	background:#FFF url(../icone/128x128/search.png) right bottom no-repeat;
}

h5 {
	margin:0px;
	font-size:30px;
	color:#88c600; /*verde*/
}

h6 {
	margin:0px;
	font-size:18px;
	color:#88c600; /*verde*/
}

.input-text-green {
	width:150px;
	height:20px;
	border:1px solid #88c600;
}

.input-text01-green {
	width:250px;
	height:20px;
	border:1px solid #88c600;
}

td h2 {
    margin:0px;
    font-size:14px;
    font-weight: lighter;
    color:#f70076;
}