@charset "UTF-8";

p,h1,h2,h3,h4,h5,div,img,ul,li,body, form { margin:0px; padding:0px; }
img { border:0px; }
li { list-style:none; }

h1, h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }

a:link, a:visited { color:#cc0000; text-decoration:none; }
a:active, a:hover { text-decoration:underline; }

fieldset { border:1px solid #8cc63e; margin:10px; }

body { font-family:'trebuchet ms'; font-size:12px; line-height: 18px; background-color:#f7fbf1; }

#header { height:120px; background-image:url(img/topgradout.jpg); background-repeat:repeat-x; }
#headerinner { height:120px; background-image:url(img/topgradin.jpg); background-repeat:repeat-x; width:1000px; margin:0px auto; }

#logo a:link, #logo a:visited { width:242px; height:120px; display:block; position:absolute; margin-top:0px; margin-left:20px; background-image:url(img/logo.jpg); }

#nav { width:623px; height:42px; position:absolute; margin-top:0px; margin-left:350px;  background-image:url(img/nav.jpg);  }
#nav li { list-style:none; float:left; display:inline; width:124px; height:42px; line-height:42px; text-align:center; font-size:14px; }
#nav li a:link, #nav li a:visited { color:black; text-decoration:none; }
#nav li a:hover, #nav li a:active { font-weight:bold; text-decoration:underline; }

#flag { position:absolute; margin-top:70px; margin-left:850px; }
#flag a:link, #flag a:visited { color:black; text-decoration:underline; font-size:14px; }

#page { background-color:#e6f3d5; width:1000px; margin:0px auto; }
#content { padding:10px 20px 20px 20px; }
#content a:link, #content a:visited { color:#cc0000; }
#content p, #content ul { margin:10px 0px; }
#content h1, #content h2, #content h3 { margin:30px 0px 10px 0px; }
#content li { margin-left:20px; list-style:circle; }

#footer {  height:120px; background-image:url(img/botgradout.jpg); background-repeat:repeat-x; }
#footerinner { height:120px; background-image:url(img/botgradin.jpg); background-repeat:repeat-x; width:1000px; margin:0px auto; line-height:120px; text-indent:20px; }
#footer a:link, #footer a:visited { color:black; font-weight:bold; text-decoration:underline; }

/* ARCHIV */

#content .vydani { height:160px; width:960px; }
#content .vydani img { float:left; margin-right:20px; }
#content .vydani h2 { padding:20px 0px 0px 0px; margin:0px 0px 10px 0px; border:0px; }
#content .vydani p { }

#content .buttons a:link, #content .buttons a:visited, .buttons a:link, .buttons a:visited { background-image:url(img/buttonin.jpg); width:183px; height:42px; display:inline; float:left; margin-right:20px; line-height:42px; text-align:center; text-decoration:none; color:black; }
#content .buttons a:hover, #content .buttons a:active, .buttons a:hover, .buttons a:active { background-position:right; }

/* BLOGS */

#content .newsBlock { width:620px; height:90px; margin-bottom:20px; }
#content .newsImg { float:left; width:180px; height:90px; margin-right:10px; }
#content .newsBlock h3 { padding:25px 0px 5px 0px; margin:0px; line-height:15px; font-weight:normal; background-color:#8cc63e; border:0px; }
#content .newsBlock h2 { padding:5px 0px 25px 0px; margin:0px; line-height:15px; background-color:white; border:0px; }
#content h1 { border-bottom:5px solid #8cc63e; padding-bottom:10px; }
#content h2 { border-bottom:3px solid #8cc63e; border-left:2px solid #8cc63e; padding-left:10px; padding-bottom:10px; } 
#blogPath { border-bottom:3px solid #8cc63e; border-left:2px solid #8cc63e; padding:0px 0px 10px 10px; width:950px; margin:0px 0px 20px 20px; }

/* BLOG */
#blogLeft { width:620px; margin-right:20px; float:left; display:inline; }
#blogRight { width:320px; float:left; display:inline; }
#blogRight img { margin:10px 0px; }
#blogRight h1 { margin-bottom:10px; border-bottom:5px solid #8cc63e; padding-bottom:10px; }

/* CLEARFIX */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */