/*  cleanandgreen.net
    ---------------------------------------------------------------------------------------------------------
	Copyright 2008: Piero Marchetti e Simone Marchetti
	Design, XMTML and CSS: Simone Marchetti (www.cleanandgreen.net - www.314.it - www.marchetti.ws)
	Software PHP and MySQL: Piero e Susanna Marchetti (www.cleanandgreen.net - www.314.it - www.marchetti.ws)
	JavaScript tools: Valerio Proietti (www.mootools.net)
    ---------------------------------------------------------------------------------------------------------
*/

/*
COLORI SITO
ARANCIO: #EA1
GIALLO CHIARO: #FF8
GRIGIO CHIARO: #888
GRIGIO SCURO: #2C0415


DIMENSIONI IMG
IMG NEWS DI PRIMA PAGINA: 170x170 GIF colori 32-64
IMG DELLE PAGINE: 380x... JPG qualità 50
IMG SEZIONI CONTENUTE NELL'SWF: 600x190 JPG qualità 45


MODELLO A CASCATA
selettore {
	widht: ;
	height: ;
	background: url() 0px 0px no-repeat;
	margin: ;
	border: ;
	padding: ;
	font-family: ;
	font-size: ;
	font-weight: ;
	texy-decoration: ;
	color: ;
	text-align: ;
	line-height: ;
	list-style: ;
	float: ;
	clear: ;
	position: ;
	display: ;
	overflow: ;
	cazzivari: ;
}

VARIE
CONVERSIONE EM>PX si fa dividendo i PIXEL in 16 parti (visivamente i conti tornano dividendo i PIXEL in 12 parti)
Per le proprietà MARGIN - PADDING - BORDER l'ordine delle misure è sempre TOP - RIGHT - BOTTOM - LEFT
*/


/* HTML , BODY e CONTENITORE PRINCIPALE */
html, body {
	width: 100%; height: 100%; /* background-image: url("background.gif");*/ margin: 0; 
	font-family: "Lucida Grande", "Lucida Sans", san-serif, Arial, Helvetica; font-size: 0.85em; /* MISURA IN EM PER IE */
	color: #3366D3; text-align: center; /* CENTRO SU IE */ line-height: 1.2em; /* 16x1.0=16px */ z-index: 1;}

#container {width: 804px; /* MISURA CONTENITORE PRINCIPALE */ margin: 0px auto; /* CENTRO SU ALTRI BROWSER */ text-align: center;}

/* HACK IE e SELETTORE UNIVERSALE */
html>/**/body {font-size: 12px;} /* ESCLUDE IE DA QUESTA REGOLA FISSANDO IN PIXEL SU: SA FF OP CA */
* {/*text-shadow: #000000 0 0 0px;*/} /* SELETTORE UNIVERSALE - PER UNIFORMARE IL TESTO ANCHE SU SAFARI - NON PUO ESSERE VALIDATA */


/* SELETTORI ED OGGETTI - Definisco margini, padding e bordi di selettori e oggetti */
hr {margin: 10px 0px 10px 0px; padding: 0px; clear: both;}
input, select, textarea {margin: 0px; padding: 0.15em; font-family: "Lucida Grande", "Lucida Sans", san-serif, Arial, Helvetica; /* PER FF */ font-size: 95%;}
div, span, p, a, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote, strong, b, i, object, embed, img {margin: 0px; border: 0px; padding: 0px; font-size: 100%; text-decoration: none; list-style: none;}
a, h1, h2, h3, h4, h5, h6, b {font-weight: bold;}
h1, h2, h3, h4, h5, h6 {font-size: 110%; text-align: center;}


/* LINK - Definisco lo stile ed il colore dei link */
a:link {color: #190190;}
a:visited  {color: #190190;}
a:hover {color: #3366D3;}
a:active {color: #1AB7FE;}


/* TITOLI - Definisco lo stile ed il colore dei titoli */
h1, h2 {text-align: left;}
h5, h6 {text-align: right;}
h1, h3, h5 {color: #339F00 /*GREEN*/;}
h2, h4, h6 {color: #3366D3 /*CYAN*/; font-weight: normal; font-style: italic;}


/* CORNER - Angoli superiori, inferiori e ripetizione del bordo-contenitore */
#corner_header {
	width: 804px;
	height: 22px;
	background: url(corner_header.gif) 0 0 no-repeat;
}

#corner_footer {
	width: 804px;
	height: 22px;
	background: url(corner_footer.gif) 0 0 no-repeat;
}

#content_backround {
	width: 804px;
	background: url(content_backround.gif) 0 0 repeat-y;
}


/* HEADER E NAVBAR */
#header_attenzione {
	margin: 0px;
	padding: 0px 170px 0px 10px;
	font-size: 11px;
	color: #000;
}

#navbar {
	width: 780px;
	height: 244px;
	margin-left: 12px;
}

#navbar_logo {
	width: 185px;
	height: 244px;
	background: url(navbar_logo.gif) 0 0 no-repeat;
	float: left;
}

#navbar_sezione1, #navbar_sezione2, #navbar_sezione3, #navbar_sezione4, #navbar_sezione5 {
	width: 595px;
	height: 203px;
	margin-left: 185px;
}

