body {
background: url(../img/bg-top.jpg) repeat-x;
margin: 0px;
padding: 0px;
font-family: Arial, Arial CE;
font-size: 85%;
color:#3d3d3d;
font-weight:normal;
}
img {border: 0px;}

.imgBorder{
border:1px solid #00B4FF;
}

.clear {clear:both;}
.left {float: left;}
.right {float: right;}
a:link,
a:visited,
a:hover {
font-size: 100%;
color: #00b4ff;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
#active {
color: #00b4ff !important;
} 
#next {
color: black !important;
} 

ul, ol {
margin:0px 0px 15px 20px;
padding:0px;
}
ul li, ol li {
list-style:none;
line-height: 1.6em;
background: url(../img/bg-li-blue.gif) no-repeat 5px 9px;
padding:1px 10px 1px 20px;
}
h1 {
color: #02abf1;
padding: 0px 0px 0px 50px;
margin: 0px;
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
}
.normalH1, h2, h3, h4 {
color: #00b4ff !important;
font-family: Arial Narrow, Arial;
font-size: 200%;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px;
position: relative !important;
}
.normalH1, h2 {
margin: 25px 0px 0px 0px;
}
h3 {
font-size: 180%;
margin: 0px;
padding: 20px 0px 10px 0px;
}
h4 {
font-size: 130%;
}
.articleContentDetail {
}
.articleContentDetail h2,
.articleContent h3{
font-size: 180%;
}
.articleContentDetail h3,
.articleContent h4{
font-size: 150%;
padding:0px;
}
.articleContentDetail h3 {
padding: 10px 0px 0px 0px;
}
p {
line-height:1.7em;
margin:0;
padding:3px 0 10px;
}
.p2 {
padding: 5px 0px 0px 0px;
}
.important {
color: #00b4ff;
font-weight: bold;
}

.spacer {
margin: 0px 0px 50px 0px;
}
.homeA {
text-decoration: none !important;
}
.homeA:hover {
text-decoration: none;
color: #fff !important;
}
fieldset {
border: 0px;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

ul.no-li-bg li {
background: none !important;
}
/******************************************************************
	hlavni kostra webu
******************************************************************/
#InPage {
margin: 0px auto;
width: 940px;
position: relative;
}
/******************************************************************
	hlavicka
******************************************************************/
#Head {
width: 940px;
height: 77px;
position:relative;
background: #111111 !important;
}
a#LogoWeb {
position: absolute;
height: 80px;
width: 220px;
top: 25px;
left: -1px;
z-index: 444;
}


#Head #menu{
width:660px;
height:50px;
position:absolute;
right:0px;
top:29px;
background: url(../img/menu-bg.png) center top repeat-x;
}
#Head #menu ul{
margin:0px;
padding:0px;
}
#Head #menu ul li{
margin:0px;
/*padding:15px 15px 0px 14px;*/
padding:15px 22px 0px 22px;
list-style-type:none;
float:left;
background: url(../img/menu-li-hr-bg.png) right 19px no-repeat;
}
#Head #menu ul li.last{
padding-right:0px;
background:none;
}
#Head #menu ul li a:link,
#Head #menu ul li a:visited,
#Head #menu ul li a:hover{
text-decoration:none;
font-size:120%;
line-height:1.2em;
color:white;
}
#Head #menu ul li a.act:link,
#Head #menu ul li a.act:visited,
#Head #menu ul li a.act:hover,
#Head #menu ul li a:hover{
color:#00b4ff;
}


/******************************************************************
	hlavni flash
******************************************************************/
#TopBannerText {
width: 940px;
height: 255px;
position: relative;
}
#TopBanner {
width: 940px;
position: absolute;
top:1px;
left:0px;
}
#TopBanner img {
margin: 0px;
}

#TopBanner p {
margin: 0px;
padding: 0px;
}

/******************************************************************
	tělo stránky
******************************************************************/

#TextArea {
width: 600px;
text-align: left;
padding: 0px 0px 20px 40px;
float: left;
line-height: 1.7em;
}

