/*****************
colori:
	#8FB8CD; /*blu
	#89bbee; /*azzurro sfondo
	#334455 /* azzurro testo
	/*grigio fondo* #FFFFFF;
	/*grigio pulsanti* #fcfcfc;
	/*grigio contorno pulsanti* #f0f0f0;
	/*grigio scritte pulsanti* #999999;
	/*scritte slogan* #0066cc;
**************/
html{height:100%}
body{width:100%;margin:auto;min-width:600px;max-width:2000px}
body {
	height:100%;
	font-family:  Arial, sans-serif;
	font-size:13px;
	margin:0;
	margin-top:-45px;	
	padding:1px;
	text-align:justify;
	color:#666;
	background: /*grigio fondo*/ #FFFFFF url(../images/sfondo.png) top left repeat-x;

	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden;
}

img {border:none}
p {text-align:justify; line-height:125%; margin-top:0; margin-bottom:10px;}
li{margin:5px 0}
.hidden {max-height:0px; overflow:hidden;}
.corsivo {font-style:italic;}
/* link *********************************************************************** */
a:active,
a:selected,
a:visited {
	border: none;
	outline: none;
	text-decoration:none;
	background-color:transparent; /* serve per IE10 su :active */
}
a,  a:visited {
	color:inherit;
	text-decoration:none;
}
.active a,
a:active,
a:hover {text-decoration:none; color:#84bcf6; /* azzurro */; background-color:transparent;}

/* titoli ******************************************************************* */
h1{text-transform:uppercase; color:#84bcf6; /* azzurro */}
h2 {text-transform:uppercase; font-size:2em; color:#334455 /* azzurro testo */; margin-bottom:10px; }
h3, h4 {}
h3:first-letter, h4:first-letter {
	text-transform: uppercase;
}
h3, h4 {margin-bottom:3px; display:inline-block;}

/* fonts *****************/
.smallfont { font-size:.8em;}
.bold {font-weight:bold;}
.errore {background-color:rgb(233, 178, 178);padding:20px; border:1px solid red; color:white;}

/********** div di altezza dinamica *****/
.leggi-tutto {
	margin: 5px 0;
	padding:10px 5px;
	font-weight:bold;
	text-transform: uppercase;
	color:#8FB8CD; /* blu */
	background: #89bbee; /* azzurro */
	/*border:1px solid #8FB8CD;; /* blu */
	border-radius:3px;
	-moz-border-radius: 3px;
	width:auto !important;
	float:right;
	cursor:pointer;
}
.txt {
	height:auto;
	margin-bottom:10px;
}
.short {
	height: 40px;
	overflow:hidden;
}
/* pages blocks style ******************************************************************* */
#main-content {
	min-height: 420px;
	background: #FFFFFF; /*bianco di fondo */
}

#ombra-dx {
	margin-top:-228px;
	position:absolute;
	z-index:99;
	width:inherit;
	height: 322px;
	top: 0px;
}

#ombra-sx {
	margin-top:-228px;
	margin-left:-6px;
	position:absolute;
	z-index:99;
	width:51px;
	height: 322px;
	top: 0px;
}

#ombra-dx {background: transparent url(../images/ombra-dx.png) top right no-repeat; right:-57px;}
#ombra-sx{background: transparent url(../images/ombra-sx.png) top left no-repeat; left:-43px;}

.sup {}

.indent {
	text-indent: 1.5em;
}
.indent li {text-indent: 0;}
.page-width {
	width: 1036px;
	margin: 0 auto;
	background-color:#fff;
	overflow: hidden;
}
.left {float:left}
.right {float:right}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform:lowercase;}
.half {max-width:50%}
.two_t {max-width:60%}
.one_t {max-width:40%}

.ridotta {
	margin: 0 auto;
	left: -20px;
	position: relative;
	width: 980px;
}
.wrapper.ridotta{
	width:95%;
}

.contenuti {
	padding-left:30px;
	padding-right:25px;
	padding-top:10px;
	padding-bottom:30px;
}
.contenuti-wrapper {
	padding:0 2px;
}

