:focus{
outline:0;
}



#wrapper {
position: relative;
width: 960px;
margin: 0 auto;
border: 0px solid red;
}

#container {
float: left;
position: relative;
width: 960px;
margin: 0 auto;
border: 0px solid green;
background: url("../fx/bg-container.png") repeat-y center top; 
}

a {
color: #b12f1d;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #e70000;
text-decoration: none;
font-weight: bold;
}

/* headers */

h1 {
color: #b12f1d;
font-weight: normal;
margin-bottom: 16px;
font-size: 24px;
line-height: 110%;
}

h2 {
color: #808080;
font-weight: bold;
margin-bottom: 4px;
font-size: 15px;
}

.text-block ul {
padding: 0;
margin: 0;
margin-left: 16px;
list-style-image: url("../fx/arrow01.gif");
}


/* top */
#top {
position: relative;
width: 960px;
height: 158px;
margin: 0 auto;
border: 0px solid red;
background: url("../fx/bg-top.png") no-repeat center top; 
}

#top .logo {
position: relative;
top: 70px;
left: 50px;
float: left;
width: 226px;
height: 80px;
}

#top .top-icon {
position: relative;
width: 433px;
height: 34px;
background: url("../fx/c-bgtopicon.png") left top repeat-x;
float: right;
margin-top: 36px;
margin-right: 11px;
}

#top .top-icon .left {
float: left;
background: url("../fx/l-bgtopicon.png") left top no-repeat;
width: 11px;
height: 34px;
margin-left: -11px;
border: 0px solid yellow;
}

#top .top-icon .right {
float: right;
background: url("../fx/r-bgtopicon.png") left top no-repeat;
width: 11px;
height: 34px;
margin-right: -11px;
border: 0px solid yellow;
}

#top a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}

#top a:hover {
color: #ff7c00;
font-weight: bold;
text-decoration: none;
}



/*navigation*/

.top-menu {
margin: 0;
padding: 0;
position: absolute;
top: 60px;
right: 30px;
border: 0px solid red;
}

.top-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.top-menu li {
text-align: center;
float: left;
margin: 6px;
color: #0c0c0c;
}

.top-menu a {
font-weight: bold !important;
font-size: 12px !important;
padding-top: 60px;
display: block;
color: #7C7C7C !important;
width: 75px;
}

.top-menu a:hover {
color: #C40000 !important;
}


.breadcrumb {
border: 0px solid red;
clear: both;
margin-bottom: 0px;
}

.breadcrumb, .breadcrumb a {
font-size: 12px;
color: #000000;
font-weight: normal;
}


/*tables*/


table,th, td
{
border: 1px solid #fff;
}



table {
border-bottom: 2px solid #b2b2b2;
float: left;
padding: 2px;
background-color: #FF8000;
background: url("../fx/bg-table.gif") left top repeat-x;
border-collapse:collapse;
}

td, th {
padding: 6px 16px;
}

th {
text-align: left;
background: #000 url("../fx/submit-button.gif") left center repeat-x;
color: #fff;
}

.td01 {
background: #f7f7f7;
}

.td02 {
background: #eaeaea;
}

.table-search, .table-search td {
border: 0;
padding: 0;
background: transparent;
}

/*search*/

.search {
position: relative;
float: left;
width: 792px;
height: 90px;
background: url("../fx/search.gif") left top no-repeat;
margin: 0px 0;
border: 0px solid red;
}


/*polecamy*/
.polecamy {
position: relative;
float: left;
width: 150px;
background: url("../fx/bg-polecamy.gif") left top no-repeat;
text-align: center;
margin-right: 7px;
margin-bottom: 24px;
}

.polecamy img {
border: 1px solid #c0c0c0;
padding: 0px;
margin: 12px 0 0 0;
text-align: center;
}

.polecamy .desc {
padding: 1px;
font-size: 11px;
}

.polecamy .cena {
margin: 0 auto !important;
padding: 0 !important;
font-weight: bold;
text-align: center !important;
float: none;
font-size: 11px;
}


