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


body		{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #101415;
	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: justify;
}

h1     { 
font-size : 1.2em; 
color:#84be19;
font-size:18px;
background: transparent url('../img/dudlik-h1.png') 0 1px no-repeat scroll;	padding:0 0 0 22px; 
}
h2 {
font-size : 1.1em; 
color:#84be19;
font-size:16px;
background: transparent url('../img/dudlik-h1.png') 0 1px no-repeat scroll;	padding:0 0 0 22px; 
}
h3 { 
color:#84be19;
font-size : 12px; 
font-weight: bold; 
}

a:link       { color: #84be19 }
a:active     { color: #84be19 }
a:visited    { color: #84be19 }
a:link.bezp  { color: #84be19 }

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.levy-sloupec-700 {
width: 600px;
float: left;
}

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

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

table, div { background-color: transparent; }

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('../prvky/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: 45%; top: 30px;
    background-color: transparent;
} 

div.gal { 
    text-align: center;
    vertical-align: middle; 
    float: left; 
    padding: 1px; 
    margin: 5px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #dcdcdc;
    font-size : 0.9em;
-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;
 } 
 
div.podtrzitko { 
border-bottom: 1px solid #dcdcdc;
width: 100%; 
height: 2px;
}
 
 
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;
}

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;
}

p.obsah_nadpis, div.obsah_nadpis {
border-top: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
background: url(../prvky/menuBackground.gif) repeat-x;
}

p.obsah, div.obsah {
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
}

/*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*/

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: #dddddd;
}

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

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

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

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 {
	margin:auto 0;
	width:100%;
	text-align:center;
	background:url(../prvky/headerBackground.jpg) no-repeat left top;
}
#navcontainer ul {
	padding: 0;
	margin: auto 0;
	background: url(../prvky/menuBackground.gif) repeat-x left top;
	float: left;
	width: 100%;
}
#navcontainer 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 12px;
}
#navcontainer ul li a:hover {
	background: url(../prvky/menuBackgroundActive.gif) repeat-x left top;
	color: #fff;
}
#navcontainer ul li #current {
	background: url(../prvky/menuBackgroundActive.gif) repeat-x left top;
	color: #fff;
}
/*end main 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(../prvky/dot.gif) 0 0 repeat-x; padding-bottom:20px;}
.b {background:url(../prvky/dot.gif) 0 100% repeat-x}
.l {background:url(../prvky/dot.gif) 0 0 repeat-y}
.r {background:url(../prvky/dot.gif) 100% 0 repeat-y}
.bl {background:url(../prvky/bl.gif) 0 100% no-repeat}
.br {background:url(../prvky/br.gif) 100% 100% no-repeat}
.tl {background:url(../prvky/tl.gif) 0 0 no-repeat}
.tr {background:url(../prvky/tr.gif) 100% 0 no-repeat; padding:1px 20px} 
/* end border corners*/
/* begin news border corners*/
.n_t {background: #eeeeee url(../prvky/n_dot.gif) 0 0 repeat-x; padding-bottom:0px;}
.n_b {background:url(../prvky/n_dot.gif) 0 100% repeat-x}
.n_l {background:url(../prvky/n_dot.gif) 0 0 repeat-y}
.n_r {background:url(../prvky/n_dot.gif) 100% 0 repeat-y}
.n_bl {background:url(../prvky/n_bl.gif) 0 100% no-repeat}
.n_br {background:url(../prvky/n_br.gif) 100% 100% no-repeat}
.n_tl {background:url(../prvky/n_tl.gif) 0 0 no-repeat}
.n_tr {background:url(../prvky/n_tr.gif) 100% 0 no-repeat; padding:1px 20px} 
/* end news border corners*/

#footer { 
	height:90px;
	background:url(../prvky/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 0 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;
}