*
{
margin: 0px;
padding: 0px;
}


body		{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #d7c5a1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	text-align: center;
}

h1     { 
font-size : 1.2em; 
color: #b68c69;
}
h2 {
font-size : 1.0em; 
color: #b68c69;
}
h3 { 
color: #b68c69;
font-size : 0.8em; 
font-weight: bold; 
}

a:link       { color: #b68c69 }
a:active     { color: #b68c69 }
a:visited    { color: #b68c69 }
a:link.bezp  { color: #b68c69 }

a:link.footerlink       { color: #292b25 }
a:active.footerlink     { color: #292b25 }
a:visited.footerlink    { color: #292b25 }

td { vertical-align: top }

div.hlavni {
border-style: solid; 
border-width: 0px;
position: relative; 
margin: auto;
text-align: justify;
width: 980px;
padding: 0px;
background: white;
}

div.okraje_textu {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 3px;
padding: 4px;
}

div.levy-sloupec {
width: 190px;
float: left;
}

div.levy-sloupec-siroky {
width: 760px;
margin-left: 5px;
float: left;
}

div.pravy-sloupec {
width: 760px;
margin-left: 5px;
float: right;
}

div.pravy-sloupec-vlevo {
width: 560px;
float: left;
}

div.pravy-sloupec-vpravo {
width: 190px;
margin-left: 5px;
float: right;
}

div.sloupec_levy { 
    text-align: justify;
    width: 190px;
    height: 1450px;
    position: absolute; left: 10px; top: 195px;
    background-color: transparent;
} 

div.sloupec_stred { 
    text-align: center; 
    width: 540px;
    height: 1450px;
    position: absolute; left: 220px; top: 195px;
    background-color: transparent;
} 

div.sloupec_pravy { 
    text-align: center; 
    width: 190px;
    height: 1450px;
    position: absolute; left: 770px; top: 195px;
    background-color: transparent;
} 

div.levy-sloupec-700 {
width: 600px;
float: left;
}

div.pravy-sloupec-250 {
width: 350px;
margin-left: 5px;
float: right;
}

div.podtrzitko { 
border-bottom: 1px solid #b68c69;
width: 100%; 
height: 2px;
}

td.detail {
width: 540px; height: 850px; 
margin: 2px; 
overflow: auto
}

td.katalog        { width: 240px; height: 850px; margin: 2px }
td.katalog_pravy  { width: 160px; height: 850px; margin: 2px }
div.katalog       { width: 220px; height: 850px; margin: 0px; overflow: auto }
a:link.katalog    {text-decoration: none; font-weight: bold }
a:visited.katalog {text-decoration: none; font-weight: bold }
a:hover.katalog   {text-decoration: none; font-weight: bold }

table, div { background-color: transparent; font-size:12px;}

div.login {
position: absolute; 
right: 0px;
top: 0px;
margin: auto;
text-align: right;
}

div.google_search {
text-align: right;
width: 35%;
height: 20px;
z-index: 1;
position: absolute;
right: 0px;
top: 92px;
}

div.sloupec_pravy_forum { 
    text-align: center; 
    width: 190px;
    height: 1500px;
    position: absolute; left: 770px; top: 225px;
    background-color: transparent;
} 

div.text_justify { 
    text-align: justify; 
    width: 100%;
    background-color: transparent;
} 

div.text_center { 
    text-align: center; 
    width: 100%;
    background-color: transparent;
} 

div.text_right { 
    text-align: right; 
    width: 100%;
    background-color: transparent;
} 

table.forum, tr.forum, td.forum {
align: center;
width: 100%; 
margin: 0px;
padding: 5px;  
border-width: 1px;
border-collapse: collapse;
text-align: justify;
}

div.zahlavi { 
    background-position: top;
    text-align: center; 
    width: 100%;
    height: 130px;
    background: #DDDDDD;
    background: url('../img/Logo.jpg');
} 

div.zahlavi_logo { 
    font-family: Garamond, Verdana; 
    font-size : 3.0em; 
    font-style: italic;
    font-weight: bold;
    text-align: left; 
    width: 350px; 
    position: absolute; left: 10px; top: 10px;
    background-color: transparent;
    z-index: 4;
    color: #DDDDDD;
} 

div.banner { 
    text-align: center; 
    width: 468px;
    height: 80px;
    position: absolute; left: 37%; top: 20px;
    background-color: transparent;
    z-index: 5;
} 

div.gal { 
    text-align: center;
    vertical-align: middle; 
    float: left; 
    padding: 1px; 
    margin: 5px; 
    border-width: 1px; 
    border-style: solid;
    border-color: #b68c69; 
    font-size : 0.9em;
    padding: 5px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
 } 
 
p.obsah_nadpis, div.obsah_nadpis {
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright: 16px;
-webkit-border-top-left-radius: 16px;
-webkit-border-top-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
padding: 7px;
border-top: 1px solid #b68c69;
border-left: 1px solid #b68c69;
border-right: 1px solid #b68c69;
background-color: white;
}

p.obsah, div.obsah {
-moz-border-radius-bottomleft: 16px;
-moz-border-radius-bottomright: 16px;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 7px;
border-bottom: 1px solid #b68c69;
border-left: 1px solid #b68c69;
border-right: 1px solid #b68c69;
background-color: white;
}

table.uzivatel_levy {
width: 510px; 
}

table.anketa {
width: 170px; 
margin: 0px;
padding: 2px;  
border-style: solid;
border-width: 1px;
border-collapse: collapse;
text-align: left;
}

tr.anketa {
align: center;
margin: 0px;
padding: 2px;  
border-top: 1px solid
border-bottom: 1px solid;
}

table.anketa, tr.anketa, tr.anketa1 {
border-color: #b68c69;
}

table.grafy, td.grafy {
align: left;
margin: 0px;
padding: 0px;  
border-width: 0px;
border-collapse: collapse;
text-align: justify;
vertical-align: baseline;
}

input.anketa {
border-width: 0px;
font-size: 1em;
}

div.anketa {
background-color: #b68c69;
border-radius: 3px 3px;
}

.productPic {
	float:left;
	margin:0 20px 15px 0;
	width: 100px;
	border: 0;
}

img.detail { 
    border-width: 1px; 
    border-style: solid; 
} 

img.smajlik { 
    height: 17px; 
} 

img.napoveda {
border: 0px solid; 
width: 16px; 
height: 16px; 
position: absolute; right: 5px; top: 25px;
}

img.ikona {
border: 0px solid; 
width: 16px; 
height: 16px; 
float: right;
margin: 0px 5px 0px 5px;
}

/*begin main menu*/
#navcontainer, #navcontainer2 {
	margin:auto 0;
	width:100%;
	text-align:center;
	background:url(../img/headerBackground.gif) no-repeat left top;
}
#navcontainer ul {
	padding: 0;
	margin: auto 0;
	background: url(../img/menuBackground.gif) repeat-x left top;
	float: left;
	width: 100%;
}
#navcontainer2 ul {
	padding: 0;
	margin: auto 0;
	background: url(../img/menuBackground.gif) repeat-x left top;
	float: right;
	width: 100%;
}
#navcontainer ul li, #navcontainer2 ul li { 
	display: inline;
}
#navcontainer ul li a {
	color: #626161;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	font-size:15px;
	padding:6px 20px;
}
#navcontainer2 ul li a {
	color: #626161;
	text-decoration: none;
	float: right;
	border-right: 1px solid #fff;
	font-size:15px;
	padding:6px 20px;
}
#navcontainer ul li a:hover, #navcontainer2 ul li a:hover {
	background: url(../img/menuBackgroundActive.gif) repeat-x left top;
	color: #fff;
}
#navcontainer ul li #current, #navcontainer2 ul li #current {
	background: url(../img/menuBackgroundActive.gif) repeat-x left top;
	color: #fff;
}
/*end main menu*/


