/* BASIC FORMATING */
* {margin:0 auto;padding:0;}
html {margin: 0px none; padding: 0px none;}
body { margin: 0px none; padding: 0px none; font-family: "Verdana", "Tahoma", "Lucida Grande", "Helvetica", Verdana, Tahoma, lucida, sans-serif; text-align: center; background: url('/images/layout/bg_main.jpg') rgb(99,17,17) top center repeat-x; }
.reseter {border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px; }
p, img, table, tr, th, td, h1, h2, h3, h4, h5, form, img, menu {border: 0px none; margin: 0px; padding: 0px; }
img { vertical-align: middle; }
p, pre { text-align: left; }
a:link, a:visited, a:active, a:hover { color: rgb(179,18,24); cursor: pointer; font-style: normal; text-decoration: underline; }
a:visited { color: rgb(160,18,22); }
a:hover { text-decoration: none; }

/* DESIGN FORMATING */
#main {width: 750px;margin:23px auto 0px auto;padding:0px;background-color:transparent;position:relative;text-align:left; }
#head {padding:10px 0 0 5px;margin: 0 0 10px 0;height:67px;}
#head a img {margin:0;}
#menu {list-style:none;padding:0;margin:0;}
#menu li {float:left;list-style:none;color:#fff;padding:0;margin:0;width:125px;}
#menu li a {color:#fff;font-size:80%;display:block;height:77px;background-position:left bottom;background-repeat:no-repeat;text-decoration:none;}
#menu li a span {display:block;width:125px;height: 37px;text-align:right;}
#menu li a:hover span, #menu li a:focus span, #menu li a:active span {background: url('../images/menu/menu1-active.gif') left bottom no-repeat;}
#menu li a span strong {display:block;text-transform:lowercase;padding:10px 10px 0 0;height: 27px;font-weight:normal !important;background: url('../images/menu/menu1-kulicky.gif') right center no-repeat;}
#menu li a:hover {color:#aaa;}
#menu-home a {background-image: url('../images/menu/menu1-icon-home.gif');}
#menu-home a:hover, #menu-home a#menu-home-active {color:#bbb;background-image: url('../images/menu/menu1-icon-home-active.gif');}
#menu-clanky a {background-image: url('../images/menu/menu1-icon-obsah-cisla.gif');}
#menu-clanky a:hover, #menu-clanky a#menu-clanky-active {color:#bbb;background-image: url('../images/menu/menu1-icon-obsah-cisla-active.gif');}
#menu-archiv a {background-image: url('../images/menu/menu1-icon-archiv.gif');}
#menu-archiv a:hover, #menu-archiv a#menu-archiv-active {color:#bbb;background-image: url('../images/menu/menu1-icon-archiv-active.gif');}
#menu-predplatne a {background-image: url('../images/menu/menu1-icon-predplatne.gif');}
#menu-predplatne a:hover, #menu-predplatne a#menu-predplatne-active {color:#bbb;background-image: url('../images/menu/menu1-icon-predplatne-active.gif');}
#menu-kontakty a {background-image: url('../images/menu/menu1-icon-kontakty.gif');}
#menu-kontakty a:hover, #menu-kontakty a#menu-kontakty-active {color:#bbb;background-image: url('../images/menu/menu1-icon-kontakty-active.gif');}
#menu-odkazy a {background-image: url('../images/menu/menu1-icon-odkazy.gif');}
#menu-odkazy a:hover, #menu-odkazy a#menu-odkazy-active {color:#bbb;background-image: url('../images/menu/menu1-icon-odkazy-active.gif');}
#menu-odkazy a#menu-odkazy-active span, #menu-kontakty a#menu-kontakty-active span, #menu-predplatne a#menu-predplatne-active span, #menu-archiv a#menu-archiv-active span, #menu-clanky a#menu-clanky-active span, #menu-home a#menu-home-active span {background: url('../images/menu/menu1-active.gif') left bottom no-repeat;}
#obsah {clear:both;padding:10px 10px 20px 10px;margin:10px 0 0 0;_margin:16px 0 0 0;background-color:#fff;}
#area {background:#fff url('../images/area.gif') repeat-y scroll 220px 0; }
#leva {float:left;width:220px;}
#prava {float:right;width:495px;}
#paticka {color:#fff;font-size:75%;text-align:right;padding:5px 5px 5px 0;}
#paticka a {color:#fff;}

