/* CSS RESET */

html{
  color:#000000;
  background:#FFFFFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}


address,caption,cite,code,dfn,em,strong,var{
  font-style:normal;
  font-weight:normal;
}

li{
  list-style:none;
}

caption,th{
  text-align:left;
  color: red;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  font-weight:normal;
}

q:before,q:after{
  content:'';
}

abbr,acronym {
  border:0;
  font-variant:normal;
}

sup {
  vertical-align:text-top;
}

sub {
  vertical-align:text-bottom;
}

input,textarea,select{
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}

legend{
  color:#000;
}

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
}
table{
  font-size:inherit;
  font-size:100%;
}

pre,code,kbd,samp,tt{
  font-family:monospace;
  line-height:100%;
}
/* CSS RESET */

body {
	text-align:center;
	color:#000000;
}

a {
	text-decoration:none;
	color:#9b3535; 
}

a:hover {
	text-decoration: underline;
	color: #CC0000
}
#wrap {
	width:900px;
	text-align:left;
	margin:0 auto;
  background:url(img/bg.jpg); 
}

.fl{ 
  position:relative;
  float:left;
  
}

.fr{ 
position:relative;
  float:right;
  
}

.clearfix{ 
  clear:both;
}


/* header */
#header {
  position:relative;
  height:111px;
  background:url(img/hd.jpg);
}

#logo {
  position:absolute; 
  top:38px; 
  left:111px;
}

#logo h1 {
	font-size:34px;
	color: #9B3535;
}

#logo div {
	padding-left:100px;
}

#nadpis {
padding: 0px 0px 5px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
position: relative;
left: 135px;
top:10px;
border-bottom: 1px solid yellow;
line-height: 18px;
color: #000000;
margin: 5px 0;
width: 600px;
}

#nadpisy {
	padding: 0px 0px 5px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	position: relative;
  left: 90px;
  top:15px;
  border-bottom: 1px solid yellow;
	line-height: 18px;
  color: #000000;
	margin: 5px 0;
	margin-bottom: 30px;
}

#nadpisek {
  padding: 0px 0px 5px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  position: relative;
  left: 295px;
  top:20px;
  border-bottom: 1px solid yellow;
  line-height: 18px;
  color: #000000;
  margin: 5px 0;
  width: 480px;
}

#menicko{
position:relative;
left: 100px;
height: 130px;
width: 0px;
}

#tabulka{
position: relative;
left: 200px;
top: 30px;
}

#nav { 
  position:absolute; 
  top:35px; 
  left:420px; 
  width:451px;
  height:30px; 
  line-height:30px; 
  padding:0 0 0 20px;  
}

#nav li {
  float:left;  
  font-weight:700; 
  width:80px; 
  padding:0 5px; 
}

#nav a {
  text-decoration:none; 
  display:block; 
  text-align:center; 
  color:#9A0637;
}

#nav a:hover {
  background: #AA4479;
  color: #ffd700;
}

/* content */

.img { 
  margin:0px 0  0 70px; 
}

#hl_obr{
position: relative;
left: 70px;
}

.main {
  width:440px;  
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  color:#000;
}

#text {
  position: relative;
  left: 100px;
  text-align: justify;
}

#text p {
  margin:0 auto;
  width:420px; 
}
#text h1 {
  font-size:30px; 
  padding: 0;
  position: relative;
  left: 60px;
}

#text h2 {
  font-size:19px; 
}

#text h3 {
  font-size:30px; 
  padding: 0;
  position: relative;
  left: 60px;
}


#text img {
  margin:10px 0 0 0;
}

#text table {
 position: relative;
 top: 35px;
 left: 90px;
}

#text form {
  margin:40px 0 80px 65px;
}

#textik table h2{
font-size: 20px;
}

#textik .paliva td{

text-align: center;
}

.nd{
position:relative;
left: 310px;
top: -323px;
width: 300px;
}

#textik{
position:relative;
left: 150px;
top: 20px;
width: 600px;
}

