/*

*/
body {background-color: #131313;
color:#444;
/* font:76% Georgia,Verdana,Tahoma,Arial,sans-serif; */
font:85% Arial;
margin:0;
padding:0;
text-align:start;}
p {line-height:1.6em; margin:10 0 15px;}
a {color:#00c6ff; font-weight:700; text-decoration:none;}  /*  #fa9035  */
a:hover {color:#fff7f7;}     /*     #d04a10  */
hr {height:1px; margin:10px 0; width:98%;}
dt {font-weight:700;}
dd {margin:1px 0 12px 15px;}

/* Main layout */
#container {
        background-color: rgb(0,0,0);
        text-align:center;
		margin: auto;
		width: 100%;
        max-width: 720px;
		-webkit-box-shadow: 9px 6px 27px 1px rgba(0,0,0,0.53);
		-moz-box-shadow: 9px 6px 27px 1px rgba(0,0,0,0.53);
		box-shadow: 9px 6px 27px 1px rgba(0,0,0,0.53);

}
#sitename {background-color: #20252b; color:#ffffff; font-weight:400; height:90px; text-align:left;}
#sitename h1 {font-size:2.2em; margin:0; padding-top:20px;}
#sitename td h1 {padding-top:0;}

/* Main menu */
#nav {
        float:right;
        right: 5px;
        position:relative;
}
#nav ul {list-style:none; margin:0; padding:0;}
/* culoare scris butoane neselectate */
#nav a {
        color:#989898; height: 20px; z-index:0;
        display:block;
        font-size:1.2em;
        letter-spacing:0px;
        padding:4px 4px 0px 4px;
        text-decoration:none;
}
/* culoare scris butoane neselectate???? */
#nav a:hover {color:#009be3; }
#nav li {
        background:#14181D; /*  #0D2349;  */
        border: 0px solid #ccc;
        float:left;
        margin:0px 1px 0px 0px;
        padding:0 0 0 0px;}
/* culoare background buton curent(selectat) */
#nav #current {background:#14181D; /*  #0D2349;  */ padding:0px 0px 2px 0px;z-index:10000;height: 22px;border: 0px solid #ccc;
                border-radius: 0px 0px 0 0;}
/* culoare scris buton curent(selectat) */
#nav #current a { color:#009be3;

                }

/* Wrap variations */
#wrap1 {
        border-bottom:0px solid #009be3;808080;
        border-left:0px solid #009be3;808080;
        border-right:0px solid #009be3;
        clear:both;
        padding:0;
        width:auto;
}
#wrap2 {
        background-color: #181c21;
        padding:0px;
        width:auto;
}


/* Main content */
/* #content {margin-top:10px;} */
#content p,#contentalt p {margin:0px 0 0 10px;}
#content h1,#contentalt h1 {color:#505050; font-size:2em; font-weight:400; margin:15px 0 10px; padding:0;}
#content h2,#contentalt h2 {color:#505050; font-size:1.5em; font-weight:400; margin:20px 0 10px; padding:0;}
#content img,#contentalt img {float:left; margin:0px 0px 5px;}

/* Footer */
.copyright {
        text-align: left;
        padding-right: 15px;
        color:#a0a0a0;
        font-size:0.9em;
        position:relative;
        padding-bottom:2px;
		padding-left: 5px;
        width:auto;
}
   #copyright a {color:#2e9ed1;}
/* #copyright a {color:rgba(255, 255, 255, 0.54);}  */
/* #copyright a {color:#009BE3;}  */
/* #copyright a {color:rgba(200, 204, 206, 0.38);}  */
/* #copyright a:hover {color:#a0a0a0; text-decoration:underline;}  */
   #copyright a:hover {color:009BE3; text-decoration:underline;}

