﻿@import url(http://www.polskieradio.pl/_style/HeadTail.css);
@import url(/_style/sitemap_trojka.css);

* {font-family:Trebuchet MS,Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; color:#333; border:none; margin:0; padding:0;}
body {text-align:center;}
li {list-style:none;}
a {text-decoration:none; cursor:pointer;}
a:focus, a:active {outline:none; -moz-outline:none;}
.clear {clear:both;}
.error {display:block; margin:10px; padding:0 10px 0 20px; color:#F00; font-weight:bold; background:url(/_img/ico/alert.gif) no-repeat 0 0;}
.top50 {margin-top:50px;}
.top20 {margin-top:20px;}

div#main {width:980px; margin:0 auto;}

div#main2 {position:relative; width:980px; height:530px; text-align:left; border:1px solid #000; border-top:none; float:left;}
	html>body div#main2 {height:auto; min-height:530px;}

div#logo_trojka {position:absolute; top:450px; left:0; display:block; width:35px; height:113px; background: url(../_img/trojka.gif) no-repeat right;}
div#logo_trojka a {display:block; width:35px; height:113px; cursor:pointer;}

div#head div.tabs {display:block; z-index:1;}

div#menu {position:relative; width:980px; height:320px; display:block; z-index:2;}
div#menu .grafika {position:relative; z-index:20;}
div#menu object {display:block; width:980px; height:320px; z-index:2;}
div#menu div#prezent1 {position:absolute; top:155px; right:20px; display:block; width:145px; height:189px; background: url(../_img/prezent1.gif) no-repeat; z-index:1;}
div#menu div#prezent2 {position:absolute; top:235px; right:5px; display:block; width:119px; height:97px; background: url(../_img/07.gif) no-repeat;}
div#menu div#prezent3 {position:absolute; top:225px; right:10px; display:block; width:121px; height:133px; background: url(../_img/08.gif) no-repeat right;}
div#menu div#prezent4 {position:absolute; top:215px; right:10px; display:block; width:124px; height:125px; background: url(../_img/09.gif) no-repeat;}

object#plyta {margin-top:0px;} /* jak będzie przycisk KUP TERAZ zrobić na 40px */

div#text {position:relative; width:980px; height:400px; padding:30px 55px 55px 55px; float:left;}
	html>body div#text {width:870px; height:auto; min-height:400px;}

div#text h1 {width:870px; color:#AAA; font-size:25px; font-weight:lighter; letter-spacing:1.2px; margin-bottom:10px; clear:both;}
div#text h1 span {color:#333; font-size:25px; font-weight:lighter;}

div#text h1.right {width:420px; color:#AAA; font-size:25px; font-weight:lighter; letter-spacing:1.2px; margin:0 0 15px 450px; clear:both;}
div#text h1.right span {color:#333; font-size:25px; font-weight:lighter;}
div#text div.all {width:870px; line-height:1.5; float:left;}

div#text div.left {width:420px; height:500px; color:#808080; line-height:1.5; margin-right:15px; float:left;}	
	html>body div#text div.left {height:auto; min-height:500px;}	
div#text div.left.galery {width:420px; height:500px; color:#808080; line-height:1.5; margin-right:15px; float:left;}
	html>body div#text div.left.galery {height:auto; min-height:500px;}
	
div#text div.left.karp {width:200px; height:600px;}
	html>body div#text div.left.karp {height:auto; min-height:600px;}
div#text div.left.karp p {margin:10px 0;}
div#text div.right {position:relative; width:420px; color:#808080; line-height:1.5; margin-left:15px; float:left;}

div#text div.right.galery {position:absolute; top:70px; right:50px; width:420px; height:550px; color:#808080; line-height:1.5; margin-left:15px; float:left;}
	html>body div#text div.right.galery {height:auto; min-height:550px;}

div#text p {color:#808080; line-height:1.5; margin:5px 0;}
div#text p.top20 {margin-top:20px;}
div#text span {line-height:1.5;}
div#text b {color:#333; font-weight:normal; line-height:1.5;}
div#text a {color:#E50277; text-decoration:none;}
div#text a:hover {color:#E50277; text-decoration:underline;}
div#text a.cel {color:#E50277; text-decoration:underline;}
div#text img.right {float:right;}
div#text img.left {float:left;}
div#text p.pink {color:#CC0066;}
div#text p.pink b {color:#CC0066; font-weight:bold;}

div#text div.all div.article {}
div#text div.all span.date {display:block; color:#808080; font-size:10px;}
div#text div.all span.title {display:block; color:#333; margin:5px 0;}
div#text div.all p#title {display:block; color:#333; margin:5px 0;}
div#text div.all span.note {display:block; color:#808080; margin-bottom:40px;}
div#text div.all div#content {display:block; color:#808080; margin-bottom:40px;}

div.article_gl span.date {display:block; color:#808080; font-size:10px; padding:5px 0 0 0; border-top:1px solid #DDD;}
div#text div.right div.article_gl p.title {display:block; color:#333; padding:2px 0; margin:0;}
div.article_gl span.note {display:block; color:#808080; margin:0;}

div#links_films {margin:10px 0 0 0;}
span.mp3 {background: url(../_img/speaker_green.gif) no-repeat right; padding-right:25px;}
span.doc {background: url(../_img/doc.gif) no-repeat right; padding:0 25px 0 0;}
span.pdf {background: url(../_img/pdf.gif) no-repeat right; padding:0 25px 0 0;}
span.films {background: url(/_img/ico/camera.gif) no-repeat right top; padding:0 25px 0 0;}
span.mobile {background: url(/_img/ico/mobile.gif) no-repeat right top; padding:0 20px 0 0;}

h3 {color:#A5A5A5; font-size:16px; font-weight:bold; margin-bottom:3px;}

div.galeria {margin-bottom:55px; float:left;}
div.galeria a.photo_box {display:block; width:100px; height:90px; float:left;}
div.galeria a.photo_box span.photo {display:block; width:90px; height:90px;}
div.galeria a.photo_box span {display:block; color:#808080;}

div#galleryPager {}
div#galleryPager div#gallery_prev span {background: url(../_img/back2.gif); cursor:pointer;}
div#galleryPager div#gallery_prev span a {position:absolute; top:62; right:0; displat:block; width:35px; height:36px; background: url(../_img/back1.gif); cursor:pointer;}
div#galleryPager div#gallery_prev span a:hover {position:absolute; top:62; right:0; displat:block; width:35px; height:36px; background: url(../_img/back2.gif); cursor:pointer;}
div#galleryPager div#undefinedSlideShow a {position:absolute; top:98px; right:0; displat:block; width:35px; height:38px; background: url(../_img/slideshow.gif); cursor:pointer;}
div#galleryPager div#undefinedSlideShow a:hover {position:absolute; top:98px; right:0; displat:block; width:35px; height:38px; background: url(../_img/slideshow2.gif); cursor:pointer;}
div#galleryPager div#gallery_next span {background: url(../_img/fwdaa.gif);}
div#galleryPager div#gallery_next span a {position:absolute; top:133px; right:0; displat:block; width:35px; height:36px; background: url(../_img/fwd.gif); cursor:pointer;}
div#galleryPager div#gallery_next span a:active {position:absolute; top:133px; right:0; displat:block; width:35px; height:36px; background:#CCC; cursor:pointer;}
div#galleryPager div#gallery_next span a:hover {position:absolute; top:133px; right:0; displat:block; width:35px; height:36px; background: url(../_img/fwd2.gif); cursor:pointer;}

div#gallery div div#top {position:absolute; top:0; right:35px; width:390px; text-align:right;}
div#gallery div div#top {display:inline; color:#AAA; margin:2px 0 0 0;}
div#gallery div div#top span#galleryCounter {color:#333; font-size:10px;}
div#gallery div div#top span.title {color:#AAA; font-size:10px;}
div#gallery div div#top span.author {display:block; color:#AAA; font-size:10px;}

span.img {display:block; width:300px;}
span.img img {position:absolute; top:36px; right:35px;}

div#top {width:300px; text-align:center; margin-top:10px; float:left;}
div#top span#galleryCounter {font-weight:bold;}

h2 {font-weight:normal;}
h2 small {font-weight:normal; margin-left:15px;}
div.wykonawcy {color:#AAA; font-size:10px; line-height:1.5;}
div.wykonawcy b {color:#AAA; font-size:10px; line-height:1.5;}

div#buy_now {position:absolute; top:60px; left:200px; display:block; width:93px; height:27px; background: url(../_img/buy_now.gif) no-repeat;}
div#buy_now a {display:block; width:93px; height:27px;}
div#buy_now a:hover {display:block; width:93px; height:27px; background: url(../_img/buy_now2.gif) no-repeat;}

div#pat_par {position:relative; display:block; width:850px; height:95px; margin-top:20px; float:left;}
div#patroni {position:absolute; top:0; left:450px; width:160px; height:110px; color:#999; font-size:10px; float:left;}
a#orlen {position:absolute; top:15px; left:0px; display:block; width:87px; height:68px; background: url(../_img/orlen.gif) no-repeat;}
a#orlen2 {position:absolute; top:5px; left:105px; display:block; width:52px; height:87px; background: url(../_img/orlen_dar.gif) no-repeat;}
div#partnerzy {position:absolute; top:0; left:650px; width:150px; height:110px; color:#999; font-size:10px; float:left;}
a#empik {position:absolute; top:17px; left:0px; display:block; width:62px; height:27px; background: url(../_img/empik.gif) no-repeat;}
a#gala {position:absolute; top:15px; left:72px; display:block; width:50px; height:29px; background: url(../_img/gala.gif) no-repeat;}
a#rzeczpospolita {position:absolute; top:55px; left:0px; display:block; width:124px; height:20px; background: url(../_img/rzeczpospolita.gif) no-repeat;}

span.tail {padding-top:10px; border:0; margin:0; clear:both; position:relative;}

div.dzwieki {margin:50px 0 0 50px;}
div#text div.dzwieki p.tytul {color:#e50277; font-size:14px; margin-bottom:10px; }
div#text div.dzwieki a {color:#000000;}
