@font-face {
    font-family: 'MeteoconsRegular';
    src: url('font/meteocons-webfont.eot');
    src: url('font/meteocons-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/meteocons-webfont.woff') format('woff'),
         url('font/meteocons-webfont.ttf') format('truetype'),
         url('font/meteocons-webfont.svg#MeteoconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color:#fff;
	margin:0px;
	font-family:Tahoma,Verdana,Arial,Courier,sans-serif;
	font-size:12px;
	/*background-image:url(http://www.bezpecnemesto.sk/img/bg.png);*/
	background-repeat:repeat-x;
}
.page-wrapper {
	width:986px;
	margin:0 auto;
	text-align:left;
}
#horna-lista {
	display:block;
	height:30px;
	border-bottom:1px solid white;
	vertical-align:middle;
	line-height:30px;
	color:#EAEAEA;
	background-color:black;
}
#horna-lista a:link,#horna-lista a:visited,#horna-lista a:active {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:#000000 1px 1px 1px;
}
#horna-lista a:hover {
	color:#CC0001;
	text-decoration:underline;
}
.selected {
	text-decoration: underline;
}
/* 3 COLUMNS */
#wrapper {
	text-align:left;
	margin:0px auto;
	padding-left:14px;
	padding-right:14px;
	border:0;
	width:958px;
	background:url(../img/panelbg.png) repeat-y;
}
#header {
	margin:0 0 15px 0;
	background:url(../img/topmenubg.png);
	background-repeat:repeat-x;
	height:32px;
}
#side-a {
	float:left;
	width:226px;
}
#side-b {
	float:right;
	width:200px;
}
#content {
	float:left;
	width:520px;
	margin-left:6px;
	margin-right:6px;
	text-align:left;
}
#footer {
	clear:both;
	background:#A2A2A2;
}
img {
	border:none;
}
.inputArea {
	font-family:Arial,Sans-Serif;
	font-size:12px;
	padding:10px;
}
.inputArea input,.inputArea textarea {
	font-family:Arial,Sans-Serif;
	font-size:12px;
	margin-bottom:5px;
	display:inline;
	padding:2px;
	width:200px;
	border-top:1px solid #eaeaea;
}
.activeField {
	background-color:#ffffff;
	border:1px solid #C3231C;
	border-top:1px solid #C3231C;
}
.idle {
	border-top:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	color:#444;
}
.table {
	font-size:12px;
	width:500px;
	text-align:left;
}
.table td {
	vertical-align:middle;
}
.topmenu {
	float:left;
	width:110px;
	height:32px;
	text-align:center;
}
.topmenu a:link,.topmenu a:visited,.topmenu a:active {
	font-weight:normal;
	font-size:11px;
	font-family:Tahoma,Arial,sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:100px;
	height:32px;
	line-height:32px;
	float:left;
	text-shadow:none;
	text-align:center;
}
.topmenu a:hover {
	color:#CF271E;
	text-decoration:none;
	background:url(../img/topmenubg2.png) repeat-x;
}
.komtop {
	background-color:#EEE;
	padding:4px;
	width:500px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	font-size:11px;
	color:#C7342D;
	text-shadow:#6A6A6A 0.2px 1px 1px;
}
.komtext {
	width:500px;
	padding:4px;
	margin-top:12px;
	line-height:145%;
	font-size:11px;
}
.komlink {
	padding:4px;
}
.komlink a {
	font-size:11px;
	color:#C7342D;
	text-decoration:underline;
}
.komlink a:hover {
	font-size:11px;
	color:#C7342D;
	text-decoration:none;
}
.komlink2 {
	padding:4px;
}
.komlink2 a {
	font-size:12px;
	color:#C7342D;
	text-decoration:underline;
}
.komlink2 a:hover {
	font-size:12px;
	color:#C7342D;
	text-decoration:none;
}
.messagelink {
}
.messagelink a {
	font-size:13px;
	color:#C7342D;
	text-decoration:none;
	font-weight:bold;
}
.messagelink a:hover {
	font-size:13px;
	color:#C7342D;
	text-decoration:underline;
}
.alert {
	background:#FEF8F6 url(../img/alert.png) center no-repeat;
	background-position:15px 50%;
	text-align:left;
	padding:15px 20px 15px 45px;
	border:1px solid #CC0A0C;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#navigation {
	width:226px;
	margin:0;
	padding:0;
}
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul li {
	height:28px;
	width:226px;
	border-bottom:1px dotted #ccc;
}
#navigation ul li a {
	text-indent:20px;
	padding:5px 0;
	display:block;
	height:28px;
	text-decoration:none;
	color:#434343;
	background-image:url(../img/bull.png);
	background-repeat:no-repeat;
	background-position:5px 6px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