/* Additional classes  */
.menublock {margin-bottom:10px;}
.nav {color:#ccffff; display:block; font-size:1.1em; font-weight:700; margin-bottom:1px; padding:2px 2px 2px 10px; position:relative; text-decoration:none; width:125px;}
.nav:hover {border:1px solid #ffffff; color:#fa9035; padding:1px 1px 1px 9px;}
.sub {font-size:0.9em; margin-left:20px; padding:1px 1px 1px 6px; width:105px;}
.sub:hover {border:1px solid #fa9035; color:#505050; padding:0 0 0 5px;}
.intro {font-weight:700;}
.active {border:1px solid #fa9035; padding:1px 1px 1px 9px;}
.box {background:#f8f8f8 url(img/boxbg.gif) top left repeat-y; border:1px solid #d0d4d4; color:#505050; margin:15px auto; padding:10px 10px 10px 20px; width:85%;}
.photo {margin:5px auto 15px; padding:5px;}
.smallcaps {font-variant:small-caps;}
.mini {color:#a0a0a0; font-size:0.75em; font-weight:400; line-height:1.2em; margin:20px 0 10px 8px;}
.small {font-size:0.85em;}
.large {font-size:1.4em;}
.soft {color:#ffff8f;}
.normal {font-weight:400;}
.sharp {color:#101010;}
.center {text-align:center;}
.hide {display:none;}
#fm { position:relative;margin-left:10px; margin-top:0px;}
#fme { position:relative;margin-left:0px; margin-top:0px;}
#fmee { margin-left:35px; margin-top:0px;}
#reclama {position: fixed; top:0px; left: 0px; width:100%; height:23px; z-index:1; background: #E0E0DF; text-align:left;}

#fbook{
        position: relative;
        padding:0;
        padding-left: 10px;
        padding-top: 15px;
        text-align: right;

}
#playnow, #imgcover{
        float: left;
        position: relative;
}

#imgcover {
	border: 1px solid #CCCCCC;
}

#playnow {
        font-family:Arial;
        font-size:16px;
        color:#EEE9F5;
        text-align:left;
        font-weight:bold;
    /*  text-shadow:#404040 1px 1px 2px; */
        max-height: 120px;
		max-width: 280px;

}
#albumart{
        padding-left:10px;
        padding-top:50px;
        height:210px;
        overflow:hidden;
		background-size: cover;
}

/* Background */

.page_background {
width:100%;
background: #2f2f2f; /* Old browsers */
/*
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9
*/
}

.player_background {
background: rgb(41,48,57); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(41,48,57,1) 1%, rgba(26,29,36,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(41,48,57,1)), color-stop(100%,rgba(26,29,36,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(41,48,57,1) 1%,rgba(26,29,36,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(41,48,57,1) 1%,rgba(26,29,36,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(41,48,57,1) 1%,rgba(26,29,36,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(41,48,57,1) 1%,rgba(26,29,36,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293039', endColorstr='#1a1d24',GradientType=0 ); /* IE6-9 */

}

#footer {
        background-color: #20252b;
}
.ui-selectmenu-button {
height: 30px;
width: 132px !important;
font-size: 14px;
}

.ui-menu-item {
background-color: #000000;
}

#stream_info_4 {
        padding-top: 0px;
}

.infotext {
    font-family: Arial;
    font-size: 15px;
 /* font-style: italic; */
 /* color: #D9ECFF; */
    color: #EEE9F5;
 /* color: #FFD310; */
 /* color: #FFE2BD; */
    text-align: right;
    font-weight: bold;
    text-shadow: #404040 1px 1px 2px;
    margin-left: 60px;
	  margin-right: 20px;
 /* padding-bottom: 50px; */
}

.last-played {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 100%;
    padding-left: 10px;
}
.last-played a {
	color: #0095D9;
	cursor: pointer;
	
}
.last-played a:hover {
	color: #fff;
}

#stream_info_1 {
    font-family:Arial;
    font-size: 18px;
}

#stream_info_2 {
        color: #B5D4FF;
        font-family:Arial;
        font-size: 16px;
}
#stream_info_3 {
     /* color: #FFE2BD; */
        font-family:Arial;
        font-size: 14px;
        font-weight: normal;
     /* font-style: italic; */
}
#stream_info_5 {
        font-family:Arial;
        font-size: 14px;
        font-weight: normal;
}

.albumart_wrapper {
	vertical-align: top;
}

#jp_container_1 {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#debug {
	color: rgba(30,30,30,0);
}

.bordered {
	border-right: 1px solid #00c6ff;
	}

	/*
	Aliniat la stanga
	10 pixeli sus, 5 pixeli jos
	jos are un linie de 1px
	*/
.social {
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #334;
}

.social img {
	width: 35px;
	height: 35px;
	margin-left: 7px;

}

.verticalLine {
    border-left: thick solid #ff0000;
	float: left;
}

.circle {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    margin-right: 5px;
	margin-left: 4px;
	transition: background-color 0.3s ease;
}


.social-text {
    color: #fff;
    display: inline-block;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
	margin-top: 15px;
	margin-left: 10px;
	font-family: Arial;
    font-size: 12px;
    color: #EEE9F5;
    text-align: left;
    font-weight: bold;
    text-shadow: #404040 1px 1px 2px;
}

.circle a {
    color: #fff;
    display: block;
    font-size: 1.4em;
	/*padding-top: 8px;*/
}

.facebook:hover {
	background-color: #3b5998;
	border-color: #3b5998;
}

/* Varianta fara background
.facebook:hover {
	border-color: #3b5998;
}

.facebook:hover a{
	color: #3b5998;
}
*/
.twitter:hover {
	background-color: #55acee;
	border-color: #55acee;
}

.google:hover {
	background-color: #dd4b39;
	border-color: #dd4b39;
}

.youtube:hover {
	background-color: #bb0000;
	border-color: #bb0000;
}

.whatsapp:hover {
	background-color: #4dc247;
	border-color: #4dc247;
}

.music:hover {
	background-color: #F8B400;
	border-color: #F8B400;
}

.gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a3e72+0,0a3e72+0,1f4770+0&0.63+0,0.89+0,0.89+0,0+100,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNDc3MCIgc3RvcC1vcGFjaXR5PSIwLjg5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjQ3NzAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(31,71,112,0.89) 0%, rgba(31,71,112,0) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,71,112,0.89)), color-stop(100%,rgba(31,71,112,0))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left,  rgba(31,71,112,0.89) 0%,rgba(31,71,112,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left,  rgba(31,71,112,0.89) 0%,rgba(31,71,112,0) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left,  rgba(31,71,112,0.89) 0%,rgba(31,71,112,0) 100%); /* IE10 preview */
background: linear-gradient(to right,  rgba(31,71,112,0.89) 0%,rgba(31,71,112,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31f4770', endColorstr='#001f4770',GradientType=1 ); /* IE6-8 */
}

#anunt {
        font-family:Arial;
        font-size:15px;
        color:#EEE9F5;
        text-align:left;
        font-weight:bold;
        text-shadow:#404040 1px 1px 2px;
        padding-bottom: 50px;
		color: #EEE9F5;
		position:relative;
		z-index:2;

}

