@import "/web/20150403192044cs_/http://www.radiostars.pl/css/reset.css";

html { height: 100%; }
* html body { height: 100%; }
body { margin: 0; padding: 0; background: #86c814 url(images/background.png) no-repeat; background-position: center top; font-size: 12px; color: #424242; font-family: Arial, Helvetica, sans-serif; line-height: 20px; min-height: 100%; position: relative; }

/* -------------------- */
/* -- General --------- */
/* -------------------- */
.wrapper { width: 946px; margin: auto; }
h1, h2, h3, h4, h5, h6 { font-family: 'Century Gothic', sans-serif; font-weight: normal; }
h1 { font-size: 30px; margin-bottom: 20px; text-transform: uppercase; }
h2 { font-size: 28px; margin-bottom: 15px; }
h3 { font-size: 24px; margin-bottom: 10px; }
h4 { font-size: 22px; margin-bottom: 10px; }
h5 { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
h6 { font-size: 14px; margin-bottom: 5px; }

.orange { color:#e5870d; }


/* -------------------- */
/* -- Header ---------- */
/* -------------------- */
.logo { float: left; margin: 30px 0 0 30px; }
.loginPanel { float: right; margin: 26px 26px 0 0; color: #ffffff; font-weight: bold; }
.loginPanel a { color: #ffffff; text-decoration: underline; }
.loginPanel a:hover { color: #ffdd55; text-decoration: underline; }
.loginPanel input[type=text], .loginPanel input[type=password] { margin : 0 0 7px 5px; width:100px; background-color: #e7e7e7; font-size: 12px; padding: 2px 10px 2px 10px; border: 1px solid #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.loginPanel input[type=submit]  { border: 0; width: 27px; height: 27px; background: url(images/loginButton.png) no-repeat; }

#topNav { 
	height: 50px; 
	background:url(images/menu.png) no-repeat;
	position: relative;
}
#topNavHome {
	width: 60px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#topNav ul { color: #585858; padding: 3px 2px 2px 62px;}
#topNav ul li { height: 55px;  text-align: center; display: block; float: left; position: relative; }
#topNav ul li a { display: block; color: #595858; padding: 15px 15px 9px 15px; font-size: 12px; position: relative; }
#topNav ul li a:hover { color: #ffffff; background: #9edd1d; }
.current  a { color: #ffffff!important; background: #9edd1d; }
#topNav ul li a span { display: block; }

#topIcons .iconFB { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/fb.png) no-repeat; }
#topIcons .iconFB:hover { width:19px; height:19px; background:url(images/fb_pressed.png) no-repeat; }
#topIcons .iconNK { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/nk.png) no-repeat; }
#topIcons .iconNK:hover { width:19px; height:19px; background:url(images/nk_pressed.png) no-repeat; }
#topIcons .iconYT { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/yt.png) no-repeat; }
#topIcons .iconYT:hover { width:19px; height:19px; background:url(images/yt_pressed.png) no-repeat; }
#topIcons .iconGG { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/gg.png) no-repeat; }
#topIcons .iconGG:hover { width:19px; height:19px; background:url(images/gg_pressed.png) no-repeat; }
#topIcons .iconEM { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/email.png) no-repeat; }
#topIcons .iconEM:hover { width:19px; height:19px; background:url(images/email_pressed.png) no-repeat; }
#topIcons .iconGA { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/g.png) no-repeat; }
#topIcons .iconGA:hover { width:19px; height:19px; background:url(images/g_pressed.png) no-repeat; }
#topIcons .iconIT { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/it.png) no-repeat; }
#topIcons .iconIT:hover { width:19px; height:19px; background:url(images/it_pressed.png) no-repeat; }
#topIcons .iconTT { margin: 15px 5px 0 0; padding:0; float: left; position: relative; width:19px; height:19px; background:url(images/tt.png) no-repeat; }
#topIcons .iconTT:hover { width:19px; height:19px; background:url(images/tt_pressed.png) no-repeat; }


.left { float:left; width:307px; }
.left1 { height:89px; background: #86c814 url(images/1.png) no-repeat; }
.left2 { margin-top:3px; width:307px; height:89px; background: #86c814 url(images/2.png) no-repeat; }
.left3 { margin-top:3px; width:307px; height:89px; background: #86c814 url(images/3.png) no-repeat; }
.right { float:left; width:618px; height:262px; margin-left:13px; padding:3px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background-color:#fff; }

.pozdrowienia { margin-top: 3px; font-size: 13px; background-color:#fff; width:940px; padding:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

/* -------------------- */
/* -- Content ------------ */
/* -------------------- */
#content { padding: 7px 0 7px 0;}

/* -------------------- */
/* -- Main ------------ */
/* -------------------- */
#main { float:left; width:625px;}
#main2 { float:left; width:945px;}
#main h1, #main h2, #main  h3, #main  h4, #main  h5, #main  h6 { color:#0099ff; }
#main2 h1, #main h2, #main  h3, #main  h4, #main  h5, #main  h6 { color:#0099ff; }
#mainBox { padding: 15px 10px 15px 10px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background:#ffffff url(images/nuty_zieleone.png) no-repeat 100% 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#mainBox  .fix img { margin:15px 0 15px 0; }
#mainBox2 { float:left; width:925px; padding: 15px 10px 15px 10px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background:#ffffff url(images/nuty_zieleone.png) no-repeat 100% 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#mainBox2  .fix img { margin:45px 30 45px 30; }
.mainHalf { width:287px; }

#newsy { padding: 15px 0 15px 0; }
#news { float:right; width:465px;  margin-left:5px; }
#news-img { float:left; }
#news-body { height: 95px; }
#news-footer { margin-top:10px; }
#news-footer  a { color:#b1b1b1; }

.galleryMain a img { padding: 1px; border:1px solid #ffffff; }
.galleryMain a:hover img { padding: 1px; border:1px solid #86c814 ; }
.gallerySidebar img { margin: 0 4px 5px 0; float:left; }

.imprezkiMain a img { padding: 1px; border:6px solid #ffffff; }
.imprezkiMain img { margin: 0 40px 30px 20; float:center; }
.tytul {
	width:290px;
	font-weight:bold;
	float:right;
	padding-left:10px;
	}
	
.imprezkiMain2 a img { padding: 1px; border:6px solid #ffffff; }
.imprezkiMain2 img { margin: 0 40px 30px 20; float:center;background: #86c814 url(images/ttlo.png)}
.tytul {
	width:290px;
	font-weight:bold;
	float:right;
	padding-left:10px;
	}	
	


.zdjeciaMain a img { padding: 1px; border:5px solid #ffffff; }


.ankieta input  { margin: 10px 10px 0 0; }
.ankieta input[type='radio'] { margin: 7px 0 7px 10px; }

#adminBox { color:#75ae0c; background:#d6ecad; border: 1px solid #89c914; float:left; padding:2px 7px; margin:0 10px 20px 10px; }
#djBox { color:#36a6f4; background:#c2e4fc; border: 1px solid #3aa8f4; float:left; padding:2px 7px; margin:0 10px 20px 10px; }


/* -------------------- */
/* -- Ekipa ------------ */
/* -------------------- */

ul#admini {
	list-style-type:none;
	padding:5px !important;
	margin-top:10px;
	color:#36a6f4;
	float:none;
	width:605px;
	}
ul#admini li{
    margin-left:5px;
	margin-top:10px;
	width:300px;
	height:135px;
	display:inline-block;
	padding:5px !important;
	border:1px solid #89c914;
	background:#d6ecad;
	}

ul#admini  img {
max-width:130px;
}

ul#dj {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	color:#36a6f4;
	float:left;
	width:605px;
	}
ul#dj  li{
    margin-left:5px;
	margin-top:10px;
	width:131px;
	height:170px;
	display:inline-block;
	padding:5px !important;
	border:1px solid #89c914;
	background:#d6ecad;
	}
ul#dj  img {
max-width:130px;
}

/* -------------------- */
/* -- klips   --------- */
/* -------------------- */
#toplista1 {
	width:580px;
	background:#cefb7f;
	margin:0 auto;
	padding:10px;
	min-height:75px;
	}

#numer1 {
	color:#309de9;
	font-size:60px;
	font-family:Arial,Helvetica,sans-serif;
	float:left;
	width:20px;
	height:1000px;
	margin-top:25px;
	margin-right:25px;
	}
#top-pic1 {
	width:75px;
	height:75px;
	padding:5px;
	float:left;
	}

#tytul1 {
    color: #309DE9;
    margin-left: 2px;
    position: relative;
    top: 10px;
    width: 450px;
}
.wykon1 {
	font-size:18px;
	font-weight:bold;
	}
.zespol1 {
	font-size:13px;
	font-weight:bold;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	}
.miejsce1 {
	color:#81c20e;
	font-size:11px;
	}
#vote1 {
    bottom: 30px;
    float: right;
    position: relative;
}

/* ----- reszta toplisty ------ */

#toplista {
	width:500px;
        margin:0 auto;
	padding:5px;
	min-height:75px;
	border-bottom:1px solid #cbed8f;
	}

#numer {
	color:#309de9;
	font-size:35px;
	font-family:Arial,Helvetica,sans-serif;
	float:left;
	height:10px;
	margin-top:25px;
	}
#top-pic {
	width:104px;
	height:55px;
	float:left;
	}
#tytul {
    color: #309DE9;
    margin-left:35px;
    position: right;
    top: 10px;
    width: 450px;
}
.wykon {
	font-size:16px;
	font-weight:bold;
	}
.zespol {
	font-size:12px;
	font-weight:bold;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	}
.miejsce {
	color:red;
	font-size:11px;
	}
#vote {
    bottom: 30px;
    float: right;
    position: relative;
	width:110px;
	}
#vote {
	float:right;
	}
.dzieki {
    color: #90CC15;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 22px;
}
.login-error {
    color:red;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 22px;
}


/* ----- propozycje ------ */

#r-toplista {
	width:500px;
	margin:0 auto;
	padding:5px;
	min-height:75px;
	border-bottom:1px solid #cbed8f;
	}