#navigation ul li a:hover {
	background-color:#D32B28;
	height:28px;
	background-image:url(../img/bull2.png);
	background-repeat:no-repeat;
	background-position:15px 6px;
	color:white;
	border-right:1px solid #D32B28;
	border-left:1px solid #D32B28;
	height:19px;
}
#searchbox {
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
h1 {
	color:#C7342D;
	font-family:Tahoma,sans-serif;
	font-size:15.5px;
	font-style:normal;
	margin:10px 0px 5px 0px;
	border-bottom:1px solid #333;
}
.news {
	color:#0B0F13;
	margin-bottom:10px;
	border:1px solid white;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:4px;
	/*text-align:left;*/
}
.news a {
	color:#0B0F13;
}
.news a:hover {
	color:#C7342D;
}
h2 {
	padding:0;
	margin:0;
	margin-bottom:2px;
	font-size:14px;
	font-family:Arial;
	text-align:left;
}
h2 a:link,h2 a:active,h2 a:visited {
	color:#C7342D;
	font-size:14px;
}
h2 a:hover {
	color:#5C5F61;
	text-decoration:none;
}
.introfoto .img {
	width:120px;
	float:left;
	margin-right:6px;
	margin-top:6px;
}
.justify {
	text-align:justify;
	line-height:140%;
}
.justify a {
	color:#C7342D;
	text-decoration:underline;
}
.justify a:hover {
	color:#5C5F61;
}
.introfoto .img {
	width:200px;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	border-bottom:2px solid #ddd;
	border-right:2px solid #ddd;
	padding:5px;
	background-color:white;
	margin:4px;
}
.introfoto img {
	width:200px;
	#position:relative;
	#top:-50%;
	#left:-50%;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	border-bottom:2px solid #ddd;
	border-right:2px solid #ddd;
	padding:2px;
	margin:2px;
	background-color:white;
}
.introfoto2 img {
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	border-bottom:2px solid #ddd;
	border-right:2px solid #ddd;
	padding:2px;
	margin:2px;
	background-color:white;
	float:left;
	margin-top:6px;
	margin-right:6px;
}
.foto {
	float:left;
}
.img {
	#position:relative;
	#top:-50%;
	#left:-50%;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	border-bottom:2px solid #ddd;
	border-right:2px solid #ddd;
	padding:2px;
	margin:2px;
	background-color:white;
	margin-top:6px;
	margin-right:6px;
}
.fotogaleria {
	border:1px solid #DDDDDD;
	padding:3px;
	background-color:#F0F0F0;
	margin:1px;
	text-align:center;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.white {
	color:white;
}
.white a {
	color:white;
	text-decoration:none;
}
.white a:hover {
	color:white;
	text-decoration:underline;
}
.small {
	font-size:10px;
	color:#0B0F13;
}
.small b {
	font-weight:bold;
	color:#C7342D;
}
.small a:link,.small a:active {
	color:#0B0F13;
	text-decoration:underline;
	font-weight:bold;
}
.small a:visited {
	color:#0B0F13;
	text-decoration:underline;
	font-weight:normal;
}
.small a:hover {
	color:#C7342D;
	text-decoration:underline;
}
#dhtmltooltip {
	position:absolute;
	left:-300px;
	width:500px;
	border:1px dotted #9a915c;
	padding:2px;
	background-color:#fff8ce;
	visibility:hidden;
	z-index:100;
	font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
	font-size:11px;
	font-color:#333333;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer {
	position:absolute;
	left:-300px;
	z-index:101;
	visibility:hidden;
}
#ZTbutton,#ZTnotes {
	filter:alpha(opacity:25);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
#ZTbutton.active,#ZTnotes.active {
	filter:alpha(opacity:100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	cursor:pointer;
	cursor:hand;
}
#ZToverlay {
	padding:0;
	margin:0;
	cursor:move;
	z-index:100;
	position:absolute;
	top:0;
	left:0;
}
#ZToverlay a:focus #viewPort,#ZToverlay a:active #viewPort {
	border:1px solid #fff;
}
#loadingMessage {
	position:absolute;
	top:10px;
	left:10px;
	color:#000;
	background-color:#fff;
	padding:2px;
}
#viewPort {
	overflow:hidden;
	border:1px solid #eaeaea;
	background-color:#fff;
	position:absolute;
	top:-210px;
	left:-120px;
}
#ZTview {
	position:relative;
	padding:0;
	border:none;
}
#ZTthumbnail {
	position:relative;
	padding:0;
	border:none;
	margin:0px 0px 0px 15px;
}
#magnifier {
	width:100px;
	height:100px;
	position:absolute;
	border:1px solid #000;
	top:0;
	left:0;
	z-index:100;
	background-color:#fff;
	filter:alpha(opacity:25);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
