/*-------------------------------------------
IUNGO
- - - - - - - - - - - - - - - - - - - - - - -
Description:	Base setup styles
Filename:		iungo.css
Theme Name:     
Theme URI:      http://www.intersezione.com
Version:		3 beta
Date:			MAR 19, 2009
Author:         Intersezione srl
Company:        Intersezione srl
Please: 
        
/*=========================================================================================== Global Reset */

* {
	margin:0;
	padding:0;
}

html{
	color:#000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

html,body{
	margin:0;
	padding:0;
}

body {	
	font-size:12px;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	color:#000;
	background: url(/img/bg.jpg) top center no-repeat #fff;
}

abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

img {
	border: 0;
}

a:link,a:visited {
	color: #b22024; 
	text-decoration: none;
}

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

a:focus{
	outline:0; 
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

h1 {
	position: absolute;
	top: -99999px;
	left: -99999px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 120%;
}

h6 {
	font-size:100%;
}

p {
}	

::-moz-selection {
	background:#99ff00;
	color:#000;
}

::selection {
	background:#99ff00;
	color:#000;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*=========================================================================================== Layout generale */

div#wrapper-extra{
	width:100%;
	float:left;
}

div#wrapper{
	width:800px;
	margin:0 auto;
}

div#container-extra{
	float:left;
}

div#container{
	float:left;
	position:relative;
	width:800px;
}

div#container #flash{
	width:800px;
	height:300px;
	ov erflow:hidden;
	flo at:left;
	cle ar:both;
}

div#container #flash object, div#container #flash embed {
	display:block;
	margin:auto;
	float:right;
}

div#container #header{
	background: url(/img/bg-header.png) top left no-repeat;
	width:800px;
	height:150px;
	overflow:hidden;
	float:left;
	clear:both;
}

div#container #header #logo{
	width:350px;
	height:150px;
	float:left;
	display:inline;
}

div#container #header #logo a{
	display:block;
	width:350px;
	height:130px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	background: url(/img/logo-iungo.gif) top left no-repeat;
	/*background: url(/img/logo-iungo-natale.gif) top left no-repeat;*/
	position:relative;
}

div#container #header #logo a span{
	display:none;
	visibility:hidden;
}

div#container #header #ancillary{
	width:450px;
	height:150px;
	float:right;
	display:inline;
	position:absolute;
	z-index:200;
	right:0;
}

div#container #header #ancillary #menu{
	height:34px;
	float:right;
	display:inline;
	clear:both;
	position:relative;
	z-index:250;
	width:450px;
}

div#container #header #ancillary #menu ul{
	bor der-right:1px solid #a5ff00;
	border-left:1px solid #679c09;
	float:right;
	position:relative;
}

div#container #header #ancillary #menu ul li{
	list-style-type:none;
	line-height:34px;
	min-height:34px;
	height:auto!important;
	height:34px;
	float:left;
	display:block-inline;	
	position:relative;
}

div#container #header #ancillary #menu ul li a{
	line-height:34px;
	min-height:34px;
	height:auto!important;
	height:34px;
	float:left;
	display:block-inline;
	font-size:10px;
	color:#fff;
	border-left:1px solid #a5ff00;
	border-right:1px solid #679c09;
	position:relative;
	z-index:300;
	cursor:hand;
	width:72px;
	text-align:center;
}

div#container #header #ancillary #menu ul li a:hover{
	background:#004600;
	color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #222;
}

div#container #header #ancillary #payoff{
	width:350px;
	height:120px;
	float:right;
	display:inline;
	clear:both;
	background: url(/img/payoff-iungo.png) top left no-repeat;
}

div#container #header #ancillary #menu ul.submenu{
	clear:both;
	float:left;
	/*width:150px;*/
	width:120px;
	position:absolute;
	top:34px;
	border:0!important;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55; 
}

div#container #header #ancillary #menu ul.submenu li{
	clear:both;
	float:left;
	border:0!important;
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
}

div#container #header #ancillary #menu ul.submenu li a{
	float:left;
	clear:both;
	width:120px;
	background:#ffffff;
	color:#000;
	border:0!important;
	border-bottom:1px solid #999;
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
	width:74px;
	text-transform:lowercase;
	letter-spacing:-1px;
}

div#container #header #ancillary #menu ul.submenu li a:hover{
	background:#444;
	color:#fff;
	border-bottom:1px solid #444;
}

ul.submenu li a.on_son {
	background:#444 none repeat scroll 0 0 !important;
	border-bottom:1px solid #444 !important;
	color:#FFFFFF !important;
}

div#container #header #ancillary #menu ul li a.on_parent {
background:#004600 none repeat scroll 0 0 !important;
border-left:1px solid #CCCCCC !important;
border-right:1px solid #222222 !important;
color:#FFFFFF !important;
}

