.navbar-inverse .navbar-nav>li>a
{
	color: white !important;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #222;
	/*overflow-y: hidden !important;*/
	padding-top: 70px;
}
html, body {
	/*overflow-y: auto !important;*/
	background-color: #eee;
	height:100%;
}

a {
color: #ff931e;
text-decoration: none;
}
a:hover,a:focus{color:#222;text-decoration:underline}

h4, .h4 {
font-size: 14px;
}

footer {
	padding: 30px 0;
}

.text-center{
	text-align: center;
	left: 50%;
	left-margin: -75px;
}

.icon-leaf{
	position: absolute;
	padding: 18px 15px 0 10px;
	margin-left: 0px;
	font-size: 20px;
	color: green;
	background-color: transparent;
}

.navbar-brand {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight:400;
	text-transform:uppercase;
	margin-left: 0px !important;
	float: left;
	padding: 18px 15px 0 15px;
	font-size: 16px;
	line-height: 20px;
	height: 50px;
}
.logo-top { margin-top:-12px; display: inline !important;}
.navbar-inverse {
	background-color: #222222;
	border-color: #333;
}
.navbar-inverse .navbar-brand {
	color: #fff;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #ff931e;
	background-color: transparent
}
.nav>li>a:hover, .nav>li>a:focus {
color: #ff931e;
text-decoration: none;
background-color: rgba(0, 0, 0, .09);
}

.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #fff;
border-radius: 4px;
}
.panel {
	margin-bottom: 20px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-default {
	border-color: transparent;
}
.panel-default>.panel-heading {
	background-color: #ffffff;
}

.panel-title{
	/*color: inherit;*/
	color: black !important;
	/*font-size: 20px !important;*/
	/*font-size: 14px !important;*/
	font-size: 1em !important;
	line-height: 25px !important;
	text-decoration: none;
}
.panel-title:hover{
	text-decoration: none !important;
}

.panel-title>a {
	color: inherit;
	font-size: 1.2em;
}
.panel-title>a:hover {
	text-decoration: none !important;
}
/*.panel-title a:hover .glyphicon {
	color: #ff931e;
}*/
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	z-index: 2;
	color: #fff;
	background-color: #ff931e;
	border-color: #ff931e;
}

.btn-primary {
	color: #fff;
	background-color: #ff931e;
	border-color: #de7d17;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #222;
	border-color: #666;
}

.mii {
	margin-bottom: 30px;
	text-align: center;
	min-height: 200px;
}

@media (max-width: 520px) {
  .mii {
	margin-bottom: 10px;
	text-align: center;
	max-height: 110px;
	min-height: 0px;
 }
}

.mii a {
	display: block;
	height: 100%;
	color: #222;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
	border-radius: 4px;
}
.mii a:hover {
	background-color: #222;
	color: #fff;
	text-decoration: none;
}


.device {
	text-align: center;
	min-height: 45px;
	border-radius: 4px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight:100;
	margin-bottom:20px;
}

.device p { font-size:14px;}
.device > a {
	padding:20px;
	display: block;
	height: 100%;
	color: #222;
	border-radius:4px;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}

.device > a:hover {
	background-color: #222;
	color: #fff;
	text-decoration: none;
}

.device span.device_on_off { display:block; border-radius: 4px;}
.device_on_h90 {
	color:#fff;
	min-height: 90px;
	background-color:#099441;
	padding-top:10px;
}
.device_off_h90 {
	color:#fff;
	min-height: 90px;
	background-color:#CF0800;
	padding-top:10px;
}

.device_on_off {
	min-height: 90px;
	background-color:#fff;
	padding-top:10px;
}
.device_on_off > a {
	padding:5px 10px;
	display: inline;
	}

span.bg_on_off {
position: absolute;
right: 25px;
top:44px;
display: inline-block;
}

.device span.device_on_off_2 { display:block; border-radius: 4px; line-height: 25px;}
.device_on_off_2 {
	min-height: 55px;
	background-color:#fff;
	padding-top:5px;
}

span.bg_on_off_2 {
position: absolute;
right: 25px;
top:10px;
display: inline-block;
}

.slider.slider-horizontal {
width: 100px;
height: 20px;
}

