body {
	background: url(../images/body_top.gif) repeat-x center top #393a3f;
	font-family:  Arial, sans-serif;
	font-size: 13px;
	color: #111;
	text-align: justify;
}

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

.clearfix {
    	display: inline-block;
}

html[xmlns] .clearfix {
    	display: block;
}

* html .clearfix {
    	height: 1%;
}

*{
	margin: 0;
	padding: 0;
}

a  {
	text-decoration: none; 
	color: #ff3366;
	font-weight: bold;
	outline: 0 none;
}

a:hover {
	text-decoration: underline;
}

h1, h2 { color: #ff3366; }

img{ border: none; margin: 0 10px 15px 0; }
.left { float: left; clear: both;}
.right { float: right; clear: both;}
.clear { clear: both; }

/* -------------------------------- nastavenia #div */

#wrapper {
  background: url(../images/body.jpg) no-repeat center top;
  width: 1100px;
  margin: 0 auto;
}
#wrapper2 {
  width: 900px;
  margin: 0 auto;
  background: url(../images/wrapper.jpg) repeat-y center bottom;
}
#top {
  width: 900px;
  background: url(../images/top.jpg) no-repeat center top;
  height: 340px;
  position: relative;
}
#content {
  background: url(../images/wrapper_bottom.jpg) no-repeat center bottom;
}
#content2 {
  background: url(../images/wrapper_top.jpg) no-repeat center top;
  font-size: 0.9em;
  padding-bottom: 40px;
}
#container_left {
  width: 560px;
  padding: 0 30px 0 55px;
  float: left;
}
#container_left h1 { font-size: 18px; margin-top: 5px; }
#container_left h2 { font-size: 16px; margin-top: 5px; }
#container_left p { margin-top: 4px; }
#footer {
  background: url(../images/footer.jpg) no-repeat center top;
  height: 84px;
  position: relative;
}
#menu {
  position: absolute;
  bottom: 17px;
  left: 12px;
  width: 878px;
  height: 152px;
}
a.menu_item {
  display: block;
  height: 152px;
  float: left;
}
a#a1 {width: 226px;}
a#a2 {width: 174px;}
a#a3 {width: 134px;}
a#a4 {width: 149px;}
a#a5 {width: 195px;}
a#a1:hover { background: url(../images/menu.png) no-repeat left top;} 
a#a2:hover { background: url(../images/menu.png) no-repeat -226px top;} 
a#a3:hover { background: url(../images/menu.png) no-repeat -400px; top;} 
a#a4:hover { background: url(../images/menu.png) no-repeat -534px top;} 
a#a5:hover { background: url(../images/menu.png) no-repeat -683px top;} 
#logo {
  width: 283px;
  height: 197px;
  position: absolute;
  top: 0;
  left: 0;
}
#logo a {
  color:#fff;
  font-size: 0.7em;
  padding-left: 55px;
  padding-top: 25px;
}
a#t1 { width: 115px; height: 50px; position: absolute; top: 0; left: 0; }
a#t2 { width: 45px; height: 50px; position: absolute; top: 0; left: 165px; padding-left: 45px; }
a#t3 { width: 210px; height: 147px; position: absolute; top: 50px; left: 0;}
a#t1:hover { background: url(../images/top_hover.jpg) no-repeat left top; }
a#t2:hover { background: url(../images/top_hover.jpg) no-repeat -165px top; }
a#t3:hover { background: url(../images/top_hover.jpg) no-repeat left -50px; }
#footer a { display:block; position: absolute; height: 68px; }
#footer a:hover { background: url(../images/footer_hover.jpg) no-repeat left top; }
a#f1 { width: 360px; left: 10px;} a#f1:hover { background-position: -10px top; }
a#f2 { width: 215px; left: 390px;} a#f2:hover { background-position: -390px top; }
a#f3 { width: 145px; left: 620px; } a#f3:hover { background-position: -620px top; }
a#f4 { width: 120px; left: 775px; } a#f4:hover { background-position: -775px top; }

.kontakt {
  font-size: 1.1em;
  margin-left: 50px;
}
.kontakt img { border: 2px solid #ccc; padding: 3px;}
.kontakt a:hover img {  background-color: #ff3366; }
.kontakt input { width: 260px; }

.ciara { height: 30px; background: url(../images/ciara.jpg) no-repeat -40px bottom; }
.ciara2 { height: 30px; background: url(../images/ciara2.jpg) no-repeat -20px bottom; }


.ruzove { color:#ff3366 }
.sive { color: #606060; }

input { width: 100%; }
td, th, tr { padding:0 10px 10px 0; }
table { text-align: left; }