/*others*/
.round {
position: relative;
float: left;
width: 762px;
padding: 16px;
margin-bottom: 12px;
clear: both;
background: url("../fx/bg-round.gif") right top no-repeat;
}

.round img {
border: 0px solid #c0c0c0;
padding: 1px;
float: left;
margin: 12px 12px 2px 12px;
}

.round .desc {
padding: 1px;
margin-top: 12px;
}

.round .cena {
padding: 1px;
float: right;
color: #e00000;
font-weight: bold;
margin-top: 12px;
margin-right: 12px;
}

.text-block {
border: 0px solid red;
position: relative;
float: left;
clear: both;
line-height: 1.6em;
text-align: justify;
width: 792px;
}

.today {
width: 708px;
font-weight: bold;
text-align: right;
font-size: 9px;
margin-top: 5px;
}

.orange {
color: #ff9b00;
}

.caption {
font-size: 14px;
font-weight: normal;
}

.clear{
font-size:0.1px;
line-height:0.1px;
clear:both;
background: url("../fx/bg-shadow.gif") center center no-repeat;
padding: 36px 0;
border: 0px solid red;
}

.pagination {
width: 792px;
position: relative;
float: left;
clear: both;
}

.info {
float: left;
position: relative;
margin-top: 12px;
font-weight: bold;
color: #E60000;
font-size: 16px;
line-height: 2em;
}

.info-small {
float: left;
position: relative;
margin-top: 12px;
font-weight: normal;
color: #E60000;
font-size: 12px;
line-height: 1.3em;
}

.banner {
float: left;
position: relative;
margin: 0px auto;
clear: both;
border: 0px solid red;
width: 100%;
text-align: center;
}

/*main*/

#main {
float: left;
position: relative;
margin: 0px auto;
border: 0px solid red;
width: 960px;
min-height: 220px;
background: url("../fx/bg-main.jpg") center top no-repeat;
}

#main .inside {
float: left;
border: 0px solid red;
text-align: justify;

//text-align: left;
padding: 48px 56px;
}

#main .left {
position: relative;
float: left;
border: 0px solid red;
width: 620px;
margin: 0;
padding: 0;
}

#main .right {
position: relative;
float: right;
border: 0px solid red;
margin: 0;
padding: 0;
}

#main .right .box-forum {
border: 0px solid yellow;
margin: 0;
padding: 0;
background: url("../fx/bg-box-forum.gif") center bottom no-repeat;
width: 224px;
}

#main .right .box-forum-header {
background: url("../fx/bg-box-forum-header.gif") center top no-repeat;
width: 224px;
height: 19px;
}


#main .right .box-forum ul{
margin: 0;
padding: 0 20px 12px 20px;
list-style-type: none;
}

#main .right .box-forum li{
margin-bottom: 6px;
padding-bottom: 6px;
list-style-type: none;
border-bottom: 1px solid #E1E1E1;
}


/*event*/
.event-short {
border: 0px solid red;
width: 290px;
margin: 12px 12px 0 0;
float: left;
}

.event-short img{
margin: 3px auto;
}

.event-latest {
width: 850px;
float: left;
border-bottom: 1px solid #DDDDDD;
margin-bottom: 9px;
padding-bottom: 6px;
}

.event-latest img{
margin: 3px auto;
border: 1px;
float: left;
padding-right: 24px;
padding-bottom: 12px;
}

.event-full img{
margin: 0auto;
border: 1px solid #c0c0c0;
padding: 3px;
}

.event-full .image_container{
margin: 24px auto;
border: 0px solid #c0c0c0;
text-align: center;
}

/*footer*/
#footer {
position: relative;
width: 960px;
height: 140px;
float: left;
border: 0px solid red;
background: url("../fx/bg-footer.png") center top no-repeat;
clear: both
color: #fff;
}

#footer ul {
margin: 0 auto;
padding: 10px;
list-style-type: none;
}

#footer li {
}

