/* ----------------------------------
CSS STYLE of WWW.JACKYSTUDIO.NET
realized by Marco Paolucci
-----------------------------------*/ 

/* GENERAL
-----------------------------------*/
* {margin:0; padding:0}
img {border:0}
ul {list-style:none}

/* BASE TAG 
-----------------------------------*/
body {font:12px/16px Arial, Helvetica, sans-serif; color:#333; background:url(../img/bg2.gif) left 130px repeat-x #353631}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:30px; border-bottom:1px solid #000; margin-bottom:20px}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:30px}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:30px; color:#d00909}
	.editoriale h3 {color:#FFF}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:30px; margin:10px 0 10px}

/* LINK
-----------------------------------*/
a {color:#A3BC3D}
a:hover {color:#CCC}
.top_menu a {display:block; height:60px; width:120px; background:url(../img/top_menu_a.gif) center top no-repeat; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding-top:40px; text-align:center; text-decoration:none}
.top_menu a:hover {background:url(../img/top_menu_ahover.gif) center top no-repeat}
.riepilogo_news a {color:#000; text-decoration:none}
.riepilogo_news a:hover {color:#A3BC3D; text-decoration:underline}
.list_clienti a {display:block; height:80px; padding:2px; margin:2px; border:1px solid #CCC}
.list_clienti a:hover {border:1px solid #999}
.btn_col a {display:block; height:40px; padding: 20px 0 0 30px; margin-bottom:30px; color:#FFF; font-weight:bold; font-size:14px; text-decoration:none}
.btn_col a:hover  {color:#CCC}
.editoriale h3 a {color:#FFF}
a.hidden {color:#333; text-decoration:none}

/* FORMATTAZIONE TESTO
-----------------------------------*/
p.payoff {font-size:9px; text-align:center}
.bold {font-weight:bold}
#footer p {float:left; color:#666; font-weight:bold}
.index_footer p {font-size:10px}
.aforismi {margin-top:80px; color:#666; padding-right:10px}
.newsletter p {font-size:10px; margin:-5px 0 5px 0}

/* CLASS
-----------------------------------*/
.logo {margin-top:15px; float:left}
.col_sx {float:left; width:230px; height:530px; padding:20px 5px 0; background:url(../img/col_sx_bg.gif) left top repeat-y}
.col_dx {float:left; width:680px; height:520px; background:#f7f3e8; padding:20px 0 10px 10px}
	.contenuto_sx {float:left; width:450px; padding:0 5px; text-align:justify}
	.contenuto_dx {float:left; width:200px; margin-left:20px; height:390px}
		.riepilogo_news {width:172px; height:168px; background:url(../img/bg_riepilogo_news.gif) left top no-repeat; margin:0 0 0 32px; padding:10px 10px 0 10px}
		.newsletter {width:170px; height:105px; margin:30px 0 0 0; padding:47px 0 0 20px; background:url(../img/bg_newsletter.gif) left top no-repeat}

.riepilogo_news .title {margin-left:10px; color:#CC0033; font-size:12px; font-weight:bold; margin-bottom:10px}
.riepilogo_news ul {font-size:11px; font-weight:bold; }
.riepilogo_news ul li span.list-style {color:#CC0033; font-weight:bold; line-height:22px}

.btn {margin:-5px 0 0 -20px;}
.btn_col {height:270px; margin:70px 0 0 -20px; background:url(../img/i_btn/0.png) left top no-repeat}

.list_servizi li {margin:60px 0 0 0}
ul.servizi {margin:15px 0; padding-top:10px; border-top:1px solid #CCC}
ul.servizi li {/*float:left; width:200px; */text-align:justify; font-size:11px; margin:0 5px 5px 0; padding:0 0 0 15px; background:url(../img/list_style1.gif) left 3px no-repeat}

.editoriale {margin:10px 0 5px; padding:10px 2px 30px; border-bottom:1px solid #333}
.editoriale img { float:left; margin:0 15px 0 0 }
.editoriale p { margin:5px 0; font-weight:bold }
.editoriale p.options img {float:left; margin:3px 10px 0 0}
.editoriale:hover {background-color:#a9be56}
.editoriale_active {background-color:#a9be56}

.info_contatti { margin-top:20px; font-size:10px; text-align:center}
.autore {margin:-20px 0 20px 0; text-align:right}
.editoriale_options {margin:30px 0 0; border-top:1px solid #CCC}
.editoriale_options img {float:left; margin:0 10px 0 0}

#flash_map {margin:28px 0 0}

.mini_contact {margin-top:130px}

	/* jquery.cicle */
	.pics {  
		float:left;
		height:  96px;  
		width:   118px;  
		padding: 0 43px 0 0;  
		margin:  0 0 0 0;  
	} 
	 
	.pics img {  
		height:  96px;  
		width:   118px;
		top:  0; 
		left: 0 
	}

.list_clienti {}
.list_clienti li {float:left}

.index_footer {width:520px; margin:70px auto 0; color:#666; text-align:center}

/* scheda progetto
-----------------------------------*/
.dettaglio_progetto { /*height:360px*/}
.dettaglio_progetto #fade { width:650px; height:300px; margin-bottom:10px}
.dettaglio_progetto #fade img {}
	/* jquery.cicle */
	.pics2 {  
		/* height:  300px;  */
		width:   650px;  
		padding: 0;  
		margin:  0 0 0 0;
	} 
	 
	.pics2 img {  
		width:  650px; 
		height: 300px; 
		top:  0; 
		left: 0 
	}
.dettaglio_progetto ul { }
.dettaglio_progetto ul li { margin:0 0 5px }

.realizzazioni ul li {list-style:circle; list-style-position:inside}

/* MENU DI NAVIGAZIONE
-----------------------------------*/
ul.top_menu {float:right; margin-top:20px}
ul.top_menu li {float:left}

.home_menu ul {margin-left:250px}
.home_menu ul li {float:left; margin:0 20px 0 0}
.home_menu ul li img {margin-bottom:-4px}

.coccodrillo {float:left; margin-top:20px}

.text_menu {margin-left:90px; font-size:10px}
.validation {margin-left:85px}
	.validation img {margin-right:10px}

#nav a { border: 1px solid #6a8e06; background: #FFF; color:#6a8e06; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#nav a.activeSlide { background: #ebf9c5 }
#nav a:focus { outline: none; }


/* FORM
-----------------------------------*/
#form_contact {}
#form_contact fieldset {padding:10px; margin-bottom:10px; border:0; /*width:360px*/}
#form_contact fieldset legend {font-weight:bold}
#form_contact fieldset li {margin:10px 15px 0 20px; float:left}
#form_contact fieldset li label {display:block; font-size:9px; color:#000}
#form_contact fieldset li input {width:180px; border:none; border-bottom:1px solid #9ab23a; background-color:transparent}
#form_contact fieldset li textarea {width:400px; height:120px; border:1px solid #9ab23a}
#form_contact .button {float:right; width:80px; font-size:10px; margin-top:10px}

#newsletter {}
#newsletter fieldset {border:none}
#newsletter label {display:block; float:left; width:35px}
#newsletter input {float:left; width:115px; margin-left:3px}
#newsletter input.submit {width:60px; margin:15px 0 0 95px; border:none; background:#CCC; color:#333}

/* DIV
-----------------------------------*/
#wrapper {width:930px; height:700px; margin:0 auto /* background:url(../img/bg1.png) center top no-repeat */}
#flash_intro {width:766px; margin:200px auto 0}
#header {height:150px}
#content {height:520px}		
#footer {width:930px; margin:20px auto}