/*

	style for www.ladislavakosikova.cz
	
*/

*{ margin: 0; padding: 0; }*
body { font: 12px Arial, Sans-Serif; color: #24272B; background: #23262B url(../img/bg_body.gif) repeat-x; text-align: center; }
a { color: #ED145B; text-decoration: none; }
a:hover { color: #ED145B; text-decoration: underline; }
h1 { color: #FFF; font-size: 32px; font-weight: normal; text-align: left; line-height: 28px;}
.black { color: #000; font-size: 28px; text-align: left; line-height: 26px;}
h2 { margin: 4px 0 12px 0; padding: 12px 0 2px 0; color: #24272B; font-size: 16px; }
h3 { margin: 6px 0 12px 0; padding: 10px 0 2px 0; color: #9E0039; font-size: 14px; border-bottom: 1px dotted #9E0039; }
h4 { padding: 10px 0 2px 0; color: #24272B; font-size: 14px; }
h1,h2 { text-transform: uppercase; }
ul {  padding: 0; margin: 0;}
li { list-style-type: none;}
p { margin: 6px 0 12px 0; }
table { font: 12px Arial, Sans-Serif; color: #1D1C16; margin: 4px  0 4px 0; }
td { padding: 4px 10px 4px 0; vertical-align: text-top; }
th { padding: 4px 10px 4px 0; width: 80px; vertical-align: text-top; }

#page { width: 920px; margin: 0 auto 0 auto; padding: 0 0 0 0; text-align: left; background: url(../img/bg_page.jpg) no-repeat; }

#top { width: 920px; height: 270px; position: relative; }
#logo { position: absolute; top: 90px; left: 0px; }
#search { float: right; margin: 2px 0 0 0; }
#search p { border: 0; margin: 0 0 0 0; padding: 0 0 0 0; }

#breadcrumbs { position: absolute; top: 242px; left: 240px; }

#main { width: 760px;  text-align: left; position: relative; }
#main img { border: 2px solid #EEE; }
#main img:hover { border: 2px solid #ED145B; }
#center { margin: 0 0 0 220px; padding: 16px 26px 70px 26px; background: #FFF url(../img/bg_center_bottom.jpg) bottom no-repeat;}

#navi { float: left; width: 220px; margin: 20px 0 0 0; }

img.article { float: left; margin: 0 12px 4px 0px; border: 2px solid #EEE; }
.readmore { padding: 0 8px 0 14px; font: 12px Arial, Sans-Serif; background: url(../img/readmore.gif) center left no-repeat; }
a.link { padding: 0 8px 0 16px; background: url(../img/link.gif) center left no-repeat; }

/* mapa stranek */
ul.sitemappart1  li { margin: 1px 0 1px 0; color: #FFF; }
ul.sitemappart1  li a { color: #9E0039; }
ul.sitemappart2  li { margin: 1px 0 12px 0; color: #FFF; }
ul.sitemappart2  li ul.articlelist li { margin: 0 0 2px 26px; padding: 1px 0 1px 50px; background: url(../img/sitemap.gif) center left no-repeat;}
ul.sitemappart2  li ul.subcategory li.subcat { margin: 1px 0 1px 26px; padding: 1px 0 1px 56px; }
ul.sitemappart2  li ul.subcategory li.subcat a { color: #9E0039; }
ul.sitemappart2  li ul.subcategory li.subcat ul.subarticlelist li { margin: 1px 0 1px 26px; padding: 1px 0 1px 50px; background: url(../img/sitemap2.gif) center left no-repeat; }


#design { position: absolute; top: 26px; left: 770px; font-size: 11px; color: #B7B7B7; }
#extra { position: absolute; top: 26px; left: 770px; padding: 4px 0 4px 0; width: 150px; background: #616265; border: 1px solid #202326; }
#extra h3 { margin: 0; padding: 10px 10px 8px 10px; background: #000; color: #ED145B; border: 0;  }
#extra p { padding: 8px 4px 6px 4px; border-bottom: 1px dotted #202326; }
#extra a.link { font: 12px Arial, Sans-Serif; color: #B4B4B4; padding: 0 8px 0 16px; background: url(../img/link_grey.gif) center left no-repeat; }

ul#categories { margin: 10px 20px 10px 0; padding: 0 0 2px 0; background: #1B1E20; border: 1px solid #202326; }
ul#categories li a { padding: 6px 6px 4px 10px; color: #B7B7B7; text-decoration: none; width: auto; display: block; background: url(../img/bg_button1.gif) top left no-repeat; }
ul#categories li a:hover, #categories li a.current { color: #FFF; text-decoration: none; background: url(../img/bg_button2.gif) top left no-repeat; }
/*ul#categories li.first a { padding: 10px 6px 8px 10px; color: #7D8083; font-weight: bold; background: #1B1E20; }*/
ul#categories li ul li a { padding: 6px 6px 4px 10px; color: #B7B7B7; text-decoration: none; width: auto; display: block; background: url(../img/bg_button11.gif) top left no-repeat; }
ul#categories li ul li a:hover, #categories li ul li a.current { color: #FFF; text-decoration: none; background: url(../img/bg_button2.gif) top left no-repeat; }


ul#pages { margin: 0 16px 0 0; }
ul#pages li a { padding: 6px 6px 6px 6px; color: #666; text-decoration: none; width: auto; display: block; background: url(../img/bg_pages.gif) bottom repeat-x; }
ul#pages li a:hover, ul#pages li a.current { color: #999; text-decoration: none; background: url(../img/bg_pages.gif) bottom repeat-x;  }
ul#rss { margin: 0 20px 0 0; }
ul#rss li a { padding: 6px 6px 6px 6px; color: #666; text-decoration: none; width: auto; display: block; background: url(../img/bg_pages.gif) bottom repeat-x; }
ul#rss li a:hover, ul#rss li a.current { color: #999; text-decoration: none; background: url(../img/bg_pages.gif) bottom repeat-x;  }

.cleaner { float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px; } 

/* sNews */
fieldset { border: 1px solid #E2E0D6; padding: 10px 8px; margin: 0 0 8px 0;  color: #24272B; background: #FFF; }
fieldset p { padding: 4px; }
input { padding: 1px; margin: 0; background: #EEE; border: 1px solid #DDD; }
input#calc {  width: 40px; }
textarea { margin:  2px 0 0 0; width: 98%; height: 600px; padding: 2px; background: #EEE; border: 1px solid #DDD; }
textarea#text, textarea#message { margin:  2px 0 0 0; width: 98%; height: 90px; padding: 2px; font: 12px Arial, Sans-Serif; color: #1D1C16; background: #EEE; border: 1px solid #DDD; }
input.button { margin:  10px 1px 0 0; padding: 0 7px 0 7px; height: 28px; cursor: pointer; border: 1px solid #EEE; color: #FFF; background: #ED145B url(../img/bg_button.gif) repeat-x;  }  
input.button:hover { background: #9E0039 url(../img/bg_button_hover.gif) repeat-x; }  
.comment { background: #FFF; color: #24272B;  padding: 0; margin: 0; }
.comment  p { padding:  10px 0 10px 0; margin: 0; }
p.nocomment {  padding: 2px 0 2px 4px; border: 1px solid #EEE; margin: 0; font: normal 12px Arial, Sans-Serif; color: #EEE; text-transform: none; background: #666;  }
p.date { padding: 2px 0 0 0; font: 11px Arial, Sans-Serif; color: #B4B4B4; border-top: 1px dotted #B4B4B4; }
.comment .date { font: 11px Arial, Sans-Serif; color: #9E0039; border: 0; padding: 4px 0 0 0; border: 0; margin: 0; }
.commentsbox { font: 12px Arial, Sans-Serif; color: #24272B;  }
.commentsbox p { padding:  3px 0 3px 0; margin: 0; }
.commentsbox h2 { font: bold 12px Arial, Sans-Serif;  color: #9E0039; padding: 8px 0 2px 2px; border: 0; margin: 0; text-transform: none; }

input.searchfield { width: 140px;  font: normal 12px Arial, Sans-Serif; color: #FFF; background: #ED145B; border: 0;}
input.searchbutton { width: 28px; height: 20px; background: url(../img/bg_search.gif) no-repeat; cursor: pointer; border: 0;}
input.searchbutton:hover { background: url(../img/bg_search.gif) no-repeat;}