@CHARSET "UTF-8";

*
{
padding: 0;
margin: 0;
}

body { margin:0;padding:0;font-family: "Arial", "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;font-size:9pt; }

img { border-width:0px;vertical-align:middle; }

a {  color:rgb(170,0,0); font-variant: small-caps;}
a:hover {color: red;}
	
.nadpis { font-weight: bold;font-size: 10pt;margin: 0px 0px 0px 0px;color:#ff0000; }

#vrch { overflow:visible;height:25px;width:880px;margin:0px auto;padding:0px; }
#vrch_odkazy { color:#888888;float:right; width:450px;border:1px solid #e5e5e5;margin:0px;padding:4px 7px;background:transparent url('obrazky/vrch_odkazy_pozadie.png') top left repeat-x; }
#vrch_odkazy a { text-decoration: none; color: #888888; }
#vrch_odkazy a:hover { text-decoration: underline; color: rgb(170,0,0); }

/*
table { border:1px solid black; }
tr { border:1px solid red; }
td { border:1px solid green; }
*/

table#obsah { background-color:transparent;margin:0px auto 0px auto;width:940px; }
table#obsah tr { vertical-align:top;background-color:transparent;height:90px; }
table#obsah td { vertical-align:top;width:164px; }

td.obsah_menu_polozka { background-color:transparent;height:90px;margin:0px;padding:0px; font-variant: small-caps;}
td.obsah_menu_polozka a { display:block;background-color:transparent;color:#333333;text-decoration:none;font-size:9pt;font-weight:bold;height:52px;margin:0px;padding:38px 0px 0px 0px; }
td.obsah_menu_polozka a:hover { text-decoration:none;background:transparent url('obrazky/obsah_pozadie_menu_polozka.png') top left no-repeat; }

#obsah_stred table tr { height:auto; }

#spodok { text-align:center;color:#bbbbbb;padding:35px 0px 0px 0px;font-size:8pt; }
#spodok a { text-decoration:none;color:#bbbbbb; }

.odcislovane {padding: 10px 10px 10px 0 !important; padding: 0 10px 10px 0; margin: 0px 0px 10px 0px; clear: left; }
.title { margin-top: 3px;color: rgb(170,0,0);font-size: 11pt; }
.title a { margin-top: 3px;color: rgb(170,0,0);font-size: 11pt; }
.title a:hover {color: red;}
.date { margin-top: 1px;color: gray;font-size: 8pt; }
.date_dnes { margin-top: 3px;color: gray;font-size: 8pt; }
.sum { margin: 0; width: auto !important; width: 520px; }

/* PRAVA CAST */
#obsah_vpravo { float:right;width:150px; margin: 0; padding: 0; clear: right;}
#obsah_vpravo_merkur { width:120px;margin:10px auto;text-align:center; }
#obsah_vpravo_merkura a { text-decoration: none; color:#888888;background-color:#eeeeee;padding:2px;display: block;border:1px solid #c0c0c0; }
#obsah_vpravo_merkur a:hover { text-decoration:underline;background-color:#ffffff; }
#obsah_vpravo_banner { margin:13px auto;border:0px solid blue;width:120px; }
#obsah_vpravo_banner img
{
border: solid 1px rgb(76,76,76);
}
#obsah_foto { margin:15px 165px 10px 0px;text-align:center; }


#obsah_vpravo, #obsah_vpravo .t, #obsah_vpravo .b, #obsah_vpravo .l, #obsah_vpravo .r, 
#obsah_vpravo .bl, #obsah_vpravo .br, #obsah_vpravo .tl, #obsah_vpravo .tr
{
height: auto !important;
height: 423px;
min-height: 423px;
}


/* STREDNA CAST */
#obsah_stred 
{ 
font-size:10pt;
margin:20px 165px 0px 0px;
padding:0;
}

#obsah_stred a 
{
 color:inherit; 
 font-variant: normal;
 text-decoration:none;
 }

#obsah_stred a:hover 
{
  text-decoration:underline;
 }

h2
{
margin: 0 0 5px 0;
font-variant: small-caps;
color: rgb(170,0,0);
font-size: 130%;
}

#obsah_uvod 
{ 
margin: 0 165px 0 0;
font-size: 90%;
}

.hidden
{
visibility: hidden;
position: absolute;
left: -9999em;
top: -9999em;
}

/* GRAY DIVS */
.gray_div
{
background: rgb(220,220,220);
margin: 20px 0 0 0;
padding: 0;
}
.gray_div_content
{
padding: 2ex;
}

.gray_div_content#home
{
height: 270px;
}

.gray_div_content#products
{
height: 165px !important;
height: 150px;
}

.gray_div_content#contact
{
height: 395px;
}

.t {background: url(./obrazky/t.png) 0 0 repeat-x;}
.b {background: url(./obrazky/b.png) 0 100% repeat-x;}
.l {background: url(./obrazky/l.png) 0 0 repeat-y;}
.r {background: url(./obrazky/r.png) 100% 0 repeat-y;}
.bl {background: url(./obrazky/bl.png) 0 100% no-repeat;}
.br {background: url(./obrazky/br.png) 100% 100% no-repeat;}
.tl {background: url(./obrazky/tl.png) 0 0 no-repeat;}
.tr {background: url(./obrazky/tr.png) 100% 0 no-repeat;} 

/* SUBPAGE MENU */
.button, .button_long
{
background: rgb(170,0,0);
margin: 0 5px 5px 0;
padding: 0;
cursor: pointer;
}
.button, .button div
{
width: 100px;
height: 100px;
}

.button_long, .button_long div
{
width: 175px;
height: 100px;
}

.subpage_menu
{
list-style: none;
margin: 0;
padding: 0;
position: relative;
}

.subpage_menu li
{
display: inline;
float: left;
}

div#submenu_description
{
margin-left: 5px;
}
#submenu_description, #submenu_description div
{
margin: 0;
float: left;
width: 230px;
height: 100px;
}
div#submenu_description div#description
{
width: 180px;
height: 75px;
color: rgb(170,0,0);
padding-top: 38px;
text-align: center;
font-variant: small-caps;
font-size: 130%;
}

#submenu_description_longer, #submenu_description_longer div
{
margin: 0;
float: left;
width: 340px;
height: 100px;
}
div#submenu_description_longer div#description
{
width: 290px;
height: 75px;
color: rgb(170,0,0);
padding-top: 38px;
text-align: center;
font-variant: small-caps;
font-size: 130%;
}

#submenu_description_medium, #submenu_description_medium div
{
margin: 0;
float: left;
width: 175px;
height: 100px;
}
div#submenu_description_medium div#description
{
width: 150px;
height: 75px;
color: rgb(70,70,70);
}

/* END OF SUBMENU */
ul#link_list
{
list-style-image: url('./obrazky/list_item.gif');
}
ul#link_list li
{
margin-left: 20px;
}

img.ilustracia
{
margin: 10px;
float: right;
}

div#obchod
{
width: 650px;
}

div#obchod div
{
margin: 0 0 2ex 0;
text-align: justify;
}

div#obchod ul
{
margin: 2ex;
}

.logo_right
{
float: right;
margin-bottom: 23px;
}

/* ARTICLES  */
img.article_thumbnail_image
{
float: left;
margin: 2px 10px 10px 0 ;
border: solid 1px rgb(70,70,70);
}

div.article_description
{
height: auto !important;
height: 80px;
min-height: 80px;
}

p.article_date
{
color: gray;
size: 90%;
}

div.article
{
clear: left;
margin-top: 2ex;
}

div.article a img, div.article img
{
border: solid 1px gray;
margin: 2px 0 2px 0;
}

p.article_author
{
text-align: center;
margin-top: 4ex;
}

div.article_back
{
text-align: center;
font-weight: bold;
}





