/*------------------------------------------------
           PLEASE DONT'S STEAL,
    JUST TAKE THE INSPIRATION!
------------------------------------------------- */

/*------------------------------------------------
CSS INFO
--------------------------------------------------
FILE: style.css
PROJECT:  MyProject
URL: www.myproject.com
AUTHOR: Jan Hommer (iam@janhommer.cz, www.janhommer.cz)
DATE: 05-2009
------------------------------------------------- */

/*------------------------------------------------
 STANDARD HTML TAG RESET 
------------------------------------------------- */
body,
h1, h2, h3, h4, h5,
p, ul, li, ol,
blockquote,
form {
  border: 0;
  margin: 0;
  padding: 0;
}



/*------------------------------------------------
STANDARD HTML TAG DEFINITION
------------------------------------------------- */

body,
form, input {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
}

body {
  background: #fff url(body.gif) top repeat-x; 
  margin: 1px;
}

a:link, a:visited{
  color: #54b9ff;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #ff4aa8;
}

p {
  text-align: justify;
}

p.center {
  text-align: center;
}

p.right {
  text-align: right;
}

p.alleft {
  float: left;
}

div.alright {
  float: right;
  width: 600px;
  text-align: right;
  color: #7e7e7e;
  text-align: left;
  font-family: Tahoma;
  font-size: 11px;
}

div.alright-footer {
  float: right;
  width: 600px;
  text-align: right;
  margin-top: -17px;
}  

img {
  padding: 1px;
  border: 1px solid #aaa;
}

img.alleft {
  float: left;
  margin: 0 5px 5px 0;
}

img.alright {
  float: left;
  margin: 0 0 5px 5px;
}

hr {
  clear: both;
  visibility: hidden;
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
}

/*------------------------------------------------
 100% HEIGHT
------------------------------------------------- */

html, body, #wrap {
  height: 100%;
}

body > #wrap {
  height: 300px;
  min-height: 100%;
  margin-top: -1px;
  background: url(wrap.jpg) top center no-repeat;

}



.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

/*------------------------------------------------
 MAIN
------------------------------------------------- */

#main {
  position: relative;
  width: 980px;
  padding-bottom: 200px; /* must be same height as the footer */
  margin: 0 auto;
}

/*------------------------------------------------
 HEADER
------------------------------------------------- */

#header {
  position: relative;
  width: 980px;
  height: 287px;
  margin: 0 auto;
}

#menu-footer {
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 7px;

}

#menu2 {
  position: relative;
}

#header ul, #menu2 ul {
  list-style: none;
  float: right;
  margin-top: 1px;
}

#header ul li, #menu2 ul li {
  float: left;
}

#header ul li a, #menu2 ul li a {
  display: block;
  float: left;
  padding: 7px 10px;
  text-decoration: none;
  font-family: 'Times New Roman';
  font-size: 13px;
  color: #0066ff;
  text-transform: uppercase;
}

#header ul li a:hover, #header ul li a.active, #menu2 ul li a:hover, #menu2 ul li a.active, #menu-footer a:hover {
  text-decoration: underline;
  color: #ff4aa8;
}

/*------------------------------------------------
 NEWS
------------------------------------------------- */

#news {
  position: relative;
  float: left;
  width: 300px;
  padding: 35px 25px 0;
}

#news h3 {
  padding: 0 0 20px;
  font-family: 'Times New Roman';
  font-size: 17px;
  text-transform: uppercase;
  font-weight: bold;
}

#news .news {
  overflow: hidden;
  padding: 0 0 20px;
}

#news .news p.alleft {
  width: 47px;
  height: 40px;
  padding: 10px 0 0;
  background: #49b4ff url(news_p.gif);
  color: #fff;
  font-family: 'Times New Roman';
  font-size: 30px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 15px;
  margin-right: 10px;

}

#news .news p.alleft small {
  font-size: 10px;
}

#news .news p.alright {
  width: 300px;
}

#news .news p.alright span{
  color: #49B4FF;
  font-weight: bold;
}

/*------------------------------------------------
 CONTENT
------------------------------------------------- */

#content {
  position: relative;
  float: right;
  width: 570px;
  padding: 35px 25px 0;
}

#content h2, #content h1 {
  padding: 0 0 10px;
  font-family: 'Times New Roman';
  font-size: 17px;
  text-transform: uppercase;
  font-weight: bold;
}

#content p {
  padding: 10px 0;
}



#content .center img {
  margin-top: -2px;
}

#content .center a img {
  margin: 11px;
}





#content .fotogall {
  padding: 10px 0;
  width: 615px;
  margin-left: -10px;
}


#content .fotogall a img {
  margin: 1px;
  
}





/*------------------------------------------------
 FOOTER
------------------------------------------------- */

#footer {
  position: relative;
  clear: both;
  width: 100%;
  height: 200px;
  margin-top: -200px; /* negative value of footer height */
  background: url(footer.gif) center;
  color: #4db5ff;
  font-size: 10px;
}

#footer a {
  color: #4db5ff;
}

#footer .in {
  position: relative;
  width: 860px;
  padding: 150px 0 0;
  margin: 0 auto;
}

.ulseznam {
}

.ulseznam li {
  margin-left: 30px;
  margin-bottom: 5px;
}

#flashlogo {
  height: 255px;
  top: 33px;
  position: absolute;
  left:-11px
}

.logo {
  width: 570px;
}

.svatebni-kniha-img {
  width: 570px;
}

.misto {
  float: left;
  width: 180px;
  height: 120px;
  border: 1px solid silver;
}

#radkovyblok {
  float: right;
}