@font-face {
	font-family: 'Eurostile';
	src: url('EurostileRegular.eot');
	src: local('Eurostile'), url('EurostileRegular.ttf') format('truetype');
}

@font-face {
	font-family: 'EurostileBold';
	src: url('EurostileBold.eot');
	src: local('EurostileBold'), url('EurostileBold.ttf') format('truetype');
}
html, *{
	margin:0;
	padding:0;

}
body {
 margin: 0;
 font-family: Verdana;
 font-size: 10pt;
 background:#fff url(img/altodx.png) top right no-repeat;
 color:#333;

}
iframe{
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.validation{
 width:200px;
 display:block;
 color:red;
}
.clear{
	clear:both;
}
.left{
  float:left;
  width:30%
}
.right{
  float:right;
  width:68%;
}
#mapTab{
  width:98%;
}

label{
  display:table-cell;
  font-variant: small-caps;
}
fieldset{
  border:0;
}

#page{
	min-width:1024px;
	width:80%;
	margin:4% auto;
	background:transparent;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#banner{
	width:140px;
	float:left;

}
#topMenu{
	width:84%;
	float:left;
	margin-bottom:30px;
}
#content{
	min-height:450px;
	background:white url(img/gradientRepeatx.png) bottom repeat-x;
	padding-bottom:15px;
	padding-left:10%;
	padding-top:50px;
	padding-right:5%;
	font-family: 'Eurostile';
	font-size:11pt;
	color:#111;

}
h2.title{
  color:#666;
  text-align:center;
  font-size:14pt;

}
#contactForm{
  width:60%;
  margin:0 auto;
}
#regForm{
  width:40%;
  margin:0 auto;

}
#regForm form fieldset{
  border:2px solid #333;
  padding:10px 20px;
}
#regForm form{
   text-align:right;
}
#regForm form fieldset label{
 display:inline;
}

.orari{
  background: none repeat scroll 0 0 #DDDDDD;
  border: 4px outset #AAAAAA;
  float: right;
  padding: 10px 20px;
  font-family: Times New Roman;
}

span.catLogo{
  float:left;
  border:2px solid #333;
  padding:20px;
  -webkit-border-radius:60px;
  -moz-border-radius:60px;
  border-radius:60px;
  background:#eee;
  border-right:0;

}
span.catTitle{
  float:left;
  margin-top:20px;
  margin-left:-8px;
  padding:10px 50px 10px 20px;
  background:transparent;
  border-left:0;
  border-bottom:0;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;
  border-top-right-radius:10px;
  font-family: 'EurostileBold';
  font-size: 1.3em;
  display:block;
  height:100px;
  text-align:justify;
}
/* PARTNERS */

dt img.miniature{
    clear: both;
    margin-left: 30px;
    vertical-align: middle;
    height: 40px;
    width:40%;
}
a.homepage{
  width:64px;
  height:64px;
}
a.homepage img{
  width:auto;
  height:auto;
}
/* END OF PARTNERS */
/* REFERENZE */
#nextRef{
  float:left;
  width:10%;
  height:50px;
  background: transparent url(arrowNext.png) 30% 0 no-repeat;
  margin-top:10px;
  cursor:pointer;
}
#regioniBar{
  float:left;
  width:80%;
  height:60px;
  overflow:hidden;
}
#backRef{
  margin-top:10px;
  width:10%;
  float:left;
  height:50px;
  background: transparent url(arrowPrev.png) 70% 0 no-repeat;
  cursor:pointer;
}
ul#slideRef{
  width:3000px;
  margin-top:15px;
}
ul#slideRef li{
  height:30px;
  display:inline;
  margin:0 3px;
  font-size:12pt;
  padding:5px 5px 10px 5px;
  border:2px solid #333;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  cursor:pointer;
}
ul#slideRef li:hover{
  background:#ccc;
  color:#333;
  border:2px solid #007551;
}
ul#slideRef li span.regioneTitle{
  margin-left:5px;


}
/* END OF REFERENZE */

#footer{
	height:30px;
	background:#eee6d8;
	color:#535353;

	text-align:center;
	font-family:arial;
	border-top:5px solid #ff8e2a;
}
#footer p{
	padding-top:8px;
	font-variant:small-caps;
	font-size:8pt;
}
#closingImage{
	position: fixed;
	height: 250px;
	background: white url(img/bassosx.png) 0 0 no-repeat;
	width: 350px;
	bottom: 0;
	z-index: -10;
}

hr.menu{
	background:#fff url(img/gradientRepeaty.png) 0 0 repeat-y;
	border:0;
	height:3px;
}
/*CLIENTI MANAGER*/
#clienti{
  margin-top:40px;
  height:600px;
  overflow:hidden;
  width:1%;

}
li.clienteContainer:hover{
  background:#fff url(img/gradientRepeatxHover.png) bottom repeat-x;
  color:#333;
  border: 1px solid #007551;
  pointer:cursor;
     pointer:hand;

}
.clienteContainer{
  width:90%;
  margin:10px auto;
  border:1px solid #333;
  list-style:none;
   box-shadow: 5px 5px 5px #aaa;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  background:#fff url(img/gradientRepeatx.png) bottom repeat-x;
  display:block;
  pointer:cursor;
  pointer:hand;

}
.clienteContainer h2{
  margin:0;
  padding:5px 5px 5px 3%;
  font-size:11pt;
  color: #333333;
  text-shadow:#fff 3px 3px 3px;
}
.clienteContainer .logo{
  width:20%;
  float:left;
  padding-top:40px;
  padding-left:10px;
}
.clienteContainer .description{
  width:50%;
  float:left;
  margin: 0 40px;
  font-size:9pt;
  padding-left: 20px;
  padding-top:20px;
  margin:10px 0;
}
.clienteContainer .controls{
  width:10%;
  float:right;
  margin: 70px 0;
}
.clienteContainer img{

  width:100%;

}
#map{
  width:100%;
  height:600px;
}
img.logoMap{
  width:80px;
}
.markerDescription{
  width:200px;
  float:left;
}
.markerLeft{
  width:100px;
  float:left;
}
.hiddenClienti{
  display:none;
}
/* END OF CLIENTI MANAGER */


