body, p, ul, ol, li, p, table, div, img, h1, h2, h3, h4, h5, h6, form  {margin: 0;padding: 0;}  
body {background: black url("back-header.gif") repeat-x 0 4px; font:81.25%/1.3 "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif; color: white;width: 100%;}


a {font-weight: bold;color: red;}
a img {border: none;}
a:hover, #boxful .text h3 a:hover {text-decoration: none; }
/*a:visited {color: #FFF3B0;}*/

h1 {color: red;letter-spacing:-1px;font-weight: normal;font-size: 169%;padding: 0 0 10px 0;}
h2 {font-size: 138.5%;color: #da0000;font-weight: normal; letter-spacing: -1px;padding: 0 0 2px 0;}
h3 {font-size: 138.5%;color: red;font-weight: normal; letter-spacing: -1px;}
h4 {font-size: 92.4%; }
h5 {font-size:92.4%;}
h6 {font-size: 92.4%;}

table {font-size: 100%;}
ul {list-style-type: none; }
li {background: url("ico-liwhite.gif") no-repeat 0 6px; padding: 0 0 0 15px;}
p {padding: 0 0 15px 0px;  }

hr { display: block;}
.hr {clear:both;height:1px;visibility:hidden;overflow:hidden; line-height: 1px; background-color: Green; width: 460px;}
.txtVersion {display: none;}


.col {width: 49%; float: left;}
.line {width: 100%; background: url("line.gif") no-repeat center;}
.more {text-align: right; font-size: 84.6%;width: 100%;}
.more a {color: black;font-weight: normal;background: url("ico-more.gif") no-repeat 4px 4px; padding: 0 20px 0 17px;}
.levelUp {text-align: left;   margin: 0px 0 5px 0;background: url("ico-arrow-top.gif") no-repeat left 6px;  }
.levelUp a {color: White; font-size: 92.4%; padding:0 0px 0 18px;}

.box {width: 100%; background:#3c3c3c url("back-box.gif") repeat-x;margin: 0 0 14px 0; clear: both;}
.topBox {background-image:url("back-topbox.gif");}
.box .boxin {padding:10px;}
.box .boxLine {clear: both;height: 32px; background: url(back-boxline.gif) repeat-x; color: black;width: 100%; }
.box .boxLine .more {position: relative; top: 7px;/*float: left;*/display: block;  }
.box .boxLine .pager {text-align: center; position: relative; top: 4px;}
.box .boxLine .pager a {padding: 1px 3px; text-decoration: none; color: #da0000;}
.box .boxLine .pager strong {padding: 1px 3px;}
.box .boxLine .pager a:hover {background-color:#da0000; color: White; }
.box .boxLine .pager span {padding: 0px 6px;position: relative; top: 3px;}
.box .boxLine .pager span a:hover {background-color:transparent;}

.box .boxLine .pager-posta {width: 400px;  height: 17px; float: left; }
.box .boxLine .more-posta {float: right; width: 400px;}

.box.topPager  {margin: 0 0 0 0;}
.box.topPager .boxLine {background: url(back-boxline2.gif) repeat-x; }
.box.topPager .boxLine .pager {top: 5px;}
.box.topPager .boxLine .pager strong {color: White;}

.box.thumbs .boxin {padding:14px;}
.box .thumb { float: left; margin: 10px 16px; text-align: center;display: inline; }
.box .thumb a {display: block; font-size:84.7%; text-decoration: none;font-weight: normal;}
.box .thumb a:hover {text-decoration: underline;}
.box .thumb a span {font-weight: bold;}
.box .thumb em {background: #2B2B2B; padding: 1px 3px 2px 3px; color: #999999; font-style: normal;}
.box .thumb .img {width:186px;}
.box .thumb img {border: 3px solid white;}
.box .thumb .rPhoto img {border-color:Red; }
.box .thumb .wPhoto img {border-color:#FFD700;border-color: #F0E68C;border-color: #FFE342; }
.box .thumb .pPhoto img {border-color:#4169E1;border-color: #FF7171; }
.box .thumb a:hover img {border-color:#e40000;border-color: #969696;}
.box .thumb strong {display: block;padding: 2px 0 0 0;}


/*** HEADER ***/
#header {position: absolute; top: 0px; left: 0px; height: 132px; width: 100%;text-align: center;}
#headerIn {width: 900px; margin: 0 auto; text-align: left;}
#header .logo {width: 200px; float: left; padding: 18px 0 6px 4px;}
#header .menu {clear: both;width: 100%; background: url("back-menuline.gif") bottom repeat-x; }
#header .menu li {float: left;width: 179px;border-right: 1px solid black;padding: 0; background: none;}
#header .menu li.last {width: 180px;border-right: none;}
#header .menu li a {display: block;background: url("back-menuitem.gif") repeat-x; text-transform: uppercase; color: White; text-decoration: none; 
font-weight: normal;padding: 24px 0 9px 0px;border-bottom: 1px solid black;width: 100%; text-indent: 12px;}
#header .menu li a:hover {background-position:0 -110px;border-bottom: none; padding-bottom: 10px;}
#header .menu .hr {height: 4px;}

#userMenu {text-align: right; padding-top: 53px;}
#userMenu span {background: url("ico-forum.gif") no-repeat 3px 4px; padding: 0 5px 0 24px;}
#userMenu span.icoContact {background: url("ico-mail2.gif") no-repeat 3px 0;}
#userMenu span.icoAbout {background: url("ico-info2.gif") no-repeat 3px 1px;}
#userMenu strong a {text-decoration: none; color: black;background-color: White; padding:1px 4px 2px 4px;}
#userMenu strong a:hover {background-color: #e40000; color: White;}

/*** CONTENT ***/
#content {width: 100%; background: white url("back-content.gif") repeat-x; margin:132px 0 0 0;text-align: center;padding: 0 0 5px 0;}
#contentIn {width: 900px; margin: 0 auto; text-align: left;}
.contentIn2 {width: 900px; margin: 0 auto; text-align: left;}
#content #breadCrumb {font-size: 77%;padding: 7px 0 0.7em 10px;display: block;}

#content.homePage {padding: 1em 0 5px 0;}
.homePage .topBox .boxin {padding: 18px 10px 0px 30px;}
.homePage .topBox #info {width: 460px; float: left;padding: 0 0 10px 0;}
.homePage .topBox #info h1 {color: #e40000;color: Red;}
.homePage .topBox #info p {font-size: 92.4%;}
.homePage .topBox #news {width: 340px; float: right;padding: 0 0 10px 0; }
.homePage .topBox #news h3 {padding: 4px 0 10px 0;}
.homePage .topBox #news li {padding: 0; background: none; font-size: 92.4%;}
/*.homePage .topBox #news li a {background: url("ico-liwhite.gif") no-repeat 0 4px; padding: 0 0 0 12px}*/
.homePage .topBox #news li span {font-size: 83.8%; text-transform: uppercase; color: #dedede;}
.homePage .topBox #news li p {font-size: 91.6%; padding: 1px 0 8px 0;}
.homePage .topBox #news li p a {color: #ffffff;}
.homePage .boxLine .more {position: relative; top: 7px;float: left;display: block;  }
.homePage .boxLine .moreInfo {width: 500px;}
.homePage .boxLine .moreNews {width: 400px;}

.homePage #lovci {padding: 6px 0 0 0;}
.homePage #lovci .image{display: block; width: 140px; float: left;}
.homePage #lovci a.image img {border: 2px solid white;}
.homePage #lovci a:hover.image img {border-color: #969696;}
.homePage #lovci h4 {position: relative; top: -4px;}
.homePage #lovci p {font-size: 92.4%; padding: 0 20px 0 0;}

#content.photosList h1 {padding: 5px 0 5px 16px;}
#content.photosList .thumb {height: 225px;}



.photoDetail {background: White url("back-content.gif") repeat-x 0 -125px !important;}
#content.photoDetail .img {padding: 20px 0 0 0; text-align: center; }
#content.photoDetail .img img {border: 1px solid black;}
#content.photoDetail #showPhoto {float: left;font-size: 92.4%;padding: 7px 0 8px 0;}
#content.photoDetail #showPhoto a {color: #da0000;}
#content.photoDetail .pager {padding: 3px 0 8px 0; float: right;}
#content.photoDetail .pager a {text-decoration: none;color: #da0000; padding: 0 0 0 5px; font-size: 92.4%;}
#content.photoDetail .pager a span {text-decoration: underline;}
#content.photoDetail .pager a:hover span {text-decoration: none;}
#content.photoDetail .pager a img {position: relative; top: 4px;}
#content.photoDetail .boxin {padding: 15px 15px 20px 25px;}
#content.photoDetail .topBox {clear: both;}
#content.photoDetail h1 {font-size: 138.5%;color: #da0000; color:red; /*text-align: center;*/ padding: 0px 0 4px 0;/* float: left;*/}
#content.photoDetail #note {width: 500px;font-size: 92.4%;padding-bottom: 20px;}
#content.photoDetail .info {float: left; width: 790px;padding-bottom: 15px;}
#content.photoDetail .info table {border-collapse: collapse;width: 100%; }
#content.photoDetail .info table th {font-size: 92.4%; /*vertical-align: middle;*/width: 85px; vertical-align: top;}
#content.photoDetail .info table td {vertical-align:top;width:270px; }
#content.photoDetail .info table .userIco {width: 70px;}
#content.photoDetail .info table .userIco img {border: 1px solid white; margin: 2px 10px 0 0;}
#content.photoDetail .info table td span {background: url("ico-write.gif") no-repeat 4px 0px; padding: 0 0px 0 22px;}
#content.photoDetail .info table td span a {font-size: 92.4%;}
#content.photoDetail #rating {float: right; width: 60px;padding: 0 0 10px 0;}
#content.photoDetail #rating table {border-collapse: collapse;position: relative; top: -5px;}
#content.photoDetail #rating td {font-weight: bold;}
/*#content.photoDetail .more {position: relative; top: 6px; display: block;}*/
#content.photoDetail form {padding: 5px 0 0 0;}
#content.photoDetail form #write {width: 510px; float: left; }
#content.photoDetail form label {display: block;padding: 0 0 2px 0;}
#content.photoDetail form textarea {margin: 0 0 10px 0;width: 500px;}
#content.photoDetail form #vote {width: 200px; float: left;margin-left: 20px; overflow: hidden;}
#content.photoDetail form table th {vertical-align: top; font-weight: normal;padding-right: 10px;}
#content.photoDetail form table label {display: inline;}
#content.photoDetail form td#send {width: 300px;vertical-align: top;}
#content.photoDetail form td#send input {margin: 0 0 0 10px;}

#content #comments th {padding: 10px 15px 10px 0; vertical-align: top;border-bottom: 1px solid #464646;}
#content #comments th img {border: 1px solid white;}
#content #comments td {vertical-align: top;padding: 10px 0;border-bottom: 1px solid #464646;}
#content #comments td h4 {font-size: 100%;position: relative; top: -4px;}
#content #comments td h4 span {font-weight: normal; font-size: 84.7%; color: #dedede;}
#content #comments td p {width: 400px;float: left;padding: 0;overflow: hidden;font-size: 92.4%;}
#content #comments td em {font-size: 84.7%; font-style: normal; position: relative; top: -7px;}
#content #comments td em a {font-weight: normal;}
#content.photoDetail #comments td img {margin: 0 0 0 40px;}

#content .categories .boxin {padding: 15px 10px 10px 25px;}
#content .categories li {float: left; width: 155px;display: block;padding-bottom: 2px;font-size: 82.4%;background-position: 0 4px;}
#content .privateCategories li {width: 270px;}

#content.userList .boxin {padding: 18px 0px 0px 23px;}
#content.userList h1 {padding-bottom: 2px;}
#content.userList p {padding-bottom: 20px;}
#content.userList .user {width: 170px;background: #696969 url("back-user.gif") repeat-x; text-align: center;padding:10px 0 5px 0;margin: 0 2px 20px 0; float: left;/*background: #696969; */} 
#content.userList .user img {width: 150px; height: 100px;overflow: hidden;}
#content.userList .user h2 {font-size: 100%;padding:2px 0;}
#content.userList .user h2 a {display: block; width: 100%; color: #FFFAFA; }

#content.userDetail .topBox .boxin {padding: 22px 0px 15px 25px;}
#content.userDetail .info {float: right; width: 700px;}
#content.userDetail .info h1 {position: relative; top: -6px; padding: 0;}
#content.userDetail .info p {width: 500px;}
#content.userDetail .info li {background: url("ico-icq.gif") no-repeat 0 2px; padding: 2px 0 4px 25px;}
#content.userDetail .info .skype {background-image: url("ico-skype.gif");}
#content.userDetail .info .phone {background-image: url("ico-mobile.gif");}
#content.userDetail .info .website {background-image: url("ico-www.gif");}
#content.userDetail .info .none {background-image: none;}
#content.userDetail .info .michal a, #content.userDetail .info .michal a:visited {text-decoration: none;}
#content.userDetail .info .morelink {color: #fff; font-weight: normal;}
#content.userDetail .info .mail {background-image: url("ico-mail.gif");}
#content.userDetail .image {float: left; width: 170px;}
#content.userDetail .image img {border: 1px solid white}
#content.userDetail h2 {float: left;}
#content.userDetail h3 {float: right;font-size: 92.4%; color: Black;padding: 7px 4px 0 0;}
/*#content.userDetail .more {position: relative; top: 6px; display: block;}*/

#content.contactPage .boxin {padding: 18px 0px 0px 23px;}
#content.contactPage h1 {padding-bottom: 2px;}
#content.contactPage h2 {color:red; font-size: 146%; }
#content.contactPage strong {font-weight: normal;}
#content.contactPage p {padding-bottom: 20px; font-size: 92.4%;}
#content.contactPage .boxin div {padding-bottom: 20px; font-size: 92.4%;}
#content.contactPage .boxin div a {color: white; font-weight: normal;}

#content.guestBook .boxin {padding: 18px 10px 15px 30px;}
#content.guestBook h1 {padding-bottom: 0;}
#content.guestBook table {border-collapse: collapse; margin-bottom: 10px;}
#content.guestBook th { width: 70px; }
#content.guestBook td {vertical-align: middle;}
#content.guestBook td input {width: 300px; font-size: 92.4%;}
#content.guestBook #antispam td input {width: 150px;}
#content.guestBook #antispam td {font-size: 84.7%;color: Red;}
#content.guestBook label {display: block;font-size: 84.7%; font-weight: bold;}
#content.guestBook .col2 {position: relative; top: -16px;}
#content.guestBook textarea {width: 380px; height: 60px; margin-bottom: 10px;}
/*#content.guestBook .smile {width: 80px; float: left;}*/
#content.guestBook .submit {clear: both;}

#content .writeComment .boxin {padding: 15px 10px 15px 30px;}
#content .writeComment table {border-collapse: collapse; margin-bottom: 10px;}
#content .writeComment th { width: 70px; }
#content .writeComment td {vertical-align: middle;}
#content .writeComment td input {width: 300px; font-size: 92.4%;}
#content .writeComment #antispam td input {width: 150px;}
#content .writeComment #antispam td {font-size: 84.7%;color: Red;}
#content .writeComment label {display: block;font-size: 84.7%; font-weight: bold;}
#content .writeComment .col2 {position: relative; top: -16px;}
#content .writeComment textarea {width: 380px; height: 60px; margin-bottom: 10px;}
#content .writeComment .submit {clear: both;}

#content.articles .boxin {padding: 22px 40px 10px 30px;}
#content.articles h1 {padding-bottom: 8px;}
#content.articles .article {border-bottom: 1px solid #444444;padding: 10px 0 0 0; margin-bottom: 5px;}
#content.articles .article .image {width: 210px; float: left;}
#content.articles .article .image img {border: 1px solid white;}
#content.articles .article .txt h2 {font-size:146%; color: Red;position: relative; top: -4px;}
#content.articles .article .txt h2 a {font-weight: normal;}
#content.articles .article span {display: block;clear: both; position: relative; top: -14px;right: 8px;}
#content.articles .article span a {color: Red;font-weight: bold;background:none;padding: 0px;}
#content.articles .article span em {font-style: normal; background: url("ico-liwhite.gif") no-repeat right 4px; padding: 0 12px 0 0;}

#content.articleDetail .boxin {padding: 30px 50px 10px 30px;}
#content.articleDetail .image {width: 210px; float: left; margin-bottom: 10px;}
#content.articleDetail .image img {border: 1px solid white;}
#content.articleDetail h1 {padding: 0; position: relative; top: -7px;}
#content.articleDetail .more {display: block; }
#content.articleDetail .more a {background: none; padding: 0; color: Red; font-weight: bold;}
#content.articleDetail .more strong {padding: 0 10px 0 0;}

#content .cmsContent ul {margin:0 0 13px 20px;}
#content .cmsContent li {background-image: url("ico-more.gif");}
#content .cmsContent h2 {color: Red;}
#content .cmsContent h3 {font-size: 130.7%;color: White;}
#content .cmsContent h4 {font-size: 107.7%;}

#mapa {padding: 10px 0 20px 5px;}
#mapa a{font-size: 92.4%;}
#mapa ul {padding: 3px 0 10px 30px;}
#mapa ul a {color: White; font-size: 84.7%; font-weight: normal !important;}
#mapa ul li {background: url("ico-lipipe.gif") no-repeat 0 0; padding-top: 0px; padding-bottom: 2px; padding-left: 17px;}
#mapa ul li.last {background-image: url("ico-liendpipe.gif");}

/*** FOOTER ***/
#footer { clear: both;  text-align: center; background: url("back-foot.gif") repeat-x; padding: 8px 0 10px 0; font-size: 92.4%;}
#footerIn {width: 900px; margin: 0 auto; text-align: left;}
#footer form {text-align: right; color: Black;padding: 0 0 26px 0; font-size: 84.7%;}
#footer input {font-size: 92.4%;}
#footer .menu span {background: url("ico-map.gif") no-repeat 0 3px; padding-left: 16px; margin-right: 15px;}
#footer .menu .print {background-image: url("ico-print.gif");}
#footer .menu .rss {background-image: url("ico-rss.gif");}
#footer .menu .top {background-image: url("ico-up.gif");}
#footer .menu .about {background-image: url("ico-about.gif");}
#footer .menu .contact {background-image: url("ico-contact.gif");}
#footer .logo {float: left;width: 140px;padding-top: 2px;}
#footer p {font-size: 91.6%; padding: 5px 0 2px 0; font-size:83.3%; }

#e404 {background: White url("back-login.gif") repeat-x;}
#e404 #content {padding: 0;margin-top: 140px;}
#e404 #contentIn {width: 500px; margin: 0 auto; text-align: left;}
#e404 .box {margin-top: 5px;}
#e404 .boxin {padding: 20px 25px 10px 25px;}
#e404 .boxLine .more {position: relative; top: 7px;float: left;display: block; }

/******************** GREYBOX ********************/
#GB_overlay {background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100;}

#GB_window {left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150;}
#GB_window .content {width: auto; margin: 0; padding: 0;}

#GB_frame {border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap;}

.GB_Gallery {margin: 0 22px 0 22px;}
.GB_Gallery .content {background-color: #000000; border: 0px solid #ddd;}

.GB_header {top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555;}
.GB_header .inner {background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px;}
.GB_header table {margin: 0; width: 100%; border-collapse: collapse;}
.GB_header .caption {text-align: left; color: #eee; white-space: nowrap; font-size: 20px; padding-left: 100px;}
.GB_header .close {text-align: right; padding-right: 100px;}
.GB_header .close img {z-index: 500; cursor: pointer;}
.GB_header .middle {white-space: nowrap; text-align: center;}

#GB_middle {color: #eee;}
#GB_middle img {cursor: pointer; vertical-align: middle;}
#GB_middle .disabled {cursor: default;}
#GB_middle .left {padding-right: 10px; margin-right: 10px;}
#GB_middle .right {padding-left: 10px; margin-left: 10px;}

.GB_Window .content {background-color: #000000; border: 3px solid #ccc; border-top: none;}
.GB_Window .header {border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #333;}
.GB_Window .caption {font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px;}
.GB_Window .close {text-align: right;}
.GB_Window .close span {font-size: 12px; cursor: pointer;}
.GB_Window .close img {cursor: pointer; padding: 0 3px 0 0;}
.GB_Window .on {border-bottom: 1px solid #333;}
.GB_Window .click {border-bottom: 1px solid red;}

/******************* FUNCTIONS ********************/
.alert {border: 1px solid #3C3C3C; background: #292929 url("ico-ok2.gif") no-repeat 20px 15px; padding:20px 20px 20px 70px; color: #CCFFCC; /*font-weight: bold;*/ margin: 5px 0 10px 0; color: #47C647;}
.alert2 {border: 1px solid #3C3C3C; background: #292929 url("ico-no2.gif") no-repeat 20px 15px; padding:20px 20px 20px 70px; color: #CCFFCC; /*font-weight: bold;*/ margin: 5px 0 10px 0; color: red;}
.alert3 {border: 1px solid #3C3C3C; background: #292929 url("ico-no.gif") no-repeat 20px 15px; padding:20px 20px 25px 90px; color: #CCFFCC; font-weight: bold; margin: 5px 0 10px 0; color: red;}