/*Layout stranky*/
body{
margin: 0; padding: 0; border: 0;
font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
background-image: url(background.gif);
background-repeat:repeat-x;
background-position: 0 0;
background-color: White;
color: #525050;
text-align: center;
font-size: 75%;
}
#page{
margin: 0 auto; padding: 0; border: 0;
text-align: left;
width: 800px;
border-right: #525050 solid 2px;
border-left: #525050 solid 2px;
}
#header{
height: 75px;
background-image:url(prechodtop.gif);
background-position: 160px 0;
background-repeat: repeat-y;
background-color: #525050;
}
#header_right{
float: right;
width: 284px;
height: 75px;
background-image:url(tlpheader1.gif);
background-position: top right;
background-repeat: no-repeat;
}
#header_left{
float: left;
width: 160px;
height: 75px;
background-image:url(logotlpR.gif);
background-position: 10px 2px;
background-repeat: no-repeat;
background-color: White;
}
#top_panel{
height: 37px;
background-image:url(menupanel.gif);
background-repeat:repeat-x;
}
#main1{
background-color: #F5F5F5;
}
#left_col{
margin: 15px 0;
float: left;
width: 550px;
text-align: left;
background-image: url(line1.gif);
background-position: top right;
background-repeat: repeat-y;
}
#right_col{
margin: 15px 0;
float: right;
width: 250px;
text-align: left;
}
#center_col{
margin: 15px 0;
text-align: left;
}
#left_col.basic, #right_col.basic{
width: 400px;
}
#footer{
height: 37px;
background-image:url(menupanel.gif);
background-repeat:repeat-x;
}
/*horni menu*/
#top_panel a.menuitem{
float: left;
padding: 0 10px;
height: 37px;
line-height: 37px;
color: White;
font-weight: bold;
text-decoration: none;
background-image:url(menuseparator.gif);
background-repeat:no-repeat;
background-position: top right;
}
#top_panel a.menuitem:hover{
color: #FF9900;
}
#top_panel a.menuitem.active{
color: #FF9900;
}
/*hlavni cast*/
.inner{
padding: 0 20px;
}
#main1 h1{
border-left: 2px solid #525050;
padding-left: 0.5em;
margin: 0.5em 0;
font-size: 120%;
}
#main1 h2{
color: #FF9900;
margin: 0.5em 0;
font-size: 100%;
}
#main1 p{
line-height: 1.5em;
margin: 0.5em 0;
}
#main1 ul{
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 1.5em;
list-style-type: square;
}
#main1 ul.arr{
list-style-image: url(arrow2.gif)
}
#main1 a{
color: #4682B4;
}
#main1 a:hover{
color: #00616A;
}
#main1 table{
}
#main1 img{
padding: 0.5em;
border: 1px solid #525050;
background-color: White;
margin: 0.5em;
}
#main1 img.img_left{
margin-right: 1em;
float: left;
}
#main1 img.img_right{
margin-left: 1em;
float: right;
}
/*paticka*/
#footer p{
margin: 0;
text-align: center;
color: White;
line-height: 37px;
font-size: 80%;
}
#footer a{
color: White;
text-decoration: none;
}
#footer a:hover{
color: White;
text-decoration: underline;
}
/*obecne tridy*/
.cleaner{
clear: both;
line-height: 1px;
}
.clear{
clear: both;
}
.orange{
color: #FF9900; 
}
.textright{
text-align: right;
}
.textleft{
text-align: left;
}
.floatright{
float: right;
}
.separator{
font-size: 1px;
line-height: 5px;
height: 5px;
background-color: #525050;
}
.line{
background-image: url(line2.gif);
background-position: top left;
background-repeat: repeat-x;
height: 2px;
line-height: 2px;
margin: 0.5em 0;
clear: both;
}
form{
margin: 0; padding: 0; border: 0;
}
/*sipecky...*/
.arrow1{
background-image: url(arrow1.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 12px;
}
.arrow{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 15px;
}
.arrow2{
background-image: url(arrow2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 12px;
}
.levelup{
background-image: url(levelup.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 15px;
}
.square{
background-image: url(square.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 15px;
}
.pdf{
background-image: url(pdf.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 18px;
}