#r-numer {
	color:#979797;
	font-size:35px;
	font-family:Arial,Helvetica,sans-serif;
	float:left;
	height:60px;
	margin-top:25px;
	}
#r-top-pic {
	width:75px;
	height:75px;
	padding:5px;
	float:left;
	}

#r-tytul {
    color: #979797;
    margin-left:15x;
    position: relative;
    top: 10px;
    width: 450px;
}
.r-wykon {
	font-size:16px;
	font-weight:bold;
	}
.r-zespol {
	font-size:12px;
	font-weight:bold;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	}

#r-vote {
    bottom: 30px;
    float: right;
    position: relative;
	width:110px;
	}
#r-vote img {
	float:right;
	}
.r-dzieki {
    color: #979797;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 22px;
}
.r-login-error {
    color:red;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 22px;
}


/* -------------------- */
/* -- Ram�wka-----------*/
/* -------------------- */

#ramowka {
	width:450px;
	margin: 20px auto;
	}
.dzientygodnia {
	width:125px;
	height:20px;
	background:#87c914;
	color:#fff;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	}
.opis {
	width:450px;
	height:20px;
	background:#d5ecad;
	color:#494949;
	text-align:left;
	}
.opis2 {
	width:450px;
	height:20px;
	color:#494949;
	text-align:left;
	margin-top:10px;
	}
.audycja {
	width:190px;
	font-weight:bold;
	float:left;
	padding-left:10px;
	}
.prezenter{
	width:125px;
	font-weight:bold;
	float:left;
	}
.prezenter2{
	width:125px;
	float:left;
	}
.godzina {
	width:125px;
	font-weight:bold;
	float:left;
	}
.godzina2 {
	width:125px;
	float:left;
	}

/* -------------------- */
/* -- O nas ------------ */
/* -------------------- */
#onas {
	color:#7d7d7d;
	text-align:justify;
	padding:10px;
	font-size:12px;}