#rightCol {
width: 240px;
float:right;
padding-top: 34px;
}
#rightCol ul,
#rightCol form {
border-top: 1px solid #cccccc;
margin: 0px;
padding-top: 15px;
}
.noBorder {
border: none !important;
}
#rightCol ul li {
background: url(../img/ico-discusion.gif) no-repeat 0px 12px;
padding-top: 5px;
padding-bottom: 5px;
}
#rightCol ul li {
color: #666666;
}
#rightCol span.title {
padding-bottom: 4px;
color: #00b4ff;
font-family: Arial Narrow, Arial;
font-size: 200%;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px;
}
#rightCol ul li.rss {
background: url(../img/ico-rss.gif) no-repeat 0px 7px !important;
padding: 5px 0px 5px 25px;
}
#rightCol ul li.fav {
background: url(../img/ico-fav.gif) no-repeat 0px 8px;
padding: 5px 0px 5px 25px;
}

#rightCol form div {
margin: 0px;
padding: 5px 0px 40px 0px;
}
#rightCol form input {
width: 120px;
}
#rightCol form input.Button {
margin: 0px 0px 0px 0px;
vertical-align: bottom;
width: 80px;
}
#rightCol form {
padding: 15px 0px 0px 0px;
}
form#commentForm fieldset {
border: none;
}

form#commentForm label {
font-size:110%;
vertical-align:top;
display:block;
float: left;
width: 100%;
}
form#commentForm input.text,
form#commentForm input.text01 {
font-size:100%;
border:1px solid #666666;
height:24px;
width:265px;
margin:0px 10px 20px 0px;
}
form#commentForm input.text01 {
width:145px;
}
form#commentForm textarea {
font-size:100%;
border:1px solid #666666;
height:220px;
width:637px;
margin:0px 0px 20px 0px;
}
form#commentForm .require {
background:#FFFFCC;
}
.commentbody div {
margin:30px 0px 3px;
padding-bottom:4px;
border-bottom:1px solid #00bbde;
font-size:110%;
}
.commentbody div span {
font-size:140%;
font-weight:bold;
color:#00bbde;
}
commentbody div strong {
font-size:130%;
}
form#commentForm input.submit {
background:transparent url(/content/img/discussion_ok.gif) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
height:42px;
width:196px;
}
form#commentForm input.error, textarea.error {
background:#FFEFEF none repeat scroll 0 0 !important;
border:1px solid #FF0000 !important;
}
#error, #error01 {
border:1px solid #FF0000 !important;
color:#FF0000;
display:none;
font-weight:bold;
margin-bottom:10px;
padding:5px 10px;
width:600px;
}
.articleContent {
padding: 0px 0px 60px 0px;
}
.articleContentDetail h2 {
font-size: 180%;
margin: 0px;
padding: 20px 0px 10px 0px;
}
.noUnderline {
text-decoration: none !important;
}
.normalH1, h2 {
padding: 0px;
line-height: 1.0em;
font-family: arial Narrow, Arial;
font-weight:100;
font-size: 300%;
}
h2 a:link,
h2 a:vistied {
text-decoration: none !important;
}
h2 a:hover {
text-decoration: underline !important;
}
.code {
font-size:90%;
height:120px;
padding:5px 10px;
background:#FFFFCC;
border:1px dashed #002547;
overflow:auto;
}
#rightCol ul {
padding: 10px 0px 30px 0px;
}
ul#artSort li {
background: url(../img/ico-art.gif) no-repeat 0px 12px;
}
ul#artSort li a {
color: #666666;
}
/******************************************************************
	paticka
******************************************************************/
#Footer {
width: 100%;
background: #3c3c3c url(../img/bg-bottom.jpg) repeat-x;
margin-top: 20px;
}

/*#Footer strong {
color: #00b4ff;
font-family: Arial Narrow, Arial;
font-size: 130%;
font-weight: normal;
}
*/
#InFooter {
width: 940px;
margin: 0px auto;
color: #d3d3d3;;
position:relative;
}

#Footer .box{
float:left;
text-align:left;
padding: 30px 0px 0px 0px;
font-size:110%;
line-height:1.6em;
}
#Footer .box strong{
display:block;
font-weight:normal;
padding:0px 0px 4px 0px;
color:#00b4ff;
font-size:115%;
}
#Footer .box a:link,
#Footer .box a:visited,
#Footer .box a:hover{
color:#00b4ff;
}
#Footer .box1{
width:200px;
}
#Footer .box2{
width:270px;
}
#Footer .box3{
width:240px;
}
#Footer .box4{
width:220px;
}


#CopyRight {
width: 300px;
margin-top: 35px;
text-align: right;
float: right;
}


/**************** Blog styly */

.grayColor {
color: #aaaaaa;
}
.blueFont {
color: #00b4ff;
text-decoration: underline;
}