/* caption default position - to the right */ #captionContainer {
	position:absolute;
	left:95px;
	top: 0;
}
/* add this class to captionContainer for left-aligned captions. Useful near the righthand side of the screen. */
#captionContainer.leftAlign {
	position:absolute;
	left:-260px;
	top:0;
}
#captionContainer li.HScaption {
	position:absolute;
	display:none;
	width:248px;
	border:1px solid #000;
	background-color:#ffe;
	color:#000;
	margin:0;
	padding:0;
	filter:alpha(opacity:95);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity:0.95;
}
#captionContainer h2 {
	margin:0;
	padding:2px;
	background-color:#eed;
	text-transform:none;
}
#captionContainer p {
	padding:2px 4px;
}
.translucent {
	border:1px solid #ff0;
	background-color:#ccc;
	height:50px;
	width:50px;
	filter:alpha(opacity:50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
a:active.translucent,a:focus.translucent {
	border:1px solid #f70;
}
.collapsibleContainer {
	border:solid 1px #9BB5C1;
}
.collapsibleContainerTitle {
	cursor:pointer;
}
.collapsibleContainerTitle div {
	padding-top:5px;
	padding-left:10px;
	background-color:#9BB5C1;
	color:#607882;
}
.collapsibleContainerContent {
	padding:10px;
}
.shadowlink a:link,.shadowlink a:visited,.shadowlink a:active {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:#000000 1px 1px 1px;
}
.shadowlink a:hover {
	color:#CC0001;
	text-decoration: underline;
}
#tlacove-spravy {
	width:520px;
	height:150px;
	border:1px solid grey;
	overflow:scroll;
	background-color:#F3F3F3;
	margin-bottom:6px;
}

/*Pocasie*/
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400&subset=latin,latin-ext);
#pocasie {width:200px;height:280px;background:url(../img/pocasiebg.jpg);position:relative;font-family:Roboto,Verdana;}
#pocasie-mesto {position:absolute;top:3px;left:10px;color:white;font-weight:400;font-size:14px;}
#teplotadnes {font-weight:light;color:white;font-size:50px;position:absolute;left:90px;top:45px;}
#stavdnes {position:absolute;top:20px;left:10px;color:white;font-size:14px;font-weight:lighter;}
#ikonadnes {position:absolute;top:50px;left:20px;font-family:'MeteoconsRegular';font-size:50px;color:white;}
#vlhkostdnes {position:absolute;top:115px;left:10px;color:white;font-size:14px;font-weight:light;}
#vietordnes {position:absolute;top:115px;left:77px;color:white;font-size:14px;font-weight:light;}
#vychodslnka {position:absolute;top:150px;left:10px;color:white;font-size:14px;font-weight:light; }
#zapadslnka {position:absolute;top:150px;left:110px;color:white;font-size:14px;font-weight:light; }

#vlhkostdnes:before { content:url(../img/pocasie-vlhkost.png);margin-right:3px;}
#vietordnes:before { content:url(../img/pocasie-vietor.png);}
#vychodslnka:before { content:url(../img/pocasie-vychod.png);margin-right:3px;}
#zapadslnka:before { content:url(../img/pocasie-zapad.png);margin-right:3px;}
#dalsiedni {position:absolute;top:165px;}
.dalsiden {width:66px;height:40px;display:inline-block;text-align:center;}
.dalsiden p {color:#AAB2BE;font-size:14px;font-weight:lighter;text-transform:uppercase;}
.dalsiden h3 {font-family:'MeteoconsRegular';font-size:30px;color:#656D79;display:block;margin:3px 0;font-weight:100;}
.dalsiden h4 {color:#47BAE1;display:inline;font-size:14px;font-weight:lighter;}

/* Maso banner */
.masobanner {border:1px solid black}
.masotext1 {text-align:center;font-size:14px;}
.masotext1 p {margin:0;padding:1px;}
.masotext2 {text-align:center;font-size:14px;color:#2886BA;font-weight:bold;}
a.masoedit {display:block;text-align:center;width:30px;height:30px;background:url(../img/icon-edit.png);margin-left:85px;}
a.masoedit:hover {background:url(../img/icon-edit-hover.png);}