/*
	layout
*/
* {
margin: 0;
padding: 0;
}
body {
font-size: 100%;
}
body {
font:  76%/1.3em Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
text-align: left;
background: #d1d1d1;
color: #000;
}

h1 {
font: 18pt/1.2em Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
/*font-size: 2em;*/
font-weight: bold;
margin: 18px 0px 10px 0px;
padding: 0;
}

h2 {
font: 16pt/1.2em Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
/*font-size: 1.8em;*/
font-weight: bold;
margin: 16px 0px 10px 0px;
padding: 0;
}

h3 {
font: 13pt/1.2em Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
/*font-size: 1.6em;*/
font-weight: bold;
margin: 16px 0px 10px 0px;
padding: 0;
}

h4 {
font: 11pt/1.2em Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
/*font-size: 1.4em;*/
font-weight: bold;
margin: 16px 0px 6px 0px;
padding: 0;
}

h5 {
font-size: 1.2em;
}

h6 {
font-size: 1.0em;
}

p {
margin-bottom: 6px;
}

a {
/*padding: 1px 2px 1px 2px;*/
text-decoration: none;
/*color: #000000; */
color: #990000;
}
a:hover {
background: #990000;
color: #ffffff;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover.backlink,
div.article-navigation a:hover {
background: #fff;
color: #990000;
text-decoration: underline;
}

ul, ol {
margin: 3px 0px 6px 0px;
padding: 0;
}

hr {
border: none;
border-top: 1px solid #CCCCCC;
height: 1px;
margin-bottom: 15px;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}

.noscreen {
display: none;
visibility: hidden;
}


/*
	HEADER
*/
div#header {
background-color: #3181bc;
height: 180px;
background: #3181bc url('../images/hlavicka0.jpg') no-repeat top;
}
div#header h1 {
line-height: 80px;
margin: 0;
padding-left: 10px;
font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
font-size: 76px;
font-weight: bold;
color: #fff;
}

/* header_m */
div#header_m {
height: 28px;
background: #000 url('../images/hlavicka_menu_d_pr.png') no-repeat top;
}
div#header_m a, div#header_m a:hover {
color: #000;
background-color: #000;
margin: 0;
padding: 0;
text-decoration:none;
}
div#header_m img {
color: #000;
background-color: #000;
text-decoration:none;
border: 0px none #000;
}
div#header_m span.text_draci {
margin: 0;
padding-left: 35px;
}
div#header_m span.text_shop {
margin: 0;
padding-left: 150px;
}
div#header_m span.text_aikon {
margin: 0;
padding-left: 80px;
}
div#header_m span.text_form {
margin: 0;
padding-left: 50px;
line-height: 28px;
vertical-align: top;
}
div#header_m span.text_form form {
margin: 0px;
padding: 0px;
/*	right: 40px;*/
display: inline;
}
/* div#header_m span.text_form .text { */
div#header_m span.text_form .q {
background-color: #fff;
color: #000;
font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
margin: -8px 0px 0px 10px;
padding: 0;
z-index:1;
/*size: 20px;*/
width: 75px;
vertical-align: middle;
border: 1px solid #000;
}
/* div#header_m span.text_form .submit { */
div#header_m span.text_form .button { 
margin: 2px 0px 0px 0px;
padding: 0px;
color: #fff;
font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
font-weight: bold;
font: normal normal bold 18px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
background-color: transparent;
border: 0px solid #000;
z-index: 1;
}

/* header_d */
div#header_d {
background-color: #000;
height: 18px;
background: #000 url('../images/hlavicka_menu_d.png') no-repeat top;
}

/*
	WRAPER
*/
div#wrapper ul,
div#wrapper ol {
padding-left: 25px;
}
div#wrapper ul ul,
div#wrapper ul ol,
div#wrapper ol ol,
div#wrapper ol ul {
padding-left: 15px;
}
div#wrapper ul li {
list-style-type: square;
}
div#wrapper ul li ul li{
list-style-type: disc;
}


/*
	CONTAINER
*/
div#container {
text-align: left;
background-color: #fff;
color: #000;
background: #fff url('../images/tile300.png') repeat-y;
}

/*
	CONTENT
*/
div#content {
}