.alert {
	width: 99,95%;
	text-align: left; /* center */
	padding: 1px;
	/*border-radius:4px;  colturi rotunde si cat de rotunde sa fie*/
}

.alert-exception{
	color: #a94442;
	background-color: #f2dede;
	border: 0.5px solid #ebccd1;
}

.alert-info {
    color: #EEE9F5;  /* #000000 #d8effa  #31708f  */
   /*  background-color: #1e84c3; /* albastru  */ /* #8b0505 #be0000 #d9edf7  */
	background-color: #350101ed; /* #ea0d0da3; rosu  */
    border-color: #bce8f1;
	padding-left: 10px;  /* by dan   */
	padding-right: 10px;  /* by dan   */
}

.close {
    position: relative;
    top: 4px;
    right: 5px;
    float: right;
    color: inherit;
}

.ui-state-default {
	background: none;
	border-color: #999;
}

.ui-corner-all {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.ui-selectmenu-text {
 padding: 5px 5px 2px 5px !important;
}

.ui-icon-triangle-1-s {
 right: -2px !important;
}

#mainLogo {
	max-height: 90px;
	margin-left: 0px;
}

@media (max-width: 365px) {
    #mainLogo {
		width: 95%;
  }
}

.marquee {
	margin: 25px auto;
	overflow: hidden;
	position: relative;

	-webkit-transition: background-color 350ms;
	-moz-transition: background-color 350ms;
    transition: background-color 350ms;
}

.marquee p {
	position: relative;
	font-family: Tahoma, Arial, sans-serif;

	width: 100%;
	height: 100%;

	margin: 0;
	line-height: 50px;

	text-align: center;

	color: #fff;
    text-shadow: 1px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);

	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.marquee p:nth-child(1) {
	animation: left-one 10s ease infinite;
	-moz-animation: left-one 10s ease infinite;
	-webkit-animation: left-one 10s ease infinite;
}
.marquee.down p {
	transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
}
.marquee.down p:nth-child(1) {
	animation: down-one 10s ease infinite;
	-moz-animation: down-one 10s ease infinite;
	-webkit-animation: down-one 10s ease infinite;
}
.marquee.up p {
	transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
	animation: up-one 8s ease infinite;
	-moz-animation: up-one 8s ease infinite;
	-webkit-animation: up-one 8s ease infinite;
}

/*================================
	Move the Marquee to the Left
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes left-one {
	0%	{
		-moz-transform:translateX(100%);
	}
	10% {
		-moz-transform:translateX(0);
	}
	40% {
		-moz-transform:translateX(0);
	}
	50% {
		-moz-transform:translateX(-100%);
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	10% {
		-webkit-transform:translateX(0);
	}
	40% {
		-webkit-transform:translateX(0);
	}
	50% {
		-webkit-transform:translateX(-100%);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}

/*================================
	Move the Marquee Downwards
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes down-one {
	0%	{
		-moz-transform:translateY(-100%);
	}
	10% {
		-moz-transform:translateY(0);
	}
	40% {
		-moz-transform:translateY(0);
	}
	50% {
		-moz-transform:translateY(100%);
	}
	100%{
		-moz-transform:translateY(100%);
	}
}

/** Webkit Keyframes **/
@-webkit-keyframes down-one {
	0% {
		-webkit-transform:translateY(-100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}

/*================================
	Move the Marquee Upwards
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes up-one {
	0%	{
		-moz-transform:translateY(100%);
	}
	30% {
		-moz-transform:translateY(0);
	}
	80% {
		-moz-transform:translateY(0);
	}
	100%{
		-moz-transform:translateY(-100%);
	}
}

/** Webkit Keyframes **/
@-webkit-keyframes up-one {
	0% {
		-webkit-transform:translateY(100%);
	}
	30% {
		-webkit-transform:translateY(0);
	}
	80% {
		-webkit-transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(-100%);
	}
}

.unstyled-list {
  list-style-type: none;
}

/** Background text  **/
.textMotoRightSyle {    color: white;
    word-wrap: break-word;
    font-style: oblique;
    font-size: 2em;
    text-align: center;
	text-shadow: 3px 1px 5px black;
    font-weight: bold;
}

@media only screen and (max-width: 512px) {
    #hideTextMotoRight {
        display: none;
    }
}