#navbar_sezione1 {background: url(navbar_sezione1.jpg) 0 0 no-repeat;}
#navbar_sezione2 {background: url(navbar_sezione2.jpg) 0 0 no-repeat;}
#navbar_sezione3 {background: url(navbar_sezione3.jpg) 0 0 no-repeat;}
#navbar_sezione4 {background: url(navbar_sezione4.jpg) 0 0 no-repeat;}
#navbar_sezione5 {background: url(navbar_sezione5.jpg) 0 0 no-repeat;}

#navbar_sezione1 span, #navbar_sezione2 span, #navbar_sezione3 span, #navbar_sezione4 span, #navbar_sezione5 span {
	margin-top: -10px;
	font-size: 11px;
	position: relative;
	z-index: -1;
}

#navbar_menu1, #navbar_menu1:hover, #navbar_menu2, #navbar_menu2:hover, #navbar_menu3, #navbar_menu3:hover, #navbar_menu4, #navbar_menu4:hover, #navbar_menu5, #navbar_menu5:hover {
	height: 41px; background: url(navbar_bottoni.gif) no-repeat; float: left;}

#navbar_menu1 {width: 99px; background-position: 0px 0px;}
#navbar_menu1:hover {width: 99px; background-position: 0px -41px;}
#navbar_menu2 {width: 149px; background-position: -99px 0px;}
#navbar_menu2:hover {width: 149px; background-position: -99px -41px;}
#navbar_menu3 {width: 149px; background: url(navbar_bottoni.gif) -248px 0px no-repeat;}
#navbar_menu3:hover {width: 149px; background: url(navbar_bottoni.gif) -248px -41px no-repeat;}
#navbar_menu4 {width: 99px; background: url(navbar_bottoni.gif) -397px 0px no-repeat;}
#navbar_menu4:hover {width: 99px; background: url(navbar_bottoni.gif) -397px -41px no-repeat;}
#navbar_menu5 {width: 99px; background: url(navbar_bottoni.gif) -496px 0px no-repeat;}
#navbar_menu5:hover {width: 99px; background: url(navbar_bottoni.gif) -496px -41px no-repeat;}


/* INDEX */
#index_container {
	width: 500px;
	height: 350px;
	margin: -210px 0px 0px -250px;
	top: 50%;
	left: 50%;
	position: absolute;
}

#ita, #eng, #fra, #deu, #spa, #por {width: 27px; height: 18px; margin: 0px 15px 0px 15px; padding: 1px 1px 1px 40px; background: url(flags.gif) no-repeat;}
#ita {background-position: 0px 0px;}
#eng {background-position: 0px -18px;}
#fra {background-position: 0px -36px;}
#deu {background-position: 0px -54px;}
#spa {background-position: 0px -72px;}
#por {background-position: 0px -90px;}


/* CONTENUTI */
#content {width: 784px; /* -20 PER PADDING */padding: 10px;}

#column_left {
	width: 380px;
	margin-left: 5px;
	float: left;
	text-align: left; /* RIPRISTINO L'ALLINEAMENTO */
}

#column_right {
	width: 380px;
	margin-right: 5px;
	float: right;
	text-align: left; /* RIPRISTINO L'ALLINEAMENTO */
}


/* CONTENUTI VISIVI - Tutte le immagini contenute nel sito
NB. Se il Javascript è disabilitato o PlugIn Flash non è installato al posto del menù dinamico comparirà un menù immagine
NB2. Se la visualizzazione delle immagini è disabilitata al posto di esse comparirà del testo descrittivo (per browser testuali) */
.img_news {width: 160px; height: 160px; margin: 10px; float: right;}

