* { padding: 0; margin: 0;}
p { margin: 1.2em 0;}
body {
 background: #000 url("/images/design/logo-big.jpg") top center no-repeat;
 color: #c9bfaa;
 font-family: Verdana, Tahoma, sans-serif;
 font-size: 11px; 
 text-align: center;
}

img { border: 0; }
td, th { font-size: 11px }

img.menu { margin-left: 1px; }

/* ROZLOZENI WEBU */

#main {
 width: 900px;
 position: relative;
 margin: 0 auto; padding: 0;
 text-align: left; 
}

#top {
 position: absolute;
 left: 50px; top: 45px;
 z-index: 1;
}

#top-add {
 position: absolute;
 left: 480px; top: 30px;
 z-index: 1;
}

#menu-top {
 position: absolute;
 left: 100px; top: 256px;
 z-index: 5;
 
}
#content {
 position: absolute; z-index: 1;
 top: 283px; left: 177px;
 width: 544px;
 min-height: 300px;
 _height: 350px;
 background: #201300;
 border: 1px solid #5a3c11;  
 padding-bottom: 50px;
 text-align: justify;
}
#content_padding {
 margin: 20px 40px;
 margin-top: 50px;
 width: 464px;
 
}

#bottom {
 position: absolute;
 width: 100%;
 text-align: center;
 bottom: -30px;
 font-size: 90%;
 color: #c0b0a0;
}

#menu_left {
 position: absolute; z-index: 2;
 top: 283px; left: 30px;
 width: 166px;
 background: url('./images/design/menu_bg.gif') repeat-y;
 min-height: 270px;
 _height: 270px;
}
#menu_right {
 position: absolute; z-index: 2;
 top: 283px; right: 30px;
 width: 166px;
 background: url('./images/design/menu_bg.gif') repeat-y;
 min-height: 270px;
 _height: 270px;
}
div.menu_padding {
 margin: 0 5px;
}
#menu_right div.menu_padding {  text-align: center; }

#menu_left a.menu, #menu_right a.menu {
 display: block;
 width: 156px;
 padding: 0.2em 0;
 border: 0px dotted #5a3c11;
 border-bottom-width: 1px;
 color: #c9bfaa;
 text-decoration: none;
}
#menu_left a.menu:hover, #menu_right a.menu:hover {
 background: #1d1100;
 color: #fff;
}

img.menu_bottom { position: absolute; bottom: -28px; left: 0;}
img.head { position: absolute; left: 0; top: 0;}
img.corner_left_bottom { position: absolute; left: -1px; bottom: -1px; _bottom: -2px;}
img.corner_right_bottom { position: absolute; right: -1px; bottom: -1px; _bottom: -2px;}


div.lang {
  position: absolute; z-index: 10;
  left: 10px;
  top: 30px;

}

/******************************************************
 * stylovani novinky
 ******************************************************/
 
div.novinka_header {
 width: 100%;
 height: 50px;
 position: relative;
 background: url('/images/design/novinka/bg.gif') repeat-x;
}

div.novinka_header img {
 width: 54px;
 height: 50px;
 margin-left: 10px;
}

div.novinka_body {
 margin: 10px 18px;
}

div.novinka_footer {
 padding: 2px 18px;
 border-top: 1px solid #3b2504;
 font-size: 9px;
 text-align: right;
}

div.novinka_header h3 {
 position: absolute;
 left: 70px; bottom: 10px;
 font-size: 120%;
 font-weight: bold;
 margin: 0; padding: 0;
}

/* casti novinky */

div.citace {
 margin: 10px 20px;
 border: 1px solid #3f280c;
 border-left-width: 0;
 padding: 10px 10px 10px 50px;
 _height: 50px;
 min-height: 50px;
 color: #c9bf99;
 font-size: 10px;
 background: #201306 url('/images/design/novinka/citace.gif') 8px 10px no-repeat;
}



div.spoiler {
 margin: 10px 20px;
 border: 2px solid #3f280c;
 padding: 10px;
 color: #040404;
 background: #040404;
}


/******************************************************
 * panel rychlych aktualizaci
 ******************************************************/
 
div.novinka_panel_obal {
 width: 60%;
 float: left;
 text-align: left;
 border: 1px solid #5a3c11;

}

div.novinka_panel_body {
 font-size: 9px;
 margin: 5px;
}

div.novinka_panel_header {
 padding: 5px;
 margin: 1px;
 background: #342003;
}
 

div.novinka_panel_footer {
 margin: 0 5px 2px 5px;
 font-size: 9px;
 text-align: right;
}

div.novinka_panel_footer a { text-decoration: none; }


div.reklama_novinky {

 width: 171px;
 float: right;
 padding: 1px;
 border: 1px solid #5a3c11;
 line-height: 0; font-size: 0;

}

/******************************************************
 * clanky
 ******************************************************/

