body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;

}

strong { font-weight: 500; }

a, a:hover, a:focus {
	color: #19b9e7;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img { max-width: 100%; }
.fullwidth {width: 100%;
}

.medium-paragraph {
	font-size: 18px;
	line-height: 32px;
}

.blue { color: #19b9e7; }

::-moz-selection { background: #19b9e7; color: #fff; text-shadow: none; }
::selection { background: #19b9e7; color: #fff; text-shadow: none; }

.mt-xs {margin-top:1px;}
.mt-s {margin-top:5px;}
.mt-lg {margin-top:15px;}
.mt-xl {margin-top:30px;}
.mt-none {margin-top:0px;}

.mb-xs {margin-bottom:1px;}
.mb-s {margin-bottom:5px;}
.mb-lg {margin-bottom:15px;}
.mb-xl {margin-bottom:30px;}
.mb-none {margin-bottom:0px;}

.mr-xs {margin-right:1px;}
.mr-s {margin-right:5px;}
.mr-lg {margin-right:15px;}
.mr-xl {margin-right:30px;}
.mr-none {margin-right:0px;}

.ml-xs {margin-left:1px;}
.ml-s {margin-left:5px;}
.ml-lg {margin-left:15px;}
.ml-xl {margin-left:30px;}
.ml-none {margin-left:0px !important;}

.pt-xs {padding-top:1px;}
.pt-s {padding-top:5px;}
.pt-lg {padding-top:15px;}
.pt-xl {padding-top:30px;}
.pt-none {padding-top:0px;}

.pb-xs {padding-bottom:1px;}
.pb-s {padding-bottom:5px;}
.pb-lg {padding-bottom:15px !important;}
.pb-xl {padding-bottom:30px;}
.pb-none {padding-bottom:0px;}

.pr-xs {padding-right:1px;}
.pr-s {padding-right:5px;}
.pr-lg {padding-right:15px;}
.pr-xl {padding-right:30px;}
.pr-none {padding-right:0px;}

.pl-xs {padding-left:1px;}
.pl-s {padding-left:5px;}
.pl-lg {padding-left:15px;}
.pl-xl {padding-left:30px;}
.pl-none {padding-left:0px;}


.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 0 5px;
	padding: 16px 20px 0 20px;
	background: #19b9e7;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 0 5px;
	padding: 15px 20px 0 20px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-2:hover, .btn-link-2:focus, 
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }

.btn-link-fb {
	display: inline-block;
	height: 50px;
	margin: 0 5px;
	padding: 15px 20px 0 20px;
	background: rgba(84, 113, 175, 1) !important;
	border: 1px solid #fff;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-fb:hover, .btn-link-fb:focus, 
.btn-link-fb:active, .btn-link-fb:active:focus { outline: 0; opacity: 0.6; background: rgba(84, 113, 175, 1); color: #fff; }


/***** Top menu *****/

.login .navbar {
	padding-top: 10px;
	background: #333;
	background: rgba(51, 51, 51, 0.3);
	border: 0;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
.navbar.navbar-no-bg { background: none; }

.login ul.navbar-nav {
	font-size: 16px;
	color: #fff;
}

.navbar-inverse ul.navbar-nav li { padding-top: 8px; padding-bottom: 8px; }

.navbar-inverse ul.navbar-nav li .li-text { opacity: 0.8; }

.navbar-inverse ul.navbar-nav li a { display: inline; padding: 0; color: #fff; }

.navbar-inverse ul.navbar-nav li a:hover { background-color:#19b9e7;color: #fff; opacity: 1; border-bottom: 1px dotted #fff; }
.navbar-inverse ul.navbar-nav li a:focus { background-color:#19b9e7;color: #fff; outline: 0; opacity: 1; border-bottom: 1px dotted #fff; }
/*.navbar-inverse ul.navbar-nav li a:hover { color: #fff; opacity: 1; border-bottom: 1px dotted #fff; }
.navbar-inverse ul.navbar-nav li a:focus { color: #fff; outline: 0; opacity: 1; border-bottom: 1px dotted #fff; }*/

.navbar-inverse ul.navbar-nav li .li-social a {
	margin: 0 5px;
	font-size: 28px;
	vertical-align: middle;
}
.navbar-inverse ul.navbar-nav li .li-social a:hover, 
.navbar-inverse ul.navbar-nav li .li-social a:focus { border: 0; color: #19b9e7; }

.logo {
	width: 302px;
	background: url(../img/logo.png) left center no-repeat;
	text-indent: -99999px;
    background-size:contain;
}
.logo-black {
	width: 167px;
	background: url(../img/logo-black.png) left center no-repeat;
	text-indent: -99999px;
}


/***** Top content *****/

.inner-bg {
    padding: 120px 0 170px 0;
}
.inner-bg-sm {
    padding: 40px 0 170px 0;
}


.top-content .text {
	padding-top: 0px;
	color: #fff;
}

.login .top-content .text h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
    color:#333;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #fff;
}
.top-content .description a:hover, 
.login .top-content .description a:focus { border-bottom: 1px dotted #fff; }

.top-content .top-big-link {
	margin-top: 35px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #fff;
	-moz-border-radius: 0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; border-radius: 0px 0px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #ddd;
	line-height: 100px;
	text-align: right;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #eee;
	-moz-border-radius: 0 0 0px 0px; -webkit-border-radius: 0 0 0px 0px; border-radius: 0 0 0px 0px;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form .input-error {
	border-color: #19b9e7;
}

/* My css */

.navbar-right input[type="text"], .navbar-right input[type="password"] {
	height:32px !important;
	line-height:32px !important;
}

.login .navbar-right li {
	margin-left:10px;	
}

.btn-link-2, .btn-link-fb {padding: 6px 12px !important;}

.slider-item-1 {
    font-size: 90px;
    color: #ffffff;
    background: #675b40/* #016534*/;
    padding: 62px 25px;
    text-shadow: 1px 1px 0px #5ebd92;
}

.slider-item-2 {
    font-size: 40px;
    color: #ffffff;
    background: #c7b896/*#a8cc71*/;
    padding: 36px 25px;
    text-shadow: 1px 1px 0px #6eb3b6;
    margin-top: 3px;
    line-height: 40px;
}

.slider-item-3, .slider-item-4, .slider-item-5, .slider-item-6, .slider-item-7 {
    font-size: 30px;
    margin-left: 3px;
    float: left;
    width: 100%;
    color: #ffffff;
    background: #f29300;
    padding: 15px 25px;
    text-shadow: 1px 1px 0px #de9935;
    margin-bottom: 3px;
}

.slider-item-8 {
    font-size: 30px;
    margin-left: 3px;
    float: left;
    width: 100%;
    color: #ffffff;
    background: #a8cc71;
    padding: 32px 25px;
    text-shadow: 1px 1px 0px #de9935;
    margin-bottom: 3px;
}

.no-padd-right { padding-right:0px;}
.no-padd-left { padding-left:0px;}
.animate1 {
    animation-duration: 1.0s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate2 {
    animation-duration: 1.0s;
    animation-delay: .4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate3 {
    animation-duration: 1.0s;
    animation-delay: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate4 {
    animation-duration: 1.0s;
    animation-delay: .8s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate5 {
    animation-duration: 1.0s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.voci a {
	color:#fff;	
	cursor:pointer;
}

/* Home */
.home {
	background-color: rgba(238, 238, 238, 0.5);
}

.navbar {
	padding: 10px 0px;
	border: 0;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.navbar-default {
	background:#eee;
}

.header-banner {
	width:100%;
	margin:0px auto;
	margin-bottom:25px;
}

.header-banner img {
	width:100%;
}

.intro {
	border: 1px solid #eaeaea;
	margin-bottom:25px;
	background:#fff;
}

.intro h1 {
	font-size: 85px;
	color: #555;
	text-align: left;
	font-weight: 500;
	letter-spacing: 15px;
	padding: 30px 0px;
}

.intro p {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
	text-align:left;
}

.btn-modifica {
	height:25px !important;
	line-height:25px !important;
}
.progress {
    position: relative;
	height: 25px;
}
.progress > .progress-type {
	position: absolute;
	left: 0px;
	line-height: 25px;
	font-weight: 800;
	padding: 0px 30px 0px 10px;
	color: rgb(255, 255, 255);
	background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
	position: absolute;
	right: 0px;
	font-weight: 800;
	padding: 0px 10px 0px;
	line-height: 25px;
}

.bootstrap-filestyle {
    margin: 0px auto;
}

.avatar {
	background-color: #EEEEEE;
    padding: 25px 0;
}
/*
.avatar {
	background-color: rgba(245, 245, 245, 0.67);
	padding: 45px;
	border-radius: 5px;
}
*/
.myavatar {
	background-color: rgba(0, 0, 0, 0.67);
    overflow-y:hidden;
    width:45px;
    height:45px;
}
.myavatar img {
    width:100%;
}


/* members */

.databox.radius-bordered {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
	background-color: #F9F9F9;
}
.databox {
    display: inline-block;
    width: 100%;
    height: 65px;
    padding: 0;
    font-size: 0;
    margin-bottom: 15px;
    vertical-align: top;
    min-width: 130px;
}
.databox .databox-left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0;
    width: 65px;
    height: 65px;
    padding: 10px;
}
.databox.radius-bordered .databox-right {
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}
.databox .databox-right {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    -lh-property: 0;
    width: -webkit-calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: calc(100% - 65px);
    height: 65px;
    color: #555;
    padding: 5px 10px;
}
.databox .databox-number {
    display: block;
	text-align:left;
    font-size: 17px;
    line-height: 26px;
    margin: 2px;
    position: relative;
    font-family: 'Roboto','Lucida Sans','trebuchet MS',Arial,Helvetica;
}
.databox .databox-text {
    display: block;
    font-size: 11px;
	text-align:left;
    margin: 4px 0 2px;
    position: relative;
}
.databox .databox-stat.radius-bordered {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
}
.databox .databox-stat {
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 7px;
    padding: 2px 5px;
}
.databox .databox-stat .stat-icon {
    display: inline-block;
    font-size: 13px;
}

.databox.custom {height:auto;}
.databox.custom .databox-left {padding:0px;}
.databox.custom .databox-left, .databox.custom .databox-right {height:auto;}
.databox.custom .databox-text {font-size: 13px;line-height: 17px;}


/* scheda pers */ 


.databox .databox-right[class*="bg-"] {
    color: #337AB7;
}
.databox .databox-right.bordered {
    border-left: 1px solid #337AB7;
}
.databox .databox-number {
    display: block;
    font-size: 17px;
    line-height: 26px;
    margin: 2px;
    position: relative;
    font-family: 'Roboto','Lucida Sans','trebuchet MS',Arial,Helvetica;
}
.sky {
    color: #337AB7 !important;
}
.darkgray {
    color: #999 !important;
}
.bg-white {
    background-color: #fff !important;
}
.databox .databox-stat {
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 7px;
    padding: 2px 5px;
}
.databox .databox-stat .stat-text {
    display: inline-block;
    font-size: 13px;
    padding-right: 5px;
    font-weight: 500;
}
.databox .databox-stat .stat-icon {
    display: inline-block;
    font-size: 13px;
}






.wiget {
	border: 1px solid #eaeaea;
	background:#fff;
}

.wiget h2 {
	text-align:left;
}

.wiget ul {
	padding-left:0;
}
.wiget ul li {
	list-style:none;
	float:left;
}
.wiget ul li img {
	width:70px;
	padding:5px;
	border-radius:50%;
}

.wiget.members {
	padding-bottom:15px;
	margin-bottom:25px;
}

.panel {
	border-radius: 0px;
}
.punteggio {
}
.punteggio .list-group {
	margin-bottom:0px;
	position: relative;
    bottom: -12px;
	font-size: 13px;
}
.punteggio .list-group .list-group-item {
	padding: 1px 15px;
	float:left;
	border-radius:0px;
}
.punteggio .list-group-item {
	text-align:left;
}
.punteggio .badge {
    margin-top:6px;
	margin-left:10px;
}

/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {
	.no-padd-right { padding-right:15px;}
	.no-padd-left { padding-left:15px;}
	.slider-item-2 {
		margin-bottom:3px;
	}
	.slider-item-3, .slider-item-4, .slider-item-5, .slider-item-6 {
		margin-left: 0px;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
	.no-padd-right { padding-right:15px;}
	.no-padd-left { padding-left:15px;}	
	.slider-item-2 {
		margin-bottom:3px;
	}
	.slider-item-3, .slider-item-4, .slider-item-5, .slider-item-6 {
		margin-left: 0px;
	}
}

@media (max-width: 767px) {
	
	.navbar { padding-top: 0; }
	.navbar.navbar-no-bg { background: #333; background: rgba(51, 51, 51, 0.9); }
	.navbar-brand { height: 60px; margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-toggle { margin-top: 12px; }
	
	.inner-bg { padding: 60px 0 110px 0; }
	.top-content .text { padding-top: 0; padding-bottom: 60px; }
	.top-content .top-big-link { margin-top: 25px; }
	.top-content .top-big-link a.btn { margin-top: 10px; }	
	.no-padd-right { padding-right:15px;}
	.no-padd-left { padding-left:15px;}
	.slider-item-2 {
		margin-bottom:3px;
	}
	.slider-item-3, .slider-item-4, .slider-item-5, .slider-item-6 {
		margin-left: 0px;
	}
	.navbar-right li {
		margin-left:15px;
		margin-right:15px;	
	}
}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }
	.navbar-right .form-group {
		margin-bottom:0px;
	}
	.navbar-right li {
		margin-left:15px;
		margin-right:15px;	
	}
	.navbar-right .form-group {
		margin-bottom:0px;
	}
}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    .navbar-brand {
    	/*background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 123px 49px !important;*/
        width:70%;
        height:auto;
        background-size:contain;
        background-position-x: 15px;
    }

    #frmlogin .btn {width:100%;display:block;line-height:40px;}
}



.huge {
	font-size:3em;
}

.btn-glyphicon { padding:8px; background:#ffffff; margin-right:4px; }
.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;}


#footer {
    background-color: #fff;
}
.footer-columns {
    padding: 60px 0 55px 0;
	text-align:left;
}
.footer-columns h4 {
    color: #1a1a1a;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 13px;
}
.subheading {
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}


.footer-columns p:last-child {
    margin-bottom: 0;
}
.footer-columns p {
    font-size: 13px;
    line-height: 1.9;
}
footer a, footer p {
    color: #bbb;
}
.footer-columns ul li a {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: -5px;
}
.footer-copyright {
	background-color: #eee;
}
.footer-copyright p {
	color: #1a1a1a;
	margin:10px 0px;
}

.clients img {
	border:1px solid #eee;
	margin-bottom:15px;
}

.only-desktop {font-weight:normal;}
@media (max-width: 992px)  {
	.only-desktop {display:none;
    }
}


.required {
    border:solid 1px red !important; 
}

input[type=checkbox].required {
    outline:solid 1px red !important; 
}