/*	content_in */
div#content_o {
margin: 15px 40px 0px 10px;
}
div#content_o p {
}
div#content_o p.napsal {
background-color: #ffffcc;
padding: 5px 10px 5px 10px;	
margin-top: 10px;
border-top: 1px solid #cbcc00;
border-bottom: 1px solid #cbcc00;
}
div#content_o table.tabulka {
}
div#content_o table.tabulka thead {
color: #fff;
background-color: #336699;
/*background-color: #3a82bd;*/
}
div#content_o tr.rad0 {
}
div#content_o tr.rad1 {
color: #000;
background-color: #eff1f2;
/*background-color: #e7ebee;*/
}
div#content_o tr.rad2 {
color: #000;
background-color: #cddeed;
/*background-color: #b2c8dd;*/
}
div#content_o tr.radover {
color: #000;
background-color: #ffffcc;
/*background-color: #b2c8dd;*/
}
div#content_o table.tabulka th, 
div#content_o table.tabulka td 
{
padding:4px;
}
div#content_o a.img,
div#content_o a:hover.img,
div#content_o a:hover.img_lightbox {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px none #fff !important;
color: #fff;
background-color: #fff;
}
div#content_o a img {
/*padding: 10px;*/
border: 0px none #fff !important;
}
div#content_o .obr_center,
div#content_o .img_center {
text-align: center;
}
div#content_o img.img_left {
margin: 6px 20px 6px 10px;
}
div#content_o img.img_center {
margin: 6px 10px 6px 10px;
}
div#content_o img.img_right {
margin: 6px 10px 6px 20px;
}

div#content_o img.img_perex {
margin: 0 6px 0 0;
padding: 3px !important;
border: 3px solid #eee !important;
background: #fff !important;	
}

div#content_o .article-perex img.img_perex {
visibility: hidden;
display: none;	
}

div#content_o img.img_info {
margin: 0px 20px 0px 0px;
padding: 3px !important;
border: 3px solid #eee !important;
background: #fff !important;	
}

div#content_o .tisk_nakup {
background-color: #ffffcc;
margin-top: 10px;
padding: 3px 15px 5px 15px;
}

div#content_o .pv_inserce p,
div#content_o .pv_drakiady p {
padding: 10px;	
}
div#content_o .pv_ins_row1,
div#content_o .pv_dr_row1 {
color: #000;
background-color: #eff1f2;
}
div#content_o .pv_ins_row2,
div#content_o .pv_dr_row2 {
color: #000;
background-color: #cddeed;
}

.grid {
background: transparent none repeat;
display: inline;
float: left;
}
.gridl {
background: transparent none repeat;
margin: 5px 10px 5px 0px;
}
.gridr {
background: transparent none repeat;
}
div#content_o #uvod .grid {
width: 360px;
}

#draci_nejctenejsi-clanky,
#draci_nejnovejsi-prispevky-komentare {
margin: 5px 0px 5px 0px;
padding: 0px 5px 0px 5px;
}
#draci_nejctenejsi-clanky {
padding-top: 1px;
background-color: #eff1f2;
}
#draci_nejnovejsi-prispevky-komentare {
margin-top: 16px;
padding-top: 6px;
background-color: #cddeed;
}

.article-infobid {
margin-top: 15px; 		
padding-top: 6px;
border-top: 2px dotted #999;
}

.posts-comments h2 {
font-size: 11pt;
}

	
/*	
	NAVIGATION
*/
div#navigation {
background: #c1c1c1 url('../images/menu.png') repeat-y;
}

/* 	navigation_o */
div#navigation_o {
/*margin-left: 20px;*/
}
div#navigation_o ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div#navigation_o li {
margin-bottom: 5px;
}

/*	navigation_d */
div#navigation_d {
background: #c1c1c1 url('../images/menu_d.png') no-repeat bottom;
height: 33px;
}


/*
	EXTRA
*/
div#extra {
/*background: #c5c5c5;*/
}
div#extra_o {
margin-left: 30px;
margin-right: 10px;
}

div#extra_o ul {
margin-left: 20px;
}

div#extra_o a.img,
div#extra_o a:hover.img,
div#extra_o a:hover.img_lightbox {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px none #fff !important;
color: #fff;
background-color: #fff;
}
div#extra_o a img {
/*padding: 10px;*/
border: 0px none #fff !important;
}

div#extra_o .inputsmall {
width: 110px;	
}


/*
	FOOTER
*/

/*	footer_h */
div#footer_h {
height: 14px;
background: #000 url('../images/pata_h.jpg') no-repeat top;
}

/*	footer */
div#footer {
background: #000 url('../images/pata.png') repeat-y;
color: #fff;
}
div#footer_c {
margin-left: 30px;
margin-right: 30px;
text-align: center;
}
div#footer_c p {
color: #fff;
margin: 0;
padding: 3px 10px 3px 10px;
}
div#footer_c a {
color: #ccc;
padding: 3px;
}
div#footer_c a:hover {
background: #990000;
color: #fff;
}