div#container #header #ancillary #payoff h2{
	position: absolute;
	top: -99898px;
	left: -99898px;
}

div#container #footer{
	width:770px;
	float:right;
	display:inline;
	clear:both;
	margin-top:10px;
}

* html div#container #footer,
*:first-child+html div#container #footer{
	float:left;
	margin-left:30px;
}

div#container #insider{
	width:770px;
	float:right;
	display:inline;
	clear:both;
	background:#fff;
} 

* html div#container #insider,
*:first-child+html div#container #insider{
	float:left;
	margin-left:30px;
}


div#container #content{
	width:770px;
	float:right;
	display:inline;
	clear:both;
	margin-top:10px;
} 

div#container #content .sx{

}

div#container #content .cx{
	margin:0 10px;
}

div#container #content .dx{

}

.box{
	width:250px;
	float:left;
	display:inline;
	border-top:10px solid #90be3d;
} 

.box .padder{
	padding:10px;
	width:228px;
	float:left;
	display:inline;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #dbdbdb;
	height:150px;
	background:#fff;
	position:relative;
	padding-bottom:30px;
	overflow:hidden;
	
}

.box .scm a{
	width:228px;
	float:left;
	height:150px;
	display:block;
	background: url(/img/home-scm.gif) top left no-repeat;
	
}

.box .iungo-fashion a{
	width:228px;
	float:left;
	height:150px;
	display:block;
	background: url(/img/home-if.gif) top left no-repeat;
	
}

.box .iungo-tv a{
	width:228px;
	float:left;
	height:150px;
	display:block;
	background: url(/img/logo-iungo-tv.gif) top left no-repeat;
	
}

.box .mail a{
	width:228px;
	float:left;
	height:150px;
	display:block;
	background: url(/img/mail.jpg) top left no-repeat;
	margin-top:10px;
}

.box .scm a span,
.box .iungo-fashion a span,
.box .iungo-tv a span,
.box .mail a span{
	display:none;
	visibility:hidden;
}

.box .inside{
	min-height:150px;
	height:auto!important;
	height:150px;
}

.box .padder a{
	color:#90be3d;
}

.box .padder a:hover{
	color:#000;
}

.box .padder h2{
	font-size:12px;
	color:#90BE3D;
	font-weight:bold;
}

.padder .abstract{
	font-size:10px;
	color:#696969;
	padding-left:28px;
	margin-bottom:15px;
	line-height:1.3em;
}

.padder .archivio{
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:11px;
}

.padder .archivio a{
	position:relative;
}

.block{
	clear:both;
	margin-bottom:10px;
}

div#container #footer{
	width:770px;
	float:right;
	display:inline;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	color:#999999;
	font-size:10px;
} 

div#container #footer a{
	color:#999999;	
}

div#container #footer a:hover{
	color:#90be3d;	
}


#container #intersezione{
	position:absolute;
	width:5px;
	height:78px;
	bottom:50px;
	left:10px;
	z-index:300; 
}

#container #intersezione{
	position:relative;
	bottom:130px;
}

#homepage #container #intersezione{
	bottom:0;
}

* html #homepage #container #intersezione{
	bottom:-100px;
}

#container #intersezione a{
	background: url(/img/intersezione.gif) top left no-repeat;
	display:block;
	width:5px;
	height:78px;
}

#container #intersezione a:hover{	
	background: url(/img/intersezione-on.gif) top left no-repeat;
}

#container #intersezione a span{
	display:none;
	visibility:hidden;
}

#tree{
	float:left;
	width:490px;
	margin-left:10px;
	display:inline;
	text-align:right;
	font-size:10px;
	color:#666666;
	margin-bottom:10px;
	clear:both;
	text-transform:lowercase;
}

#tree a{
	color:#90BE3D;

}

#tree a:hover{
	color:#000;

}

#main{
	float:left;
	width:490px;
	margin-left:10px;
	display:inline;
}

#main #title{
	float:left;
	width:470px;
	padding:6px 10px;
	padding-bottom:0;
/*	height:30px; */
	line-height:30px;
	background:#90BE3D;
	display:inline;
	margin-bottom:10px;
}

#main #title h2{
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
}

#main #sub{
	float:left;
	width:150px;
	display:inline;
}

#main #sub .subbox{
	float:left;
	width:150px;
	display:inline;
	clear:both;
	margin-bottom:10px;
}

#main #sub .subbox h3{
	float:left;
	width:150px;
	display:inline;
	height:40px;
}

#main #sub .subbox h3 a{
	float:left;
	width:150px;
	height:40px;
	display:block;
}

