@import url(/_style/HeadTail_new.css);
@import url(/_style/sitemap_main.css);

* {font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size:11px; line-height:160%; color:#fff; border:none; margin:0; padding:0;}
body {background:#bb0017 url(../_img/bgMain2.jpg) no-repeat top center; text-align:center;}
li {list-style:none;}
a {color:#fff; 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;}
.hide {display:none !important;}

a:hover, a:hover * {color:#ccc;}

div#head * {line-height:130%;}

#bgMainTop {background:url(../_img/bgMainTop.jpg) repeat-x;}
#main {width:980px; text-align:left; margin:0 auto;}
#main.sub {background:url(../_img/bgAmericaSub.jpg) no-repeat 337px 131px;}

/* seeMore */
#seeMoreBox {position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:url(../_img/seeMoreBox.gif); text-align:center; cursor:pointer; z-index:101; clear:both;}
	html>body #seeMoreBox {background:url(../_img/seeMoreBox2.png);}
#seeMoreBox.mainSite {display:block; width:100%; height:100%;}

#seeMoreBox.mainSite {background:url(../_img/seeMoreBox.gif);}
	html>body #seeMoreBox.mainSite {background:url(../_img/seeMoreBox.png);}
#seeMoreBox.mainSite #playerBoxAndClose {position:relative; width:510px; height:290px; background:#c4c4c4; padding:5px 0 0 0; margin:180px auto 0 auto;}
	html>body #seeMoreBox.mainSite #playerBoxAndClose {height:285px;}
#seeMoreBox.mainSite #playerBoxAndClose img {position:absolute; top:0; right:-25px;}
#seeMoreBox.mainSite #player {display:inline-block; *display:inline !important; *display:inline; width:500px; height:280px; }

#seeMoreBox #mainSeeMoreBox {position:relative; width:980px; margin:0 auto;}
#seeMoreBox #mainSeeMoreBox div#flashBoxMain {position:absolute; top:120px; left:200px; cursor:pointer; z-index:102;}
#seeMoreBox #mainSeeMoreBox div#flashBox object,
#seeMoreBox #mainSeeMoreBox div#flashBox embed {cursor:pointer; z-index:103;}
#seeMoreBox #mainSeeMoreBox #buttonClose {position:absolute; top:135px; left:310px; width:24px; height:24px; background:url(../_img/buttonClose.jpg) no-repeat; cursor:pointer; z-index:104;}

/* main site */
#contLogo {position:relative; height:65px;}
#contLogo a {position:absolute; right:52px; bottom:2px; width:353px; height:43px; background:url(../_img/logoGranice.gif) no-repeat;}

/* menu */
#contMenu {height:24px; padding:1px 0 0 64px; border-top:1px solid #bd4755;}
#contMenu.specialForMain {height:0;}
#mainMenu {background:#61010c; color:#a24b4e; padding:3px 5px; margin:0 15px 0 0; float:left;}
#mainMenu2 {background:#7a0110; color:#a24b4e; padding:3px 5px; float:left;}
#mainMenu2.oProjekcie {margin:0 0 0 180px;}
	html>body #mainMenu2.oProjekcie {margin:0 0 0 248px;}
#mainMenu a.menuActiv, #mainMenu a:hover, #mainMenu2 a:hover {color:#ffcb05;}

/* whereWeAre */
#whereWeAre {height:55px; color:#fff; padding:7px 0 0 64px;}
	html>body #whereWeAre {height:48px;}
#whereWeAre span {font-weight:bold;}

/* containers for flash on main site */
#contFLashMain {height:738px; background:url(../_img/bgMainAmerica4.jpg) no-repeat 64px 0;}

/* containers */
#contContent {width:980px; height:736px;}
	html>body #contContent {height:auto; min-height:736px;}
#contLeft {position:relative; width:586px; height:736px; margin:0 6px 0 32px; float:left;}
	html>body #contLeft {height:auto; min-height:736px; margin:0 6px 0 64px;}
#contRight {position:relative; width:287px; height:736px; background:url(../_img/bgRightSub.jpg) no-repeat 0 4px; float:left;}
	html>body #contRight {height:auto; min-height:736px;}

/* contLeft */
#nameSurnameLeft {font:30px Arial; font-weight:bold; line-height:95%;}
#aWay, #aWay * {color:#de9b1b; font-size:13px; font-weight:bold;}
#aWay span {background:url(../_img/aWay.gif) no-repeat 0 7px; padding:0 0 0 9px; margin:0 0 0 4px;}
#aWay span.bezKropki {background:none; padding:0; margin:0;}

/* content */
p#title {font-weight:bold; margin:40px 0 0 0;}
span.date {display:block; color:#de9b1b; margin:0 0 5px 0;}

#content {width:550px; float:left;}
#content a {color:#eee; text-decoration:underline;}
#content a:hover {color:#ccc;}
#content p {font-style:normal; margin:10px 0;}
#content blockquote {display:block; width:280px; font:12px Geneva, Trebuchet MS; font-weight:normal; padding:0 0 10px 10px; margin:10px 10px 10px 20px; float:right;}
	html>body #content blockquote {width:230px;}
#content span.date {display:block; color:#584f45; font-size:10px; margin:0 0 12px 0;}
#content .fotoLeft {margin:3px 13px 10px 0; float:left;}
	html>body #content .fotoLeft {margin:3px 20px 10px 0;}
#content .fotoRight {margin:3px 0 10px 13px; float:right;}
	html>body #content .fotoRight {margin:3px 0 10px 20px;}
#content .fotoLeft span,
#content .fotoRight span {display:block; font-size:9px;}
#content .fotoLeft img,
#content .fotoRight img {display:block; border:5px solid #ae0013;}
#content ul.files {margin:10px 0;}
#content ul.files li {padding:5px 0 5px 20px; clear:both; background:url(/_img/empty.gif) no-repeat 0 3px;}
#content ul.files li span {padding-right:20px;}
#content ul#pdf li {background-image:url(/_img/ico/pdf.gif);}
#content ul#doc li {background-image:url(/_img/ico/doc.gif);}
#content ul#rtf li {background-image:url(/_img/ico/rtf.gif);}
#content ul#xls li {background-image:url(/_img/ico/xls.gif);}
#content ul#mp3 li {background-image:url(/_img/ico/mp3.gif);}
#content a.mp3 {background:url(/_img/ico/speaker.gif) no-repeat; padding:0 0 3px 22px;}
#content object {display:block; width:440px; padding:20px 0 0 0; margin:0 auto;}

#seeMoreTitle {background:url(../_img/seeMoreBelt.jpg); padding:5px 8px; margin:30px 0 0 0; clear:both;}
	html>body #seeMoreTitle {background:url(../_img/seeMore.png); padding:5px 8px;}

/* stan */
#title.stan {font:22px Arial; font-weight:bold; text-transform:uppercase; margin:40px 0 10px 0;}

#relatedarts {margin:0 0 20px;}
#relatedarts li {margin:0 0 10px 0;}
#relatedarts li a {display:block; text-decoration:none;}
#relatedarts li a span {display:block;}
#relatedarts li a span.date {color:#fff; margin:0;}
#relatedarts li a span.title {color:#de9b1b; font-weight:bold;}
#relatedarts li a:hover span {color:#ccc;}

#content.stan {margin:0;}

/* arch */
#arch {margin:5px 8px;}
#arch li a span.title {color:#de9b1b; font-weight:bold; margin:0 0 0 10px;}
#arch li a:hover span.title, #arch li a:hover span.date {color:#ccc;}
#arch li a span.date {display:inline; color:#fff; font-weight:normal;}

#wiecej {margin:20px 0 0 0; clear:both;}
div#moreLink {display:block; width:100%; margin:10px 0 0 0; clear:both;}
div#moreLink a#moreLink {font-weight:bold;}

#boxIcoFilmPhoto {width:550px; height:50px; margin:10px 0; float:left;}
#boxIcoFilmPhoto a {display:block; width:50px; height:50px; margin:0 10px 0 0; float:left;}
#boxIcoFilmPhoto a#film {background:url(../_img/icoFilm.gif) no-repeat;width:100px;}
	html>body #boxIcoFilmPhoto a#film {background:url(../_img/icoFilm.png) no-repeat;}
#boxIcoFilmPhoto a#film span {display:block; width:200px; margin:17px 0 0 50px;}
#boxIcoFilmPhoto a#photo {background:url(../_img/icoPhoto.gif) no-repeat;}
	html>body #boxIcoFilmPhoto a#photo {background:url(../_img/icoPhoto.png) no-repeat;}
#boxIcoFilmPhoto a#photo span {display:block; width:200px; margin:17px 0 0 47px;}

/* threeBoxes */
#threeBoxes {display:inline-block; background:#be7a4d; padding:1px 0 1px 1px; margin:30px 0 0 0;}
#threeBoxes .box {width:194px; height:101px; background:#000; margin:0 1px 0 0; float:left;}
	html>body #threeBoxes .box {margin:0 1px 0 0;} 
.boxTitle {background:#58010c; color:#fff; font-weight:bold; padding:5px 10px;}
.boxContent {width:194px; height:74px; background:#ccc url(../_img/threeBoxes.png); padding:9px 0 0 9px;}
	html>body .boxContent {width:185px; height:65px;}
.boxContent .boxSmall {width:83px; height:55px; background:#000; border:1px solid #ad730b; margin:0 9px 0 0; float:left;}
	html>body .boxContent .boxSmall {width:81px; height:53px;}
.boxContent .boxSmall.right {margin:0;}
.boxContent .boxSmall.alone {width:174px; margin:0;}
.boxContent .boxSmall a {display:block; width:100%; height:100%; background-position:center;}
.boxContent .boxSmall a img {display:block; width:100%; height:100%; background-position:center;}

/* map */
#contLeft.map {position:relative; height:729px; z-index:5;}
#contRight.map {position:relative; height:729px; z-index:1;}
#contLeft.map #googleMap {position:absolute; top:85px; left:0; width:869px; height:629px; border:6px solid #9c0112;}
	html>body #contLeft.map #googleMap {position:absolute; width:857px; height:617px;}

#iWasIamIwill {widdth:980px; height:270px; margin:0 0 0 64px; clear:both;}
	html>body #iWasIamIwill {height:auto; min-height:270px;}
.boxMap {width:286px; height:255px; margin:0 5px 0 0; float:left;}
	html>body .boxMap {height:auto; min-height:255px; background:url(../_img/googleBox.png) repeat-x;}
.boxMap .boxMapTitle {height:43px; margin:0 0 5px 0;}
.boxMap.first .boxMapTitle {background:url(../_img/iWas.gif) no-repeat 10px 2px;}
.boxMap.second .boxMapTitle {background:url(../_img/iAm.gif) no-repeat 10px 2px;}
.boxMap.third .boxMapTitle {background:url(../_img/iWill.gif) no-repeat 10px 2px;}
	html>body .boxMap.first .boxMapTitle {background:url(../_img/iWas.png) no-repeat 10px 2px;}
	html>body .boxMap.second .boxMapTitle {background:url(../_img/iAm.png) no-repeat 10px 2px;}
	html>body .boxMap.third .boxMapTitle {background:url(../_img/iWill.png) no-repeat 10px 2px;}
.boxMapTitle img {margin:2px 0 0 9px; float:left;}
.boxMapTitle span {display:block; color:#de9b1b; padding:23px 0 0 44px; float:left;}
.boxMapContent {display:block; width:286px; padding:15px 15px 15px 52px;}
	html>body .boxMapContent {display:block; width:219px; padding:0; margin:15px 15px 15px 52px;}
.boxMapContent li {margin:0 0 10px 0;}
.boxMapContent .title {display:block; color:#de9b1b;}
.boxMapContent .date {color:#fff;}
.boxMapContent a:hover span {color:#ccc;}

/* video */
#contLeft.video {}
#playerVideo {display:inline-block; *display:inline !important; *display:inline; border:5px solid #9c0112;}
#playerVideo embed, #playerVideo object {dislay:block;}
#titleVideo {display:block; width:500px; color:#de9b1b; font-weight:bold; margin:10px 0 0 0;}
#leadVideo {display:block; width:500px;}
#filmsBox {width:570px; margin:20px 0 0 0; float:left;}
a.video_mini {diplay:block; width:130px; height:100px; margin:0 10px 0 0; float:left;}
a.video_mini img {border:5px solid #9c0112;}
a.video_mini:hover img, a.video_mini img:hover {border:5px solid #ae0013;}
a.video_mini .title {display:none;}
#paging {clear:both;}
#paging a {background:#9c0112; padding:5px; margin:0 1px 0 0;}
#paging a:hover, #paging a:hover span, #paging a#activ {background:#ae0013;}

/* player */

ul#articlemp3player {display:none; margin:10px 0 0 5px;}

/* galleries */
.galleries {width:140px; height:160px; float:left;}
.galleries a {display:block; width:100px; height:100px; border:5px solid #9c0112;}
	html>body .galleries a:hover {border:5px solid #ae0013;}
.galleries .title {display:block; width:110px;}

#galleryTitle {color:#de9b1b; font-size:17px; font-weight:bold; margin:0;}
#galleryBox {position:relative;}
#gallery {position:relative; display:inline-block; border:5px solid #9c0112;}
#gallery span span.img img {display:block;}
#gallery span #top {position:absolute; left:0; bottom:0; width:100%; background:url(../_img/seeMoreBox.gif); padding:8px 3%;}
	html>body #gallery span #top {width:94%; background:url(../_img/seeMoreBox.png);}
#gallery span #top span#galleryCounter {float:right;}
#gallery span #top .titleAuthor {width:85%; float:left;}
#gallery span #top .title {display:block; color:#de9b1b; padding:0 10px 0 0; float:left;}
#gallery span #top .author {float:left;}

#galleryPager {height:28px;}
#galleryPager * {font-size:14px; font-weight:bold;}
#galleryPager #gallery_prev {position:absolute; left:0px;}
#galleryPager #gallery_next {position:absolute; left:258px;}

#gallerySlideShow {position:absolute; top:0; left:115px;}
#gallerySlideShow a {font-size:14px; font-weight:bold;}

/* contRight */
/* traveller */
#nameSurname {background:#9e0013; color:#fff; padding:5px 0 5px 18px;}
img#photoPtipper {position:absolute; top:-57px; left:151px;}
img#photoTravellers {position:absolute; top:-22px; left:40px;}

#contRight a#michniewicz, #contRight a#rosiak, #contRight a#obszanska, #contRight a#zakowski {background:url(../_img/transparent10x10.gif);}
#contRight a#michniewicz {position:absolute; top:247px; left:35px; display:block; width:130px; height:95px;}
#contRight a#rosiak {position:absolute; top:-20px; left:120px; display:block; width:140px; height:100px;}
#contRight a#obszanska {position:absolute; top:82px; left:150px; display:block; width:140px; height:80px;}
#contRight a#zakowski {position:absolute; top:165px; left:70px; display:block; width:135px; height:80px;}

.marginTop10 {margin:10px 0 0 0;}

/* seePrecisely */
a#seePrecisely {display:block; width:150px; height:45px; background:url(../_img/seePrecisely.gif) no-repeat; padding:15px 0 0 70px; margin:69px 0 0 126px;}
	html>body a#seePrecisely {width:80px; height:30px; background:url(../_img/seePrecisely.gif) no-repeat;}

/* onAir */
#contRight.map #onAir {display:none;}
#onAir {text-align:right; padding:15px; margin:0 0 33px 0;}
	html>body #onAir {background:url(../_img/onAirBorder.png) no-repeat right bottom;}
#onAir .title {font-size:12px; font-weight:bold;}
#onAir p {color:#ccc;}

/* stream */
#stream {text-align:right; padding:0 15px 15px 15px;}
#stream a img {display:block; margin:0 0 5px 0; float:right;}
#stream a span {display:block; width:257px; clear:both;}

/* podcast */
#nameMp3Sound {color:#de9b1b; font-weight:bold; margin:0 0 5px 0;}
#mp3player {height:25px;}
#podcast {padding:20px 0 0 0;}
#podcast li {display:block;}
#podcast li.asdf {background:url(../_img/podcast.gif);}
	html>body #podcast li.asdf {background:url(../_img/podcast.png);}
#podcast li a {position:relative; display:block; height:55px; padding:12px 10px;}
	html>body #podcast li a {height:auto; min-height:35px;}
#podcast li a.mark span.title {color:#de9b1b;}
#podcast li a.mark:hover span.title {color:#ccc;}
#podcast li a span.date {position:absolute; top:12px; left:10px; width:80px; color:#de9b1b;}
#podcast li a:hover span.date {color:#ccc;}
#podcast li a span.title {display:block; font-weight:bold; margin:0 0 0 90px;}
#podcast li a span.title span.size {color:#c9c9c9; font-weight:normal; margin:0 0 0 10px;}
#podcast li a span.lead {display:block; margin:0 0 0 90px;}

/* galleryRight */
#galleryRight {text-align:right; padding:0 15px 15px 15px;}
#galleryRight .title {font-size:12px; font-weight:bold; margin:0 0 5px 0;}
#galleryRight a {display:inline-block; width:60px; height:60px; border:1px solid #fff; margin:0 0 8px 8px;}

/* Traveller */
#aboutTraveller {text-align:right; padding:0px 15px; clear:both;}
#aboutTraveller span {color:#de9b1b; font-weight:bold;}
#aboutTraveller span.ktoOpis {color:#fff; font-weight:normal;}

/* sponsors */
#sponsors {width:980px; height:70px; text-align:center; clear:both;}
#sponsorsBox {width:200px; margin:0 auto;}
#sponsorsTitle {color:#fff; text-align:left; padding:15px 0 0 0; float:left;}
#sponsors a#tpsa {display:block; width:71px; height:51px; background:url(../_img/tpsa.gif) no-repeat; margin:0 0 0 15px; float:left;}

/* oprojekcie */
#content a#linkGranice {background:url(../_img/logoGranice1.gif) no-repeat right; text-decoration:none; padding:6px 40px 6px 0;}
#content a#linkGranice2 {background:url(../_img/logoGranice2.gif) no-repeat right; text-decoration:none; padding:6px 60px 6px 0;}

/* tail */
#contTail {background:#b90015; width:100%; text-align:center; clear:both; float:left;}
span.tail {text-align:right; border-top:0; margin:5px auto 0 auto; clear:both;}
span.tail a:hover {color:#000;}
.tail * {color:#000; line-height:130%;}
span.tail span.first a,
span.tail p.copy {color:#000;}
span.tail p.extra {padding:5px 0 0 0;}
span.tail p.extra span.podcast a, span.tail p.extra span.sitemap a, span.tail p.extra span.kontakt a, span.tail p.extra span.forum a, span.tail p.extra span.rss a {background:none; padding:0 0 0 5px;}