/* DOVE SIAMO */
#mapContainer{
  width: 100%;
  margin: 0 auto;
  padding: 5px;
  background: #ddd;
  border:2px solid #eee;
  height:500px;
}
/* END OF DOVE SIAMO */


/* EVENTI */
#accordion{
  width:95%;
  margin:0 auto;
  min-height:450px;
}
#accordion div{
  background:transparent;
  overflow-y:hidden;
}

span.accordionTitle{
  width:65%;
  text-align:left;
  float:left;
  padding-left:30px;
}
span.accordionDate{
  width:20%;
  text-align:right;
  clear:both;
}
.topAccordion{
   padding:0 10px 0 8%;
   float:right;
   border-bottom:1px solid #666;
   border-top:1px solid #666;
}
.topAccordion a{
   width:36px;
   height:36px;
}
.topAccordion a img{
	border:0;
}
.topAccordion span{
  vertical-align:super;
  margin-right:20px;
  font-variant:small-caps;
  font-size:12pt;
}
div.accordionLeft{
  margin-left:1em;
  padding-top:80px;
  float:left;
  width:30%;
  text-align:center;
}

div.accordionLeft img{
  max-height:280px;
  border:1px solid #ddd;
  padding: 20px 10px;
  max-width: 90%;
}
div.accordionRight{
  float:left;
  padding-top:20px;
  margin-left:1%;
  width:50%;
  min-height:330px;
  font-size:10pt;
  color:#555;
}
div.accordionRight ul{
	list-style:square inside none;
}
div.accordionRight ul li{
	padding-left:30px;
}
#accordion div.link{
  background:#004276;
  padding-bottom:10px;
  text-align:right
}
#accordion div.link a{
  padding-right:20px;
  color:white;
  font-style:italic;
  font-weight:bold;
  font-size:9pt;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #333;
    background-image:none;
      font-variant:small-caps;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
  border:0;
  border-bottom:0;
  border-radius:0;
  background:#eee;
}
.ui-accordion .ui-accordion-content-active{
  border-top:0;
  border-radius:0;
}
.ui-state-default a:hover{

}
.ui-accordion .ui-accordion-content {
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
     color: #007551;
     font-variant:small-caps;
     background-image:none;
}
.ui-accordion .ui-accordion-header a {
    background: url(img/evento.png) 0 0 no-repeat;
    height:20px;
}
.ui-accordion-header a.Hardware {
    background: url(img/hardware.png) 0 0 no-repeat;

}
.ui-accordion-header a.Software {
    background: url(img/software.png) 0 0 no-repeat;

}
.ui-accordion-header a.Logistica {
    background: url(img/logistica.png) 0 0 no-repeat;
    height:20px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background:#ddd;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
.ui-accordion .ui-accordion-content {
    padding-top:0;
}
.ui-widget {
    font-family: 'Eurostile';
    font-size: 1.3em;
}

/* END OF EVENTI */

/* OVERLAY */
.overlay{
  background: black;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  cursor: pointer;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#box{
  width:800px;
  height: 650px;
  background-color: white;
  display: none;
  z-index: 1300;
  position: absolute;
  left: 30%;
  top: 20%;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  box-shadow:5px 5px 5px #111;
  -moz-box-shadow:5px 5px 5px #111;
  -webkit-box-shadow:5px 5px 5px #111;
}
#slidingTopBar{
 background: #111;
 color:#eee;
 font-variant: small-caps;
 height:30px;
 line-height:30px;
 vertical-align:middle;
 padding:0 5px;
}
a.close{
	float:right;
	clear:right;
	color:#eee;
	font-weight:bolder;
}
#article{
	width:70%;
	float:left;
	padding:10px;
	height:400px;
	overflow-y:auto;
}
#articleLogo{
	margin-top:20px;
	padding:20px 10px;
	border: 1px solid #eee;
	width:20%;
	float:left;
}
#articleLogo img{
	width:90%;
}
/* END OF OVERLAY */


h2.headerProd{
   min-height:160px;
}
span.catDescription{
       font-size:11pt;
       font-weight:normal;
       display:block;
       margin-left:40%;       /* fix per far entrare il tutto accanto al titolo */
       white-space:inherit;
}
.ui-accordion-header a{
  display:block;
  width:100%;

}
table.alternate{
  width:80%;
  margin:0 auto;

}
table.alternate tr:hover td
{

  background:#000;
  color:#fff;
}
table.alternate tr td
{
  align:center;
  text-align:left;
  valign:middle;
}
table.alternate thead tr th{
  color:#111;
  font-size:14pt;
  background:white;
}
table.alternate tr:nth-child(odd)
{
    background-color:#ddd;
    color:#111;
}
table.alternate tr:nth-child(even)
{
    background-color:#eee;
    color:#333;
}
img.ottoperotto
{
  width:64px;
  height:64px;
}
.ipAddr {
	border:2px solid red;
	background: white;
	padding:0 5px;
	font-weight:bold;
	color:#111;
	display:block;
	position:fixed;
	bottom:0;
	right:10px;
}
.linkList:hover{
    background:#ddd;

}
.linkList{
    background:#eee;
    font-weight: bolder;
    font-size: 11pt;
    list-style:none;
    width:50%;
    padding:5px 10px;
}
.linkList img{
    vertical-align:middle;
}
.ui-tooltip-default{
 text-align:center;
}