body{ 
  margin:0px;
  padding:0px 0 30px 0;
	background-color: #E9E9E9;
	background-image:url("img/bg.jpg");
	background-repeat:repeat-x;
 	font-family: "Verdana","Georgia","Times New Roman";
  font-size:80%;
	color:#000000;
  text-align: justify;
  line-height: 1.6;
  }

h2{
  padding:0;
  font-size: 160%;
  font-weight: normal;
  margin: 0 0 15px 0;
  color: #397893;
  }

h3{
  padding:0;
  font-size: 150%;
  font-weight: normal;
  margin: 0 0 4px 0;
  clear:both;
  color: #333333;
  text-transform:uppercase;
  }

h3 span{
  font-size:80%;
  color:#555555;
  text-transform:none;
}

h4{
  margin-bottom:1px;
  font-size:130%;
  font-weight:normal;
  color:#397893;
  border-bottom:1px dotted #cccccc;
}

p, table, ul, ol{
  margin:0 0 25px 0;
  overflow:hidden;
  }

ol, ul{	
  padding:0px;
  }


ul{
  list-style:none;
}

ul li{
  list-style: none;
  background-image:url("img/li.gif");
  background-repeat:no-repeat;
  background-position:16px 6px;
  padding-left:36px;
  padding-bottom:2px;
}

abbr{
  cursor: help;
  border-bottom: 1px dotted;
  }


hr{
  height:1px;
  background-color:#dddddd;
  border-width:0px;
  margin-bottom:30px;
}

A:link {	TEXT-DECORATION: underline; color: #1375D7;}
A:visited{TEXT-DECORATION: underline; color: #1375D7;}
A:active{ TEXT-DECORATION: none; color: #1375D7;}
A:focus{ TEXT-DECORATION: none; color: #1375D7;}
A:hover {	TEXT-DECORATION: none; color: #1375D7;}


img{
  float:right;
  border:3px solid #dddddd;
  margin: 0px 0px 20px 20px;
}

A.odrazkovy-odkaz{
  display:block;
  padding:5px 0px 10px 36px;
  background-image:url("img/li.gif");
  background-repeat:no-repeat;
  background-position:16px 13px;
  clear:left;
}

p.odkaz{
  margin-bottom:10px;
}
/*------formulare---------------------*/

form{
}

label{
  text-align: left;
  font-weight:normal;
  padding:5px 0px 5px 10px;
  width:120px;
  overflow:hidden;
  float:left;
  clear:both;
  text-align:left;
}

input, select, textarea{
  font-family: Arial;
  text-transform: none;
  margin: 5px 0px 5px 0px;
  padding: 2px;
  font-size:100%;
  width:300px;
}

input.short, select.short, textarea.short{
  width:150px;
}

.button{
  float:left;
  margin:10px 17px 0 130px;
  padding:4px 15px 4px 15px;
  width:auto !important;
  overflow:visible;
}

/*-----tabulky------------------------*/
table.tabulka{
  border:0px;
  font-size:90%;
}

table.tabulka tr{
}

table.tabulka td{
  padding:10px 7px 10px 7px;
  background-color:#eeeeee;
}

table.tabulka th{
  padding:10px 7px 10px 7px;
  font-weight:normal;
  text-align:right;
  background-color:#f5f5f5;
}

/* -----feedback-----------*/

.forum-strankovani{
  padding:5px 0px 5px 10px;
  background-color:#eeeeee;
  margin-bottom:25px;
}


.forum-datum{
  font-size:50%;
  color:#999999;
}

.forum-strankovani a, .forum-strankovani strong{
  padding-left:5px;
}

/*----anraise -----------------------*/
.anreise{
  overflow:hidden;
  background-color:#f5f5f5;
  font-size:90%;
  padding:0px;
  margin-bottom:40px;
}

.anreise input, .anreise select, .anreise textarea{
  width:65px;
  margin:0px;
}

.anreise select{
  width:90px;
}

.anreise label{
  width:auto;
  margin:0px;
  padding:0px;
}

.anreise table{
  margin:0px;
  padding:5px;
}

.anreise th{
  color:#999999;
  text-transform:uppercase;
}

.anreise .button{
  float:right;
  margin:0px;
  padding:2px;
  
}

.anreise img{
  float:left;
  margin:0px;
  padding:0px;
  padding-right:20px;
  border-width:0px;
}

/*----rozvrzeni stranky---------------*/

#obal{
  width:973px;
  margin:0 auto 0 auto;
  overflow:hidden;
  background-image:url("img/bg_obal.jpg");
  background-repeat:repeat-y;
  background-color:white;
}

#obal #bg-left{
  position:absolute;
  display:block;
  width:19px;
  height:436px;
  margin-top:44px;
  background-image:url("img/bg_corner_left.jpg");
  background-repeat:no-repeat;
}

#obal #bg-right{
  position:absolute;
  display:block;
  width:18px;
  height:436px;
  margin-top:44px;
  margin-left:955px;
  background-image:url("img/bg_corner_right.jpg");
  background-repeat:no-repeat;
}

#top-bg{
  display:block;
  width:973px;
  height:58px;
  overflow:hidden;
  background-image:url("img/bg_top.jpg");
  background-repeat:no-repeat;
}

#top{
  width:973px;
  height:205px;
  margin-bottom:25px;
  overflow:hidden;
  background-image:url("img/top.jpg");
  background-repeat:no-repeat;
  background-position:50% 0%;
  color:#E6EEF2; 
  font-size:115%;
  line-height:1.4;
}