#main #sub .subbox h3 span{
	display:none;
	visibility:hidden;
}

#main #sub .download h3{
	background: url(/img/t-download.gif) top left no-repeat;;
}

#main #sub .demo h3{
	background: url(/img/t-demo.gif) top left no-repeat;;
}

#main #sub .video h3{
	background: url(/img/t-video.gif) top left no-repeat;;
}

#main #sub .subbox ul{
	border-top:1px dashed #999;
	clear:both;
	float:left;
	width:150px;
}

#main #sub .subbox ul li{
	list-style-type:none;
}

#main #sub .subbox ul li a{	
	border-bottom:1px dashed #999;
	display:block;
	width:150px;
	float:left;
	font-size:10px;
	color:#585858;
	text-align:right;
	line-height:1.6em;
	min-height:1.6em;
	height:auto!important;
	height:1.6em;
}

#main #sub .subbox ul li a span{
	color:#b1b1b1;
	clear:both;
	display:block;
}

#main #sub .subbox ul li a:hover{	
	color:#90BE3D;	
	border-bottom:1px dashed #90BE3D;
}

#main #sub .detail ul{
	border:0;
}

#main #sub .detail ul li.name{
	border:0;
	font-size:11px;
	font-weight:bold;
	color:#666;
}

#main #sub .detail ul li.val{
	border-bottom:1px dashed #999;
	font-size:11px;
	color:#666;
	margin-bottom:10px;
}

#main #abstracto{
	float:right;
	width:300px;
	padding-left:150px;
	display:inline;
	color:#000;
	font-size:12px;
	line-height:1.4em;
	margin-bottom:20px;
}

#main .abstracto{
	margin-bottom:20px;
}

#main #texto{
	float:right;
	width:300px;
	display:inline;
	color:#444;
	font-size:11px;
	line-height:1.6em;
}

#other{
	float:right;
	width:250px;
	display:inline;
	margin-right:10px;
}

#video{
	float:left;
	width:740px;
	clear:both;
	margin-left:10px;
	display:inline;
}

#video #title{
	float:left;
	width:730px;
	padding:6px 10px;
	padding-bottom:0;
	height:30px;
	line-height:30px;
	background:#90BE3D;
	display:inline;
	margin-bottom:10px;
}

#video #title h2{
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
}

#video #video-box{
	float:left;
	width:730px;
	padding:10px;
	background:#EFEFEF;
	display:inline;
	height:310px;
}

#video #video-box #video-space{
	float:left;
	width:320px;
	padding:0;
	display:inline;
	height:240px;
}

#video #video-box #video-space #video-download{
	margin-top:20px;
}

#video #video-box #gallery-space{
	float:left;
	width:400px;
	padding:0;
	display:inline;
	height:310px;
	margin-left:10px;
}

#video #video-testo{
	float:left;
	width:730px;
	padding:10px;
	padding-top:0;
	display:inline;
	margin-bottom:10px;
	color:#333;
	font-size:11px;
	background: url(/img/bg-video.gif) bottom left no-repeat #EFEFEF;
	min-height:80px;
	height:auto!important;
	height:80px;
}

#video #video-nav{
	float:left;
	width:730px;
	padding:10px;
	padding-top:0;
	background:#EFEFEF;
	display:inline;
	color:#333;
	font-size:11px;
}

#video #video-nav ul{
	padding-left:330px;
}

#video #video-nav ul li{
	list-style-type:none;
	float:left;
}

#video #video-nav ul li a{
	float:left;
	height:10px;
	width:10px;
	display:inline;
	margin-right:10px;
	margin-bottom:4px;
	background:#333;
}

#video #video-nav ul li a:hover{	
	background:#90BE3D;
}

#video #video-nav ul li a.on{
	background:#90BE3D;
}

#video #video-nav ul li a.on:hover{
	background:#fff;
}

#video #video-nav ul li a span{
	display:none;
	visibility:hidden;
}

.elenco{
	display:inline;
	float:left;
	margin-bottom:10px;
	width:490px;
}

.news-page{
	display:inline;
	float:left;
	width:468px;
	border:1px solid #e1e1e1;
	margin-bottom:15px;
	padding:10px;
	background: url(/img/bg-repeater.gif) bottom right no-repeat;
}

.repeater{
	display:inline;
	float:left;
	width:468px;
	border:1px solid #e1e1e1;
	margin-bottom:15px;
	padding:10px;
	background: url(/img/bg-repeater.gif) bottom right no-repeat;
}

.repeater .imgrepeat{
	float:left;
	width:140px;
	height:110px;
	background: url(/img/bg-img.gif) top left no-repeat;
	display:inline;
	clear:left;
}

