@media screen {
body { margin: 0; padding: 0; background: #000; text-align: center; font-family: Arial,"Geneva CE",sans-serif; color: #fff; font-size: 0.9em; }

hr { float: none; clear: both !important; border-style: none !important; visibility: hidden !important; background: transparent !important; }
p { text-align: left; line-height: 130%; }
a { color: #f80; }
a:hover { color: #000; }
img { border-style: none; margin: 0px; }

/************************************************/
#front_page { width: 988px; height: auto; min-height: 500px; text-align: left; margin: 0 auto; position: relative; }
#main { width: 982px; height: auto; min-height: 500px; text-align: left; margin: 0 auto; position: relative; }
#logo { display: block; width: 210px; height: 60px; float: left; margin: 5px 0 0 3px; background: transparent url('/images/design/logo.gif') no-repeat; overflow: hidden; text-indent: -3000px; }
#main #logo { height: 60px; background-image: url('/images/design/logo_main.gif'); margin-top: 5px; }
#front_page > #logo { margin-left: 6px; }
#front_page #theme { width: 100%; float: left; height: 402px; margin: 0px 0 20px 0; background: transparent url('/images/design/theme_bg.jpg') no-repeat; }

#newsflash { float: left; margin: 15px 0 0 5px; width: 190px; height: 250px; overflow: hidden; color: #444; font-size: 0.8em; }
#front_page #theme > #newsflash { margin-left: 10px; }
#newsflash h2 { color: #f66; margin: 0 0 5px 3px; border-bottom: 1px solid #aaa; font-size: 12px }
#newsflash ul { list-style: square; margin: 5px 0 5px 5px; padding: 0 0 0 15px; }
#newsflash ul li { margin: 3px 0; padding: 0; }
#newsflash ul li img { vertical-align: top; border: 1px solid #aaa; padding: 1px; }
#newsflash a { color: #006; }
#newsflash a:hover { color: red; }

#primary-menu { display: block; width: 758px; padding: 0; margin: 43px 0 0 0; float: right; }
#primary-menu h3 { margin: 0; padding: 0; background: transparent; }
#primary-menu h4 { margin: 0; padding: 0; background: transparent; }
#primary-menu em { font-style: normal; }
#primary-menu li { display: block; margin: 0; padding: 0; width: 108px; float: left; background: white url('/images/design/primary_menu_li_bg.gif') repeat-y; position: relative }
#primary-menu li.item1 { width: 110px; }
#primary-menu li a { display: block; width: 100%; padding: 5px 0 0 0; text-align: center; color: #444; font-weight: bold; text-decoration: none; font-size: 11px; height: 17px; background: transparent url('/images/design/primary_menu_bg.gif') repeat-x; }
#primary-menu li.item1 a { background: transparent url('/images/design/primary_menu_left_corner.gif') no-repeat; }
#primary-menu li a:hover { position: relative; top: -2px; }
#primary-menu li.active a { position: relative; top: -2px; }
/* second level */
#primary-menu ul { position: absolute; z-index: 10; height: auto; width: auto; top: 22px; margin: 0; padding: 0 0 3px 0; left: 0; background: transparent url('/images/design/menu_transparent_bg_60-trans.png') no-repeat bottom left; _background: white; display: none; filter: 
    progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
#primary-menu ul li { border-style: none; padding: 3px 0; margin: 0px; width: 230px; background: transparent; }
#primary-menu li.item1 ul li a, #primary-menu ul li a { width: 227px; padding: 0; font-size: 11px; height: 20px; margin: 0 0 0 3px; line-height: 20px; text-align: left; text-indent: 10px; background: transparent; vertical-align: middle; z-index: 8; overflow: hidden;
  _margin-left: 0;
  _width: 230px;
}
#primary-menu li.item1 ul li a:hover, #primary-menu ul li a:hover { background: transparent url('/images/design/menu_transparent_item_bg_60-trans.png') no-repeat; position: static; top: 0; color: white; 
  _margin-left: 0;
  _width: 230px;  
  _background: #48c;
}
#primary-menu ul li span { display: block; font-weight: bold; padding: 2px 1px 2px 5px; color: #fff; }
/* menu description */
#primary-menu ul li a span { display: none; }
#primary-menu ul li a#active_menu { text-decoration: underline; color: white; }
/* third level menu */
#primary-menu ul ul { z-index: 11; display: none; left: 231px; top: -1px;  }
#primary-menu ul ul li { width: 270px; }
#primary-menu li:hover > ul { display: block; }

#main #left_column { float: left; width: 326px; min-height: 500px; }

#main #left_column #theme { width: 100%; height: 245px; background: white url('/images/design/left_column_bg_2.jpg') no-repeat; }
#main #left_column #theme.torino { background-image: url('/images/design/left_column_bg_1.jpg'); }
#main #left_column h2 { background: white; color: #555; padding: 10px; margin: 0 0 1px 0; font-size: 0.9em; }
#main #left_column h2.menu { color: #bb2626; }
#main #left_column div.menu h3 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; display: block; }
#main #left_column div.menu ul { display: block; margin: 0; padding: 0; list-style: none; }
#main #left_column div.menu ul li { display: block; margin: 0 0 1px 0; padding: 0; }
#main #left_column div.menu ul li a { display: block; padding: 5px 10px 15px 10px; width: 305px; border-right: 1px solid black; text-decoration: none; color: #555; background: #eee; font-size: 0.9em; }
#main #left_column div.menu ul li a em { display: block; font-style: normal; border-bottom: 1px solid #aaa; font-weight: bold; }
#main #left_column div.menu ul li a sup { visibility: hidden; }
#main #left_column div.menu ul li a span { display: block; font-size: 0.8em; margin: 2px 0 0 10px; }
#main #left_column div.menu ul li a:hover { border-color: white; color: #222; background: white; }
#main #left_column div.menu ul li a:hover em { color: #48c }
#main #left_column div.menu ul li a:hover sup { visibility: visible; color: #ddd; text-align: right; margin-left: 1em; }
#main #left_column div.menu ul li.active a { border-color: white; color: #222; background: white; }

#main #left_column p.latest_guestbook_entry { font-size: 0.8em; margin: 5px 0; }
#main #left_column ul.latest_guestbook_entry { font-size: 0.9em; margin: 0; }

#main #left_column form { border-style: none; margin: 0 0 30px 0; padding: 0; }
#main #left_column fieldset { border-style: none; margin: 0; padding: 0; }
#main #left_column label { display: block; font-size: 0.9em; }
#main #left_column input.text { display: block; width: 180px; border: 1px solid #ccc; color: #444; font-size: 0.9em; }
#main #left_column input.submit { background: #999; color: #eee; font-size: 0.9em; margin: 10px 0 0 82px; width: 100px; text-align: center; border-style: none; cursor: pointer; }

#main #left_column #calendar { width: 325px; margin-right: 1px; background: white; color: #444;  font-size: 0.9em; }
#main #left_column #calendar #inner_calendar { padding: 20px; }
#main #left_column #calendar h2 { background: transparent; padding: 0; margin: 0 0 10px 0; }
#main #left_column #calendar h3 { font-size: 0.9em; color: black; margin: 5px 0; }
#main #left_column #calendar ul { margin: 5px 20px; padding: 0 0 15px 0; list-style: square; }
#main #left_column #calendar ul li { margin: 3px 0; padding: 0; font-size: 0.9em; }
#main #left_column #calendar ul li span.date { display: block; text-align: left; color: #999; font-size: 0.9em; }
#main #left_column #calendar a { color: #bb2626; text-decoration: underline; }
#main #left_column #calendar a:hover { color: #8aa; text-decoration: underline; }

#main #content { float: left; width: 656px; min-height: 1000px; height: 1000px; background: white; color: #444; padding-bottom: 40px; }
#main > #content { height: auto; }
#main #content #inner_content { margin: 1px; }
#main #content #inner_content_ie_hack { width: 650px; float: left; }
#main #content h1 { display: block; margin: 0 0 5px 0; padding: 3px 10px; background: #bb2626; color: white; font-size: 1.1em; }
#main #content h1 em { font-style: normal; }
#main #content h1 span { display: none; }
#main #content h1 a { color: white; text-decoration: none; }
#main #content h1 a:hover { text-decoration: underline; }
#main #content h2 { color: #48c; font-size: 1.1em; margin: 20px 10px 10px 10px; border-bottom: 2px solid #aaa; text-indent: 10px; }
#main #content h2 a { color: #48c; text-decoration: none; }
#main #content h2 a:hover { color: #bb2626; text-decoration: underline; }
#main #content h3 { color: #222; margin: 10px 10px 5px 20px; font-size: 0.9em; }
#main #content p { margin: 5px 20px 5px 20px; font-size: small; text-align: justify; padding: 0; }
#main #content a { color: #bb2626; text-decoration: underline; }
#main #content a:hover { color: #8aa; text-decoration: underline; }
#main #content p em { color: #555; }
#main #content p.date { color: #999; text-align: right; font-size: 0.8em; }
#main #content ul { margin: 10px 30px 20px 20px; padding: 0 0 0 15px; font-size: 0.9em; list-style: square; }
#main #content ul ul { font-size: small; list-style: circle; }
#main #content ul li { margin: 4px 0; padding: 0; }
#main #content ul li h3 { color: #333; margin-top: 0; }
#main #content ul li p { text-align: justify; }
#main #content div.article_list { margin-top: 30px; clear: both; float: left; width: 100%; }
#main #content div.article_list div.perex { margin-bottom: 20px; }
#main #content div.article_list div.perex img { display: none; }
#main #content img.text_image { border: 1px solid black; padding: 1px; }
#main #content img.right { float: right; margin: 0 10px 10px 10px; }
#main #content img.left { float: left; margin: 0 10px 10px 10px; }
#main #content div.image_box { margin: 10px 10px 10px 10px; float: left; width: 610px; vertical-align: top; }
#main #inner_content_ie_hack > div.image_box { margin-left: 20px; }
#main #content div.image_box p { display: block; float: left; width: 32%; margin: 0; padding: 0; vertical-align: middle; }
#main #content div.image_box p span { display: block; clear: both; font-size: 0.8em; color: #666; text-align: left; }
#main #content div.image_box img { border: 1px solid black; padding: 1px; margin: 0; vertical-align: top; }
#main #content div.image_box div.gallery_image { float: left; width: 190px; margin: 0 10px 0 0; padding: 0; }
#main #content div.image_box div.gallery_image div.image_name { display: block; clear: both; width: 100%; font-size: 0.7em; color: #666; text-align: left; border-bottom: 1px solid #eee; }
#main #content div.image_box div.gallery_image div.image { height: 130px; line-height: 130px; background: #f9f9f9; width: 100%; float: left; vertical-align: middle; text-align: center; }
#main #content div.image_box div.gallery_image div.image img { vertical-align: middle; }
#main #content div.two_columns { width: 100%; float: left; }
#main #content div.two_columns div { width: 45%; float: left; }
#main #content div.news { width: 100%; float: left; margin: 0 0 30px 0; }
#main #content div.news div.date { width: 130px; float: left; height: 90px; border-right: 5px solid #f0f0f0; color: #999; font-weight: bold; font-size: 0.8em; margin: 10px 0 0 20px; }
#main #content div.news div.date a { display: block; margin: 3px 0 0 0; border: 1px solid #999; height: auto; padding: 1px; float: left; }
#main #content div.news div.date a img { display: block; float: left; }
#main #content div.news div.content { width: 450px; float: left; margin-left: 20px; font-size: 0.9em; }
#main #content div.pagination { color: #333; font-size: 0.9em; width: 100%; float: left; font-weight: bold; margin-bottom: 10px; }
#main #content div.pagination div.found { width: 250px; float: left; color: #999; margin-left: 10px; font-size: 0.9em; }
#main #content div.pagination_bottom { margin-top: 20px; }
#main #content div.perex { clear: both; float: left; width: 100%; }
#main #content div.text { clear: both; float: left; width: 100%; }

#main #content div.pagination div.paginate { float: right; width: 300px; font-size: x-small; margin-top: 3px; }
#main #content div.pagination div.paginate span, #content div.pagination div.paginate a {
	display: block; float: left; width: auto; border: 1px solid #aaa; background: #f6f6f6; text-align: center; margin-right: 5px; padding: 0px 3px; text-indent: 0px; 
}
#main #content div.pagination div.paginate span { background: #ccc; color: #000; }
#main #content div.pagination div.paginate a { text-decoration: none; color: #999; }
#main #content div.pagination div.paginate a:hover { color: #000; background: #ccc; }

#main #content form { width: 600px; float: left; margin: 0 0 20px 20px; padding: 0px; border-style: none; }
#main #content form fieldset { padding: 5px; margin: 10px 0 0 0; border: 1px solid #ccc; }
#main #content form legend { color: #999; }
#main #content form div.form_row { margin: 0 0 6px 0; float: left; width: 100%; clear: both; }
#main #content form div.form_error { color: #f00; font-size: 0.9em; }
#main #content form label { font-size: 0.9em; display: block; text-align: left; float: left; margin-right: 10px; width: 130px; }
#main #content form label.required { font-weight: bold; }
#main #content form input { vertical-align: middle; font-size: 0.9em; color: black; }
#main #content form input.text { width: 150px; border: 1px solid #aaa; background: #f6f6f6; }
#main #content form input.date { width: 110px; border: 1px solid #aaa; background: #f6f6f6; }
#main #content form button { background: #666; color: white; border-style: none; width: auto; padding: 0px 10px; cursor: pointer; margin: 2px 0 0 2px; }
#main #content form input.submit { background: #c00; color: white; border-style: none; width: auto; padding: 0px 10px; cursor: pointer; margin: 10px 0 0 0; }
#main #content form select { font-size: 0.8em; background: #ccc; color: black; border: 1px solid #666; }
#main #content form div.date select { margin-right: 5px; }
#main #content form textarea { font-size: 1em; line-height: 130%; display: block; float: left; width: 340px; height: 80px; margin: 0px; border: 1px solid #aaa; background: #f6f6f6; color: black; }
#main #content form div.half { width: 50%; float: left; clear: none; }
#main #content form div.half label { clear: both; }
#main #content form div.help { clear: both; color: #999; margin: 3px 0 0 0; }

#main #content #guestbook h3 { border-bottom: 1px solid #aaa; margin: 15px 15px 0 15px; }
#main #content #guestbook p.date { font-size: 0.8em; text-align: right; margin: 0 15px 0 0; }
#main #content #guestbook p { margin: 0 15px 10px 15px; }

#main #content table#person_profile { margin: 20px 0 10px 10px; width: 100%; padding: 0; border: 1px solid #aaa; float: left; }
#main #content table#person_profile th { background: #eee; color: #444; padding: 4px 5px; font-size: 0.8em; font-weight: bold; vertical-align: top; border: 1px solid white; width: 40%; }
#main #content table#person_profile td { color: #666; vertical-align: top; padding: 4px 5px; font-size: 0.8em; font-weight: normal; border: 1px solid white; }
#main #content table#person_profile td.even { background: #f9f9f9; }

#main #content table.form { width: 100%; }
#main #content table.form th { width: 100px; vertical-align: top; padding: 3px 0; font-weight: normal; }
#main #content table.form th label { width: auto; display: inline; margin: 0; }
#main #content table.form td { vertical-align: top; padding: 3px 0 3px 5px; }

#main #content div.sponsors { margin: 30px 20px; }
#main #content div.sponsors h3 { color: #000; font-size: 0.9em; margin: 0 0 5px 0; border-bottom: 1px solid black }
#main #content div.sponsors hr { margin: 10px 0 !important; }
#main #content div.sponsors img.metrostav { margin: 20px 0 20px 20px !important; }
#main #content div.sponsors img.sponsor { margin: 0 25px 10px 0; vertical-align: middle; }
#main #content div.sponsors img.azservis { margin-left: 20px; }
#main #content div.sponsors img.favorit { margin-left: 25px; }
#main #content div.sponsors img.atex { margin-left: 50px; }
#main #content div.sponsors img.ahorn { margin-left: 20px; margin-top: 10px; }
#main #content div.sponsors img.newtonit { margin-left: 40px; }
#main #content div.sponsors img.oakley { margin-left: 70px; }
#main #content div.sponsors img.mann_hummel { margin-left: 20px; }
#main #content div.sponsors img.sidi { margin: 0 0 0 80px; }
#main #content div.sponsors img.ursus { margin: -10px 0 0 20px; }
#main #content div.sponsors img.gaerne { margin: 0 0 0 40px; }

#front_page_cards { width: 982px; float: left; margin-left: 3px; }
#front_page > #front_page_cards { margin-left: 6px; }

#front_page_cards div.with_bg { background: #fff; color: #444; float: left; width: 310px; height: 170px; }
#front_page_cards div.third { float: left; width: 310px; }
#front_page_cards div img { float: left; margin: 10px; border: 1px solid #666; }
#front_page_cards div h3 { font-size: 11px; margin: 10px 10px 5px 152px; }
#front_page_cards div p { font-size: 11px; margin: 0 10px 10px 152px; text-align: left; }
#front_page_cards div.first h3,
#front_page_cards div.first p { margin-left: 10px; }
#front_page_cards div a { color: #444; text-decoration: none; }
#front_page_cards div a:hover { text-decoration: underline; }
#front_page_cards div.active_card { color: #C66; }
#front_page_cards div.first { margin-right: 26px; }
#front_page_cards div.second { margin-right: 26px; }

#footer { width: 982px; float: left; background: white; padding: 0 0 0 0; margin: 10px 0 0 3px; }
#front_page > #footer { margin-left: 6px; }
#main #footer { margin: 1px 0 0 0; width: 100%; }
#footer div h3 { color: #000; font-size: 0.9em; margin: 0 0 5px 10px; border-style: none; }

#footer div.general_partner { float: left; width: 640px; padding: 5px 0; border-right: 1px solid black; height: 75px; }
#footer div.general_partner img { margin: 5px 4px 0 4px; vertical-align: middle; }
#footer div.general_partner img.vw { margin-left: 0; margin-right: 0; }
#footer div.general_partner img.small { margin-top: 0; }
#footer div.partners { float: left; width: 175px; padding: 5px 0; border-right: 1px solid black; height: 75px; }
#footer div.partners img { margin: 5px 5px 0 5px; vertical-align: middle; }
#footer div.partners img.small { margin-top: 0; }
#footer div.partners img.dukla_praha { margin: 5px 5px 0 5px; }
#footer div.partners img.novis_team { margin: 3px 10px 0 5px; }
#footer div.partners img.sport_invest { margin: 0 5px 0 5px; }

#footer div.sponsors { float: left; width: 165px; padding: 5px 0; height: 75px; }
#footer div.sponsors img { margin: 3px 0 0 10px; }

#copyright { clear: both; font-size: 0.7em; color: #aaa; text-align: right; padding: 35px 0 10px; }
#copyright img { vertical-align: top; }

div.clearboth { float: none; clear: both !important; font-size: 2px; height: 2px; border-style: none !important; background: transparent !important; }
.noborder { border-style: none !important; }
}
/*
  End of media screen
*/