#head a {display:block;float:left;}
#bannerTop { vertical-align:center;text-align:center;float:right;width:468px;height:60px;background-color:transparent;}
#bannerSky { position:absolute;width:120px;height:600px;border:1px solid red;left:767px;top:200px;background-color:#fff;}

/* FORMS FORMATING */
input, .button, textarea, select, .button2 { border: 1px solid rgb(184,184,184); margin: 2px 2px 0 2px; padding: 2px;  font-size: 80%; font-weight: normal; color: #000; background-color: #fff; }
.button { padding: 2px 6px; font-weight: bold; color:#fff; font-size: 75%; background-color: rgb(179,18,24); }
select, option { background-color: #fff; }
label {font-size:75%;color:#666;font-weight: bold;}

/* TEXT FORMATING */
h1, h2, h3, h4, h5, h6 {color: rgb(179,18,24);float: none; margin: 6px 0px 3px 0px; padding: 0px 0px 0px 0px; text-align: left; }
h1 { font-size: 100%; font-weight: bold; margin: 6px 0px 15px 0px; }
h2 { font-size: 95%; font-weight: bold; }
h3 { font-size: 90%; font-weight: bold; }
h4 { font-size: 85%; font-weight: bold; }
h5 { font-size: 80%; font-weight: bold; }
h6 { font-size: 75%; font-weight: normal; color: #000; }

.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}

p {margin-bottom:3px;font-size:75%;line-height:1.8em;}
ul {text-align:left;padding-left:25px;}
.noList {list-style:none;}
address {line-height:25px;font-size:80%;}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

#posledniCislo, #posledniCislo h2 { text-align:center !important; }
#posledniCislo strong { font-weight: bold; font-size:110%; }
#posledniCisloObal { display:block; width: 187px; margin: 0 auto;}
#posledniCislo strong a span { color: #EE5323; }
#posledniCislo strong a { color:#000; text-decoration: none; }
#posledniCislo strong a:hover { text-decoration: underline; }

.clanek {margin-bottom: 15px;}
.clanek em {color:#888;font-size:90%;}

ul.articles-list {
position: relative;
font-size:80%;
}

ul.articles-list li {
list-style-type: none;
margin:8px 0px;
}

ul.articles-list span {
position: absolute;
left: 0px;
&left: -30px; /* IE6 */
display: block;
width: 20px;
text-align: right;
font-weight: bold;
margin-top: 0 !important;
margin-top: -2px; /* IE6 */ 
}


/* Archiv cisel */
#posledniCisloObal img {
opacity: 0.9;
filter: alpha(opacity=80);
}

#posledniCisloObal a:hover img {
opacity: 100;
filter: alpha(opacity=100);
}

ul.magazine-issues {
padding: 0;
margin: 0;
overflow: hidden;
zoom: 1;
border-top: 1px solid #E3E3E3;
}

ul.magazine-issues li {
float: left;
padding: 24px 12px 0 24px;
margin: 0;
list-style-type: none;
border-right: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}

ul.magazine-issues li.issue-4,
ul.magazine-issues li.issue-8,
ul.magazine-issues li.issue-12,
ul.magazine-issues li.issue-16,
ul.magazine-issues li.issue-20,
ul.magazine-issues li.issue-24,
ul.magazine-issues li.issue-28,
ul.magazine-issues li.issue-32,
ul.magazine-issues li.issue-36,
ul.magazine-issues li.issue-40 {
border-right: 0;
}

* html ul.magazine-issues div {
display: inline; /* kvuli stinum a IE6 */
}

ul.magazine-issues img {
display: block;
border: 0;
opacity: 0.9;
filter: alpha(opacity=80);
}

ul.magazine-issues a:hover img {
opacity: 100;
filter: alpha(opacity=100);
}

ul.magazine-issues h2.issue-title {
text-align: center;
margin-top: 7px;
font-size: 110%;
letter-spacing: 0px;
}

ul.magazine-issues h2.issue-title a {
color: #000;
text-decoration: none;
}

ul.magazine-issues h2.issue-title a:hover {
text-decoration: underline;
}

ul.magazine-issues h2.issue-title span {
color: #EE5323;
}

/* Archiv cisel - detail */
.issue-image {
float: right;
margin: 0 0 5px 10px;
}

* html .issue-image div {
display: inline;
}

.issue-image img {
display: block;
}
/* Shadow */
div.shadow1 {
zoom: 1;
background: url('../images/shadows/shadow-right.gif') top right repeat-y;
}

div.shadow2 {
zoom: 1;
background: url('../images/shadows/shadow-bottom.gif') left bottom repeat-x;
}

div.shadow3 {
zoom: 1;
background: url('../images/shadows/shadow-right-bottom.gif') right bottom no-repeat;
}

div.shadow4 {
zoom: 1;
background: url('../images/shadows/shadow-left-bottom.gif') left bottom no-repeat;
}

div.shadow5 {
zoom: 1;
padding: 0 12px 13px 0;
background: url('../images/shadows/shadow-right-top.gif') right top no-repeat;
}

.article .info {font-size:80%;color:#666;margin:10px 0;}
.article .artImg {float:left;margin:0 5px 5px 0;}
.article .artPerex {color:#666;font-style: italic;}
.article .artCont {clear:both;}

#stranky {text-align:center;font-size:80%;}

#komentare {font-size:85%;}
#komentare h3.title {}
#komentare .comment {display:block;background-color:#eee;padding:3px 10px;border-top:1px solid #ccc;margin-bottom:8px;}
#komentare .comment .name {font-size:80%; padding-left:5px;color:#666;}
#komentare .comment .time {font-size:80%;color:#666;}
#komentare .comment .react {font-size:80%;color:#666;}
#komentare .comment .body {padding:3px 5px;}

#commentsForm {display:block;margin-top:15px;font-size:90%;}
#commentsForm form fieldset {border:1px solid #ccc;text-align:center;}
#commentsForm form fieldset textarea {font-family: "Verdana", "Tahoma", "Lucida Grande", "Helvetica", Verdana, Tahoma, lucida, sans-serif;}
#commentsForm table th {text-align:right;width:40%;vertical-align:top;}
#commentsForm table td {text-align:left;}
#commentsForm .btn {color: rgb(179,18,24);font-size:70%;font-weight:bold;}

#topStrip{
	position:absolute;
	top:0;
	left:0;
	width:100%;
  _width: expression(document.body.clientWidth+'px');
  height: 23px !important;height /**/:24px;
  border-bottom: 1px solid #C0C0C0;
  background: #E0E0E0 url('../images/topStrip_bg.gif') left top repeat-x;
  text-align: center;
  line-height: 23px;
}
#topStrip ul{
  width: 800px;
  height: 23px !important;height /**/:24px;
  padding-left: 0px;
}
#topStrip li{
  display: block;
  float: left;
  padding-left: 20px;
  list-style-type: none;
  background: url('../images/topStrip_bul.gif') 8px 10px no-repeat;
  margin-top:0;
  margin-bottom:0;
  line-height: 20px;
}
#topStrip a{
  font-size: 13px;
  color: #5F5F5F;
  margin-top:0;
  margin-bottom:0;
}

#subscription fieldset {border:1px solid #ccc;margin:8px 0;padding:10px;}
#subscription legend {font-size:80%;margin-left:5px;padding:2px 5px;color: rgb(179,18,24);font-weight:bold;}
#subscription table th {font-size:80%;width:40%;color:#666;text-align:right;}
#subscription table td {font-size:90%;}
#subscription label {font-size:100%;}
#subscription em {font-size:90%;font-style:normal;padding:5px 0;}
#subscription ul li {font-size:75%;}
#subscription .optional {color: rgb(179,18,24);font-size:80%;}
#subscription p.submit {text-align:center;}
#subscription .submit {color: rgb(179,18,24);font-weight:bold;font-size:80%;}
#subscription_count {width:30px;}