.repeater .imgrepeat img{
	width:100px;
	height:100px;
	margin-top:5px;
	margin-left:5px;
}

.repeater .titlerepeat{
	background:#efefef;
	padding:5px;
	margin-bottom:10px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#90BE3D;
}

.repeater .titlerepeat a{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#90BE3D;
}

.repeater .titlerepeat a:hover{
	color:#000;
}

.repeater .abstractrepeat{
	float:right;
	display:inline;
	width:300px;
	font-size:11px;
	line-height:1.4em;
	text-align:justify;
	color:#555;
}

.newstitle{
	border-bottom:2px solid #E8E8E8;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	background:#f9f9f9;
}

div#paginazione{
	clear:both;
	display:block;
	float:left;
	margin-top:10px;
}

div#paginazione ul{
	font-size:12px;
}

div#paginazione ul li{
	text-align:center;
	font-weight:bold;
	float:left;
	list-style-type:none;	
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
}

div#paginazione ul li.selected{
	text-align:center;
	font-weight:bold;
	float:left;
	list-style-type:none;	
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
	display:block;
	border-bottom:2px solid #90BE3D;
	float:left;
	width:24px;
	color:#90BE3D;
	margin-right:3px;
}

div#paginazione ul li a{
	display:block;
	border-bottom:2px solid #ccc;
	text-align:center;
	color:#ccc;
	float:left;
	width:24px;
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
	margin-right:3px;
}

div#paginazione ul li a.bigger{
	font-size:16px;
}

div#paginazione ul li a:hover{
	border-bottom:2px solid #000;
	background:#fff;
	color:#000;
}

#main .elenco .subbox{
	float:left;
	width:150px;
	display:inline;
	margin-bottom:10px;
}

#main .elenco .subbox h3{
	float:left;
	width:150px;
	display:inline;
	height:40px;
}

#main .elenco .subbox h3 a{
	float:left;
	width:150px;
	height:40px;
	display:block;
}

#main .elenco .subbox h3 span{
	display:none;
	visibility:hidden;
}

#main .elenco .download h3{
	background: url(/img/t-download.gif) top left no-repeat;;
}

#main .elenco .video{

}

#main .elenco .video h3{
	background: url(/img/t-video.gif) top left no-repeat;;
}

#main .elenco .subbox ul {
	border-top:1px dashed #999999;
	clear:both;
	float:left;
	width:150px;
}

#main .elenco .subbox ul li {
	list-style-type:none;
}

#main .elenco .subbox ul li a {
	border-bottom:1px dashed #999999;
	color:#585858;
	display:block;
	float:left;
	font-size:10px;
	height:auto !important;
	line-height:1.6em;
	min-height:1.6em;
	text-align:right;
	width:150px;
}

.ui-dialog {
	display:none;	
} 

#my-modal-form p{
	margin: 10px 0!important;
	float:left!important;
    overflow: hidden!important;
    width: 100%!important;
}

#my-modal-form p input{
	border: 1px solid #333;
}

#my-modal-form ul{
	margin-bottom: 10px!important;
}

#my-modal-form label {
    float: left;
    width: 10em;
}

#my-modal-form em {
    display: inline-table;
    font-weight: bold;
    padding-right: 1em;
    vertical-align: top;
    width: 10px;
}
#my-modal-form label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#my-modal-form .submit { margin-left: 12em; }






#my-modal-form-demo p{
	margin: 10px 0!important;
	float:left!important;
    overflow: hidden!important;
    width: 100%!important;
}

#my-modal-form-demo p input{
	border: 1px solid #333;
}

#my-modal-form-demo p textarea{
	border: 1px solid #333;
}

#my-modal-form-demo ul{
	margin-bottom: 10px!important;
}

#my-modal-form-demo label {
    float: left;
    width: 10em;
}

#my-modal-form-demo em {
    display: inline-table;
    font-weight: bold;
    padding-right: 1em;
    vertical-align: top;
    width: 10px;
}
#my-modal-form-demo label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#my-modal-form-demo .submit { margin-left: 12em; }


#errorblock-div1{
	margin-bottom:12px;
}

#formtext #dati_download legend{
	margin-bottom:	10px;
}

#formtext #dati_download input{
	border: 1px solid #333;
	width:90px;
	
}

#formtext #dati_download input.invia{
	float:right;
	width:100px;
	background:#90BE3D;
	color:#fff;
}

#formtext #dati_download p{
	margin-bottom:15px;
	float:left;
	width:35%;
	display:inline;
}

/*=========================================================================================== Global Reset */

#twtr-widget-1 twtr-hd {
	dispaly: none !important;
}

#twtr-widget-1 .twtr-doc .twtr-hd {
	border: 5px solid #00CC33;
	display: none;
	
}