#textik p {
width: 350px;
text-align: justify;
}

.smycka{
position:absolute;
left: 400px;
top: 5px;
}
#spodek{
position: relative;
left:80px;
}

#textinfo{
  text-align: justify;
  position: static;
  top: 40px;
  right: 110px;
  width:450px;
  float:right;
  margin-top: 40px; margin-right: 140px;
  display: block;
}

#textinfo h1{
position: relative;
left: 105px;
padding: 0 0 10px 0;
font-size:120%;
font-weight: bold;
}

#textinfo h2{
position: relative;
left: 5px;
top: -20px;
padding: 0 0 10px 0;
font-size:140%;
font-weight: bold;
}

#col {
  margin:40px 0  10px 65px;
  width:300px; 
  background:url(img/col.jpg); 
  width: 419px; 
  height:110px; 
}


#col div {
  margin: 20px 0 0  10px; 
  display:inline;
}

#col .first {
  margin: 15px 30px 0 25px;
}

#col li{
  line-height:20px; 
  color:#9b3535;
}

#col a {
  color:#9b3535; 
  text-decoration:underline;
  background:transparent url(img/sipecka.gif) no-repeat scroll 0 5px;
  padding-left:10px;
}

.side { 
  width:320px;
  display: inline;
}

.side h2 {
  font-size:22px;
}

.side li {
  line-height:20px; 
  background:transparent url(img/sipecka.gif) no-repeat scroll 0px 5px;
  color:#9b3535; 
  padding-left:10px;
}

.side ul {
  margin:20px  0 30px 20px;
  
}

#top {
  margin-top:20px;
  margin-left: 10px;
}


/* footer */
#footer { 
  background:url(img/ft.jpg); 
  height:113px; 
  position:relative;
}
#ftinner{ 
  position:absolute; 
  bottom:68px; 
  width:680px; 
  margin-left:90px; 
  color:#E98383;
}
#ftinner a {
  color: #fff4f4;
}
.ftlink {
  width:500px;
}


.icn {
float: right;
position: absolute;
right: 65px;
top: 24px;
}

.cr{
position:absolute;
left:68px;
top:53px;
bottom:53px;
}

.cr a {
color:#0b0902;
}
 
 .r{
position:relative;
right:-582px;
top: -59px;
}      

.cp   {
position:relative;
left:302px;
top: -25px;
}                  
/* vysuvne menu vertical */                     
#menu
{
position: relative;
top: 1.5em;
left: 7.5em;
height: 15.5em;
}

#menu .polozka
{
 float: left;
}

#menu .zalozka
{
background: #dab;
margin: 0 2px 0 0;
padding: 0 .5em;
font-size: 20px;
}

#menu .zalozka a

{
color: #333;
text-decoration: none;
}

#menu .ramecek
{
position: absolute;
top: 23px;
left: 0;
width: 582px;
padding: 3px;
visibility: hidden;
background: #caf;
}

#menu .telo
{
overflow: auto;
height: 2em;
background: #fca;
padding: .5em 1em;
text-align: justify;
}

#menu .telo img {
margin: 0 1em .5em 0;
border: solid #666 1px;
}



#menu .polozkaHover .ramecek,
#menu .polozka:hover .ramecek
{
visibility: visible;
}

#menu .polozkaHover .zalozka,
#menu .polozka:hover .zalozka
{
background: #caf;
}                      

#menu .tl {
color: red;
}

#menu .tp {
color: green;
position: absolute;
left: 160px;
bottom: 16px;
}      
#menu .tp2 {
color: green;
position: absolute;
left: 160px;
bottom: 79px;
}       

/* vysuvne menu vertical konec */    


/* vysuvne menu horizont */                     
#hmenu
{
position: relative;
top: 1.5em;
left: 7.5em;
height: 20em;
width:9.5em;
}

#hmenu .polozka
{
 float: left;
}

