/* CSS Document */
/******************
 **** GLOBALNI
*/ 
html {background: url('../images/html.jpg') top repeat-x;padding:0; margin:0}
body {margin:0;padding:0;font-family: arial;text-align:center;font-size: 1em;}
img {border:none;}
hr {background-color: #D2EBF7;height:5px;width:93%;border: 0px solid #fff;margin:20px 0px 20px 15px;}


#page {width:775px;margin: 0 auto 0 auto; padding:0; text-align:left;}

/******************
 **** HLAVICKA
*/ 
#header {width:775px;height:199px;background: url('../images/header.jpg') top center; margin: 0; padding: 0;position:relative;}
/*** Logo */
#header h1 {font-size:50%;font-family:arial;position:absolute;padding:0;margin: 0;top:52px;left:24px;overflow: hidden;width:123px;height:87px;}
#header h1 span {background: url('../images/logo.gif') no-repeat scroll left top;display:block;width:123px;height:87px;z-index:1;position:absolute;top:0;left:0;}
/*** Mutace */
#header ul#mutations {position:absolute;list-style:none;margin:0;padding:0;top:80px;right:170px;}
#header ul#mutations li {margin: 0px 2px 0px 0px; float:left;}
#header ul#mutations li a {display:block;background: url('../images/mutations.png') repeat-x left top;height:18px;padding: 2px 4px 0px 4px;font-size:70%;font-weight:bold;text-decoration: none;color:#000}
/*** Horni menu */
#header ul#menu {position:absolute;list-style:none;padding:0;margin:0;top:12px;left:150px;font-size:90%;}
#header ul#menu li {padding: 0; margin:0px 0px 0px 10px;float:left;color:#F7E434;}
#header ul#menu li a {padding: 0px 10px 0px 0px; margin:0;color:#fff;text-decoration: none;}
/*** Vyhledavani */
#header form {position:absolute;top:105px;left:180px;padding:0;margin:0;}
#header form p {padding:0;margin:0;}
#header form label {font-size:85%;color: #fff;font-weight: bold;}
#header form input[type="text"] {height:11px;width:130px;padding: 2px 0px 2px 5px;font-size:85%}
#header form input[type="submit"] {background: #0094C3 url('../images/search.gif') no-repeat center;border:0px solid #0094C3;width:16px;}
#header span {position:absolute;width:35px;top:106px;right:180px;}
#header span a {text-decoration: none;}
#header span a.sitemap {background: #0094C3 url('../images/sitemap.gif') no-repeat center;border:none;width:16px;height:16px;display:block;float:left;}
#header span a.home {background: #0094C3 url('../images/home.gif') no-repeat center;border:none;width:16px;height:16px;display:block;float:right;}


/******************
 **** LEFT MENU
*/
#left_column {width: 156px; float:left;overflow:hidden;}
/*** menu*/
#left_column ul {width:100%;margin:9px 0px 0px 0px;text-decoration: none;list-style: none;padding:0;}
#left_column ul li a {background: #0094C3 url('../images/menu.gif') no-repeat right center;padding:4px 0px 3px 15px;/*padding:2px 0px 3px 15px*/;margin:0;margin-bottom:2px;color:#fff;font-size: 83%; font-weight: bold;display:block;text-decoration: none;z-index:1000;}
#left_column ul li.none{background: white;padding:0;margin:0;font-size:0;}
#left_column ul ul {padding:0;margin:2px 0px 5px 0px;list-style:none;width:142px;font-size:12px;}
#left_column ul ul li {height:18px;margin:0px 0px 3px 0px;padding:0;}
#left_column ul ul li a {background: url('../images/submenu.png') top left;height:16px;margin: 0px 0px 0px 0px;padding:2px 0px 0px 20px;color:#000;display:block;text-decoration: none;font-weight: bold;}
#left_column ul ul li a:hover {background: url('../images/submenu.png') 0px -18px;}
#left_column ul ul li a.active {background: url('../images/submenu.png') 0px -18px;}
/*** kontakt pod menu */
#left_column p {text-align:center;font-size:80%;}
#left_column p em {font-weight: bold;font-style: normal;}
#left_column p span {color:#263B7C;font-weight: bold;}
#left_column p cite {color:#D23D2D;}

/******************
 **** RIGHT MENU
*/
#right_column {width:165px;float:right;margin-right:4px;}
/*** menu */
#right_column ul {width:100%;margin:9px 0px 0px 0px;text-decoration: none;list-style: none;padding:0;}
#right_column ul li {background: #0094C3 url('../images/menu.gif') no-repeat right center;padding:4px 0px 3px 15px;/*padding:2px 0px 3px 15px*/;margin:0;margin-bottom:2px;color:#fff;font-size: 83%; font-weight: bold;}
#right_column ul li.none{background: white;padding:0;margin:0;}

/******************
 **** CONTENT
*/
#content {width:447px;margin:0px 0px 0px 156px;padding:0;position:relative;}
#content_header {background: url('../images/under_header1.jpg') right top;width:465px;height:77px;float:left;padding:0;margin-left:1px;z-index:1;}
/*** Nastaveni obsahu */
#sub_content {width: 426px;border: 1px solid #9DEEF9; border-top:none;padding:80px 10px 20px 10px;margin-left:1px;}
#sub_content h2 {color:#85A109;font-size:90%;padding: 10px 0px 10px 0px;margin:0;}
#sub_content p {padding: 0px 0px 0px 0px;margin:0;font-size:80%}
#sub_content p.news {padding: 0px 0px 30px 0px;}
#sub_content h3 {padding: 0px 0px 3px 0px;font-size: 90%;color:#263B7C;margin: 0px 0px 0px 0px;}
#sub_content em {padding: 0px 0px 0px 0px;color: #666;font-size: 80%;margin:0px 0px 0px 0px;}
#sub_content a {text-decoration: underline;color:#263B7C;}
#sub_content a:hover {text-decoration: none;} 


/******************
 **** FOOTER
*/
#under_menu {margin: 10px 0px 0px 0px;text-align: center;}
#under_menu a{font-size:70%;color:#000;text-decoration: none;}
#under_menu a:hover {text-decoration: underline;}
#bottom_1 {width:100%;background: #0094C3; color: #fff; font-size: 80%; text-decoration: none;padding: 15px 0px 15px 0px;margin: 10px 0px 0px 0px;text-align: center;}
#bottom_2 {width:100%;background: #BFE4F0; color: #005570; font-size: 80%;padding: 10px 0px 10px 0px;text-align: center;}
#bottom_2 a {color: #005570;}
.link a {text-decoration: none;font-weight: bold;}
.link a:hover {text-decoration: underline;}

/******************
 **** APPLICATION
*/