/* TOP ********** */
#top,
#top-bottom {width:100%; height: 25px; border-bottom:2px solid white;}
#top-bottom {height:0px}
#header {
	width: 1266px;
	height: 358px;
	margin:0 auto;
	background: transparent url(../images/linea-sottomenu.png) bottom center no-repeat;
	position:relative;
  right:0px;
}
#header-top {
	margin:0 auto;
	margin-top: 26px;
}
#logo{
	background: transparent url("../images/logo.jpg") top left no-repeat;
	height:126px;
	width: 312px;
	float: left;
	margin-left: 50px;
	position: absolute;
	top: 25px;	/*----top: 20px;----*/
	z-index: 99;
}

#loghetto{
	background: transparent url("../images/ucimu-logo.png") top left no-repeat;
	height: 64px;
	width: 52px;
	float: left;
	margin-left: 20px;
}
#top-menu{
	float:right;
	width: 400px;
	height: 60px;
	text-align: right;
/*	margin-right: 50px;*/
	padding-top:20px;
}

#home #page-title {display:none;}
#page-title {
	margin:20px 30px 0 30px;
	text-align: left;
	padding-left:2px;
	font-size: 20px;
	font-weight:bold;
}
.contenuti #page-title { margin:20px 0px;}
#page-title:first-letter{text-transform: capitalize}
#main-menu .top { padding-top:40px;}
.list-menu ul li,
#main-menu ul li {
	text-transform: uppercase;
}
#main-menu {
	text-align:center;
	padding-left: 240px;
}
#main-menu  ul.line-menu  li {
	float:left;
 	list-style:none inside;
	font-weight:bold;
	width:19%;
}
#main-menu li:hover a,
#main-menu .active a,
#main-menu .hover-active a,
#main-menu a:hover {}

.line-menu ul li {
	display: table-cell;
 	list-style:none;
	font-weight:bold;
}
#top-menu a{
	display: -webkit-inline-box;
	line-height:40px;
	width: 63px;
}
#top-menu ul{display:table;margin-top: 5px;}
#top-menu ul li {
	width: auto;
	line-height:85px;
	padding:0 10px;
	background: white;
	background-position: top center;
	background-repeat: no-repeat;
}
.list-menu ul li:first-letter,
#main-menu ul li:first-letter ,
#top-menu ul li:first-letter {
	text-transform: uppercase;
}

#top-menu ul li#ita {
	background-image: url("../images/ita-off.png");
}
#top-menu ul li#eng {
	background-image: url("../images/eng-off.png");
}
#top-menu ul li#deu {
	background-image: url("../images/deu-off.png");

}
#top-menu ul li#chi {
	background-image: url("../images/chi-off.png");

}


#top-menu ul li#ita.active,
#top-menu ul li#ita:hover {
	background-image: url("../images/ita-on.png");
}
#top-menu ul li#eng.active,
#top-menu ul li#eng:hover {
	background-image: url("../images/eng-on.png");
}
#top-menu ul li#deu.active,
#top-menu ul li#deu:hover {
	background-image: url("../images/deu-on.png");
}
#top-menu ul li#chi.active,
#top-menu ul li#chi:hover {
	background-image: url("../images/chi-on.png");
}

#main-menu {
	font-family:Arial Narrow, Arial, sans-serif;
	font-size:14px;
	text-align: right;
}
#main-menu li:hover a,
#main-menu .active a,
#main-menu a:hover {}
#main-menu ul {
	margin:0;
	padding:0;
	color: #999;
}

#main-menu ul li {margin: 0;padding:0;text-align:center; background-color: #8FB8CD;/*-----background-color:#fcfcfc;----*/ border: 1px solid /*grigio contorno pulsanti*/ #a5c5d1; color:#fff;}
#main-menu ul li.active,
#main-menu ul li:hover {background-color: #8FB8CD; color:#000}
#main-menu ul li a{ display:block; width:auto; padding:15px 25px; color:inherit;}
#main-menu ul li:last-of-type a{border-right:none;}
.list-menu  ul {
	padding-left: 20px;
}
.list-menu  li{
	list-style-type: disc;
	color: #4ea9b1; /*azzurrino*/
	font-size: 18px;
	line-height: 30px;
	font-weight:bold;
}
.list-menu  a{
	display:block;
	color:inherit;
}
.list-menu a:hover { color:#666; }


#main-menu ul.drop-down-menu {
	width: 100%;
	display: none;
	position: absolute;
	padding: 5px 0px;
	z-index: 99;
}
#main-menu ul.drop-down-menu li {
	display:list-item;
	text-align: left;
	font-size: inherit;
	margin:0 auto;
	padding: 5px;
	float: none;
	background-color: transparent;
}