#onas p {
	margin-top:10px;
	}
#logo-onas {
	margin: 0 auto;
	width:600px;
	text-align:center;
	margin-bottom:50px;
	}


/* -------------------- */
/* -- Kontakt ------------ */
/* -------------------- */
#kontakt {
	text-align:center;
	}
#kontakt h1{ 
	color:#7d7d7d;
	text-align:center;
	margin-top:65px;
	}
#kontakt-single {
	margin-top:30px;
	}
	
	
	
.jp { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('css/form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		margin-top:10px;

	}

.jp2 { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	background: #FFFFFF url('css/form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		margin-top:10px;
	width: 550px;
	max-width: 550px;
	height: 150px;
	line-height: 150%;

	}






textarea { 
	width: 550px;
	max-width: 550px;
	height: 150px;
	line-height: 150%;
	}


.form label { 
	margin-left: 12px; 
	color: #999999; 
	margin-top:5px;
	
	}
.name .email .web {
	margin-top:10px;
	}
.submit { float:right;
margin-top:25px;
height:120px;	}
.submit input {
	width: auto;
	padding: 10px 14px;
	background: #90cc15;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor:pointer;
	float:right;
	}
#form-div { 
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
background-color:#F5F5F5;
padding:15px;
margin-top:35px;
}


/* -------------------- */
/* -- Sidebar --------- */
/* -------------------- */
#sidebar { float:right; width:311px; margin-left:10px; }
#sidebarBox { padding: 15px 5px 15px 5px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background:#ffffff url(images/nuty_pomarancz.png) no-repeat 100% 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#sidebarBox1{ padding: 15px 5px 15px 5px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background:#ffffff no-repeat 100% 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#sidebarBox2 { padding: 15px 5px 15px 35px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background:#ffffff url(images/nuty_zieleone.png) no-repeat 100% 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#sidebarBox3{ padding: 15px 5px 15px 5px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background:#ffffff url(images/nuty_zieleone.png) no-repeat 100% 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#sidebarBox4{ padding: 15px 5px 15px 60px; border-right: 2px solid #73ab10; border-bottom: 2px solid #73ab10; background:#ffffff url(images/nuty_pomarancz.png) no-repeat 100% 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { color:#e5870d; }

