@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: 230px; 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: 45px 0 0 5px; width: 190px; height: 240px; 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: 650px; padding: 0; margin: 43px 0 0 0; float: right; }
#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.first { 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 a.first { background: transparent url('/images/design/primary_menu_left_corner.gif') no-repeat; }
#primary_menu li a:hover { position: relative; top: -2px; }
#primary_menu li a.active { 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 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; 
  _margin-left: 0;
  _width: 230px;
}
#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; }
#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 ul.menu { display: block; margin: 0; padding: 0; list-style: none; }
#main #left_column ul.menu li { display: block; margin: 0 0 1px 0; padding: 0; }
#main #left_column ul.menu 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 ul.menu li a em { display: block; font-style: normal; border-bottom: 1px solid #aaa; font-weight: bold; }
#main #left_column ul.menu li a sup { visibility: hidden; }
#main #left_column ul.menu li a span { display: block; font-size: 0.8em; margin: 2px 0 0 10px; }
#main #left_column ul.menu li a:hover { border-color: white; color: #222; background: white; }
#main #left_column ul.menu li a:hover em { color: #48c }
#main #left_column ul.menu li a:hover sup { visibility: visible; color: #ddd; text-align: right; margin-left: 1em; }
#main #left_column ul.menu li a.active { border-color: white; color: #222; background: white; }

#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 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 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 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 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; margin: 0 20px 0 0; padding: 0; }
#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.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 img { margin: 3px 0 0 0; border: 1px solid #999; }
#main #content div.news div.content { width: 450px; float: left; margin-left: 20px; }

#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; }

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

#front_page_cards div { float: left; width: 310px; height: 150px; background: #fff; color: #444; }
#front_page_cards div img { float: left; margin: 10px; border: 1px solid #666; }
#front_page_cards div h3 { font-size: 0.9em; margin: 10px 10px 5px 140px; }
#front_page_cards div p { font-size: 0.8em; margin: 0 10px 10px 140px; text-align: left; }
#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: 80px 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: 440px; padding: 5px 0; border-right: 1px solid black; height: 95px; }
#footer div.general_partner img.winterfresh { margin: 5px 10px 0 0; vertical-align: top; } 
#footer div.general_partner img.metrostav { margin: 3px 0 0 10px; }

#footer div.sponsors { float: left; width: 220px; padding: 5px 0; border-right: 1px solid black; height: 95px; }
#footer div.sponsors img.mann_hummel { margin: 10px 5px 0 10px; }
#footer div.sponsors img.azservis { margin: 10px 0 0 10px; }
#footer div.sponsors img.adidas { margin: 8px 0 0 10px; }

#footer div.partners { float: left; width: 319px; padding: 5px 0; height: 95px; }
#footer div.partners img.dukla_praha { margin: 20px 5px 0 5px; float: left; display: block; }
#footer div.partners img.novis_team { margin: 18px 10px 0 5px; float: left; display: block; }
#footer div.partners img.sport_invest { margin: 5px 5px 0 5px; float: left; display: block; }

#copyright { clear: both; font-size: 0.7em; color: #aaa; text-align: right; padding: 5px 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
*/