@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html {
font-size: 10.3px;
}

body {
	background-color: #000;
	font-size: 14px;
        font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
        -moz-osx-font-smoothing: grayscale;
	/* font-family: "Droid Sans","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; */
	color: #eee;
	padding-top:20px;
}

a { color: #ff0; outline: 0 !important; }
a:link,a:active,a:hover,a:visited,a:focus { color: #ff0; text-decoration: none; outline: 0 !important;}
a:focus { background-color: transparent !important; outline: 0 !important;}
pre { background-color: #333; border: 1px solid #555; color: #fff; }

/*************** GENERAL CLASSES ***************/
.red { color:red !important; }
.green { color:#0c0 !important; }
.yellow { color:#ff0 !important; }
.white { color:#fff !important; }
.bold { font-weight: bold !important; }
.big-filler { clear: both; height: 400px; }
.align-r { text-align: right !important; }
.align-l { text-align: left !important; }
.align-c { text-align: center !important; }
.no-margin { margin: 0; }
.clear { clear:both; }

/*************** ALERTS *************************/
.alert-success { color: #fff !important; background-color: #090; border: 1px solid #070; text-shadow: none; }
.alert-error { color: #fff !important; background-color: #900; border: 1px solid #700; text-shadow: none; }

/*************** NAV MENU ***************/
.navbar {
	margin: 0;
}
.navbar-inner {
	background-color: #333;
    background-image: linear-gradient(to bottom, #333, #111);
    background-repeat: repeat-x;
	border: 0;
	border-bottom: 1px solid #000;
	box-shadow: none;
	border-radius: 20px 20px 0 0;
}

@media (max-width: 767px) { 
	.navbar-inner {
		background-color: #333;
	    background-image: none;
	    background-repeat: no-repeat;
	}
}

.navbar .nav > li > a {
	font-size: 14px;
	text-shadow: none;
}

.nav > li > a,
.nav > li > a:link,
.nav > li > a:active,
.nav > li > a:visited,
.nav > li > a:focus,
.nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	color: #ff0;
	text-decoration: none;
}

.navbar .btn-navbar,
.navbar .btn-navbar:hover {
    background-color: #444;
    background-image: linear-gradient(to bottom, #777, #444);
    background-repeat: repeat-x;
    border-color: none;
    box-shadow: none;
}

@media (max-width: 767px) { 
	.navbar .btn-navbar,
	.navbar .btn-navbar:hover {
	    background-color: #666;
	    background-image: none;
	    background-repeat: no-repeat;
	}
}

@media (max-width: 767px) { 
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background-color: transparent;
	}
}
/*************** SUBNAV MENU ***************/
.subnav {
	background-color: #222;
	background-image: linear-gradient(to bottom , #222, #272727 50%, #222 100%);
	background-repeat: repeat-x;
	border-top: 1px solid #000;
}
.subnav .nav > li > a {
	font-size: 14px;
	text-shadow: none;
	color: #0c0;
	background-color: none;
}
.subnav .nav > li > a.red {
	color: #c00;	
}
.subnav .nav > li > a:focus {
	background-color: transparent;
}
.subnav .nav > li > a:hover {
	background-color: #333;
}

/*************** FOOTER ***************/
#footer {
	background-color: #111;
	font-size: 14px;
	border-top: 1px solid #333;
	margin-top: 10px;
}

#footer .nav {
	padding-bottom: 15px;
	margin-bottom: 0;
}

#footer .nav > li > a:hover {
	background-color: #333;
}

/*************** TABLES ******************/
.table {
	color: #ccc;
	border-radius: 1px 1px 1px 1px;
    margin-bottom: 20px;
    width: 100%;
}
table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0 none;
}
.table thead th {
    vertical-align: bottom;
}
.table th {
    font-weight: bold;
}
.table th, .table td {
    border-top: 1px solid #222222;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
.table-striped tbody > tr > td, .table-striped tbody > tr > th {
    background-color: #383838;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #333;
}

.table-header {
	background-color:#222;
}
.td-half {
	width: 50% !important;
}

/*************** LINK PAGE ***************/
.linkbox {
	background-color: #333;
	border-radius: 5px;
    background-image: linear-gradient(to bottom, #333, #111);
    background-repeat: repeat-x;
	margin-bottom: 10px;
}

.linkbox a:hover { text-decoration: underline; }
.linkbox-inner {
	padding:5px;
	text-align: center;
	font-size: 14px;
}

.linkbox-inner img {
	height: 100px;
	border: 1px solid #000;
}

/*************** SOLIDARIETA PAGE ***************/
.solbox {
	background-color: #333;
	border-radius: 5px;
}

.solbox a:hover { text-decoration: underline; }
.solbox-inner {
	padding:7px;
	font-size: 14px;
}

/************** FOTO PAGE ***********************/
.fotobox {
	margin-bottom: 20px;
}

/************** VIDEOCHAT PAGE ***********************/
.padded-box {
	padding:5px;
}

/************** VIDEOCHAT PAGE ***********************/
.goal-box {
	padding:5px;
	border: 1px solid #ccc;
	color: #ff0;
}
.tbll-row1 {
	border-bottom: 1px solid #222;
	background-color: #333333;
}
.tbll-row2 {
	border-bottom: 1px solid #222;
	background-color: #383838;
}

.tbll-minute { background-color: #222; border: 1px solid #000; }
.tbll-l { text-align: left; }
.tbll-r { text-align: right; }
.tbll-c { text-align: center; }

@media (max-width: 767px) { 
	.tbll-minute { background-color: #222; border: 1px solid #000; }
	.tbll-l { text-align: center; }
	.tbll-r { text-align: center; }
	.tbll-c { text-align: center; }
	.tbll-evt-row { margin: 8px 0; }
}

.vote-box {
	border-radius: 5px;
	background-color: #333;
	background-image: linear-gradient(to bottom, #333, #222);
	margin: 5px 0;
}

.vote-box-hd, .vote-box-pic-in, .vote-box-vt-in { padding: 3px; }

.vote-box-hd-in {
	color: #ff0;
	font-weight: bold;
	font-size: 16px;
}

.vote-box-pic img { width: 100%; border: 1px solid #111; max-width: 100px; }
.vote-select { width: 90px; height: 45px; font-size: 30px; color: #000; }
.vote-big-result { font-size: 50px; line-height: 110%; }

/************** CLASSIFICA ***********************/
.table-classifica th, .table-classifica  td { padding: 2px; }
.table-classifica th.fixedw { width: 35px; }
.table-classifica tr.cla-ternana > td { background-color: #888 !important; color: #000;}
.table-classifica tr.cla-ternana > td.bleft { border-left: 1px solid #333;  }
.table-classifica td.center, .table-classifica th.center { text-align: center; }
.table-classifica td.points { color: #ff0; font-weight: bold;}
.table-classifica td.last-mtc > span { font-size: 9px; background-color: green; color: #fff; padding: 0 3px; margin-right: 1px; }
.table-classifica td.last-mtc > span.v { background-color: green; }
.table-classifica td.last-mtc > span.n { background-color: #999; }
.table-classifica td.last-mtc > span.p { background-color: red; }
.table-classifica .bleft { border-left: 1px solid #999; }

@media (max-width: 300px) { 
 	h1.voti-nome-sq { font-size: 15px;}
 	h1.voti-nome-sq img { display: none !important; }
}

@media (min-width: 300px) and (max-width: 480px) { 
	.vote-box-vt-in { text-align: left; }
	.vote-big-result { font-size: 50px; line-height: 110%; }
	.vote-box-hd, .vote-box-pic-in, .vote-box-vt-in { text-align: center; }
 	h1.voti-nome-sq { font-size: 25px;}
}
@media (min-width: 480px) and (max-width: 768px) { 
	.vote-box-vt-in { text-align: left; }
	.vote-big-result { font-size: 50px; line-height: 110%; }
	.vote-box-hd, .vote-box-pic-in, .vote-box-vt-in { text-align: center; }
	h1.voti-nome-sq { font-size: 25px;}
}
@media (min-width: 768px) and (max-width: 940px) { 
	.vote-box-vt-in { text-align: left; }
	.vote-big-result { font-size: 40px; line-height: 110%; }
	h1.voti-nome-sq { font-size: 30px;}
}

/************** CALENDARIO ***********************/
.table-calendario td { padding:3px; font-weight: normal; }
.table-calendario th { padding:3px; background-color: #282828 !important; border-radius: 25px 25px 0 0; border-top: 0; }
.table-calendario td a { text-decoration: underline; }

/************* NEW NAV *********************/
.ipsNavBar_primary li a {
    font-size: 1.2rem;
}
html[dir="ltr"] .ipsApp .ipsNavBar_primary>ul>li>a {
    margin: 0;
}
.site-wrap {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
}

div.subnav [class^="icon-"], div.subnav [class*=" icon-"] {
/*    font-family: "FontAwesome"; */
}