/*
made by lookdesign, 2009
style for www.moravskekarpaty.cz
*/

/* obecne styly */
*{ margin: 0; padding: 0; border: 0; }*
body { font: 12px Arial, Sans-Serif; color: #333;  text-align: center; background: #92D735 url(../img/bg_body.jpg) top center fixed; }
a { color: #92D735; text-decoration: none; }
a:hover { color: #92D735; text-decoration: underline; }
h2 { margin: 0 0 0 0; padding: 12px 0 6px 0; font: bold 18px Arial, Sans-Serif; color: #92D735; }
h3 { margin: 0 0 0 0; padding: 10px 0 4px 0; font: bold 16px Arial, Sans-Serif; }
h4 { margin: 0 0 0 0; padding: 8px 0 4px 0;font: bold 14px Arial, Sans-Serif; }
p { margin: 0 0 0 0; padding: 4px 0 4px 0; }
ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
table { padding: 4px  0 4px 0; text-align: left; font: 12px Arial, Sans-Serif; }
td { padding: 2px 0 2px 0; vertical-align: text-top; }
th { padding: 2px 0 2px 0; vertical-align: text-top; color: #7D6F96; font: normal 12px Arial, Sans-Serif; width: 80px;}

/* obal stranky */
#page { width: 920px; padding: 0 0 60px 0; margin: auto; position: relative; text-align: left; } 
/* hlavicka stranky*/
#top { width: 920px; height: 92px; position: relative; background: #FFF; }
#logo a { float: left; width: 210px; height: 80px; margin: 8px 0 0 6px; display: block; background: url(../img/moravskekarpaty_logo.gif) top left no-repeat; }
#logo h1 { visibility: hidden; display: none;  }
#logo p { visibility: hidden; display: none;  }
#search { position: absolute; top: 58px; left: 680px; }
/* archiv clanku, kontaktni formular, mapa stranek */
#pages { position: absolute; top: 66px; left: 420px; font: 11px Arial, Sans-Serif; }
#pages ul li { display: inline; }
#pages ul li a { padding: 0 4px 0 4px; text-decoration: none; color: #BAC7B6; }
#pages ul li a:hover, ul#pages li a.current {  text-decoration: underline; color: #8F9B8C; }
/* horni menu */
#mainmenu { height: 52px; float: right; text-transform: uppercase; background: #798376 url(../img/bg_menu.gif) repeat-x; }
#mainmenu ul {  }
#mainmenu ul li { display:inline; line-height: 52px; }
#mainmenu ul li a { padding: 19px 10px 19px 10px; color:#FFF; text-decoration: none; background: url(../img/bg_menu_a.gif) no-repeat; }
#mainmenu ul li a:hover, #mainmenu ul li.current a { padding: 19px 10px 19px 10px; color:#FFF; text-decoration: none; background: url(../img/bg_menu_ahover.gif) no-repeat; }
/* hlavni casti webu */
#flash { height: 210px; }
#main { background: #FFF; }
#left { float: left; width: 612px; }
#right { margin: 0 0 0 612px; background: #7BBE34 url(../img/bg_right.gif) bottom right no-repeat; }
#right_in { width: 308px; }
#right a { color: #FFF; text-decoration: none; }
#right a:hover { color: #FFF; text-decoration: underline; }
/* obal obsahu */
#center { padding: 20px 28px 36px 28px; background: url(../img/bg_round_bottom.gif) bottom right no-repeat; }
#center_bg { background: url(../img/bg_round_top.gif) top right no-repeat; }
/* navigace titulni strany */
#titlenavi { height: 90px; width: 920px; position: relative; background: #798376; color: #FFF; visibility: hidden; display: none; }
#titlenavi a { color: #FFF; text-decoration: none; }
#titlenavi a:hover { color: #FFF; text-decoration: underline; }
#titlenavi h2.hide { visibility: hidden; display: none;  }
#box1 a { width: 306px; height: 90px; position: absolute; top: 0px; left: 0px; text-align: right; background: #798376 url(../img/bg_box1.jpg) repeat-x; }
#box2 a { width: 306px; height: 90px; position: absolute; top: 0px; left: 306px; text-align: right; background: #F47B3D url(../img/bg_box2.jpg) repeat-x; }
#box3 a { width: 308px; height: 90px; position: absolute; top: 0px; left: 612px; text-align: right; background: #F0463B url(../img/bg_box3.jpg) repeat-x; }
#box1 strong, #box2 strong, #box3 strong  { padding: 36px 20px 0 110px; display: block;  font: normal 12px Arial, Sans-Serif; }
/* podnabidka pod flashem */
#secondmenu { width: 920px; height: 52px; text-transform: uppercase; background: #798376 url(../img/bg_menu2.gif) repeat-x; }
#secondmenu ul { float: left; }
#secondmenu ul li { display:inline; line-height: 52px; }
#secondmenu ul li a { padding: 19px 10px 19px 10px; color:#FFF; text-decoration: none; background: url(../img/bg_menu_a.gif) no-repeat; }
#secondmenu ul li a:hover, #secondmenu ul li.current_sub a  { padding: 19px 10px 19px 10px; color:#FFF; text-decoration: none; background: url(../img/bg_menu_ahover.gif) no-repeat; }
/* drobeckova navigace */
#breadcrumbs { margin: 0 0 0 0; width: 920px; padding: 8px 0 8px 0; color: #FFF; background: #7BBE34; }
#breadcrumbs_in { padding: 0 0 0 16px; }
#breadcrumbs a { color: #FFF; text-decoration: none; }
#breadcrumbs a:hover { color: #FFF; text-decoration: underline; }
/* styly pro clanky */
.articleslide { float: none; clear: both; }
.articleslide img { float: left; margin: 2px 8px 2px 0; border: 2px solid #EEE; }
.articleslide img:hover { border: 2px solid #92D735; }
.articleslide ul { margin: 6px 0 10px 20px; padding: 4px 0 4px 0; list-style-type: circle; }
.articleslide li { padding: 2px 0 2px 0; }
h2.big { float: none; clear: both; }
h2.big a { color: #92D735; font: bold 18px Arial, Sans-Serif; background: #FFF url(../img/h2.gif) center left no-repeat; }
h2.big a:hover { color: #92D735; background: #FFF url(../img/h2_hover.gif) center left no-repeat; }
.readmore { padding: 0 8px 0 16px; background: #FFF url(../img/readmore.gif) center left no-repeat; }
.readmore a, .readmore a:hover { color: #92D735; }
a.link { padding: 0 8px 0 16px; color: #92D735; background: #FFF url(../img/link.gif) center left no-repeat; }
.link:hover { color: #798376; background: #FFF url(../img/link_hover.gif) center left no-repeat; }
/* navigace - odkazy na titulni strane */
#bg_activities_newarticles { width: 612px; padding: 16px 0 28px 0; position: relative; z-index: 1; visibility: hidden; display: none; }
#bg_activities_newarticles a, #bg_activities_newarticles a:hover { color: #FFF; }
#activities { float: left; width: 306px; border-right: 1px dotted #FFF; }
#activities ul { padding: 10px 0 0 130px; }
#activities h3 { padding: 0 0 8px 130px; color: #FFF; font: bold 12px Arial, Sans-Serif; }
#newarticles { margin: 0 0 0 330px; border-right: 1px dotted #FFF; }
#newarticles h3 { padding: 0 0 8px 0; color: #FFF; font: bold 12px Arial, Sans-Serif; }
#more_activities { width: 128px; height: 56px; position: absolute; top: 0; left: 0; z-index: 10; color: #7BBE34; background: url(../img/bg_activities.gif) no-repeat; }
#more_activities h3 { padding: 14px 0 0 26px; color: #7BBE34; font: bold 12px Arial, Sans-Serif; }
/* extra obsahy */
#right h3 { font: bold 12px Arial, Sans-Serif; }
#extra { margin: 0 0 0 0; padding: 0 0 0 16px; color: #EEE; }
.extraarticle { margin: 0 0 0 0; padding: 4px 0 10px 0; width: 280px; float: none;  }
.extraarticle img { float: left; margin: 4px 6px 6px 0; border: 2px solid #FFF; }
.extraarticle img:hover { border: 2px solid #92D735; }
/* seznam podkategorii - kdyz se nevlozi do kategorie clanek */
ul.vertical  { margin: 20px 0 20px 20px; }
ul.vertical  li { margin: 0 0 1px 26px; padding: 2px 0 2px 0; }
ul.vertical  li a { padding: 0 0 0 64px;  color: #372B27; background: url(../img/sitemap.gif) center left no-repeat; }
ul.vertical  li a:hover { background: url(../img/sitemap_ahover.gif) center left no-repeat; color: #92D735; }
/* mapa stranek */
ul.sitemappart2  li { margin: 2px 0 6px 20px; color: #FFF; }
ul.sitemappart2  li a { color: #333; }
ul.sitemappart2  li a:hover { color: #92D735; }
ul.sitemappart2  li ul.articlelist li { margin: 0 0 1px 26px; padding: 2px 0 2px 0; }
ul.sitemappart2  li ul.articlelist li a { padding: 0 0 0 64px; background: url(../img/sitemap.gif) center left no-repeat; }
ul.sitemappart2  li ul.articlelist li a:hover { background: url(../img/sitemap_ahover.gif) center left no-repeat; color: #92D735; }
ul.sitemappart2  li ul.subcategory li.subcat { margin: 1px 0 1px 30px; padding: 1px 0 1px 64px; }
ul.sitemappart2  li ul.subcategory li.subcat a { color: #859082; }
ul.sitemappart2  li ul.subcategory li.subcat a:hover { color: #92D735; }
ul.sitemappart2  li ul.subcategory li.subcat ul.subarticlelist li { margin: 1px 0 1px 26px; padding: 1px 0 1px 0; }
ul.sitemappart2  li ul.subcategory li.subcat ul.subarticlelist li a { padding: 0 0 0 64px; background: url(../img/sitemap2.gif) center left no-repeat; }
ul.sitemappart2  li ul.subcategory li.subcat ul.subarticlelist li a:hover { background: url(../img/sitemap_ahover.gif) center left no-repeat; }
/* archiv clanku */
.archive { color: #FFF;  }
.archive strong { margin: 1px 0 8px 10px; color: #333; }
.archive a { line-height: 18px; margin: 0 0 2px 26px; padding: 2px 0 2px 64px; color: #333; background: url(../img/sitemap.gif) center left no-repeat;}
.archive a:hover { color: #92D735; background: url(../img/sitemap_ahover.gif) center left no-repeat;}
/* paticka */
#footer { float: left; text-align: right; margin: 0 0 0 0; padding: 0 0 0 0;  width: 920px; height: 80px; color: #D8E2D6; font: 11px Arial, Sans-Serif; background: url(../img/bg_footer.gif) top left no-repeat; }
#footer p { padding: 6px 16px 4px 0; }
#footer p#design_login { padding: 4px 16px 4px 0; font: 11px Arial, Sans-Serif; color: #D8E2D6; }
#footer a, #footer a:hover { color: #FFF; }
ul#rss  { padding: 0 10px 0 0; font: 11px Arial, Sans-Serif; }
ul#rss  li { padding: 0 6px 0 0; display:inline; }
ul#rss  li a { color: #FFF; }
/* cistic */
.cleaner { float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px; } 
/* formulare */
fieldset { font: 12px Arial, sans-serif; border: 1px solid #DDD; padding: 10px 8px; margin: 10px 0 8px 0;  color: #000; background: #FFF; }
fieldset p { padding: 4px; }
label { font: 12px Arial, sans-serif; color: #000; } /* popisky formularu */
input { font: 12px Arial, sans-serif; padding: 1px; margin: 0; color: #000; background: #F6F6F6; border: 1px solid #DDD; }
input#calc {  width: 40px; } /* imput kontrolniho souctu */
textarea { font: 12px Arial, sans-serif; margin:  2px 0 0 0; width: 97%; height: 460px; padding: 3px; color: #000; background: #F6F6F6; border: 1px solid #DDD; }
textarea#text, textarea#message { margin:  2px 0 0 0; width: 400px; height: 90px; }
input.button { margin:  10px 1px 10px 0; padding: 0 6px 0 6px; height: 26px; cursor: pointer; border: 1px solid #DDD;  color: #FFF; background: #8DC63F url(../img/button_a.gif) repeat-x; }
input.button:hover { background: #598527 url(../img/button_ahover.gif) repeat-x; }
p.comment  { padding:  10px 0 10px 10px; margin: 0; }
p.date { float: none; clear: both; padding: 8px 0 0 0; font: 12px Arial, Sans-Serif; color: #BAC7B6; } /* datum clanku */
p.meta { padding: 16px 0 0 0; font: 12px Arial, Sans-Serif; color: #BAC7B6; border-bottom: 1px dotted #BAC7B6;  } /* datum komentare */
.commentsbox { font: 12px Arial, Sans-Serif; color: #372B27;  } /* obal formulare pro zadani komentare */
.commentsbox p.email { padding:  2px 2px 2px 4px; margin: 10px 0 0 10px; color: #372B27; }
p.nocomment { padding:  2px 2px 2px 6px; margin: 14px 0 0 0; color: #FFF; background: #859082; } /* popis kontaktniho formulare, a text tento clanek neby komentovan */
.commentsbox p { padding:  2px 0 1px 0; margin: 0 0 0 10px; }
.commentsbox h2 { padding:  2px 2px 2px 6px; margin: 14px 0 10px 0; font: bold 18px Arial, Sans-Serif; color: #92D735; } /* pridejte komentar */
#formcover { margin:  6px 0 0 0; } /* obal kontaktniho formulare */
select { font: 12px Arial, Sans-Serif; border: 1px solid #E1D3F0; }
.name { color: #333; }
/* vyhledavani */
input.searchfield { width: 140px; margin: 0; padding: 2px 2px 2px 22px;   border: 1px solid #A8B2A5; font: normal 12px Arial, Sans-Serif; color: #8F9B8C; background: #FFF url(../img/bg_searchfield.gif) 2px 2px no-repeat;}
input.searchbutton { margin: 0; padding: 2px;  font: normal 12px Arial, Sans-Serif; color: #FFF; border: 0; background: #8F9B8C url(../img/bg_search_a.gif) top left repeat-x;  cursor: pointer;}
input.searchbutton:hover { color: #FFF; background: #7C8779 url(../img/bg_search_ahover.gif) top left repeat-x; }