/* Tx RESET */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.4em;
}
ol, ul {
	list-style: none;
}

/* Tx */

html {
	background-color: #f2f2f2;
	}

body {
	font-family: arial, verdana;
	text-align: center;
	background-color: #f2f2f2;
	background: url('../img/bg.png') top left;
	background-repeat: repeat-x;
}

#wrapper {
	width: 900px;
	/* height: 800px; */
	text-align: left;
	margin: 0 auto;
	color: #f2f2f2;
}

#top {
	width: 900px;
	height: 400px;
	/* background: url('../img/top.jpg') top center no-repeat; */
	
}

.topmap {
	width: 900px;
	height: 400px;
	position: absolute;
	z-index: 0;
}

#bottom {

}

#login {
	float: right;
	text-align: left;
	/* margin: 24px 64px 0 0; */
	font-size: 12px;
	width: 150px;
	position: relative;
	top: 32px;
	right: 65px;
	z-index: 0;
}

#login span {
	float: left;
	color: #777;
}

#login span.prih {
	font-weight: bold;
	font-size: 14px;
}

#login .inp {
	width: 108px;
	font-size: 12px;
	float: right;
	border: 1px solid #777;

}

#login .inp:focus {
	border: 1px solid #FC353A;
}

#login .submitbtn {
	float: right;
	margin-top: 2px;
	font-size: 12px;
}

#login .submitbtn:hover {
	background-color: white;
	color: black;
	cursor: pointer;
}

#problem {
	position: relative;
	left: 693px;
	font-size: 10px;

}

#problem a {
	color: #000;
	text-decoration: none;
}

#problem a:hover {
	text-decoration: underline;
}

#links {
	position: absolute;
	top: 260px;	
	/* color: #0452A4; */
	color: #777;
	cursor: default;
	font-size: 16px;
}

#links a.big {
	font-size: 20px;
	font-weight: normal;
}

#links .row {
	width:900px;
	text-align:center;
  margin-top:-5px;
	font-size:15px;
}


#links a, #footer a {
	line-height: 2em;
	color: #0452A4;
	padding: 2px 4px;
	text-decoration: none;	
}

#links a:hover, #footer a:hover {
	/* background-color: #0452A4; */
	color: #477FC1;
	/* text-decoration: underline;
	border-bottom: 1px solid #FFCD00; */
}

.mbox li {
	position: relative;
	left: -40px;
}


#box {
	display:block;
	width:auto;
	height:100px;
	float:right;
	margin-left:20px;
}



#scrl a, #int a {
	display:block;
	width:82px;
	height:96px;
	background-image: url('../img/ikony.jpg');
	background-repeat: no-repeat;
	margin-right: 15px;
}

#box2 {
	position: absolute;
	top: 175px;
	z-index: 999;
	display: block;
	margin-left: 25px;
}

.ikony a {
	float: left;
	display:block;
	width:70px;
	height:85px;
	background-image: url('../img/ikony.jpg');
	background-repeat: no-repeat;
}

#box2 .ram {
	float: left;
	margin-right: 15px;
	padding: 3px;
	border: 1px solid #ddd;
}

#box2 .ram:hover {
	border: 1px solid #bbb;
}

.firmy2 {background-position: -1432px -4px;}
.firmy2:hover {background-position: -1432px -102px;}
.institucie2 {background-position: -1348px -4px;}
.institucie2:hover {background-position: -1348px -102px;}

#scrl a:hover, #int a:hover {
	/* width:84px;
	height:98px;
	position:relative;
	top:-2px;
	left:-2px; 
	border: 1px solid #777;*/
}

#int li {float:left;}

.reality {background-position: 0 0;}
.reality:hover {background-position: 0px -98px;}
.automoto {background-position: -84px 0;}
.automoto:hover {background-position: -84px -98px;}
.modakrasa {background-position: -168px 0;}
.modakrasa:hover {background-position: -168px -98px;}
.dovolenky {background-position: -252px 0;}
.dovolenky:hover {background-position: -252px -98px;}
.stavba {background-position: -336px 0;}
.stavba:hover {background-position: -336px -98px;}
.byvanie {background-position: -420px 0;}
.byvanie:hover {background-position: -420px -98px;}
.kancelaria {background-position: -504px 0;}
.kancelaria:hover {background-position: -504px -98px;}
.kariera {background-position: -588px 0;}
.kariera:hover {background-position: -588px -98px;}
.sportrelax {background-position: -672px 0;}
.sportrelax:hover {background-position: -672px -98px;}
.gastroubytovanie {background-position: -756px 0;}
.gastroubytovanie:hover {background-position: -756px -98px;}
.zdravie {background-position: -840px 0;}
.zdravie:hover {background-position: -840px -98px;}
.hobbychovatel {background-position: -924px 0;}
.hobbychovatel:hover {background-position: -924px -98px;}
.sluzby {background-position: -1008px 0;}
.sluzby:hover {background-position: -1008px -98px;}
.kamvmeste {background-position: -1092px 0;}
.kamvmeste:hover {background-position: -1092px -98px;}
.burza {background-position: -1176px 0;}
.burza:hover {background-position: -1176px -98px;}
.udalosti {background-position: -1260px 0;}
.udalosti:hover {background-position: -1260px -98px;}

.institucie {background-position: -1344px 0;}
.institucie:hover {background-position: -1344px -98px;}
.firmy {background-position: -1428px 0;}
.firmy:hover {background-position: -1428px -98px;}

.gastro {background-position: -1512px 0;}
.gastro:hover {background-position: -1512px -98px;}
.ubytovanie {background-position: -1596px 0;}
.ubytovanie:hover {background-position: -1596px -98px;}
.dielnazahrada {background-position: -1680px 0;}
.dielnazahrada:hover {background-position: -1680px -98px;}
.dovolenkyzima {background-position: -1764px 0;}
.dovolenkyzima:hover {background-position: -1764px -98px;}

#footer {
	color:#777;
	display: block;
	clear: both;
	width: 350px;
	height: 22px;
	margin: 1px auto;
	font-size: 12px;
}

#footer a {
	color:#777;
}