h1, h2, h3, h4, h5, h6 {
color: #00a4d6;
}
h1 {
font: bold 14pt  Verdana, sans-serif;
border-bottom: 1px solid #d5d5d5;
}
h2 {
font: italic 14pt  Verdana, sans-serif;
border-bottom: 1px solid #d5d5d5;
}
h3 {
margin: 0;
padding: 0;
}
p {
text-align: justify;
}

/* Class for clearing floats */

.clear {clear:both;}

/* Remove border around linked images */

img {border: 0;}

/* =Typography
-----------------------------------------------------------------------------*/

body {font: 10pt  Verdana, sans-serif;
margin: 0;
padding: 0;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;}


/* Centering Technique
================================== */

#wrapper {
background-color: #fff;
position: relative;
left: 50%;
width: 778px;
height: 100%;
margin-left: -400px;}

/* =Headings
-----------------------------------------------------------------------------*/

#header {width: 100%;
padding-top: 1px;
margin: 0px;
height: 194px;
background-color: #107FAD;
}
#header img {
padding: 0px;
margin:0px;
float: right;
}
#header_text {
position: absolute;
left: 480px;
top: 0px;
width:300px;
height:200px;}
#header_text a {
color: #fff;
}
#header_text p {
font-weight: bold;
}
#browse_crag {
width: 778px;
height: 31px;
border-top: 1px solid #fff;
background-color: #535351;
margin: 0;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited {text-decoration: none;
font-weight: bold;
color: #c53238;}

a:hover, a:active {text-decoration:none;
color: #c53238;}

/* =Branding
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/

#navlist {
font: 12px verdana, arial, sans-serif;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#navlist li {
float: left;
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
background-color: #535351;
}

li#active a {
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;

background-color: #00a4d6;}

#navlist a {
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
color: #fff;
text-decoration: none;
}

#navlist a:hover {
background-color: #00a4d6;;
color: #fff;}

/* =Sub Nav
-----------------------------------------------------------------------------*/

/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
width: 100%;
height:100%;
min-height: 300px;
padding: 1em 0 1em 0;}

#mainContent a {color: #c53238;
text-decoration: none;
font-weight: normal;}

#mainContent a:visited {color: #c53238;
text-decoration: none;}

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

#mainContent ul {list-style-image: url(../../shared/images/arrow.gif);
padding: 0 0 0 18px;
margin: 8px 0 12px 0;}

#mainContent li {padding: 0;
margin: 0 0 6px 0;}

#mainContent li p {margin-left: 0;
margin-right: 0;}


.important {background-color: #FBE6F2;
border: 1px solid #D893A1;
color: #333;
margin: 10px 0 5px 0;
padding: 10px;
font-weight: bold;
width: 400px;}

.important p {margin: 6px 0 8px 0;
padding: 0;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
padding-top: 10px;
margin: 0px;
width: 100%;
height: 153px;
text-align:center;
color: #fff;
font-size:1em;
background-color: #4E4E4E;
background-image: url(../images/footer_bg.jpg);
background-repeat: repeat-x;}

#footer a {
padding-left: 10px;
padding-right: 10px;
color: #00a4d6;
text-decoration: none;
}

#footer a:hover {
color: #000000;}
#footer p {
text-align: center;}

/* =Forms
-----------------------------------------------------------------------------*/

.error {font-weight: bold;
color:#FF3300;
padding-left: 18px;
background: url(../../shared/images/error.png) no-repeat left top;}

/* :KLUDGE: Explicitly set the width for IE6- */

* html .error {width: 10em;}

fieldset {margin:1em 0;
padding: 1em;
border: 1px solid #ccc;}

legend {font-weight:bold;}

label {float: left;
width: 100px;}

#register {margin: 0;}

#register label, #changePassword label  {width: 150px;}

#register .error span{
margin-left: 150px;
padding-left: 150px;}

.note {display: block;
margin-left: 100px;}

#register.note  {display: block;
margin-left: 150px;}

.button {
text-align:center;
font-weight:bold;
cursor: pointer;}

.button a {text-align: center;
text-decoration: none;
background: url(../images/fade-butt.png);
border: 3px double #999;
border-left-color: #ccc;
border-top-color: #ccc;
color: #333;
padding: 0.25em;}

.button a:active {background: #f4f4f4;
border: 3px double #ccc;
border-left-color: #999;
border-top-color: #999;}

/* =FLASH MESSAGE
-----------------------------------------------------------------------------*/

#flashMessage {width:400px;
color:#FF0000;
border-bottom: 2px solid #FF0000;
border-top: 1px solid #FF0000;
font-size: 16px;
margin: 8px 0px;
font-weight: bold;
padding: 10px;}

/* =CODE BOX
-----------------------------------------------------------------------------*/
#mainContent code, #mainContent pre {
 font-family: Courier,monospace;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
/* =DIVY home page
-----------------------------------------------------------------------------*/

#subcontent {
 float: left;
 width: 530px;
 padding: 10px;
 border-right: 1px solid #d5d5d5;
}
#submenu {
 float: right;
 padding: 10px;
 width: 200px;
 min-height: 300px;
}
/* =Tabulka home page
-----------------------------------------------------------------------------*/
#tab_title{

}
#tab_title td{
 padding: 10px;
 border: 2px solid #D5D5D5;
 vertical-align: top;
 background-color: #00A4D6;
 width: 50%;
 height: 250px;
}
#tab_title H1{
 color: #FFFFFF;
 text-align: center;
}
a.button{
 background-color: #FFFFFF;
 text-align: center;
 border: 1px solid #535351;
 display: block;
 padding:2px;
 text-decoration: none;
}
.red {
    color: red;
}
.whitebold {
    color: white;
    font-weight: bold;
}