#hmenu .zalozka
{
background: #dab;
margin: 0 2px 0 0;
padding: 0 .5em;
font-size: 20px;
}

#hmenu .zalozka a

{
color: #333;
text-decoration: none;
}

#hmenu .ramecek
{
position: absolute;
top: 0px;
left: 9.5em;
width: 120px;
padding: 0px;
visibility: hidden;
background: #caf;
}

#hmenu .telo
{
overflow: auto;
height: 10em;
background: #fca;
padding: .5em 1em;
text-align: justify;
}

#hmenu .telo img
{
float: left;
margin: 0 1em .5em 0;
border: solid #666 1px;
}

#hmenu .polozkaHover .ramecek,
#hmenu .polozka:hover .ramecek
{
visibility: visible;
}

#hmenu .polozkaHover .zalozka,
#hmenu .polozka:hover .zalozka
{
background: #caf;
}                      

#hmenu .tl {
color: red;
}

#hmenu .tp {
color: green;
position: absolute;
left: 150px;
bottom: 93px;
}      
#hmenu .tp2 {
color: green;
position: absolute;
left: 150px;
bottom: 61px;
}       

/* vysuvne menu horizont2 */                     
#hmenu2
{
position: relative;
top: 1.5em;
left: 7.5em;
height: 20em;
width:9.5em;
}

#hmenu2 .zalozka
{
background: #dab;
margin: 0 2px 0 0;
padding: 0 .5em;
font-size: 20px;
}

#hmenu2 .zalozka a

{
color: #333;
text-decoration: none;
}

#hmenu2 .ramecek
{
position: absolute;
top: 0px;
left: 9em;
width: 220px;
padding: 20px;
visibility: hidden;
background: #caf;
}

#hmenu2 .telo
{
overflow: auto;
height: 10em;
background: #fca;
padding: .5em 1em;
text-align: justify;
}

#hmenu2 .telo img
{
margin: 0 1em .5em 0;
border: solid #666 1px;
}

#hmenu2 .polozkaHover .ramecek,
#hmenu2 .polozka:hover .ramecek
{
visibility: visible;
}

#hmenu2 .polozkaHover .zalozka,
#hmenu2 .polozka:hover .zalozka
{
background: #caf;
}                      

#hmenu2 .tl {
color: red;
}

#hmenu2 .tp {
color: green;
position: absolute;
left: 150px;
bottom: 93px;
}      
#hmenu2 .tp2 {
color: green;
position: absolute;
left: 150px;
bottom: 61px;
}       


#tab_stavebniny
{
color:green;
position: relative;
left:70px;

}












/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px; /*For KHTML*/
  list-style: none;
  position: relative;
  
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  
}

/* Root Menu */
ul#navmenu-v a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 11px;
  display: block;
  background: #ffd700;
  color: black;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: black;
  color: yellow;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #ffd700;
  color: black;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: black;
  color: #ffd700;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #ffd700;
  color: black;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: black;
  color: #ffd700;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 150px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}

























#stavebniny_adresa{
position:relative;
float:left;
left: 70px;

}

#stavebniny_adresa th{
color: #0b0902;
font-weight: bold;
font-size: 110%;
}



#certifikat h1{
position:relative;
left: 220px;
font-size: 30px;
}


#ms li{
list-style-type: circle;

}

#ms li{
list-style-type: disc;;
}


#napiste_nam {
width: 500px;
position: relative;
left: 75px;

}

#formular{
position: relative;
left: 100px;
}

#mapa ul li {
background:transparent url(img/sipecka.gif) no-repeat scroll 0 5px;
color:#000000;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:20px;
margin-top:2px;
padding-left:10px;
}

#mapa ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:15px;
padding-bottom:10px;
width:95%;
}

#mapa h3 {
color:#4A4A4A;
font-size:120%;
font-weight:bold;
margin-left:-60px;
margin-right:15px;
margin-top:20px;
padding-bottom:2px;
}

#oddelovac {

border-bottom: 1px solid red;
}