@charset "utf-8";
/* CSS Document */

body { background: #e2e2e2; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
p, h1, h2, h3, h4, ul, li { margin: 0; padding: 0;}

#site { width: 1000px; margin: 0px auto; position: relative; padding: 10px 0px;}

#leaderboard {  margin: 0px auto; width: 728px; /*height: 120px;*/}
#leaderboard img, #square img { border: none;}

#site p.reklama { font-size: 11px; color: #888; letter-spacing: 0.2px; text-transform: uppercase; margin-left: 136px;}
#menu p.reklama { margin-left: 20px;}


#content { width: 1000px; margin-top: 10px;}

#head { background: url(bg/head.png) left center no-repeat; height: 150px; width: 660px; float: left; color: #666;}
#datum {width: 185px; float: left; font-size: 13px; height: 15px; padding-top: 5px;}
#head h1.podtitul { margin-left: 190px; font-size: 12px; text-align: right; font-weight: normal; height: 15px; padding-top: 5px;} /* napis vedle datumu */
#head h1 a { display: block; width: 660px; height: 130px; text-decoration: none;}
#head h1 a span { visibility: hidden;}

#text {width: 660px; float: left;}
#text h2 {padding: 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; /*line-height: 80%;*/ font-size: 16px; text-transform: uppercase; color: #1469af;}
#text h2 a { font-size: 16px; text-transform: uppercase; color: #1469af; text-decoration: none; }
#text h2 a:hover { text-decoration: underline;}

h2#nadpis-rubrika, h2#nadpis-archiv, h2#autor-jmeno { text-transform: none; color: #444; margin-top: 10px;}

#levy_sl {width: 320px; float: left; margin-top: 10px;}
#pravy_sl {width: 320px; margin-left: 20px; margin-top: 10px; float:left;}

.clanek { margin-bottom: 10px;}
.clanek img { background-color: #fff; border: 1px solid #1469AF; float: left; padding: 2px; margin-right: 10px; width: auto; height: 113px;}
.clanek p { text-align: justify;}
/*.clanek span.datum { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 5px;}
.clanek p.kategorie { width: 180px; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 8px; text-align: right; margin-left: 140px;}*/
.clanek div.comics a img { width: 314px; height: auto;}

p.koncovy { clear: left; height: 10px;}

#clanek { /*background: #fff;*/ margin-top: 10px; margin-bottom: 10px; text-align: center; padding: 5px 0px;} /* detail clanku */
#clanek h1, #clanek p, #textClanku, .uvodnik { text-align: justify;}
#clanek h1 { color: #1469AF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; padding-bottom: 10px;}
#clanek h1.nadpis-clanek { padding-top: 10px; clear: both; text-align: left;}
#clanek .uvodnik { font-weight: bold; padding-bottom: 10px;}
#clanek img { background-color: #1469AF; padding: 2px; margin: 10px; /*border: 1px solid #1469AF;*/ width: 400px; height: auto;} /*hlavni fotka u clanku */
#clanek h2 { margin-top: 15px; color: #1469AF; border-top: 1px solid #E2E2E2; padding-top: 15px;}
#clanek h2 span { display: none;}
#clanek table { margin: 0px auto;}
#clanek table img { background-color: #f9f9f9; width: auto; height: 90px; padding: 2px; margin: 5px; border: 1px solid #1469af;} /* miniatury fotek u clanku */
#clanek a { color: #1469af;}

/*#clanek p.datum, #clanek p.kategorie { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 3px; padding-top: 2px;}*/
#clanek .popis-foto { text-align: center; position: relative; top: -10px; /*font-weight: bold;*/ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 420px; margin-left: 120px; color: #1469af;	}
#clanek span.popis-foto { display:block; margin-left:110px; }

#clanek p#autor { text-align: right; margin-bottom: 5px;}
#clanek p#autor a { text-decoration: none;}
#clanek p#autor a:hover { text-decoration: underline;}

#clanek h3, #clanek ul { /* background: #fff;*/ text-align: left;} /* vycet clanku autor */
#clanek h3 { padding-left: 10px; padding-top: 10px; margin-top: 10px;}
#clanek ul { padding-left: 30px; padding-bottom: 10px;}
#clanek ul li { list-style-image: url(bg/ad.png); padding: 2px 0px;}
#clanek ul li a { color: #000;}
#clanek ul li a:hover { color: #c30c25;}


#textClanku { background: #fff; padding: 10px; margin-top: 5px;}
#textClanku p {margin: 0px 0px 15px 0px; line-height: 130%;}
#textClanku p.autor-foto { text-align: right}
#textClanku p.autor-foto img { width: 100px; height: auto; margin: 0px; padding: 1px; background: #f9f9f9; border: 1px solid #1469af; }

#menu { width: 340px; margin-left: 660px; position: relative; padding-top: 25px;}
#menu h2 { font-size: 19px; text-transform: uppercase; text-align: center; border-bottom: 2px solid #1469af; color: #35A;}

#registrace { /*height: 140px;*/ width: 320px; margin-left: 25px; margin-bottom: 25px;}
#registrace h4 { margin-bottom: 5px;}
#registraceForm div.form-box { margin-bottom: 5px;}
#registraceForm input#jmeno { margin-left: 10px;}
#registraceForm input#email { margin-left: 2px;}
#registrace li.success-msg { color: #1469AF;}

#registraceForm div.buttons { text-align: right; margin-right: 65px; }
#registrace ul.form-errors { list-style: none; margin-bottom: 10px; padding-left: 0px;}
#registrace ul.form-errors li { list-style-type: none;}
#registrace ul.form-errors li a { color: #c30c25; text-decoration: none; font-weight: bold;}
#registrace span { font-size: 12px; color: #888;}
#registraceForm div.form-box span { color: #000;}


#top09 { background: url(bg/logoTOP09.png) center center no-repeat #fff; width: 300px; height: 100px; margin: 0px auto 10px;}
#top09 h2 { border: none;}
#top09 h2 a { display: block; width: 300px; height: 100px;} 
#top09 h2 a span { display: none;}

#square {  width: 300px; height: 300px; margin: 0px auto 20px;}


#archiv, #nejctenejsi, #nejlepsi, #kontakt, #rubriky{ background: url(bg/menu2.jpg) right bottom no-repeat #fff; width: 290px; margin: 20px auto; padding: 5px;}

#nejctenejsi ul, #archiv ul, #rubriky ul { margin-left: 15px;}
#nejctenejsi ul li, #archiv ul li, #rubriky ul li { margin: 7px; list-style-image: url(bg/ad.png);}
#nejctenejsi ul a, #archiv ul a, #rubriky ul a { color: #1469AF; text-decoration: none; font-weight: bold;}
#nejctenejsi ul a:hover, #archiv ul a:hover, #rubriky ul a:hover { text-decoration: underline;}

#archiv h2, #nejctenejsi h2, #rubriky h2 { width: 290px; height: 25px; background-position: bottom center; background-repeat: no-repeat;}
#archiv h2 { background-image: url(bg/archiv.png);}
#rubriky h2 {background-image: url(bg/seznam_rubrik.png);}
#nejctenejsi h2 { background-image: url(bg/top_clanky.png);}
#archiv h2 span, #nejctenejsi h2 span, #rubriky h2 span { display: none;}

#nejlepsi {}

#kontakt { color: #1469AF; font-weight: bold;}
#kontakt h3 { background: url(bg/kontakt.png) bottom center no-repeat; width: 290px; height: 25px; border-bottom: 2px solid #1469af;}
#kontakt h3 span { display: none;}

#kontakt p { padding: 10px 0px 0px 25px;}
#kontakt a { color: #1469AF;}
#kontakt a:hover { color: #C30C25;}

#ikony { background: #fff; width: 295px; height: 60px; padding-left: 5px; padding-top: 5px; margin: 0px auto 5px;}
#ikony #i-like-it { margin-top:25px; }

#foot { width: 980px; clear: both; text-align: center; border-top: 2px solid #aaa; position: relative; padding-top: 5px; color: #666;}

#foot ul { list-style: none;}
#foot ul li { float: left; margin-right: 10px;}
#foot ul li a { color: #666;}
#foot ul li a:hover { color: #C30C25;}

#foot a#rss { background: url(bg/rss.png) left top no-repeat; display: block; height: 25px; width: 25px; float: left; margin-right: 10px;}
#foot a.ico-facebook { background:url(bg/facebook.png) left top no-repeat; display: block; float: left; height: 25px; width: 25px; margin-right: 10px;}
#foot a#rss span, #foot a.ico-facebook span { display: none;}
.invisible { visibility:hidden; }

/* strankovani */
div.paginationControl { text-align: center; color: #c30c25; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-size: 12px;}
div.paginationControl a, div.paginationControl span { color: #888; font-weight: bold; margin: 0px 3px; font-size: 12px;}
div.paginationControl a {text-decoration: none; }
div.paginationControl a:hover { color: #1469AF}

div.info { text-align: right; color: #666666;}
#breadcrumbs { text-align: left; float: left; width: 70%;}
#breadcrumbs a { color: #666;}
#breadcrumbs a:hover { color: #1469AF;}
.kategorie a { color: #666 !important;}
a.more { color: #c30c25; font-size: 12px; white-space: nowrap;}
.kategorie a:hover, a.more:hover { color: #1469af !important;}


a#nahoru { background: url(bg/nahoru.png) left top no-repeat; display: block; width: 17px; height: 17px; margin-left: 595px; float: left}
a#domu { background: url(bg/home.png) left top no-repeat; display: block; width: 17px; height: 17px; float: right;}
a#nahoru span, a#domu span { display: none;}


/* kontaktni formular */
#contact-form { background: #fff; text-align: left;}
#toggleForm { background: #1469AF; color: #fff; padding: 5px 10px 5px 10px; font-weight: bold;}
#toggleFormIcon { background-image: url(bg/plus.png); background-repeat: no-repeat; display: block; float: right; height: 15px; width: 15px;}
#toggleFormIcon.plus { background-position: left top;}
#toggleFormIcon.minus { background-position: left bottom;}

#contactForm {padding: 10px;}
#kontaktni_formular { }
#kontaktni_formular_obecny { text-align: left; margin-top: 20px;}
#kontaktni_formular .form-box, #kontaktni_formular_obecny .form-box { padding-left: 10px; padding-bottom: 10px;}
#kontaktni_formular .form-box label, #kontaktni_formular_obecny .form-box label { display: block; float: left; width: 65px;}
#kontaktni_formular #captchaInfo-element, #kontaktni_formular_obecny #captchaInfo-element { margin: 0px auto;}
#kontaktni_formular .buttons, #kontaktni_formular_obecny .buttons { margin: 10px 0px;}
.require-items { font-size: 12px; color: #c30c25;}
#contactForm ul.form-errors, ul.form-errors { padding-left: 25px;}
dl dd ul.errors { padding-left: 15px !important;}
ul.form-errors li, dl dd ul.errors li { list-style-type: disc; list-style-image: none !important; color: #c30c25; font-weight: bold;}
ul.form-errors li a,  dl dd ul.errors li a { color: #c30c25 !important; font-weight: bold; text-decoration: none;}

#messages ul.messages { list-style: none; padding-left: 0px;}
#messages ul.messages li { list-style: none;}
#messages ul.messages ul { padding-bottom: 0px;}

.clear { clear: both;}
a.fancybox { color: #1469AF; text-decoration: none;}

#prazdny { display: none;}
.footer {font-size:10px; margin-top:10px;}