html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html {background-color: black;}
.header_wrapper {width: 100%; height: 120px;background-color: black; }
.section_wrapper {background: url("pictures/horni_prechod.jpg") top repeat-x ;
                  background-color: #898989;}
.footer_wrapper {background-color: #191919; border-top: 1px solid #d3d3d3;}

#header, #frame, #footer {width: 965px;
                  margin:0 auto;}
#frame {padding: 20px 0 20px 0;}                 
#section {float: left; width: 60%; 
          background: url("pictures/svisla_line.gif") right repeat-y ;
          font-size: 20px;
  }
#section h1 {font-size: 30px;}
#footer {padding-top: 20px;}
#aside {float: left;width: 38%; padding-left: 10px;}
#header {height: 120px;
        color: white;
        font-size: 30px;
        margin-top: 20px;
       }
#header img {margin: 0 10px 0 10px;}



#section {color: white; }
#footer {color: white;}
.center { position: relative; left: 180px;}
.figure {width: 100%; padding: 15px 10px 10px 15px; background: url("pictures/vodorovna_line.gif") bottom repeat-x}
.figure a {float: right; position: relative; top: 30px; text-decoration: none; font-size: 26px;}
.figure a span { display: block;width: 233px; height: 51px; padding: 10px 0 0 10px; margin: -10px -10px -10px -10px ; color: white; background: url("pictures/download.png")  no-repeat;}
.black {color: black;}

.figure2 {float: left;width: 60% ; background: url("pictures/svisla_line_dark.gif") right repeat-y ;
          font-size: 30px;}

.phone {padding-left: 60px; height: 33px; margin-bottom: 10px; background: transparent url(pictures/phone.png) no-repeat center left;}
.email {padding-left: 60px; height: 33px; margin-bottom: 10px;  background: transparent url(pictures/address.png) no-repeat center left;}
.qrcode {font-size: 30px;padding-left: 60px; height: 33px; margin-bottom: 10px; margin-right: 10px; background: transparent url(pictures/qr.png) no-repeat center left;}

.gps {font-size: 30px;padding-left: 60px; height: 33px; margin-bottom: 10px; margin-right: 10px; background: transparent url(pictures/gps.png) no-repeat center left;}
.mapa {position: relative;top: -16px; }
.mapa a {color: white; text-decoration: none ;font-size: 30px;padding-left: 60px; padding-bottom: 4px; ;height: 33px; margin-bottom: 0px; margin-right: 10px; background: transparent url(pictures/maps.png) no-repeat center left;}
.rite {float:right;}

.full {  font-size: 30px; position: relative; top: 10px; color: black;margin-left: 50px;}
#footer span {padding: 20px;}
.copy {color: #898989; float: right;}
.cleaner {  clear:left;
            margin: -1px 0 0 0;
            padding: 0;
            height: 1px;
            border: none;
            visibility: hidden;
                 }
.stroje {position: relative; top: 10px ; left: 70px; }         
.up {position: relative; top: -20px ;left: -10px; ; float: right;}           
.tt{z-index:24;}
.tt span{ display: none; }


.tt:hover{ z-index:25;}
.tt:hover span.tooltip{
    display:block;
    padding: 10px;
    border: 1px solid black;
    background-color: #898989;
       
}
.qrcode .tt:hover span.tooltip{  
    width: 230px; 
    margin-right: -230px;position:relative;
    top: -290px;
    left: -90px;
    
    }
  
    
.gps .tt:hover span.tooltip { text-decoration: none; position: relative; top: -150px; left: -150%;margin-bottom: -200%; margin-right: -450px;}