#top h1{
  width:300px;
  height:135px;
  margin:0px;
  padding:0px 0px 0px 33px;
  line-height:1.2;
  text-indent:1px;
  
}

#top h1 span{
  position:absolute;
  width:300px;
  height:135px;
  padding:0px;
  display:block;
  background-image:url("img/pronatal_logo.jpg");
  background-repeat:no-repeat;
  background-position:100% 0;
}


#top #top-right{
  width:555px;
  float:right;
  padding: 20px 60px 0 0;
  color:#ffffff;
}

#top #top-left{
  padding: 20px 0 0 62px;
  width:250px;
  float:left;
}


#context{
  width:300px;
  overflow:hidden;
  padding:0px 0 30px 33px;
  border-right:1px dotted #C5C5C5;
  float:left;
  min-height:500px;
  line-height:1.5;
}

#navigace{
  padding:10px 30px 30px 10px;
  background-image:url("img/bg_navigace.jpg");
  background-repeat:no-repeat;
  background-position: 100% 100%;
}

#navigace ul{
  padding:0;
  margin:0;
}

#navigace ul li{
  font-size:140%;
  display:block;
  list-style-type:none;
  padding:0px;
  margin:0px;
}

#navigace ul li a{
  width:233px;
  display:block;
  padding:2px 10px 2px 15px;
  text-decoration:none;
  color:#777777;
  border-bottom:1px solid #dddddd;
}

#navigace ul li a:hover, #navigace ul li a.active{
  color:#377595;
}

#navigace ul li a:hover{
  color:#000000;
}

.blok{
  border-top:1px dotted #C5C5C5;
  width:260px;
  padding:30px 30px 10px 10px;
  background-image:url("img/bg_context_blok.jpg");
  background-repeat:no-repeat;
  background-position: 100% 0;
  overflow:hidden;
}


.blok p, .blok ul, .blok h3{
  padding-left:10px;
  margin-bottom:15px;
}

.blok h3{
  color:#397893;
  font-weight:normal;
  font-size:120%;
  margin-bottom:7px;
  font-weight:bold;
}


#content{
  width: 573px;
  padding:0px 42px 10px 0px;
  float:right;
  overflow:hidden;
  font-size:97%;
}

#bottom{
  clear:both;
  height:114px;
  background-image:url("img/bg_bottom.jpg");
  background-repeat:no-repeat;
  background-position:0 bottom;
  color:#ffffff;
  font-size:95%;
}

#bottom #bottom-right{
  width:400px;
  float:right;
  text-align:right;
  padding: 25px 70px 0 0;
}

#bottom #bottom-left{
  padding: 25px 0 0 70px;
  width:200px;
  float:left;
}

#bottom a{
  color:#ffffff;
}


#context hr, #left hr, #bottom hr, #context h2{
  position:absolute;
  top:-900000px;
  width:auto;
}

.skip{
  position:absolute;
  top:-9000px;
  height:30px;
  background-color:#FFFFFF;
  font-size:108%;
  display:block;
  padding:0 10px 0 10px;
}

.skip:focus, .skip:active{
  top:0px;
  z-index:20;
}