* {margin: 0px; padding: 0px;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

html,body{ 
	font-family: Verdana,Tahoma,Arial,sans-serif; 
	font-size : 11px;
	color: #fff;
	background: #000000;
	margin: 0px;
	padding: 0px;  
}

/* ************************************************* BEGIN OF LAYOUT */
div.main_page{
    margin: 0 auto;
    width: 1080px;
}

div.reklama{
    float: right;
    padding: 35px 0px 0px 0px;
}

.stranka{
    width: 940px;
    margin: 0 auto;
    float: left;
}

.top{
    height: 30px;
    width: 100%;
    background: url(../images/design/top_back.jpg);
    text-align: center;
    font-size: 9px;
    color: #909090;    
}

.banner{
    height: 170px;
    width: 100%;
    background: url(../images/design/banner.jpg);
}

.content{
    line-height: 18px;
    background: url(../images/design/back_print.jpg);
}

.left_frame{
    float: left;
    width: 626px;    
}

.right_frame{
    float: left;
    width: 314px;
}

.right_title{
    background: url(../images/design/right_title_back.jpg);
    width: 314px;
    height: 30px;
}

.right_back{
    background: url(../images/design/right_top.jpg) no-repeat #141414;    
    width: 314px;
    margin-top: 2px;
}

.right_padding{
    padding: 10px;
}

.right_bottom{
    background: url(../images/design/right_bottom.jpg);
    width: 314px;
    height: 4px;
}

.text_title{
    background: url(../images/design/text_title.jpg);
    width: 616px;
    height: 30px;
}

.text_back{
    background: url(../images/design/text_top.jpg) #141414 no-repeat;
    width: 616px;
    margin-top: 2px;
}

.text_padding{
    padding: 10px;
}

.text_bottom{
    background: url(../images/design/text_bottom.jpg);
    width: 616px;
    height: 4px;
    margin-bottom: 2px;
}

.left_title{
    background: url(../images/design/left_title_back.jpg);
    width: 303px;
    height: 30px;
}

.left_back{
    background: url(../images/design/left_top.jpg) #141414 no-repeat;
    width: 303px;
    margin-top: 2px;
}

.left_padding{
    padding: 10px;
}

.left_bottom{
    background: url(../images/design/left_bottom.jpg);
    width: 303px;
    height: 4px;
    margin-bottom: 2px;
}

.breadcrumbs{
    padding: 0px 0px 10px 30px;
    color: #202020;
}

.hlavny_clanok{
    width: 308px;
    height: 185px;
    background: url(../images/design/hlavny_clanok_back.jpg);
    float: left;
}

.hlavny_clanok .padding{
    padding: 5px 10px;
}

.bottom{
    clear: both;    
}

.bottom_menu{
    float: left;
    margin: 20px 0px 20px 0px;
}

.created{
    float: right;
    margin: 20px 20px 0px 0px;
}

.ostatne_clanky{
    clear: both;
    padding-top: 10px;
    padding-right: 10px;
}

div.odpoved{
    height: 10px;
    background-color: #cc0000;
    clear: both;
    margin-bottom: 5px;
}

.odkazy{
    width: 140px;
    float: left;
    text-align: center;
}
/* ************************************************* END OF LAYOUT */

/* ************************************************* BEGIN OF MENU*/
.menu{
    height: 80px;
    margin-top: 2px;
}

.menu ul{
    list-style: none;
    padding: 0px;
}

.menu ul li{
    float: left;
    background: url(../images/design/button_back.jpg);
    display: block;
    width: 134px;
    height: 80px;
    margin-right: 1px;
}

.menu ul li.button_0{
    background: url(../images/design/button_back_0.jpg);
}

.menu ul li.button_6{
    width: 130px;
    background: url(../images/design/button_back_5.jpg);
    background-position: top right;
    margin: 0px;
}

.menu ul li:hover{
    background-position: 0px 80px;
}

.menu ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 20px 0px 40px 0px;
}

.menu ul li a:hover{
    color: #fff;
    text-decoration: none;
}

.bottom_menu ul{
    list-style: none;
}

.bottom_menu ul li{
    float: left;
    margin: 0px 10px;
}

.bottom_menu ul li a{
    color: #cc0000;
    text-decoration: none;
    font-weight: normal;
}

.bottom_menu ul li a:hover{
    color: #fff;
    text-decoration: underline;
}

.center{
    text-align: center;
}

div.left{
    float: left;
}

div.right{
    float: right;
}

