/* TYPO
      -------------------------------------------------- */

h3.sos {color:#6688a3}


 /* NAVBAR TOP
      -------------------------------------------------- */
#topmenu .navbar-inner {
	 background: transparent !important; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;}
	


ul.nav {margin-right:0px !important}


#topmenu.navbar .nav > li > a {
	text-transform: uppercase; 
    text-shadow: 0px 1px 0px #fefefe;
	padding-left:10px !important;
	padding-right:15px !important;
}

#topmenu.navbar .nav > li > a:focus,
#topmenu.navbar .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  border-bottom: 5px solid #666;
}

#topmenu.navbar .nav > .active > a, #topmenu.navbar .nav > .active > a:hover, #topmenu.navbar .nav > .active > a:focus {
    border-bottom: 5px solid #666;
    text-decoration: none;
    background-color: transparent !important;
    box-shadow: none !important;
}
#topmenu.navbar .nav > li > a.linguetta {padding-right:0px !important;}
a.linguetta {
	float: right; 
	margin-top: -25px; 
	padding-right: 0px !important;
	background: url("../../img/linguetta.png") 15px 10px no-repeat;}

a.linguetta, a.linguetta:hover,
 a.linguetta:focus {
	border-bottom: none !important;

	}

 /* HEADER
      -------------------------------------------------- */

.brand {
    padding: 0px !important;
	background: url("../../img/topmenu-bg.jpg") top left repeat-x;
	
}
.box-etichetta{
 	background: url("../../img/etichetta-bg.gif") top left no-repeat;
height:50px;
}

.wrap-etichetta{position:relative;z-index:99;top:-74px;}
	
.topmenu-bg{
	height:94px;
}
	
.main-header{top:-74px;}	
	
 /* CUSTOM TAB BUTTON
      -------------------------------------------------- */

#slider.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	background: #009933 !important;}

#slider.nav-tabs > li > a:hover {
	background: #009933 !important;
	}

#slider.nav-tabs > li.first > a{
	background: #009933;
	}
#slider.nav-tabs > li {
	float: none;
	width:inherit;
	height:auto;
	margin-bottom: 16px;
	margin-top: 16px;
	}

#slider.nav-tabs > li > a {padding-bottom:4px !important;padding-top:4px !important;}
#slider.nav-tabs {
	border: 0px;}

#slider.nav-tabs > li > a {
	border:0px;
	font-weight: lighter !important;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	color:#fff;
	display: inline;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	font-size: 22px;
/*	display: inline-table;*/
	background: #666666;
	-webkit-box-shadow:  0px 0px 6px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 6px 2px rgba(0, 0, 0, 0.2);
}

 /* TAB HOMEPAGE
      -------------------------------------------------- */

#etichetta {
	text-indent: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

	}
	
#ciccia {
	background: #cf0;	
	}

#ciccia p.cmyk{
	color:#fff;
	padding-top:10px;
	text-indent:10px; 
	font-size: 18px;
}
#nuvola {
	/*margin-top: 30px;*/
	text-align:center;

	}


.servizi {
	z-index: 20; 
	background: url("../../img/freccia-bg.jpg") bottom center no-repeat;
	
}
.elenco {margin-top: -120px;}
.descrizione {margin-top: 140px;}


.descrizione h4{text-transform: uppercase; font-weight: normal !important;font-size: 180% !important;margin-top:0px}
h4{text-transform: uppercase; font-weight: normal !important;font-size: 180% !important;margin-top:0px}


 /* PAGE
      -------------------------------------------------- */
.page {margin-top: 50px}
.page h4 {
	}