#footer a {
color: #fff;
font-weight: normal;
font-size: 11px;
border: 0px solid red;
}

#footer a:hover {
color: #FF9900;
}

#footer .footer-loga {
border: 0px solid red;
float: left;
width: 940px;
margin-left: 28px;
margin-top: 30px;
}

#footer .footer-logo {
border: 0px solid red;
float: left;
margin-right: 6px;
}

#footer .footer-logo img{
border: 0px solid red;
}

.copyright {
position: relative;
color: #f9f9f9;
margin-top: 78px;
margin-bottom: 12px;
padding-bottom: 24px;
}


/*forms*/

.search input.text  {
width: 450px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
}

input.text {
width: 180px;
padding:4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-med  {
width: 250px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-short  {
width: 52px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-tel  {
width: 190px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-long  {
width: 400px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-short:focus, input.text-med:focus, input.text-long:focus, input.text-tel:focus, .search input.text:focus, input.text:focus{
background: #fff;
border: 1px solid #c0c0c0;
}

fieldset
{
margin:0em 0em 1.5em 0em;
padding:1.4em;
border:1px solid #c6c6c6;
margin-top: 23px;
line-height: 1.3em;
}

legend
{
font-weight:normal;
font-size:16px;
color: #808080;
}

label
{
font-weight:bold;
padding-top: 12px;
}

.mandatory
{
font-weight:bold;
color: #FF9900;
}

input.checkbox
{
margin-right:12px;
}

input.radio
{
margin-right:12px;
}

select
{
width:200px;
margin:0.25em 0.25em 0.25em 0em;
border:1px solid #c6c6c6;
padding: 2px;
background: url("../fx/input-text.gif") left top repeat-x;
}

select:focus
{
background-color:#fff;
border:1px solid #c0c0c0;
}

textarea
{
width:650px;
height:120px;
margin:0.25em 0.25em 0.25em 0em;
padding:4px;
border:1px solid #c6c6c6;
background: #f6f6f6 url("../fx/textarea.gif") left top repeat-x;
}

textarea:focus
{
background:#ffffff;
border:1px solid #c0c0c0;
}


.submit-button
{
margin:0.25em 0.25em 0.25em 0em;
padding: 12px 44px;
background: url("../fx/submit-button.gif") left center repeat;
border: 0;
border-right: 1px solid #000;
border-left: 1px solid #000;
font-weight: bold;
color: #fff;
cursor: pointer;
}

.submit-button-short
{
margin:0.25em 0.25em 0.25em 0em;
padding: 4px 6px;
background: url("../fx/submit-button.gif") left center repeat;
border: 0;
border-right: 1px solid #000;
border-left: 1px solid #000;
font-weight: bold;
color: #fff;
cursor: pointer;

}

.submit-button-short2
{
margin:0.25em 0.25em 0.25em 0em;
padding: 4px 6px;
background: url("../fx/submit-button2.gif") left center repeat;
border: 0;
border-right: 1px solid #FF9900;
border-left: 1px solid #FF9900;
font-weight: bold;
color: #fff;
cursor: pointer;

}

.error  {
padding: 6px;
background: #FFF0F0;
border: 2px solid #ff0000;
color: #ff0000;
margin: 6px 0;
}


.no_error  {
padding: 0px;
background: #FFFFFF;
border: 0px solid #000000;
color: #FFFFFF;
margin: 0px 0;
}

.tablela_bez_lini
{
border: 0px solid #fff;
}

.link1 a {
color: #808080;
text-decoration: none;
font-weight: bold;
}

.link1 a:hover {
color: #808080;
text-decoration: none;
font-weight: bold;
}


.opislink a {
color: #202020;
text-decoration: none;
font:13px arial,helvetica,clean,sans-serif;font-size:small;
}

.opislink1 a:hover {
color: #202020;
text-decoration: none;
font:13px arial,helvetica,clean,sans-serif;font-size:small;
}

.top-link {
position: absolute;
top: 10px;
left: 350px;
}