/* TABELLA COLORI 
BLU SCURO  1d6ab0	
BLU CHIARO 77b9dd
BLU MEDIO 2e78a1
ARANCIONE   c07423
*/


html {
  position: relative;
  min-height: 100%;
}


body {
margin-top: 50px;
font-family: 'Roboto', sans-serif;
margin-bottom: 160px;
font-size: 15px;
font-weight: 300;
color: #424242;
}

.mytable2 {
font-size: 14px;
font-weight: 400;
}

.mytable44 {
font-size: 15px;
}

.nero {
color: #000;
}

.mysmall {
font-size: 18px;
margin-top: 12px;
}

.mysmall2 {
font-size: 14px;
}


/*body {background: #f7f7f7; }*/


.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 160px;
background-color: #f5f5f5;
border-top-width: thin;
border-top-style: solid;
border-top-color: #CCC;
}


.footercontent {
padding: 12px;
background-color: #f5f5f5;
}

.footercontent img {
margin: 12px;
}

.arancio {color:#cc3133}
.arancio2 {color:#cc3133}


.giustificato {
text-align: justify;
}


a {color:#cc3133}
a:hover {
color: #333333
}


h1{border-bottom: 1px solid #ddd;padding: 20px 0;margin-bottom: 20px; font-weight: 300; font-family: "Raleway"; color:#cc3133}

h2{margin-bottom: 40px; font-weight: 300; font-size: 26px; line-height: 30px; font-family: "Raleway"; color:#cc3133}

.cutme {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ddd;
padding-top: 40px;
}

h3{font-weight: 300; font-size: 22px; margin-bottom: 20px; font-family: "Raleway"; color:#cc3133}
h4{font-weight: 300; font-size: 22px; margin-bottom: 20px; font-family: "Raleway"; color:#cc3133}



.margin-top{margin-top: 20px;}


.navbar-header{float:none;text-align: center;}
	
	/* top bar */
	.navbar {text-transform: uppercase;background-color: #000;border: none}
	.navbar a  {color:#fff;font-weight: 300;text-decoration: none}
	.navbar-default .navbar-brand {color:#fff;font-weight: bold;margin:0;line-height: 50px;float:none; margin-left: auto; margin-right: auto; width: 60px; float: none; }

	.icon{margin-bottom: 8px;margin:0;padding: 15px 15px; float:right;}
    
	    .back{float:left;background-color: #feaf8d;}
	    .search{background: #fb7b74; float:left;}
	    
	    .tw{background: #3fc6f3}
	    .fb{background: #0d9be5}
    
    
    /* toggle button */
    .navbar-toggle{border: none;color:#fff;margin:0;padding: 18px 15px; border-radius: 0px;float:left;}
    .navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
background-color: #1d6ab0;
}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	
	
	/* Position where the element is fixed */
	.affix {top: 50px; width: 200px; }
	#affix {width: 200px;}

	.nav li a {
border-bottom: 1px solid #ddd;
color: #1d6ab0;
}
	.nav li a i {margin-right:20px;}
    

    /* list */ 
    .ux-mood{font-size: 18px; font-weight: 300;margin-bottom: 40px}
    .ux-mood li{margin-bottom: 10px}
    .upper{text-transform: uppercase; }




/* collapsed sidebar styles */
@media screen and (max-width: 767px) {

	
	.affix {position: static;}
	#affix{width: 100%;}
  
	.sidebar-offcanvas{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 60%;
background-color: #1d6ab0;
z-index: 51;
margin: 0;
padding: 0;
position: fixed;
top: 50px;
left: -70%;
	}
	
	.sidebar-offcanvas ul li{margin:0}
	.sidebar-offcanvas ul li a{color:#fff;padding: 11px 20px;margin:0;font-size: 15px;border-bottom: 1px solid #4f80a7}
	.sidebar-offcanvas ul li a:hover{background:#4f80a7;border-bottom: 1px solid #4f80a7; border-radius:0}
	
	.nav{margin-top: 0px;}
	.nav > li > a:hover, 
	.nav > li > a:focus{background-color: #ff625f}
	
	.active {left: 0;}
    
 
}




.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 20px;
    display:none;
    }

.margin10sx {
margin-left: 15px;
    }


.homecontainer {
background-color: #1d6ab0;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #1d6ab0;
}


.rosso {
color: #BE0E00;
}

.myspacer {
padding-top: 30px;
}

.myalertbox {
border: thin solid #b1622a;
padding: 13px;
margin-top: 18px;
margin-bottom: 18px;
}





/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


.niceimage {
border: 1px solid #b1622a;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 10px;
margin-left: 15px;
}




.td12 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b1622a;
padding-top: 9px;
padding-bottom: 9px;
}


.tduppergrey {
background-color: #F7F7F7;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}

.tdupperwhite {
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}


.tdbottom {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #efa600;
}


.mylocation {
padding-bottom: 10px;
}



.rowsa {
    display: table-row;
}

.celsacuo {
    display: table-cell;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.celsa {
    display: table-cell;
    font-size: 16px;
    color: #FF7452;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.celsacntr {
    display: table-cell;
    text-align: center;
    font-size: 16px;
}

#consa {
    overflow: hidden;
    display: table;
}

.colcosa {
    color: #1d6ab0;
    font-size: 18px;
}

.colblsa {
    color: #ffffff;
    font-size: 18px;
}

.colazusa {
    color: #14AAEB;
    font-size: 14px;
    font-weight: bold
}

#consas {
    display: table-row;
}

#colsa1 {
display: table-cell;
vertical-align: 12%;
padding-top: 6px;
padding-right: 19px;
padding-bottom: 6px;
padding-left: 30px;
}

#colsa2 {
    display: table-cell;
    padding: 0px;
    background-color: #a5d7f4;
}

#colsa3 {
display: table-cell;
vertical-align: middle;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 19px;
}

#colsa1col {
    display: table-cell;
    padding: 0px;
    border-right: 2px solid #1d6ab0;
}

#colsa2col {
    display: table-cell;
    padding: 2px;
    background-color: #1d6ab0;
}

#colsa3col {
    display: table-cell;
    padding: 0px;
    border-left: 2px solid #1d6ab0;
}

#ponsa {
    margin-left: 16px;
    margin-top: 6px
}

.myspazio1 {
margin-top: 8px;
margin-bottom: 8px;
}

.myspazio1b {
margin-top: 8px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 8px;
}


.p_arancio {
background-color: #1d6ab0;
border-top-color: #1d6ab0;
border-right-color: #1d6ab0;
border-bottom-color: #1d6ab0;
border-left-color: #1d6ab0;
}



.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


.mymaximage220 {
max-width:220px;
}

.mymaximage280 {
max-width:280px;
}