.page .claim {
	line-height: 22px;
	font-size: 18px;
	padding:0px;
	margin-top:20px;
	margin-bottom:10px;
	border-top: 0px dashed #ccc;
	border-bottom: 0px dashed #ccc;}
	
.page.privacy h5{
	margin-top: 20px;
	margin-bottom: 0px;
}

.lavorazioni {
	line-height: 22px;
	font-size: 18px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:10px;
	text-indent: 5px;
	font-style: italic;  
	font-weight: lighter;
	border-bottom: thin dashed #ccc;
	background: #bfecd7;
}


 /* SIDEBAR
      -------------------------------------------------- */
aside {
	}

aside .caption {
	margin-bottom: 20px;
	line-height: 14px;
	font-size: 12px;
	padding: 10px;
	color: #666;
	border-bottom: 1px dashed #ccc;
	}

.form-horizontal .controls {
	margin-left: 0px !important;
	}
aside h5 {
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom:0px;
	margin-top:40px;
	}

aside img {
	width:100% !important}

.ep-box-certificazioni{ 
	padding:10px;
	margin-bottom:20px;
	background: #bfecd7;}

.ep-box-certificazioni h5{
	margin-top:0px;
	margin-bottom:10px;
	background: #fff;	
}

 /* HOMEPAGE
      -------------------------------------------------- */

#wrap {margin-top: -77px;}
.claim {
	font-size: 22px;
	font-style: italic; 
	line-height: 30px; 
	font-weight: lighter;
	padding:10px;
	margin-top:40px;
	margin-bottom:40px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;}
div.banner-grey, div.banner-green {	
	color:#fff;
	text-align: center;
	padding:4px;
	/*word-wrap: break-word;*/
	min-height:72px;
	overflow: visible;
}
.banner-grey {background: #666; }
.banner-green {background: #009933;}

.banner-grey p, .banner-green p{
	font-size: 16px !important;	
	font-style: italic;
}
.banner-grey h4, .banner-green h4{
	text-transform: uppercase;
	font-size: 26px;
	margin:0px;
	line-height: 30px;
	font-weight: bold;
	word-wrap: break-word;
}

 /* BOX HOMEPAGE
      -------------------------------------------------- */
.ep-box {height: auto;}
.ep-box .accordion-heading h5{padding:0px 0px 0px 0px;}
.ep-box h5{
	margin:0px;
	/*padding: 8px 0px 8px 4px;*/
	font-size: 18px;
	border-bottom:thin dashed #666;
	font-weight: normal;	
	}
	

.ep-box h5 a.selected {background: #bfecd7 !important;}	
.ep-box h5 a{color:#000; cursor: default; padding: 8px 0px 8px 4px !important;display: block}
.ep-box.uno{
	background: url("../../img/box1-bg.jpg") bottom left no-repeat !important;
}

.ep-box.due{
	background: url("../../img/box2-bg.jpg") bottom left no-repeat !important;
}
.ep-box.tre{
	background: url("../../img/box3-bg.jpg") bottom left no-repeat !important;
}
.ep-box.quattro{
	background: url("../../img/box4-bg.jpg") bottom left no-repeat !important;
}	

.ep-box.uno:hover h5, .selected .ep-box.uno h5, .ep-box.due:hover h5, .selected .ep-box.due h5, .ep-box.tre:hover h5, .selected .ep-box.tre h5, .ep-box.quattro:hover h5, .selected .ep-box.quattro h5, .ep-box:hover h5{
	background: #bfecd7 !important;
}

.ep-box.uno:hover, .selected .ep-box.uno{
	background: url("../../img/box1-bg-hover.jpg") bottom left no-repeat !important;
}
.ep-box.due:hover, .selected .ep-box.due{
	background: url("../../img/box2-bg-hover.jpg") bottom left no-repeat !important;
}
.ep-box.tre:hover, .selected .ep-box.tre{
	background: url("../../img/box3-bg-hover.jpg") bottom left no-repeat !important;
}
.ep-box.quattro:hover, .selected .ep-box.quattro{
	background: url("../../img/box4-bg-hover.jpg") bottom left no-repeat !important;
}

.fondonumero{background: rgba(254, 254, 254, 0.9);}
.numero {margin-top:30px;margin-bottom:50px;font-size: 18px;}
ul.numero {margin-left:0px;padding-left:30px;list-style-image:url('../../img/tick.gif') !important;}
ul.numero li {line-height: 26px;}

#box-collapse1 {background: url("../../img/box1-bg.jpg") top left no-repeat !important;}
#box-collapse2 {background: url("../../img/box2-bg.jpg") top left no-repeat !important;}
#box-collapse3 {background: url("../../img/box3-bg.jpg") top left no-repeat !important;}
#box-collapse4 {background: url("../../img/box4-bg.jpg") top left no-repeat !important;}

#box-collapse1 img, #box-collapse2 img, #box-collapse3 img, #box-collapse4 img {width: 100%} 	

.carousel-inner {
	width:600px;
	margin: auto;
}

.carousel-inner .item {
	width:600px;
	margin: auto;
}

.carousel-pills {display: none}
	/*
	#slide1_container {
  	width:600px;
 	height:281px;
  	overflow:hidden; 
  	margin:0 auto;
	}
	
	#slide1_images {
  
  	width:2400px;

  	-webkit-transition:all 1.0s ease-in-out;
  	-moz-transition:all 1.0s ease-in-out;
  	-o-transition:all 1.0s ease-in-out;
  	transition:all 1.0s ease-in-out;
	}
	#slide1_images img {
 	padding:0;
 	margin:0;
  	float:left; 
	}
	*/

	a.btn-workflow {
		border:0px;
		display: block;
		color:#000;
	}
	
 /* STICKY FOOTER
      -------------------------------------------------- */

      html,
      body {
        height: 100% !important;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      

	#footer {
        border-top: #ccc dashed thin;
		background: #666;
		color: #fff !important;
		margin-left:20px;
		margin-right:20px;
      }
	  #footer p.credit{
		color: #fff !important;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	  .navbar-fixed-top {
    	margin-bottom: 20px;
	}


 /* RESPONSIVE CUSTOM
      -------------------------------------------------- */
	@media (min-width: 1200px) {
	}

	@media (min-width: 980px) {
	}
	
	@media (max-width: 979px){
		#slider.nav-tabs > li {
			float: left;
			margin-bottom: 7px;
			margin-top: 7px;
	}
	.topmenu-bg{
		background: url("../../img/topmenu-bg.jpg") top left repeat-x !important;
	}
	#wrap {margin-top: 0px;}
	.descrizione {margin-top: 90px;}
	#nuvola{margin-top: 0px;}
	.elenco {margin-top: -30px;}
	.banner-grey h4, .banner-green h4{font-size: 18px;}
	.claim {font-size: 18px;}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;}
	.f {background: url("../../img/freccia-bg-1.jpg") bottom center no-repeat;}
	ul.numero li {font-size: 14px;}
	.thumbnail.ep-box h5{font-size: 16px;}
	.main-header{top:0px;}
	.wrap-etichetta{top:0px;}
	.lingua {float:right; }
	}



	@media (max-width: 979px) and (min-width: 768px) {
		#slider.nav-tabs > li > a {font-size: 18px !important}	
		.descrizione {margin-top: 70px;padding-bottom:10px}
		.descrizione h4{line-height: 22px;font-size: 20px !important;}

	}
	@media (max-width: 810px) and (min-width: 768px) {
		#slider.nav-tabs > li > a {font-size: 18px !important}	
		.descrizione {margin-top: 135px;padding-bottom:0px}
		.descrizione p{line-height: 18px;}
		.descrizione h4{line-height: 22px;font-size: 20px !important;}

	}
		
    /* Lastly, apply responsive CSS fixes as necessary */
    @media (max-width: 767px) {
    	#footer {
        	margin-left: -20px;
        	margin-right: -20px;
        	padding-left: 20px;
        	padding-right: 20px;
        }
		.descrizione {margin-top: 0px;
		}
		.elenco {margin-top: 0px;}
		#slider.nav-tabs > li > a {
			font-size: 18px !important}	
		.box-etichetta{background: none;}
		#etichetta {
		border-top:thin dashed #ccc;
		border-left:thin dashed #ccc;
		border-bottom:thin dashed #ccc;
		border-right:thin dashed #ccc;}
		.servizi {background: url("../../img/freccia-bg-2.jpg") bottom center no-repeat;}
	}
	  
	@media (max-width: 480px) {
		.descrizione {margin-top: 0px;}
		#slider.nav-tabs > li > a {font-size: 18px !important}	
		.servizi {background: url("../../img/freccia-bg-2.jpg") bottom left no-repeat;}
	}
	
	@media print {
	  a[href]:after {
	    content: none !important;
	  }
		
		a.linguetta:after {
		    content: "Ellepiserviceonline";
		  }
	}