#socials{
	float:left;
	background: transparent;
	margin-top: 23px;
	margin-left:60px;
}
#socials ul { list-style:none; margin:0; padding:0;}
#socials li {/*width:33px; height:34px; */background-position: top left; background-repeat: no-repeat; margin-bottom:10px}
#socials li a {display: block;width:65px; height:27px; }
#socials #fb {background-image: url(../images/icon-facebook-off.png); }
#socials #twitter {background-image: url(../images/icon-twitter-off.png);}
#socials #youtube {background-image: url(../images/icon-youtube-off.png);}

#socials #fb:hover,
#socials #fb:focus,
#socials #fb:active {background-image: url(../images/icon-facebook-on.png);}
#socials #twitter:hover,
#socials #twitter:focus,
#socials #twitter:active {background-image: url(../images/icon-twitter-on.png);}
#socials #youtube:hover,
#socials #youtube:focus,
#socials #youtube:active {background-image: url(../images/icon-youtube-on.png);background-color:transparent;}

/* home carosuel */ /* TEST */


/* TOP  FINE **** */
/* MAIN ********* */

/* TEMPLATE PAGINA ************/

.pagina {
	margin: 0 auto;
	position:relative;
	top: 0px;
	width: 1024px;
}

/* azienda ***********/

#azienda .ridotta{
	left: 0;
}
#azienda ul {
	list-style:none;
	margin:0;
	padding:0;
}
#azienda li {
	float:left;
	width: 45%;
	margin-right:80px;
	padding-bottom:20px;
	border-bottom:2px solid #ededed; /* grigio + chiaro */
}
#azienda li:nth-last-of-type(2),
#azienda li:last-of-type{
	border-bottom:none;
}
#azienda li:nth-of-type(2n) {
	margin-right:0px;
}
#azienda li:nth-of-type(2n+1) {
	clear:left;
}
#azienda li div {
	width:100%;
}
#azienda li div img{
	width:100%;
	height:auto;
}
/* prodotti ***********/
#prodotti {}
#prodotti .scheda {display:none}
#prodotti .scheda_corrente {display:block}
#prodotti .line-menu ul {
	display: table;
	width:100%;
	text-align: center;
	height:100%;
	margin:0;
	padding:0;
	border: 2px solid #8FB8CD;; /* blu */
	-moz-box-sizing:border-box;			/* per far stare i bordi internamente al div */
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#prodotti .blu-scuro .line-menu ul {
	border-bottom:0;
}
#prodotti .grigio-chiaro .line-menu ul {
	border-top:0;
}
#prodotti .line-menu ul li{
	height:100%;
	padding:20px 0;
	margin:0;
	border: 1px solid #8FB8CD; /* blu */
}

#prodotti .blu-scuro .line-menu ul li{
	border-right: 2px solid #84bcf6; /* azzurro */
}
#prodotti .blu-scuro .line-menu ul li:last-of-type{
	border-right: 0;
}
#prodotti .blu-scuro .line-menu ul li.active{
	background-color:white;
	border-right: 0;
}
#prodotti .grigio-chiaro .line-menu li {
	cursor: pointer;
}
/* contatti ***********/
#contatti {}
#contatti #colonna-dx, #contacts #colonna-dx{
	float: right;
	width: 38%;
}

#contatti #colonna-dx .testo {padding-bottom:30px; margin-bottom:20px; border-bottom: 3px solid #84bcf6; /* azzurro */}
#contatti .indirizzo, #contacts .indirizzo { font-size:.8em; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #e2e2e2; /*grigio di fondo */}
#contatti .indirizzo, #contacts .indirizzo  p {margin: 5px 0}

#contatti #mappa {margin-right:30px;}
#contatti #mappa  iframe{border: 2px solid  #e2e2e2; /*grigio di fondo */}
/* contatti fine */
/* servizi */
#servizi #link-gallery {background: transparent url(../images/servizi.jpg) center center no-repeat; width:386px; height:500px; padding-top:10px; float: right;}
#servizi #link-gallery a{ display:block; width: 100%; height:100%}
#servizi li {font-size:.9em; margin-bottom:10px;}
#servizi-text {margin-right:405px;} 
/* servizi fine */