/*	footer_d */
div#footer_d {
height: 15px;
background: #000 url('../images/pata_d.jpg') no-repeat top;
}



/*
	MENU
*/
/* Root = Vertical, Secondary = Vertical */
ul.menu,
ul.menu li,
ul.menu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 180px; /*For KHTML*/
list-style: none;
}

ul.menu:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul.menu li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
display: inline; /*For IE*/
position: relative;
height: 36px !important; /* pv */
}

/* Root Menu */
ul.menu a {
padding: 0px 6px 0px 30px;
display: block;
background-color: transparent;
color: #fff; 
font: bold 16px/22px Verdana, Arial, Helvetica, Trebuchet MS, sans-serif; /* pv */
text-decoration: none;
vertical-align: bottom; /* pv */
/*	height: auto !important; */
height: 36px !important; /* pv */
height: 1%; /*For IE*/
}
ul.menu a.act {
background: #fff url('../images/menu_vyber_sir.jpg') no-repeat 0px -15px;
color: #f00;
}

/* Root Menu Hover Persistence */
ul.menu a:hover,
ul.menu li:hover a,
ul.menu li.iehover a {
background: #fff;
color: #cb2726;
background: #fff url('../images/menu_vyber_sir.jpg') no-repeat 0px 0px;
height: 36px !important; /* pv */
background-position: 0px -16px;
}

/* 2nd Menu */
ul.menu li:hover li a,
ul.menu li.iehover li a {
background: #c1c1c1;
color: #666;
padding: 7px 0px 0px 30px; /* pv */
}

/* 2nd Menu Hover Persistence */
ul.menu li:hover li a:hover,
ul.menu li:hover li:hover a,
ul.menu li.iehover li a:hover,
ul.menu li.iehover li.iehover a {
background: #ccc;
color: #fff;
padding: 7px 0px 0px 30px; /* pv */
}

/* 3rd Menu */
ul.menu li:hover li:hover li a,
ul.menu li.iehover li.iehover li a {
background: #c9c9c9;
color: #666;
}

/* 3rd Menu Hover Persistence */
ul.menu li:hover li:hover li a:hover,
ul.menu li:hover li:hover li:hover a,
ul.menu li.iehover li.iehover li a:hover,
ul.menu li.iehover li.iehover li.iehover a {
background: #ccc;
color: #fff;
}

/* 4th Menu */
ul.menu li:hover li:hover li:hover li a,
ul.menu li.iehover li.iehover li.iehover li a {
background: #cdcdcd;
color: #666;
}

/* 4th Menu Hover */
ul.menu li:hover li:hover li:hover li a:hover,
ul.menu li.iehover li.iehover li.iehover li a:hover {
background: #ccc;
color: #fff;
}

ul.menu ul,
ul.menu ul ul,
ul.menu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px; /* odsazeni z leve strany */
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu li:hover ul ul,
ul.menu li:hover ul ul ul,
ul.menu li.iehover ul ul,
ul.menu li.iehover ul ul ul {
display: none;
}

ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul,
ul.menu li.iehover ul,
ul.menu ul li.iehover ul,
ul.menu ul ul li.iehover ul {
display: block;
}


/* jQuery - stripe  */
table.stripe {
border-collapse: collapse;
/*width: 98%;*/
margin: 6px;
font-size: 1.0em;
}
table.stripe th {
background: #336699;
color: #fff;
font-weight: bold;
padding: 2px 11px;
/*text-align: left;*/
border-right: 1px solid #fff;
line-height: 1.1;
}
table.stripe td {
padding: 6px 11px;
border-bottom: 1px solid #336699; /*#95bce2*/
border-right: 1px solid #fff;
vertical-align: top;
background-color: #eff1f2;
}
table.stripe tr.alt td {
/*background: #ecf6fc;*/
background-color: #cddeed;
}
table.stripe tr.over td {
/*background: #bcd4ec;*/
background-color: #ffffcc;
}


/*
	LAYOUT - rozmery 
*/
div#container {width: 980px; margin: 0 auto;}
div#content {float: right; width: 795px;}
div#navigation {float: left; width: 185px;}
div#navigation_d {float: left; clear: left; width: 185px;}
div#extra {float: left; clear: left; width: 185px;}
div#footer_h {clear: both; width:100%;}
div#footer {clear: both; width:100%;}
div#footer_d {clear: both; width:100%;}