/* ****************************************************************************** DropDown Menu */
.menu ul ul {margin:0; margin-top: 13px; padding:0; list-style: none; z-index:999;}
.menu ul li ul {width: 156px;}
.menu ul li ul li {float:left; width: 156px; height: 23px; background: #07a503; border-bottom: 1px solid #000; }
.menu ul li ul li a{margin: 0px;}
.menu ul li ul li a:hover {background: #FFF !important; color: #000;}

.menu li ul {position: absolute; left:-999em; background: #06377a; margin-top: -22px;}
.menu li ul a {display: block; padding: 5px 10px; background: none !important; color:#ffffff; font-weight:normal; text-align:left; text-decoration:none;}
.menu li:hover ul ul, #nav li.sfhover ul ul {left:-999em;}
.menu li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto;}
/* ************************************************* END OF MENU*/

/* ************************************************* BEGIN OF TITLE */
h1{
	font-size: 20px;
	font-weight: bold;
	color: #eee;
	line-height: 20px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

h2{
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.hlavny_clanok h2 a{
    color: #fff;
    font-weight: normal;    
}

.hlavny_clanok h2 a:hover{
    color: #cc0000;
    font-weight: normal;    
    text-decoration: underline;
}

.right_title h2{
    color: #fff;
    font-size: 14px;    
    padding: 2px 0px 0px 10px;
    font-weight: bold;
}

.text_title h2{
    color: #fff;
    font-size: 14px;    
    padding: 2px 0px 0px 10px;
    font-weight: bold;
}

.left_title h2{
    padding: 2px 0px 0px 10px;
    text-transform: uppercase;
    font-size: 11px;
}

.left_title h2 a{
    color: #fff;
    font-weight: normal; 
    text-decoration: none;   
}

.left_title h2 a:hover{
    color: #cc0000;
    font-weight: normal;    
    text-decoration: underline;
}

.text_back h2{
    padding: 0px 10px;
    color: #cc0000;
}

h3{
    font-size: 14px;
    font-weight: normal;
    color: #ddd;
    margin: 0px;
    padding: 0px;
}

/* ************************************************* END OF TITLE */

/* ************************************************* BEGIN OF TABLES*/
table{
    width: 100%;
    text-align: center;
}

table td{
    padding: 2px 5px;
}

table.border{
    border-collapse: collapse;
}

table.border td{
    border: 1px solid #e0e0e0;
}

thead td{
    background: #6ac333;
    font-weight: bold;
    color: #fff;
}

td.left{
    text-align: left;
}

tr.light td{
}

tr.dark td{
    background-color: #202020;
}

/* ************************************************* BEGIN OF TABLES */

/* ************************************************* BEGIN OF TEXT */
p{
    padding: 10px;    
}

div.text_padding p{
    padding: 0px;
}

p.closed{
    line-height: 14px;
}

p.right{
    text-align: right;
}

ul{
    padding: 0px 0px 10px 20px;
}

a{
    text-decoration: underline;
    font-weight: bold;
    color: #cc0000;
}

a:hover{
    color: #cc0000;
    text-decoration: none;
}

.created a{
    color: #cc0000;
    text-decoration: none;
    font-weight: normal;
}

.created a:hover{
    color: #fff;
    text-decoration: underline;
}

.breadcrumbs a{
    color: #404040;
    font-weight: normal;
    text-decoration: none;
}

.breadcrumbs a:hover{
    color: #cc0000;
    text-decoration: underline;
}

a.title{
    font-weight: normal;
    text-decoration: none;
    float: right;
    font-size: 9px;
    padding: 4px 10px 0px 0px;
}

a.title:hover{
    text-decoration: underline;
}

a.dalej{
    font-weight: normal;
    text-decoration: none;
    font-size: 9px;
    padding: 0px 0px 0px 10px;
}

a.dalej:hover{
    text-decoration: underline;
}

.top a{
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    color: #909090;
    line-height: 30px;
    display: inline;
    width: 100px;
}

.top a:hover{
    color: #cc0000;
    font-size: 9px;
    font-weight: normal;
    text-decoration: underline;
}

.low{
    font-size: 9px;
    color: #505050;
}

hr{
    border: 1px solid #c0c0c0;
    border-top: 0px;    
    border-left: 1px;    
    border-right: 1px;
    margin-top: 10px;
    height: 1px;
}

.prispevok_title{
    background: #303030;
    color: #505050;
    font-size: 9px;    
    padding: 5px;
}

.vysledok{
    font-size: 20px;
    font-weight: bold;
}

.vysledok_big{
    font-size: 30px;
    font-weight: bold;    
}

.goly{
    font-size: 9px;
}

.defaultErr{
    color: #cc0000;
}
/* ************************************************* END OF TEXT */

/* ************************************************* BEGIN OF IMAGES */
img{
    border: 0px;
}

img.border{
    border: 1px solid #707070;
    padding: 1px;
}

img.border:hover{
    border: 1px solid #cc0000;
}

img.clanok_right{
    float: right;
    margin: 0px 0px 0px 10px;
}

img.clanok_left{
    float: left;
    margin: 0px 10px 0px 0px;
}

img.facebook{
    margin: 0px 0px 4px 0px;
    vertical-align: middle;
}

img.left{
    float: left;
}

img.right{
    float: right;
}

img.middle{
    vertical-align: middle;
}

img.klub{
    padding: 5px;
}

.gallery{
    padding: 10px;
}

.gallery ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

.gallery ul li {
    display: block;
    width: 130px;
    margin: 0px 0px 10px 0px;
    text-align: center;
    float: left;
}
.gallery ul img {
}

.gallery ul a:hover img {
}

.gallery ul a:hover {
    color:#FFFFFF;
}

div.photo_left{
    float: left;
    padding: 0px 10px 0px 0px;
}

div.photo_right{
    float: right;
}

/* ************************************************* END OF IMAGES */

/* ************************************************* BEGIN OF FORM */

input.submit{
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: #bebebe;
	background-color: #c9c9c9;
	padding: 2px;
}

input.text{
    width: 190px;
    border: 1px solid #909090;
    background: #fff;
    padding: 3px;
    font-size: 10px;
}

textarea{
	font-family: tahoma;
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 3px;
}
/* ************************************************* END OF FORM */

/* ***************************************************************************** SCROLLING */
div.scroller{
    position:relative;
    height: 34px;
    line-height: 34px;
    width: 100%;
    display: block;
    overflow: hidden;
}

div.scrollingtext{
    position:absolute;
    white-space:nowrap;
    color: #6ac333;
    font-size: 24px;    
}

div.scrollingtext a{
    text-decoration: none;
    font-weight: normal;
}