/*svisle menu*/
.svislemenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 100%;
border-bottom-width: 0;
}
.svislemenu li a, li.active a {
margin: 2px;
display: block;
width: auto;
padding:6px 15px;
padding-left: 10px;
text-decoration: none;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;

}
* html .svislemenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 100%;
}

.svislemenu li a{
background: url(../img/menuBackground.gif) repeat-x left top;
color: #626161;
border: 1px solid #fff;
}

.svislemenu li a:hover, .svislemenu li a:active, li.active a{
background: url(../img/menuBackgroundActive.gif) repeat-x left top;
color: #fff;
border: 1px solid #fff; 
}
/*end svisle menu*/

#sidebar1 {
	width: 100%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0px 0px 20px 0;
}
#sidebar1 a, #mainContent a {
	color:#84be19;
	font-weight: bold;
}
#mainContent { 
	margin: 20px 10px 20px 5px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
} 
.productPic {
	float:left;
	margin:0 20px 15px 0;
}

/* begin border corners*/
.t {background: #ffffff url(../img/dot.gif) 0 0 repeat-x; padding-bottom:20px;}
.b {background:url(../img/dot.gif) 0 100% repeat-x}
.l {background:url(../img/dot.gif) 0 0 repeat-y}
.r {background:url(../img/dot.gif) 100% 0 repeat-y}
.bl {background:url(../img/bl.gif) 0 100% no-repeat}
.br {background:url(../img/br.gif) 100% 100% no-repeat}
.tl {background:url(../img/tl.gif) 0 0 no-repeat}
.tr {background:url(../img/tr.gif) 100% 0 no-repeat; padding:1px 20px} 
/* end border corners*/
/* begin news border corners*/
.n_t {background: #eeeeee url(../img/n_dot.gif) 0 0 repeat-x; padding-bottom:0px;}
.n_b {background:url(../img/n_dot.gif) 0 100% repeat-x}
.n_l {background:url(../img/n_dot.gif) 0 0 repeat-y}
.n_r {background:url(../img/n_dot.gif) 100% 0 repeat-y}
.n_bl {background:url(../img/n_bl.gif) 0 100% no-repeat}
.n_br {background:url(../img/n_br.gif) 100% 100% no-repeat}
.n_tl {background:url(../img/n_tl.gif) 0 0 no-repeat}
.n_tr {background:url(../img/n_tr.gif) 100% 0 no-repeat; padding:1px 20px} 
/* end news border corners*/

#footer { 
	height:90px;
	background:url(../img/footerBackground.jpg) repeat-x left top;
}
.rss {
	float:right;
	width:212px;
	margin:16px 0 0 20px;
}
#footer p {
	padding-top:10px;
	padding-left:10px;
	margin:0 40px 0 0;
	text-align:justify;
} 
.footerLink  {
	color:#292b25;
	text-decoration:underline;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.text_right { 
text-align: right; 
}

.float_left { 
    float: left; 
}

.float_right { 
    float: right; 
}

.submit_hodnoceni {
float: left;
width: 40px; 
height: 40px;
font-size: 20px;
font-weight: bold;
}

.submit_hodnoceni_vybrane {
float: left;
width: 40px; 
height: 40px;
font-size: 20px;
font-weight: bold;
background: #696969;
color: white;
}

.polovicni_sirka {
width: 50 %;
float: left;
text-align: left;
padding: 5px;
}