.device .glyphicon { color:#ff931e !important; }
.device a:hover span.glyphicon { color:#ff931e !important; }

.btn {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:bold; display: none !important;}
.btnOthers{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:bold; display: inline !important;}

/*.btn-default:hover, .btn-default:active, .btn-default.active {
color: #222;
background-color: #ff931e;
border-color: #fff;
}*/

.badge { background: #ff931e; font-size:0.9em; font-weight: 400; border-radius: 20px; padding:6px; line-height:0.9em; position: absolute; right: 25px;}
h3.badge { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:1.8em; font-weight: 400;  line-height:1.8em; border-radius: 44px; padding:12px;  background: #ff931e; }

.nav-pills>li { text-align:center}

.nav-pills>li>a {
color: #ff931e;
font-size:2em;
background-color: #fff;
}

.nav-pills>li>a:hover, .nav-pills>li>a:focus {
color: #fff;
font-size:2em;
background-color: #ff931e;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
font-size:2em;
background-color: #ff931e;
}

/* Multimedia */

.multimedia {}

.multibt {
	margin:20px 20px;
	left: 0px;
}

a.multibt { text-align:center; padding:20px 0; }
a.multibt span.glyphicon { font-size:2em; color:#222; display: block; margin-bottom:6px; }
.multimedia a:hover span.glyphicon { color:#ff931e; }

.multiinfo { margin-bottom:30px;}

.multimedia .slider.slider-horizontal {
width: 100% !important;
height: 60px;
}
.multimedia #ex6CurrentSliderValLabel { font-size: 2em; }
.multimedia .slider.slider-horizontal .slider-handle {
margin-left: -10px;
margin-top: -15px;
}
.multimedia .slider-handle { height:40px}
.multimedia .slider-handle.round {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

/* Extras */
.news_title { color:#ff931e; font-weight:bold;}

a.enew { display:block; margin:10px 0; padding:10px; border-radius:4px; background-color:#fff; color:#222; }
a:hover.enew { color:#fff; background-color:#222; text-decoration:none;}

/* Extras */
.meteo-info { font-size:200%; }

/* Video-Doorphone */
.img-doorphone{
	position: relative;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	height: 480px;
}

@media (max-width: 520px) {
	.img-doorphone{
		position: relative;
		left: 50%;
		margin-left: -160px;
		width: 320px;
		height: 240px;
	}
}

.footer{
	position: relative;
	text-align: center;
	width: 640px;
	left: 50%;
	margin-left: -320px;
	padding-top: -20px;
}

@media (max-width: 520px){
	.footer{
		text-align: center;
		top: -20px;
	}
}

.pagination{
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}

.pagination>li{
	display:inline
}

.pagination>li>a,.pagination>li>span{
	position:relative;
	float:left;
	padding:8px 15px;
	line-height:1.42857143;
	text-decoration:none;
	color:#ff931e;
	background-color:#fff;
	border:1px solid #ddd;
	margin-left:-1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span{
	margin-left:0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span{
	border-bottom-right-radius:4px;
	border-top-right-radius:4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
	color:#2a6496;
	background-color:#eee;
	border-color:#ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
	z-index:2;
	color:#fff;
	background-color:#ff931e;
	border-color:#ff931e;
	cursor:default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{
	color:#999;
	background-color:#fff;
	border-color:#ddd;
	cursor:not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span{
	padding:10px 16px;
	font-size:18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
	border-bottom-left-radius:6px;
	border-top-left-radius:6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
	border-bottom-right-radius:6px;
	border-top-right-radius:6px
}

.pagination-sm>li>a,.pagination-sm>li>span{
	padding:5px 10px;
	font-size:12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
	border-bottom-left-radius:3px;
	border-top-left-radius:3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
	border-bottom-right-radius:3px;
	border-top-right-radius:3px
}

/* Multimedia */
.inset {
	text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
}

.glow {
	line-height:2em;
	font-size:2em;
	font-weight:bold;
	text-shadow: 0 0 2px #ff931e;
	color:#ff931e;

	cursor: pointer;
}

.multimedia-status {
	line-height:2em;
	font-size:2em;
	font-weight:bold;
	color:#808080;
	cursor: pointer;
}

.img-radios{
	position: relative;
	/* max-width: 640px; */
	max-height: auto;
	left: 0px;
	margin-left: -15px;
}

.img-mm2{
	width: auto;
	height: 80%;
	max-height: 490px;


}

.music-time{
	position: relative;
	left: 640px;
}

.my-progress{
	max-width: 700px;
	max-height: 10px;
	margin-left: 10px;
	margin-right: 10px;
	bottom: 0px;
}

.btnType{
	padding-left: 0px;
	padding-right: 0px
}

.btnChannel{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-left: 15px;
}

.panel-music-name{
	position: absolute;
	background-color: #333;
	opacity: 0.7;
	/* width: 100%; */
	bottom: 0px;
	left: 15px;
	right: 15px;
	z-index: 10;
	color: #FFF;
	text-shadow: 0 1px 2px;
}

.music-name{
	margin-left: 10px;
}

.img-container{
	position: relative;
	left: 50%;
	width: 70%;
	height: auto;
	margin-left: -35%;
	vertical-align: center;
}

.box-slider{
	height: 420px !important;
	max-width: 70px;
}

.slider.slider-vertical{
	top: 10px;
	margin-left: 20px;
	height: 400px !important;
}

.lbl-volume{
	font-size: 10 !important;
}
.btn-volume{
	margin-left: 10px;
}

.img-mm{
	width: auto;
	height: 480px;
	max-height: 490px;
	min-height: 180px;
	max-width: 650px;
	/* background-color: #333; */
}

@media(max-width: 1280px){

	.slider.slider-vertical{
		top: 10px;
		margin-left: 20px;
		height: 240px !important;
	}

	.img-mm{
		width: auto;
		height: 320px;
		max-height: 390px;
		min-height: 180px;
		max-width: 450px !important;
		margin-left: -30px !important;
		padding-left: 0px !important;
	}

	.box-slider{
		height: 260px !important;
		max-width: 70px;
	}

}


@media(max-width: 600px){
	.lbl-volume{
		font-size: 8 !important;
	}

	.btn-volume{
		max-width: 70px;
		padding: 0px;
		margin-left: -10px !important;
	}

	.box-slider{
		height: 100px !important;
	}

	.slider.slider-vertical{
		top: 5px;
		margin-left: 0px;
		height: 90px !important;
	}

	.glow {
		line-height:1em;
		font-size:1em;
		font-weight:bold;
		text-shadow: 0 0 2px #ff931e;
		color:#ff931e;
		cursor: pointer;
	}

	.btnChannel{
		padding-left: 2px;
		padding-right: 0px;
		padding-bottom: 10px;
		margin-left: 0px;
	}

	.multimedia-status {
		line-height:1em;
		font-size:1em;
		font-weight:bold;
		color:#808080;
		cursor: pointer;
	}

	.btnType{
		padding-left: 25px;
		padding-right: 0px
	}

	.multibt {
		margin:10px 10px;
		left: 0px;
	}

	.img-mm{
		width: auto;
		height: 150px !important;
		min-height: 150px;
		max-width: 240px;
	}
}

.radio-header{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 20px;
	font-size: 16px !important;
	color: #333;

	font-weight: bold;
	cursor: pointer;
}

.radio-header:hover{
	text-decoration: none;
}

.radio-header:active{
	text-decoration: none;
}

.device2 {
	text-align: center;
	min-height: 35px;
	border-radius: 4px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight:100;
	margin-bottom:10px;
	cursor: pointer;
	max-height: 80px !important;
}

.device_on_off_2 {
	min-height: 50px;
	background-color:#fff;
	padding-top:10px;
}
.device_on_off_2 > a {
	padding:5px 10px;
	display: inline;
	}

.device2 span.device_on_off_2 { display:block; border-radius: 4px;}

.newPageContainer{
	padding: 50px 50px 50px 50px;

}

.h-buttons{
	align: right;
}

.cursor-pointer{
	cursor: pointer;
}

.btn-header{
	margin-top: -40px;
	z-index: 999;
}

@media(max-width: 767px)
{
	#menuTop
	{
		display: block !important;
	}
}

@media(min-width: 768px)
{
	#menuTop
	{
		display: none !important;
	}
}

.textColor{
	float: left !important;
	display: none !important;
	width: 24px;
	height: 22px;
}

.confBtn{
	position: relative;
	margin-bottom: 0px;
	background-color: #E6E6E6;
}

.saveBtn{
	margin-top: 0px;
	float: right;
}

#alert
{
	background: black !important;
	color: #ff931e !important;
	border: 1px solid black !important;
	border-radius: 8px !important;
	text-align: center !important;
}

#backBtnFailed
{
	text-decoration: none;
	cursor: pointer;
	border: 1px solid black;
	border-radius: 8px;
	padding: 5px 15px 5px 15px;

}

#backBtnFailed:hover{
	background-color: black;
	color: white;
}


@media(max-width: 450px) {
  	.navbar-brand {
  		font-size: 11px !important;
 	}
}


#warningBrowserContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #FFF;
	background-color: #000;
	display: none;
	z-index: 10000;
}

#warningBrowser {
	
	width:800px;
	border-radius: 5px;
	background:#000;
	padding:10px;
	height:50px;
	position:absolute;
	margin-top:-25px;
	margin-left:-400px;
	top:34%;
	left:50%;
	text-align: center;
	font-size: 20px;
}