table.obal {  border-collapse: collapse; }
table.obal td.obal { border: #5a3c11 solid 1px; vertical-align: top;}
table.obal td.obal td { border: 0; } 

.interview_otazka { 
 width: 96%;
 padding: 2%;
 border: 1px solid #3f280c;
 border-width: 1px 0;
 background: #342003; 
}

.interview_odpoved { 
 width: 96%;
 padding: 2%;
}

/******************************************************
 * archiv novinek
 ******************************************************/

.archiv_obal {

 width: 420px;
 margin: auto;
 background: #1D1100;
 border: 1px solid #5a3c11;  
}

.archiv_padding {
 margin: 10px; 
}

option, select, textarea, input {
  border: 1px solid #5A3C11;  
  background: #000000;
  color: #C9BFAA;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 11px;
}

option { border: 0; }
input, textarea { padding: 2px; }



/******************************************************
 * galerie obrazku
 ******************************************************/

table.galerie {
 border-collapse: separate;
 border-spacing: 10px;
} 

td.galerie {
  width: 142px;
  text-align: center;
  vertical-align: top;	
}
td.walls { border-bottom: 1px solid #3f280c;}

td.galerie div { 
 margin: 10px 10px 10px 0 ;
 text-align: right; }

/* oramovani nahledu obrazku - galerie obrazku, nahledy videi */
td.galerie img, div.video_thumb img { border: 1px solid #3f280c;}
td.galerie img:hover, div.video_thumb img:hover { border: 1px solid #5a3c11; }
 
 
/******************************************************
 * download videi
 ******************************************************/

div.video_container {
 background: #231303;
 margin: 0 32px 15px;
 padding: 5px 0;
 border-bottom: 1px solid #5A3C11;
} 

div.video_header {  
 border-bottom: 1px solid #5A3C11;
 margin-bottom: 5px;
 padding: 0 0 5px 15px;
}

div.video_header h3 { 
 font-size: 120%;
}

div.video_thumb {
 float: left;
 width: 145px;
 margin-left: 15px;
}

div.video_content {
 float: left;
 width: 210px;
 margin-left: 15px;
}
 


/******************************************************
 * vypis anket
 ******************************************************/

.pollHead { display: table; } 

.pollContainer {
 border: 1px solid #5A3C11;
 margin-bottom: 20px;
 overflow: hidden; 
}
 
.answer { width: 80%; float: left;}
.votes { width: 8%; float: left;}
.percents { width: 8%; float: right;}
 
/******************************************************
 * globalni formatovaci tridy
 ******************************************************/

.cleaner { clear: both; visibility: hidden; }

/* pouziti: vlastnosti videa */
.color1 { color: #bca982; }

h6 {
 font-size: 100%;
 font-weight: bold;
 padding: 0.8em 0;
 } 

.row1 {
 color: #c9bfaa;
 background: #231303;
 padding: 3px;
 vertical-align: top;
 text-align: left;
} 
 
/* nastavení hlavicky a svisleho zarovnani jejiho obsahu" */  
.heading1 {
 width: 100%;
 height: 30px;
 color: #ffc;
 background: #342003;
 font-weight: bold;
 padding: 0 3px;
 _vertical-align: middle;
} 

.heading1 span {
 display: table-cell;
 vertical-align: middle;
}

a, a:visited {
 color: #fff;
 text-decoration: underline;
 }
a:hover { color: #ede5d3; }

.tucne { font-weight: bold; }
.kurziva { font-style: italic; }
.podtrzene { text-decoration: underline; }

.doprostred { text-align: center; }
.vlevo { text-align: left; }
.vpravo { text-align: right; }
.nahoru { vertical-align: top; }
.v_stred { vertical-align: middle; }
.dolu { vertical-align: bottom; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

ul li {
 list-style-type: square;
 margin-left: 20px;
}

img.border { border: solid 1px #3f280c; }
img.margin { margin: 5px; }

p.img {
 text-align: center;
 font-size: 90%;
 color: #bca982;
}

/* div elementy pro hlaseni chyb ci uspechu */
.error {
  width: 390px;
  _width: 420px;
  color: #fff;
  margin: auto;
  margin-top: 20px;
  background: #af0000;
  padding: 15px;
  border: 1px solid #af0000;  
}

.success {
  width: 390px;
  _width: 420px;
  color: #fff;
  margin: auto;
  margin-top: 20px;
  background: #4c952c;
  padding: 15px;
  border: 1px solid #4c952c;  
}

.code {
 width: 90%;
 _width: 96%;
 margin: 0 auto;
 text-align: left;
 background: #231303;
 border: 1px solid #5A3C11;
 color: #bca982;
 padding: 3%;
 font-family: Courier, monotype;
 font-size: 90%;

}

h2 { 
 display: block;
 padding: 5px;
 border-bottom: 1px solid #3d2a10;
 font-variant: small-caps;
 color: #ff9;
 margin-bottom: 15px;
 padding-left: 25px;
}
h2:first-letter {
 color: #ff3;
}

div.kalendar
{
  width: 402px;
  margin: 15px auto;
}
div.kalendar h3
{
  background: #392201;
  padding: 12px;
  color: #ff9;
  border: 1px solid #4E320B;
  margin-bottom: 1px;
}
div.kalendar img
{
  border: 1px solid #4E320B;
}
div.kalendar a, div.kalendar a:visited
{
  display: block;
  background: #311E02;
  padding: 9px;
  color: #ff9;
  margin-bottom: 1px;
  float: left;
}
div.kalendar a:hover
{
  background: #1D1100;
  color: #ff3;
  text-decoration: none;
}
div.kalendar div.linky
{
  background: #311E02;
  border: 1px solid #4E320B;
  border-width: 1px 0;
}