.nowosc { position:relative; top:-17px; left:-9px; float:left; z-index: 1; }
.nowosci  h2 { position:relative; top:0px; left:-20px; float:left; z-index: 2; }
.nowosci2  h2 { position:relative; top:0px; left:-20px; float:left; z-index: 2; }

.online img { margin-left: 2px; }
.online a img { padding: 1px; border:1px solid #8c8c8c; }
.online a:hover img { padding: 1px; border:1px solid #e5870d; }
.szare a { color: #424242; text-decoration: underline; }
.online p { margin-top:10px; }

/* -------------------- */
/* -- Footer --------- */
/* -------------------- */
#footer { clear: both; height:45px; margin-top:42px; color:#ffffff; }
#footer a { color:#ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footerLogo { float:left; padding-right:10px; border-right: 1px solid #fff; margin-top:45px; }
#footerInfo { float:left; padding: 10px 10px 0 10px; margin-top:45px;  }
#footerAuthors { float:right; padding: 10px 10px 0 10px; margin-top:45px;  }
#partnerzy img { margin-right: 3px; }

/* -------------------- */
/* -- Reset ----------- */
/* -------------------- */
td { padding: 3px; }
.nomargin { margin: 0!important; }
.nopadding { padding: 0!important; }
.noborder { border: none!important; }
.nobg { background: none!important; }
.floatleft { display: block; float: left; }
.floatright { display: block; float: right; }
.aligncenter { text-align: center; }
.fix { clear: both; }
.fix img { margin:8px 0 8px 0; }
.displayNone { display: none; }

#prezenterzy {
	width: 500px;
	height: auto;
}

.prezenter {
	width: 400px;
	height: 150px;
	border:1px solid #89c914;
	background:#d6ecad;
	margin: 10px 20px;
	position: relative;
}

.prezenter_avatar {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius:10px;
}

.prezenter_nick {
	font-weight: bolder;
	color: #8b8b8b;
	font-size: 12px;
	position: absolute;
	top: 10px;
	left: 150px;
}

.prezenter_stanowisko{
	font-weight: bolder;
	color: #8b8b8b;
	font-size: 12px;
	position: absolute;
	top: 40px;
	left: 150px;
}
.prezenter_gatunki{
	font-weight: bolder;
	color: #8b8b8b;
	font-size: 12px;
	position: absolute;
	top: 70px;
	left: 150px;
}
.prezenter_kontakt{
	font-weight: bolder;
	color: #8b8b8b;
	font-size: 12px;
	position: absolute;
	top: 110px;
	left: 150px;
}


.pagination {
    color: #616161;
    font-size: 10px;
    padding-bottom: 1px;
    padding-top: 0;
}
.pagination .selected  {
    background-color: #0099ff;
    border: 1px solid #0099ff;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1em;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0 5px 2px;
}
.pagination a {
    background-color: #FFFFFF;
    border: 1px solid #fb9c21;
    color: #616161;
    font-size: 1.2em;
    line-height: 1em;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0 5px 2px;
    text-decoration: none;
}
.pagination a:hover {
    background-color: #fb9c21;
    border: 1px solid #fb9c21;
    color: #FFFFFF;
    text-decoration: none;
}

/* sms */
#sms-box {
	position: fixed;
	width: 200px;
	height:310px;
	top: 200px;
	right: 0px;
	padding: 0px;
	z-index: 100;
	margin-right: -200px;
}

.sms-text-box {
	background-color: black;
	border-radius: 0px 0px 0px 5px;
	-moz-border-radius: 0px 0px 0px 5px;
	-khtml-border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
	width: 150px;
	height: 310px;
	float: left;
	opacity: 0.8;
	padding: 5px;
	padding-left: 8px;
	padding-right: 2px;
	color: white;
}

.sms-icon {
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-khtml-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	background-color: black;
	background-image: url(images/smsradioicon.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 46px;
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	float: left;
}
/* sms */
/*android*/
#ekipa-icon {
	position: fixed;
	top: 140px;
	right: 0px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-khtml-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	background-color: black;
	background-image: url(http://pics.tinypic.pl/i/00504/9t8vvqiyy7bt.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 46px;
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	margin-right: -40px;
	z-index: 100;
}

#ekipa-icon:hover, .sms-icon:hover {
	opacity: 1;
}