/* footer *************/
#footer{
	color: #fcfcfc;
	width: 1020px;
	text-align: center;
	font-weight: bold;
	height:auto;
	font-size:15px;
}

#footer #tratteggio {background: url(../images/tratteggio.png) top center repeat-x; height: 15px;width: 120%;margin-left: -30px;}

#footer  #slogan-text {padding:20px;}
#footer  #slogan-text p.azzurro {font-size: 18px; text-align: center; font-style:italic; font-weight:bold;}

#footer #dati{padding:20px; background:#8FB8CD /*blu*/;line-height: 20px; /* centratura verticale footer su una linea */}
#footer #dati #dati-societari {line-height:normal; font-size:.8em; position:relative; top:5px;}
/*********************************************************************************************************/
/* stili propri sito */
.blu-scuro {background-color:#8FB8CD; /* blu */}
.sfondo-bianco {background-color:white}
.grigio-sfondo {background-color:#FFFFFF; /*grigio di fondo */}
.azzurro {color:  #334455; /* azzurro */}
.narrow {font-family: Haettenschweiler, sans-serif;}
.blu {color:#8FB8CD; /* blu */}
.bianco { color:white;}

ul.blu-bullet li {color:  #334455; /* azzurro */}
ul.blu-bullet span {color: #666; font-style:italic; font-weight:bold;}

/* slider inizio */
.slider {
	height:155px;
	overflow: hidden;
}
#home .slider {	height:390px;}

/* INIZIO -- SCOMMENTARE PER ABILITARE i "BULLET" dello slide-show
#slider-wrapper.theme-default  .nivo-controlNav {
	position:absolute;
	margin-top:-80px;
	right: 50px;
	z-index: 9999;
}
#slider-wrapper.theme-default .nivo-controlNav a {
	width: 35px;
	height: 35px;
	background: url(../images/bullets.jpg)  center left no-repeat;
}
#slider-wrapper.theme-default .nivo-controlNav a.active {
	background-position: center right;
}
FINE -- SCOMMENTARE PER ABILITARE i "BULLET" dello slide-show */
#slider-wrapper.theme-default .nivo-caption {
	background-color: #8FB8CD; /* blu */
	width:40%;
	left:auto;
	right:0px;
	height:100%;
	padding:30px 40px;
	font-weight:bold;
	font-size:1.1em;
	font-style:italic;
}
#home #slider-wrapper.theme-default .nivo-caption {
	padding:130px 40px;
}

.theme-default #slider.nivoSlider {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* slider fine */
/* gallery inizio */
#content-gallery {margin-bottom:20px;}
#content-gallery div.gallery {float:left; width:50%; border-right: 4px solid lightgrey; }

#content-gallery .gallery ul {list-style:none; margin:0; padding:0;}
#content-gallery .gallery li {max-width:143px; width:143px; max-height:100px; float:left; margin-right:10px; overflow:hidden; border:2px solid white;}
#content-gallery .gallery li:nth-of-type(3n+1) {clear: left; margin-left:10px;}
#content-gallery .gallery img {width:100%; }

#category-list {float:right; width:49%; height:100%; font-weight:bold;}

#category-list li {color: #89bbee; /*azzurro sfondo */}
#category-list li.attiva,
#category-list li a {color:#666;}

#category-list li.attiva a,
#category-list li a:hover,
#category-list li a:active {color:#334455 /* azzurro testo */;}

/* gallery fine */

/* news inizio */
#news {font-size:14px;}
#news .box-evento { margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid whitesmoke;}
#news .box-evento:last-of-type {margin:0; padding:0; border-bottom:none;}
#news .logo {float: left; max-width: 150px; overflow:hidden;margin-right:10px;}
#news .logo img {width:100%;}
#news .periodo {font-weight:bold;font-size:smaller;}
#news .nome {margin-top:3px; font-size:inherit;}
#news .website {font-weight:bold;margin:5px 0;}
#news .fotine {float:right;max-width: 50px; height:auto; overflow:hidden;margin-left:10px;}
#news .fotine .img {/*border: 2px solid white;*/}
#news .fotine img {width:100%;}
/* news fine */

/*HACKS*/
.clearfix:after {
	content:"."; display:block; height:0;clear:both; font-size: 0; visibility:hidden;
}
.clearfix {
	display:inline-block;
}

.clear {clear:both}
.clear-l {clear:left}
.clear-r{clear:right}