@import url("boostrap_xelia.css");@import url("modules.css");
/* Import Font Awesome CSS */@import url("font-awesome.css");

.spaced {margin-bottom : 30px;}

/* Colori: colori standard delle 6 classi di servizi usati all'interno degli articoli  */.slide_background {	width: 1782px; 	height: 558px;	background : #fff top center no-repeat; 	padding-top : 128px}
.slide_text { /* background: rgba(255,255,255,0.8);  */  width : 500px;  padding-left : 150px;  margin-left : 200px;  color : white;
}.slide_phrase {}.slide_fonte{  font-style: italic;}

.websolution_neg, .mobile_neg, .graphics_neg , .security_neg, .outsourcing_neg, .assistence_neg{
  color: #FFF;
}
.websolution, .websolution_pos {
  color: #d42515; 
}

.websolution_neg {
  background: #d42515; 
}


.mobile, .mobile_pos{
	color: #999933;
}

.mobile_neg {
  background: #999933; 
}


.graphics, .graphics_pos {
  color: #e0a538; 
}
.graphics_neg { 
  background: #e0a538; 
}


.security, .security_pos {
  color: #cc955e; 
}

.security_neg {
  background: #cc955e; 
}

.outsourcing, .outsourcing_pos {
  color: #d15085; 
}

.outsourcing_neg {
  background: #d15085; 
}


.assistence, .assistence_pos {
  color: #9999cc; 
}

.assistence_neg {
  background: #9999cc; 
}



.rounded {
	padding : 20px;
	margin-bottom : 10px;
}


/* Classi per immagini portfolio: mettere la classe in codice sorgente articolo*/

.img-responsive {
	max-width: 100%; 
	height: auto; 	
}

/******************************************************/


.x_button {
	margin : 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: none;
    background : #d7e7f5;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.0em;
    cursor: pointer;
    padding: .6em 1.4em .5em 1.3em;
    border:none;
    color: #cc0000; 
}

/*
in style index 
background : url('templates/<?echo($this->template) ?>/img/sfondo_slideshow.jpg') #fff top left no-repeat; padding-top : 128px;
*/.navbar-fixed-top { height : 100px;}
/* hero-unit è quell'area che contiene sia navbar (menu orizzontale top) sia jumbotron (slideshow) */
.hero-unit {
padding-top : 100px; 
	min-height : 250px;
}

/* questo css intercetta la navbar (pallini sotto lo slideshow) dello slideshow di tipo wxwidget */
div.wk-slideshow > ul.nav {	margin : 0px;}

/* Jumbotron è quell'area che contiene lo slideshow */



/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 400px;
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 390px;
    background-color: #f5f5f5;
}
#footer-sub {
    text-align : center;

}

/* a tutti i conteiner e non solo il footer-wrap dò uno sfondo bianco trasparente.
.container {
    background: rgba(255,255,255,0.4);
}

*/




/* FOOTER stili*/

div.footer-column .moduletable {
	line-height : 15px;
}

div.footer-column  ul.menu li {
	line-height : 15px;
}




/* stili degli elementi interni*/

    h1 {
    font-size: 30px;
    line-height: 34px;
    }
     
    h2 {
    font-size: 26px;
    line-height: 30px;
	margin-top: 30px;
    }
     
    h3 {
    font-size: 22px;
    line-height: 26px;
    }
     
    h4 {
    font-size: 18px;
    line-height: 20px;
    }
     
    h5 {
    font-size: 14px;
    line-height: 20px;
    }
     
    h6 {
    font-size: 12px;
    line-height: 20px;
    }
	
	h1, h2, h3 {
		margin-top: 50px;
	}
	
	#footer  h1, #footer h2, #footer h3 {
		margin-top: 0px;
	}
	
	
@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
}
 
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
}
 
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}