#hosting_img {width: 380px; height: 310px; background: url(hosting.jpg) 0 0 no-repeat; float: right;}
#building_img {width: 380px; height: 240px; background: url(building.jpg) 0 0 no-repeat; float: right;}
#customers_img {width: 380px; height: 310px; background: url(customers.jpg) 0 0 no-repeat; float: right;}
#contact_img {width: 380px; height: 320px; background: url(contact.jpg) 0 0 no-repeat; float: right;}
#xserve_img {width: 380px; height: 126px; background: url(xserve_img.gif) 0 0 no-repeat; float: left; margin-top: 10px;}
#osxserver {width: 100px; height: 100px; background: url(xserve_osx.gif) 0 0 no-repeat; float: left; margin-top: 10px;}

#hosting_img span, #building_img span, #customers_img span, #contact_img span, #xserve_img span, #osxserver span {background: none; position: relative; z-index: -1;}

.skype_status_text {width: 250px; height: 60px;}


/* FX SLIDE */
#fx_slide {padding: 12px;}
#column_left #fx_slide {padding: 0px;}

.slideContainer {margin: 0px; display: inline;}
.slide {height: auto; float: left;}


/* LISTE */
.lista_clienti, .lista_contratti {width: 780px; margin: 0px 12px 0px 12px; clear: both;}
.lista_clienti li {width: 70px; background-color: #D6E9F1; margin: 3px 0px 3px 0px; float: left;}
.lista_contratti li {background-color: #D6E9F1; width: 90px; margin: 3px 0px 3px 0px; float: left;}
.lista_clienti h1, .lista_contratti h1 {background-color: #D3E591; padding: 5px; text-align: center;}
.lista_clienti a {padding: 5px;}

.lista_clienti_2 {width: 495px !important; text-align: left;}
.lista_contratti_2 {width: 325px !important; text-align: left;}
.lista_clienti_2 h1, .lista_contratti_2 h1 {text-align: left;}
.lista_contratti_2 h2 {padding: 0px 5px 0px 5px; font-style: normal;}

#cliente {float: left;}

.img_pdf {width: 90px; height: 20px; background-repeat: no-repeat; background-position: top center; display: block;}


/* CONTENUTI FORM */
#contact_form {
	width: 370px;
	border: 1px #3366D3 dotted;
	float: left;
}

#contact_form .input, #contact_form select, #contact_form textarea {
	width: 169px;
	background-color: #FFFFDA;
	margin: 7px;
	border: 1px solid #339F00;
	color: #339F00;
	float: left;
}

#contact_form textarea {width: 353px;}

#contact_form .checkbox {margin: 0px 4px 0px 6px; float: left;}

#contact_form h1 {font-size: 0.875em; /* 16x0.875=14px */ float: left;}

#contact_form .buttons {
	width: 58px;
	margin: 0px 6px 6px 0px;
	color: #339F00;
	float: right;
}


/* FOOTER */
#footermov {
	width: 780px;
	height: 168px;
	background: url(footerbar.gif) top left no-repeat;
	margin-left: 12px;
}

#footerbar1, #footerbar2, #footerbar3, #footerbar4 {height: 58px; background: url(footerbar.gif) no-repeat; margin-top: 110px; float: left;}
	
#footerbar1 {width: 230px; background-position: 0px -110px;}
#footerbar2 {width: 140px; background-position: -230px -110px;}
#footerbar3 {width: 240px; background-position: -370px -110px;}
#footerbar4 {width: 170px; background-position: -610px -110px;}

#img_extrafooter_container {width: 422px; height: 35px; margin: 0 auto;}

#w3c_xhtml, #w3c_css {width: 88px; height: 31px; margin: 3px 5px 0px 5px; float: left;}
#w3c_xhtml {background: url(http://www.w3.org/Icons/valid-xhtml10-blue) 0px 0px no-repeat;}
#w3c_css {background: url(http://www.w3.org/Icons/valid-css2) 0px 0px no-repeat;}

#safari, #firefox, #explorer, #opera, #camino {width: 35px; height: 35px; margin: 0px 5px 0px 5px; background: url(browser_white.gif) no-repeat; float: left;}
#safari {background-position: 0px 0px;}
#firefox {background-position: -35px 0px;}
#explorer {background-position: -70px 0px;}
#opera {background-position: -105px 0px;}
#camino {background-position: -140px 0px;}

/* GOOGLE 404 */
#goog-wm h3 {
  width: 770px;
  height: 100px;
  font-size: 100%;
  padding: 5px;
  border: 3px solid #aebd63;
  position: relative;
  float: none;
  clear: none;
  margin: 0px 0px 10px 0px;
}

/* UTILITA' */
.hr_fantasma {
	margin: 10px 20px 10px 20px; border: 0.5px #FFF solid;}

#contatore {widt:1px; height:1px; display:block; overflow:hidden;}