html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 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 : 1em; vertical-align : baseline; } blockquote, q { quotes : none; } h1, h2, h3, h4, h5, h6 { font-weight : normal; } table { border-collapse : collapse; border-spacing : 0; } td { vertical-align : top; } fieldset, img, table { border : 0; } ol, ul, li { list-style-type : none; } :focus { outline : 0; } del { text-decoration : line-through; } html, input { font-size : 100%; } dt, address, caption, cite, code, dfn, big, small, em, i, th, var { font-style : normal; font-weight : normal; } input, select, th, td, li li, li p, td p, blockquote p { font-size : 1em;} html, input { font-size : 100%; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
body { padding: 5px 0 0 10px; font :  62.5% Arial, Helvetica, sans-serif; background : #ffffff; }
a { color : #003673; text-decoration : underline; }
a:hover { text-decoration : none; }
input, select { font-size : 1.2em; }
input { text-indent : 3px; }

/* clearfix-hack */
.clear:after, #content:after, .userImages p:after, .search fieldset p:after, .corpo fieldset h1:after, .titleSearch fieldset h1:after, .innerRight:after, #footer:after, .tempForec ul:after, .topTemp ul:after, .topTemp ul li p:after, .resoults ul:after, .topTempSki ul:after, .topTempSki ul li p:after, .res01 h1:after, .arhiv ul li:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; }
.clear, #content, .userImages p, .search fieldset p, .corpo fieldset h1, .titleSearch fieldset h1, .innerRight, #footer, .tempForec ul, .topTemp ul, .topTemp ul li p, .resoults ul, .topTempSki ul, .topTempSki ul li p, .res01 h1, .arhiv ul li { display : inline-block; }
* html .clear, * html #content, * html .userImages p, * html .search fieldset p, * html .corpo fieldset h1, * html .titleSearch fieldset h1, * html .innerRight, * html #footer, * html .tempForec ul, * html .topTemp ul, * html .topTemp ul li p, * html .resoults ul, * html .topTempSki ul, * html .topTempSki ul li p, * html .res01 h1, * html .arhiv ul li { height : 1%; }
.clear, #content, .userImages p, .search fieldset p, .corpo fieldset h1, .titleSearch fieldset h1, .innerRight, #footer, .tempForec ul, .topTemp ul, .topTemp ul li p, .resoults ul, .topTempSki ul, .topTempSki ul li p, .res01 h1, .arhiv ul li  { display : block; }    
/* clearfix-hack-ends */

.both { clear : both; margin-top : -2px; line-height : 1px; font-size : 1px; }
/* common */
#header, #header h1, #secondaryHeader, #content, #contentMenu, #footer { width : 970px; }
#header h1 a strong { width : 50px; }
#header h1 a strong, #secondaryHeader ul li.zurnal24 a, kbd, #footer li.last small, .bioContent li big, .dustContent li big, .navigator p span a.back, .navigator p span a.foward, .navigator p span em, .maps p span a, .maps p span small, .resoults div.windDisplay ul li p small  { overflow : hidden; position : absolute; display : block; white-space : nowrap; text-decoration : none; text-indent : 1700px; }
kbd.tl { top : -1px; left : -1px; }
kbd.tr { top : -1px; right : -1px; }
kbd.br { bottom : -1px;  right : -1px; }
kbd.bl { bottom : -1px; left : -1px; }
kbd, #secondaryContent h4, #primaryContent h1, #primaryContent h2, #primaryContent h3 { background : url(../img/kbd.gif) repeat-y 0 0; }

/* header */
#header, #header h1 a { background : #013470 url(../img/header_bgs.gif) repeat-x 0 100%; } 
#header { position : relative; height : 162px; }
#header h1 { height : 95px; background : #fff; }
#header h1 a { display : block; width : 237px; height : 90px; background-position : 0 0; text-decoration : none; }
#header h1 a img { margin : 24px 0 0 9px; }
/* **** header menu */
#header ul { position : absolute; left : 10px; bottom : 0; }
#header ul li { float : left; margin-right : 10px; }
#header ul li a, #header ul li a strong { display : block; text-transform : uppercase; background : url(../img/header_menu_bg.gif) repeat-y 0 0; }
#header ul li a { background-position : 0 160px; text-decoration : none; color : #003673; }
#header ul li a strong { display : block; padding : 3px 11px 0 11px; font-size : 1.2em; line-height : 29px; background-position : 100% 0; }
#header ul li a:hover { color : #456BB0; }
#header ul li.active, #header ul li:hover { margin-top : -3px; }
#header ul li.active a, #header ul li a:hover { background-position : 0 50px; }
#header ul li.active a strong, #header ul li a:hover strong { background-position : 100% 63%; padding-top : 6px; }

/* **** secondary header */
#secondaryHeader{ position : absolute; top : 0; left : 0; font : 9px/14px Verdana, Helvetica, sans-serif; color : #fff; }
#secondaryHeader div.banner { position : absolute; top : 5px; left : 252px; width : 728px; height : 90px; background : url(../img/header_banner_bg.jpg) no-repeat;  }
#secondaryHeader p.date { position : absolute; top : 110px; left : 20px; }
#secondaryHeader ul { position : absolute; top : 112px; right : 0; }
#secondaryHeader ul li { float : left; }
#secondaryHeader ul li a { display : block; padding-left : 35px; color : #fff; text-decoration : none; background : url(../img/icons.gif) repeat-y 0 0; }
#secondaryHeader ul li a:hover { text-decoration : underline; }
#secondaryHeader ul li.mobile a {background-position : 20px 252px;}
#secondaryHeader ul li.mobile a:hover {background-position : 20px 219px;}
#secondaryHeader ul li.rss a {background-position : 17px 123px;}
#secondaryHeader ul li.rss a:hover {background-position : 17px 91px;}
#secondaryHeader ul li.tools a {background-position : 19px 60px;}
#secondaryHeader ul li.tools a:hover {background-position : 19px 31px;}
#secondaryHeader ul li.homepage a {background-position : 17px 442px;}
#secondaryHeader ul li.homepage a:hover {background-position : 17px 415px;}
#secondaryHeader ul li.contacts a {background-position : 17px 187px;}
#secondaryHeader ul li.contacts a:hover {background-position : 17px 155px;}
#secondaryHeader ul li.weather a { background : none; }
#secondaryHeader ul li.iesearch a { background : none;}
#secondaryHeader ul li.zurnal24 a { right : 0; top : 29px; width : 134px; height : 17px; padding : 0; background : url(../img/logo_zurnal24.gif) no-repeat; }

/* content */
#content { margin-top : 2.6em; padding-bottom : 20px; font-size : 1.1em; }
/* **** contentMenu */ 
#contentMenu { position : absolute; top : 167px; left : 10px; height : 2.6em; font-size : 1.1em; background : #12B0E2 url(../img/content_menu_bg.gif) repeat-x 0 100%; }
#contentMenu li { float : left; padding-left : 19px; min-height : 2.6em;  }
#contentMenu li a { display : block; padding-top : 3px; color : #003673; line-height : 2.4em; text-decoration : none; }
#contentMenu li a:hover { text-decoration : underline; }
#contentMenu li.active a { color : #fff; }
/* *** positioning */
#primaryContent { float : left; width : 660px; padding-top : 10px; border-right : 10px solid #fff; }
#secondaryContent { float : right; width : 300px; padding-top : 4px; }

.innerLeft { clear : both; float : left; }
.innerRight { float : right; }
.m450 { width : 200px;}
/*.m450 { margin-left : 460px; }*/
.w450 { width : 450px; }	
/*.m323 { margin-left : 333px; }*/
.w323, .m323 { width : 325px; }
/* *** boxes */
.box { position : relative; margin-bottom : 5px; padding : 9px; border : 1px solid #E3E2E2; background : #E2E2E2 url(../img/box_bg.gif) repeat-x; }
#secondaryContent .banner { margin-bottom : 10px; position: relative; z-index: 3600; }
#secondaryContent .banner img { display : block; }
.box kbd { width : 7px; height : 7px; }
.box kbd.tl { background-position : 0 66px; }
.box kbd.tr { background-position : 0 59px; }
.box kbd.br { background-position : 0 52px; }
.box kbd.bl { background-position : 0 45px; }
#secondaryContent .box h4, #primaryContent .box h3, #primaryContent .box h1, #primaryContent .box h2 { margin : -9px -9px 7px -9px; color : #333333; font-weight : bold; font-size : 12px; background-repeat : repeat-x; padding : 10px 20px; background-position : 0 100%; }
.box h4 a, .box h3 a, .box h1 a, #primaryContent .box h1 a, #primaryContent .box h2 a { position : relative; display : block; color : #333333; text-decoration : none; }
.box h4 a:hover, .box h3 a:hover, .box h1 a:hover, #primaryContent .box h1 a:hover, #primaryContent .box h2 a:hover { text-decoration : underline; }
/* *** box user images, news display */
.pic70 p a span, .pic70 p a big, .pic70 p a q {  margin-left : 81px; }
.pic80 p a span, .pic80 p a big, .pic80 p a q {  margin-left : 91px; }
.pic40 p a span, .pic40 p a big, .pic40 p a q {  margin-left : 51px; }
.userImages p { clear : both; margin-bottom : 7px; padding-bottom : 12px; background : url(../img/dot_bg.gif ) repeat-x 0 100%; }
.userImages p a { display : block; text-decoration : none; }
.userImages p img { float : left; /* margin-right : 9px; */ border : 1px solid #fff; }
.userImages p span { display : block; color : #656465; font-size : 0.9em; }
.userImages p big { display : block; color : #003673; font-size : 1.3em; font-weight : bold; }
.userImages p a:hover img { border : 1px solid #003673; }
.userImages blockquote p { margin : 0; padding : 0; color : #003673; text-align : right; background : none; }
.userImages blockquote p a { display : inline; color : #003673; text-decoration : underline; }
.userImages p a:hover big  { color : #003673; text-decoration : underline; }
.userImages p q, .userImages p span.moreEx { display : block; padding-top : 3px; color : #000; }
.userImages p span.moreEx { padding-top : 5px; color : #656465; }
.userImages p q span.more { margin-left : 0; display : inline; color : #003673; text-decoration : underline; }
.userImages blockquote p a:hover, .userImages p a:hover span.more { text-decoration : none; }
.userImages p br { display : none; }

/* *** box webcam */
.webcam img { display : block; margin : 10px 0; }
/* *** box proverb */
.proverb blockquote p { padding : 8px 0; color : #5C5C5C; font : italic 1.9em/29px "Times New Roman", Times, serif; text-align : center; }
/* *** box search + corpo */
#primaryContent .search	 { padding : 0; margin : 0 0 7px 0; }
.search legend, .corpo legend, .titleSearch legend { display : none; }
#primaryContent .search fieldset p, #primaryContent .corpo fieldset h1, #primaryContent .titleSearch fieldset h1 { background : #F6F6F6 url(../img/box_heading.gif) repeat-x 0 100%; }
.search fieldset p span, .corpo fieldset h1 span, .titleSearch fieldset h1 span { float : right; height : 41px; background : url(../img/border_left.gif) repeat-y; }
.search fieldset p span input, .corpo fieldset h1 span input, .titleSearch fieldset h1 span input { float : left; margin : 10px 9px 0 15px; padding-right : 20px; width : 100px; background : #fff url(../img/icons.gif) repeat-y 106px 287px; }
.search fieldset p em { display : block; padding : 10px 9px 0 9px; }
.search fieldset p em select { float : left; margin-left : 10px; width : 100px; }
.search fieldset p em label, .corpo fieldset h1 em, .titleSearch fieldset h1 em { float : left; padding-top : 6px; color : #333333; font-weight : bold; font-size : 1.1em; font-weight : bold; }
.search blockquote { padding : 5px; }
.search blockquote span { float : right; }
.corpo fieldset h1 span, .titleSearch fieldset h1 span { margin : -7px -9px -7px -8px; }
.corpo fieldset span input, .titleSearch fieldset span input, .search fieldset input, .titleSearch fieldset select, .search fieldset select, .corpo fieldset select { font-size : 1.2em ; }
.corpo fieldset h1 span input { font-size : 1.1em; }
/* *** box video */
#primaryContent .video, #secondaryContent .video { padding : 0; }
#primaryContent .video h3, #secondaryContent .video h4 { margin : 0; }
/* *** box sunshine */
.sunshine p { margin : 0 -9px; padding : 0 9px; }
.sunshine p.borderBottom { padding-bottom : 6px; margin-bottom : 4px; background : url(../img/border_bottom.gif) repeat-x 0 100%; }
/* *** box forecast*/
.forecast p { padding-bottom : 7px; }
.forecast blockquote p, .alarm blockquote p { padding : 0; color : #5C5C5C; font-size : 0.9em; }
/* *** box altitude  */
.altitude { background : #FBFBFB url(../img/box_altitude_bg.gif) no-repeat 0 100%; }
.altitude ul { position : relative;  height : 200px; }
.altitude ul li p object, .altitude ul li big, .altitude blockquote p { position : absolute; display : block;  top : 0; left : 0; }
.altitude ul li big { font-size : 14px; font-weight : bold; }
.altitude ul li.m3000 p object { top : -6px; left : 105px; }
.altitude ul li.m3000 p big { top : 17px; left : 155px; }
.altitude ul li.m2500 p object { top : 30px; left : 45px; }
.altitude ul li.m2500 p big { top : 53px; left : 95px; }
.altitude ul li.m2000 p object { top : 63px; left : 105px; }
.altitude ul li.m2000 p big { top : 86px; left : 155px; }
.altitude ul li.m1500 p object { top : 96px; left : 45px; }
.altitude ul li.m1500 p big { top : 125px; left : 95px; }
.altitude ul li.m1000 p object { top : 130px; left : 105px; }
.altitude ul li.m1000 p big { top : 161px; left : 155px; }
.altitude ul li p small, br.none { display : none; }
.altitude blockquote p {  top: 215px; right : 10px; text-align : right; color : #343435; font : 9px Verdana, Geneva, Arial, Helvetica, sans-serif; }
/* *** box corpo  */
#primaryContent .corpoContent { padding : 10px; line-height : 1.4em; }
#primaryContent .corpoContent em  { font-style: italic; }
#primaryContent .corpoContent strong { font-weight: bold; }
#primaryContent .corpo { background : url(../img/corpo_bg.gif) repeat-x 0 100%; }
/* *** box topTemp */
.topTemp ul { margin : 0 -9px; }
.topTemp ul li { float : left; width : 50%; }
.topTemp ul li p { position : relative; margin : 0 9px; background : url(../img/dot_bg.gif ) repeat-x 0 100%; }
.topTemp ul li p span { position : absolute; top : 0; right : 0; }
.topTemp ul li p strong { float : left; width : 160px; padding-top : 16px; font-size : 1.1em; line-height : 15px; }
.topTemp ul li p a { color : #000; text-decoration : none; }
.topTemp ul li p a:hover { text-decoration : underline; }
.topTemp ul li p strong.num { width : 20px; padding : 16px 0 19px 0; }
.topTemp ul.plusSnow li p strong.num { padding : 16px 0 41px 0; }
.topTemp ul li p big, .topTemp ul li p em { float : left; background : url(../img/top_temp_bg.gif) repeat-y 0 0; }
.topTemp ul li p big { margin : 14px 9px 0 10px; background-position : 0 20px; }
.topTemp ul li p em { padding : 0 9px; margin-right : -9px;  color : #fff; font-weight : bold; font-size : 1.1em; line-height : 20px; background-position : 100% 0; }
.topTemp ul li p small { display : none; }

.topTemp ul li p span.snowHeight { position : relative; display : block; padding : 3px 0 5px 0; white-space : nowrap; font-weight : normal; line-height : 16px; font-size : 0.9em; color : #144174; }
.topTemp ul li p span.snowHeight abbr { line-height : 16px; font-weight : bold; font-size : 1.1em;	 }

.topTemp blockquote, .res01 blockquote { padding-top : 5px; font-size : 0.9em; text-align : right; color : #5C5C5C; }
.res01 blockquote { clear : both; color : #fff; border-top : 1px solid #fff; margin-top : 10px; }	
.res01 blockquote p em { float : left; }
.resoults div.windDisplay p a.windGuru { float : right; height : 28px; text-decoration : none; background : url(../img/logo_windguru.gif) no-repeat 50% 100%; }
.resoults div.windDisplay p a.windGuru:hover { text-decoration : underline; }
/* *** box boxFeed */
div.feedContent { overflow : auto; height : 290px; margin : -7px -9px 0 0; padding-top : 7px; background : url(../img/dot_bg.gif ) repeat-x 0 100%; }
div.feedContent img { float : left; border : 1px solid #fff; }
div.feedContent h4, div.feedContent p { margin-left : 81px; padding: 0 9px 9px 0; }
div.feedContent h4 { color : #003673; font-size : 1.1em; font-weight : bold; }
/* *** box records */
.records p { padding-bottom : 10px; background : url(../img/dot_bg.gif ) repeat-x 0 100%; }
/* *** box tempForec */
.tempForec ul { margin : 3px -9px -9px -9px; }
.tempForec ul li { float : left; border-right : 1px solid #fff; background : url(../img/forecast_bg.gif) repeat-x 0 0; }
.tempForec ul li.last { border : none; }
.tempForec ul li strong, .tempForec ul li big { display : block; width : 89px; text-align : center; }
.tempForec ul li.last strong, .tempForec ul li.last big { display : block; width : 88px; }
.tempForec ul li strong em { display : none; }
.tempForec ul li span { display : block; padding-left : 20px; }
.tempForec ul li strong { padding : 8px 0 10px 0; color : #174182; font-size : 1.1em; line-height : 16px; }
.tempForec ul li big { padding-bottom : 5px; color : #fff; font-size : 1.1em; font-weight : bold; }
.tempForec kbd.bl, .resoults kbd.bl { background-position : 0 101px; }
.tempForec kbd.br, .resoults kbd.br, .uvIndex kbd.br { background-position : 0 108px; }
/* *** box cameras */
.cameras ul { padding : 0 20px; }
.cameras ul li { padding : 15px 0 35px 175px; background : url(../img/icons_cameras.gif ) repeat-x 0 0; border-bottom : 1px dotted #C3C5C5; }
.cameras ul li br { display : none; }
.cameras ul li.cam04 { background-position : 2124px 15px; }
.cameras ul li.cam03 { background-position : 1618px 15px; }
.cameras ul li.cam02 { background-position : 1112px 15px; }
.cameras ul li.cam01 { background-position : 606px 15px; }
.cameras ul li h4 { font-size : 1.1em; font-weight : bold; color : #333333; }
.cameras ul li p img { display : block; margin : 10px 0; }
.cameras ul li blockquote p { color : #656465; margin-bottom : -25px; }
/* *** box bioWether */
#primaryContent .bioWether { padding-bottom : 0; background : url(../img/bio_wether_bg.jpg) no-repeat 0 41px; }
.bioWether h4 { padding : 18px 0 3px 7px; color : #fff; font-size : 1.1em; font-weight : bold; line-height : 14px; }
.bioWether h5 { padding : 0px 0 3px 7px; color : #fff; font-size : 1.0em; line-height : 14px; }
.bioContent { padding-bottom : 85px; }
.bioContent li { position : relative; clear : both; }
.bioContent li span { float : left; }
.bioContent li big { left : 195px; top : 8px; width : 112px; height : 14px; background : url(../img/mark_bg.gif) repeat-x 0 0 ;}
.bioContent li span { width : 170px; font-size : 1.1em; line-height : 32px; text-align : right; float: none; display: block; }
.bioContent li.mark0 big { background-position : 122px 0 }
.bioContent li.mark1 big { background-position : 144px 0 }
.bioContent li.mark2 big { background-position : 168px 0 }
.bioContent li.mark3 big { background-position : 193px 0 }
.bioContent li.mark4 big { background-position : 216px 0 }
/* *** box rhythm */
#primaryContent .bioRhythm { min-height : 370px; padding-bottom : 0; background : #304E8E url(../img/bio_rhythm_bg.jpg) no-repeat 0 100%; }
fieldset.rhythm { padding : 0 5px 20px 5px; color : #fff; }
fieldset.rhythm legend { display : block; padding : 20px 0 15px 0; text-align : left; font-weight : bold; font-size : 1.1em; }
fieldset.rhythm p { float : left; padding-right : 10px; }
fieldset.rhythm p label { display : block; padding-bottom : 2px; }
fieldset.rhythm p input { font-weight : bold; }
fieldset.rhythm p input#rDay, fieldset.rhythm p input#rMounth { width : 40px; }
fieldset.rhythm p input#rYear { width : 50px; }
fieldset.rhythm p input.submit { margin-top : 15px; }
.rGraph { clear : both; position : relative; margin : 0 0 20px 5px; }
fieldset.rhythm p input.submit { margin-top : 15px; }
.rGraph ul { position : absolute; bottom : 2px; right : 5px; }
.rGraph ul li { margin-top : 3px; width : 180px; text-indent : 30px; line-height : 26px; background : #fff url(../img/icons_biorhythm.gif) repeat-y 0 0; }
.rGraph ul li.rBlue { background-position : 6px 353px; }
.rGraph ul li.rOrange { background-position : 6px 237px; }
.rGraph ul li.rGreen { background-position : 6px 121px; }
.rGraph p img, .rGraph ul li { opacity:0.8; filter:alpha(opacity=80); }

/* *** box dust */
#primaryContent .dust { position : relative; padding-bottom : 0; background : #688D01 url(../img/dust.jpg) no-repeat 0 41px; }
.dust h4 { padding : 35px 0 3px 7px; color : #000; font-size : 1.1em; font-weight : bold; line-height : 14px; }
.dust h5 { padding : 0px 0 3px 7px; color : #000; font-size : 1.0em; line-height : 14px; }
.dustContent { height : 293px; width : 310px; }
.dRight { position : absolute; top : 78px; left : 333px; }
.dustContent li { position : relative; clear : both; margin : 0 0 3px 5px; background : url(../img/white.png) repeat !important; background : white; }
.dustContent li big { left : 128px; top : 8px; width : 112px; height : 14px; background : url(../img/mark_bg.gif) repeat-x 0 0 ;}
.dustContent li span { display : block; width : 103px; text-align : right; font-size : 1.1em; line-height : 29px; text-align : right; }
.dustContent li.mark0 big { background-position : 122px 0 }
.dustContent li.mark1 big { background-position : 144px 0 }
.dustContent li.mark2 big { background-position : 168px 0 }
.dustContent li.mark3 big { background-position : 193px 0 }
.dustContent li.mark4 big { background-position : 216px 0 }
/* *** box uvIndex */
#primaryContent .uvIndex { padding-bottom : 140px; background : url(../img/uv_index_bg.jpg) no-repeat 0 41px; }
/* *** box flowerDust */
#primaryContent .flowerDust { padding-bottom : 140px; background : url(../img/cvetni_prah_bg.jpg) no-repeat 0 41px; }
/* *** box map */
#primaryContent .map blockquote { position : absolute; bottom : 10px; left : 10px; margin : 0; padding : 0; width : 638px; }
#primaryContent .map a { text-decoration : none; }
#primaryContent .map a:hover { text-decoration : underline; }

/* *** cms */
.cms p { padding-bottom : 15px; }
.cms blockquote.vir p { padding-bottom : 0; color : #656465; }

/* *** box alarm */
.alarm h4 { padding-bottom : 10px; color : #003673; font-size : 1.3em; font-weight : bold; }
.alarm h4 small { display : block; color : #656465; font-size : 0.7em; font-weight : normal; }	
.alarm p { padding-bottom : 10px; }
.alarm p.alarmMap { padding : 10px 45px 30px 45px;}
.alarm p.alarmMap span{ display : block; padding : 0px 8px 0px 8px; font-size : 0.9em; }
.alarm p.alarmMap img { display : block; }

.alarm p { line-height : 1.6em; }
.alarm p.datum { color : #656465; font-size : 0.9em; padding-bottom : 2px; line-height : normal; }
body #primaryContent .alarm h2 { padding-bottom : 10px; color : #003673; font-size : 1.3em; font-weight : bold; padding-bottom : 0; background : none; }
body #primaryContent .alarm h3 { color : #656465; font-size : 1em; font-weight : normal; background : none; }

/* *** box regionalAlarm */
.regionalAlarm h4 { margin-bottom : 3px; padding : 5px 0; font-weight : bold; font-size : 1.2em; background : url(../img/dot_bg.gif ) repeat-x 0 100%; }


/* *** box alarmLegend */
.colorLegend { float : left; width : 425px; }
.iconLegend { margin-left : 465px; line-height : 26px; }
.iconLegend img { vertical-align : middle; }
.colorLegend li { background : url(../img/icons_alarm.gif) repeat-y 0 0; }
.colorLegend li p { padding : 10px 0 10px 35px; }
.colorLegend li.green { background-position : 0 630px; }
.colorLegend li.white { background-position : 0 505px; }
.colorLegend li.yellow { background-position : 0 380px; }
.colorLegend li.orange { background-position : 0 255px; }
.colorLegend li.red { background-position : 0 130px; }
/* *** box taleOfContents */
.taleOfContents ul { padding : 5px 5px 20px 5px; }
.taleOfContents ul li { float : left; width : 25%; }
.taleOfContents ul li a { background : url(../img/icons_tableofcontents.gif) repeat-x 0 3px; }
.taleOfContents ul li a { display : block; padding : 0 0 5px 18px; text-decoration : none; background-position : 265px 4px; }
.taleOfContents ul li a.title { background-position : 0 3px; padding-left : 10px; font-weight : bold; font-size : 1.2em; }
.taleOfContents ul li a:hover  { text-decoration : underline; background-position : 0 3px; }
.taleOfContents ul li em { display : none; }
.taleOfContents ul li big { color : #5C5C5C; font-weight : bold; }
.taleOfContents ul.con2 li { padding-bottom : 20px; }
/* *** box resoults */
#primaryContent .resoults { color : #fff; background : #345C8D; }
.resoults a { color : #fff; }
.res01 { position : relative; padding : 9px; }
#primaryContent .resoults .res01 h1 { padding : 19px 0 5px 0; margin : 0; color : #fff; background : none; }
.res01 h1 big { font-weight : bold; }
.res01 h1 span { display : block; clear : both; font-weight : normal; }
.res01 h1 big { font-size : 2.1em; padding-right : 8px; }
.res01 h1 em { font-size : 0.6em; font-weight : bold; white-space : nowrap; }
.res01 p.reset { position : absolute; top : 16px; left : 198px; }
.resoults ul li { float : left; width : 20%; text-align : center; font-size : 1.1em; min-height : 110px; height : auto !important; height : 110px; background : url(../img/pixel_white.gif) repeat-y 100% 0; }


.resoults div.windDisplay ul li { width : 16%; }
.resoults div.windDisplay ul li.first { width : 127px; }

.res01 ul li.first span { display : block; }
.resoults ul li.first, .resoults ul li.last { background : none; }
.res01 ul li p { padding-top : 8px; }
.resoults  ul li p em, .windTable td span em { display : none; }
.res01 ul li p big { display : block; font-weight : bold; font-size : 1.4em; padding : 30px 0 5px 0; }
.resoults ul li p span { display : block; text-align : left;  padding-left : 20px; margin-left : 48px; line-height : 18px; font-size : 0.9em; font-weight : bold; background : url(../img/icons_wind.gif) repeat-y 0 0; }
.resoults div.res01 ul li.first p span { display : block; padding : 10px 0 0 42px; margin : 0; text-align : left; background : none; }
.resoults ul li p span.j { background-position : 0 72px; }
.resoults ul li p span.jz { background-position : 0 229px; }
.resoults ul li p	 span.jv { background-position : 0 262px; }
.resoults ul li p span.s { background-position : 0 38px; }
.resoults ul li p span.sz { background-position : 0 196px; }
.resoults ul li p span.sv { background-position : 0 163px; }
.resoults ul li p span.v { background-position : 0 131px; }
.resoults ul li p span.z { background-position : 0 102px; }

.resoults div.windDisplay ul li.wind01 p big { padding-top : 22px; }
.resoults div.windDisplay ul li.wind02 p big { padding-top : 11px; }


.resoults ul li p span, .windTable td span { display : block; text-align : left;  padding-left : 20px; margin-left : 48px; line-height : 18px; font-size : 0.9em; font-weight : bold; background : url(../img/icons_wind.gif) repeat-y 0 0; }

.resoults div.res01 ul li.first p span { display : block; padding : 10px 0 0 0; margin-left : 40px; text-align : left; background : none; }

.resoults div.windDisplay ul li span  { margin-left : 32px; }
.resoults div.windDisplay ul li p small { position : relative; width : 60px; display : block; margin : 0 auto 8px auto; line-height : 2px; }

.resoults ul li p span.j, .windTable td span.j { background-position : 0 69px; }
.resoults ul li p span.jz, .windTable td span.jz { background-position : 0 226px; }
.resoults ul li p span.jv, .windTable td span.jv { background-position : 0 259px; }
.resoults ul li p span.s, .windTable td span.s { background-position : 0 35px; }
.resoults ul li p span.sz, .windTable td span.sz { background-position : 0 193px; }
.resoults ul li p span.sv, .windTable td span.sv { background-position : 0 160px; }
.resoults ul li p span.v, .windTable td span.v { background-position : 0 129px; }
.resoults ul li p span.z, .windTable td span.z { background-position : 0 99px; }

.resoults div.dailyForecast { margin : 0 -6px; }
.resoults div.dailyForecast ul li { width : 25%; }
.resoults div.dailyForecast ul li p span { display : block; margin-left : 22px; }
.resoults div.dailyForecast ul li p span.icon { display : block; padding : 5px 0 0 14px; margin : 0; text-align : left; background : none; }
.resoults div.days5 ul li p span.icon, .resoults div.days6 ul li p span.icon { padding-top : 10px; }
.resoults div.dailyForecast ul li p strong { display : block; padding-bottom : 3px; font-weight : normal; background : #345C8D; border-bottom : 1px solid #fff; }
.resoults div.dailyForecast ul li p big { display : block; font-weight : bold; font-size : 1.2em; margin-top : -3px; padding-bottom : 6px; line-height : 12px; }
.resoults div.dailyForecast ul li p small { font-size : 0.9em; }

.resoults div.days5 ul li { width : 20%; }
.resoults div.days6 ul li { width : 108px; }
.resoults div.days6 ul li.last { width : 110px; }
#content .resoults div.days5 ul li strong, #content .resoults div.days6 ul li strong { text-align : left; padding-left : 10px; font-weight : bold; font-size : 1.2em; text-transform : uppercase; }
#content .resoults div.days5 ul li strong small, #content .resoults div.days6 ul li strong small { display : block; font-size : 0.75em; text-transform : none; }
#content .resoults div.days5 ul li p span, #content .resoults div.days6 ul li p span { margin-left : 47px; }
#content .resoults div.days5 ul li p span.icon, #content .resoults div.days6 ul li p span.icon { padding-left : 40px; margin : 0; }

p.snowForecast big { display : block; padding : 10px 0 5px 0; margin-bottom : 5px; font-weight : bold; font-size : 1.2em; border-bottom : 1px solid #fff; }
p.snowForecast strong { font-size : 1.1em; padding-left : 15px; }
p.snowForecast strong.refresh { font-weight : normal; font-size : 0.9em; }
p.left { float : left; width : 300px; }
p.right { margin-left : 320px; }
p.snowForecast span { float : left; width : 150px; }
.res01 blockquote.slo { border : none; }
.res01 blockquote.slo { clear : none; margin-top : -19px; }

.res01 p.tel { position : absolute; top : 10px; right : 9px; color : #fff; font-size : 0.9em; border : 1px solid #6187B6; }
.res01 p.tel span { position : relative; display : block; padding : 5px 10px; text-align : center; }
.res01 p.tel span strong { padding-left : 15px; font-weight : bold; font-size : 1.3em; background : url(../img/icon_tel.gif) no-repeat 0 50%; }
.res01 p.tel kbd { width : 1px; height : 1px; background : #345C8D; }
/* footer */
#footer { clear : both; padding-bottom : 20px; border-top : 1px solid #E6E6E6; }
#footer li { float : left; text-transform : uppercase; font-weight : bold; font-size : 1.1em; }
#footer li a { padding : 0 10px; margin-right : 40px; white-space : nowrap; line-height : 20px; color : #CCCCD5; text-decoration : none; background : url(../img/icons.gif) repeat-y 0 340px; }
#footer li a:hover { color : #333333; background-position : 0 313px; }
#footer li.last { clear : both; float : none; text-transform : none; font-weight : normal; border-top : 1px solid #E6E6E6; }
#footer li.last small { position : relative; float : left; width : 20px; height : 16px; background : url(../img/icons.gif) repeat-y 4px 393px; }
#footer li.last a { float : left; margin : 0; padding : 0 10px 0 0; background : none; }
#footer li.copyright { color : #CCCCD5; text-decoration : none; font-weight : normal; padding-top : 5px; text-transform : none; border-top : 1px solid #E6E6E6; clear: both; float: none;}
/* box arhiv */
.arhiv ul { float : left; width : 50%; }
.arhiv ul li { padding : 10px 0; background : url(../img/dot_bg.gif) repeat-x 0 100%; height: 45px;}
.arhiv ul li img { float : left; border : 1px solid #fff; }
.arhiv ul li small, .arhiv ul li big { display : block; margin-left : 50px; }
.arhiv ul li small { color : #656465; font-size : 0.9em; }
.arhiv ul li big { color : #003673; font-weight : bold; font-size : 1.4em; }
.arhiv ul li a { display : block; text-decoration : none; }
.arhiv ul li a:hover big { text-decoration : underline; }
.arhiv ul li a:hover img { border : 1px solid #003673; }
/* navigator */
.navigator { margin-left : 50%; clear : both; }
.navigator p { float : left; padding : 15px 0 10px 0; }
.navigator p span { margin-left : -50%; width : 100%; display : block; text-align : center; }
.navigator p span small { display : none; }
.navigator p span a, .navigator p em { float : left; padding : 0 9px 0 15px; text-decoration : underline; font-weight : bold; font-size : 14px; line-height : 14px; color : #003673; background : url(../img/navigator.gif) no-repeat 0 4px; }
.navigator p span a.first { background : none; }
.navigator p span a:hover, .navigator p span a.active { color : #333; text-decoration : none; }
.navigator p span a.back, .navigator p span a.foward, .navigator p span em { position : relative; padding : 0; width : 12px; height : 14px; background-repeat : repeat-y; }
.navigator p span a.back { background-position : 0 162px; }
.navigator p span a:hover.back { background-position : 0 34px; }
.navigator p span em.back { background-position : 0 98px; }
.navigator p span a.foward { left : 6px; background-position : 0 194px; }
.navigator p span a:hover.foward { left : 6px; background-position : 0 66px; }
.navigator p span em.foward { left : 6px; background-position : 0 128px; }
/* box maps */
.maps { position : relative; padding-top : 28px; }
.maps p { position : relative; width : 512px; background : #fff; border : 1px solid #D3D3D3; }
.maps img.map { display : block; }
.maps img.skala { position : absolute; bottom : -34px; right : 0; }
.maps p big { position : absolute; bottom : 8px; right : 7px; text-align : right; font-weight : bold; }
.maps p big em { display : block; color : #000; font-weight : bold; }
.maps p span { display : block; padding : 9px; border-top : 1px solid #D3D3D3; background : #fff; }
.maps p br { display : none; }
.maps p span a, .maps p span small { position : relative; float : left; left : 5px; width : 5px; height : 25px; background : #D3D3D3; }
.maps p span a:hover { background : #003673; }
.maps p span a.active { background : #003673; }
.maps p span small { background : none; }
.maps p span a.play { width : 25px; left : auto; background : url(../img/icon_radar_play.gif) no-repeat; }
.maps p span a.stop { width : 25px; left : auto; background : url(../img/icon_radar_stop.gif) no-repeat; }
.maps .mapsNavigation { clear : both; position : absolute; top : 172px; right : 0; }
.mapsNavigation li { width : 105px; padding-bottom : 2px; text-align : right; }
.bMaps { padding-top : 40px; }
.bMaps p { text-align : left; }
.bMaps p span { float : right; color : #5C5C5C; font-size : 0.9em; }
/* box alarms */
.regionalAlarm table { margin-bottom : 10px; }
.regionalAlarm table td { padding : 6px 5px 3px 0; }
.regionalAlarm table td.stdText { padding : 10px; }
.regionalAlarm table td.Ebene3Header { font-size : 1.1em; padding-bottom : 10px; }
/* box widget */
#widgetView { width : 300px; float : left; }
#widgetView br { display : none; }
#widgetPreview { width: 320px; float : right; text-align : center; }
#widgetView h4 { margin : 15px 0 5px 0; font-weight : bold; }
#widgetInstructions p { margin-bottom : 20px; }
#widgetView .searchInput { width : 200px; background : #fff url(../img/icons.gif) repeat-y 184px 287px; }
#widgetView fieldset label { clear : both; display : block; padding-bottom : 5px; margin : 15px 0 5px 0; border-bottom : 1px dotted #A9A8AA; }
#widgetView fieldset em { display : block; padding : 3px 0 15px 10px; }
#widgetView ul li { float : left; margin : 0 0 7px 7px; }
#widgetView ul li a { display : block; overflow : hidden; width : 42px; height : 25px; line-height : 25px; text-decoration : none; text-align : center; color : #000; white-space : nowrap;  background : url(../img/widget_buttons.gif) repeat-x 84px 0;}
#widgetView ul li.active a, #widgetView ul li a:hover { color : #fff; background-position : 42px 0; }
#widgetView ul li a span { float : left; margin : 5px 0 0 13px; border : 1px solid #fff; }
#widgetView ul li a span.white { border-color : #000; }
#widgetView ul li a span small { display : block; overflow : hidden; width : 14px; height : 13px; text-indent : -1700px; text-decoration : none; white-space : nowrap; cursor : pointer; }
#widgetView p.inputRight { padding : 15px 0; margin : 20px 0; text-align : right; border-top : 1px dotted #A9A8AA; }
#widgetPreview h4, #widgetInstructions h4 { margin : 15px 0 10px 0; padding-bottom : 5px; font-weight : bold; text-align : left; border-bottom : 1px dotted #A9A8AA; }
#widgetView p.copyInfo { position : relative; }
#widgetView p.copyInfo kbd.kbdarrow { position : relative; float : right; width : 21px; height : 40px; background : url(../img/box_arrow.gif) no-repeat; }
#widgetView p.copyInfo span { display : block;; margin-right : 21px; padding : 10px; color : #fff; background : #14b0e1; }
#widgetPreview textarea { margin-bottom : 10px; background : #fff; }

#widget h4 { margin : 15px 0 5px 0; font-weight : bold;  }
#widget p { margin-bottom : 10px; }
#widget fieldset { padding-top : 10px; }
#widget fieldset label { clear : both; display : block; padding-bottom : 5px; margin : 15px 0 5px 0; border-bottom : 1px dotted #DADADA; }
#widget fieldset select { width : 205px; }
#widget ul li { float : left; }
#widget ul li a { display : block; overflow : hidden width : 42px; height : 25px; text-decoration : none; white-space : nowrap; }

.windTable { position : relative; margin : 0 -6px; font-weight : bold; text-align : center; font-size : 1.1em; }
.windTable caption { display : none; }
.windTable tr td { width : 90px; padding : 15px 0 10px 0; vertical-align : middle; border-right : 1px solid #fff; background : url(../img/td_bg.gif) no-repeat 50% 100%; }
.windTable tr.first td { padding-top : 25px; }
.windTable tr td.last { border-right : none; }
.windTable tr.last td { background : none; } 
.windTable tr td strong { text-decoration : underline; }
.windTable tr td.windTitle { width : 112px; font-weight : normal; text-indent : 10px; text-align : left; vertical-align : top; background : none; }
.windTable tr th { border-bottom : 1px solid #fff; font-weight : bold; padding-bottom : 5px; vertical-align : middle; }
.windTable tr th strong { font-size : 1.4em; }
.windTable tr th strong, .windTable tr th small { display : block; text-align : left;  text-indent : 10px; }
.windTable td span { line-height : 14px; margin : 4px 0 0 28px; }

.windspeed:hover{ text-decoration: underline; }

.maping { position : relative; overflow : hidden; }
.maping ul li p { position : absolute; text-align : right; }
.maping ul li p span { float : right; }
.maping ul li p strong, .maping ul li p big { display : block; margin-right : 51px; }
.maping ul li p strong { margin-top : 10px; text-transform : uppercase; color : #013571; font-size : 0.9em; }
.maping ul li p big { font-weight : bold; font-size : 1.3em; }
.maping ul li p small { bottom : 5px; right : 39px; width : 5px; height : 5px; background : url(../img/icon_mesto.gif) no-repeat 0 0; }
.maping ul li p a { color : #000; }
.maping ul li.active p a strong, .maping ul li p a:hover strong { text-decoration : underline; }	


.topTemp ul.windLegend { position  : absolute; top : 4px; right : 20px; }
.topTemp ul.windLegend li { float : left; width : auto; margin-left : 15px; padding-left : 22px; background : url(../img/wind_legend.gif) repeat-y 0 0; line-height : 20px; }
.topTemp ul.windLegend li.wind01 { background-position : 0 445px; }
.topTemp ul.windLegend li.wind02 { background-position : 0 334px; }
.topTemp ul.windLegend li.wind03 { background-position : 0 223px; }
.topTemp ul.windLegend li.wind04 { background-position : 0 113px; }

.mapNavigation { z-index : 10; position : absolute; width : auto; float : right; right : 9px; bottom : 42px; }
.mapNavigation li img { margin-top : 4px; } 

.maping div { position : relative; height : 435px; background : repeat-y 0 3475px; }
.maping div.shadow01 { background-position : 202px 3793px; }
.maping div.shadow02 { background-position : 411px 3001px; }
.maping div.shadow03 { background-position : 0 1659px; }
.maping div.shadow04 { background-position : 0 2238px; }
.maping div.shadow05 { background-position : 213px 907px; }

.mapingArea { z-index :5; top : 0; left : 0; position : absolute; }

#radarjiLinki { padding-bottom: 30px; }
#radarjiLinki li{ float:left; min-height:2.6em;	padding-left:19px; }
#radarjiLinki li a:hover { text-decoration:underline; }
#radarjiLinki li a { color:#003673;	display:block; line-height:2.4em; padding-top:3px; text-decoration:underline; }

.map_icon_ad {position: relative; z-index: 3500; cursor: pointer; }

#cancelAd {margin-bottom: 55px; margin-left: -5px; cursor: pointer;}

.warnbox{
	width:100%; 
	position:relative;
 height:auto; 
 border:2px solid #000; 
 margin-bottom:8px;
 padding:10px 0px 10px 0px;
 min-height:167px;
! height: auto;
	
}
.warnbox .text{
	background:#fff;
	height:auto;
	position:relative;
	margin: 5px 10px 0px 270px;
	padding:5px 0px 5px 5px;
	
}

.warnbox .info{
	height:auto;
	position:relative;
	margin: 0px 10px 0px 270px;
	color:#000;
}

.warnbox img{
	width:250px;
	height:167px;
	margin:0px 10px 0px 10px;
	position:absolute;
}

.w0{
	background-color:#fff;
}

.w1{
	background-color:#29D660;
}

.w2{
	background-color:#FFFF00;
}

.w3{
	background-color:#FECB31;
}

.w4{
	background-color:#FE0104;
}

.w255{
	background-color:#676f79;
}

.wb0{
	background-color:#fff;
}

.wb1{
	background-color:#99ff99;
}

.wb2{
	background-color:#FFFF66;
}

.wb3{
	background-color:#FECC33;
}

.wb4{
	background-color:#FF6666;
}

/* new stuff */
.callout { position : absolute; z-index : 3500; left : 150px; top : 50px; width : 300px; }
.callout h4 { position : relative; padding : 12px 20px 5px 15px; color : #333; font-weight : bold; font-size : 1.4em; background : url(../img/dropbox.gif) no-repeat 0 0; }
.callout h4 span { overflow : hidden; position : absolute; top : 14px; right : 12px; display : block; width : 10px; height : 10px; white-space : nowrap; text-decoration : none; text-indent : 1700px; background : url(../img/icon_close.gif) repeat-y 0 116px; }
.callout h4 span:hover { background-position : 0 58px; 	}
.callout .cameraInfo { padding : 5px 12px 12px 12px; background : url(../img/dropbox.gif) no-repeat 0 100%; }
.callout .cameraObject { padding-bottom : 5px; }
.callout .cameraObject img, .callout .cameraBanner img { display : block; }
.callout .cameraBanner { float : left; border : 1px solid #999999; }
.callout .cameraLinks { float : right; padding-top : 5px; padding-right : 5px; text-align : right; }
.callout .cameraLinks li { padding-bottom : 5px; }

.cameraAll h4 { margin : 15px 0 10px 0; font-size : 1.4em; font-weight : bold; color : #333; }
.cameraAll ul {  padding-bottom : 15px; border-top : 1px dotted #C3C5C5; }
.cameraAll ul.cameraList li { padding : 8px 0; border-bottom : 1px dotted #C3C5C5; }
.cameraAll ul.cameraList li a { display : block; float : left; width : 320px; text-decoration : none; }
.cameraAll ul.cameraList li a img { float : left; border : 1px solid #fff; opacity : 1; filter : alpha(opacity=100); }
.cameraAll ul.cameraList li a:hover img { border-color : #0036A0 #346AD4 #346AD4 #0036A0; opacity : .8; filter : alpha(opacity=80);}
.cameraAll ul.cameraList li a big { display : block; margin-left : 50px; padding : 0 15px 0 0; font-size : 1.1em; font-weight : bold; }
.cameraAll ul.cameraList li a:hover big { text-decoration : underline; }
.cameraAll ul.cameraList li a big:first-letter { color : #000; }
	
.cameraDetail { padding : 10px; }
.cameraTitle { position : relative; padding : 0 8px; }
.cameraTitle h4 { margin : 25px 80px 5px 0; font-size : 1.4em; font-weight : bold; color : #333; }
.cameraTitle h4 a, .cameraTitle h4 small { white-space : nowrap; }
.cameraTitle h4 a { display : inline; padding-left : 20px; font-size : .7em; font-weight : normal; text-decoration : underline; }
.cameraTitle h4 a:hover { text-decoration : none; }
.cameraTitle .fShare { position : absolute; top : 0; right : 11px; }
.cameraDetail p { position : relative; background-color : #D3D3D3;}
.cameraDetail p img.live { display : block; padding : 1px; width: 635px; height: 469px; }
.cameraDetail p big { position : absolute; bottom : 8px; right : 7px; text-align : right; font-weight : bold; }
.cameraDetail big em { display : block; color : #000; font-weight : bold; }
span.cameraPlayer { display : block; padding : 9px; border-width : 0 1px 1px 1px; border-style : solid; border-color : #D3D3D3; background : #fff; }
span.cameraPlayer a, span.cameraPlayer small { position : relative; float : left; left : 5px; width : 5px; height : 25px; background : #D3D3D3; }
span.cameraPlayer a:hover { background : #003673; }
span.cameraPlayer a.active { background : #003673; }
span.cameraPlayer small { background : none; }
span.cameraPlayer a.play { width : 25px; left : auto; background : url(http://vreme.zurnal24.si/img/icon_radar_play.gif) no-repeat; }
span.cameraPlayer a.stop { width : 25px; left : auto; background : url(http://vreme.zurnal24.si/img/icon_radar_stop.gif) no-repeat; }
span.cameraPlayer a, span.cameraPlayer small { overflow : hidden; display : block; white-space : nowrap; text-decoration : none; text-indent : 1700px; }

.nerestCamera { padding : 10px; margin-bottom : 10px; }
#primaryContent .nerestCamera h3 { margin-bottom : 15px; font-size : 1.4em; font-weight : bold; color : #333; background : none; }

.gallerySlide { position : relative; }
.gallerySlide .gSlide { padding : 0 35px; }
.gallerySlide .gSlide .gWrap { position : relative; width : 100%; overflow : hidden; }
.gallerySlide .gSlide .gWrap #imageScroller { width : 10000px; }
.gallerySlide .gSlide .gWrap #imageScroller li { position : relative; float : left; margin-right : 14px; border : 1px solid #D3D3D3; }
.gallerySlide .gSlide .gWrap #imageScroller li:hover { border-color : #0036A0 #346AD4 #346AD4 #0036A0; } 
.gallerySlide .gSlide .gWrap #imageScroller li a span { display : none; position : absolute; top : 5px; left : 5px; width : 120px; color : #000; font-size : 10px; }
.gallerySlide .gSlide .gWrap #imageScroller li a:hover span { display : block; }
.gallerySlide .gSlide .gWrap #imageScroller a { display : block; }
.gallerySlide .gSlide .gWrap #imageScroller a img { width : 130px; height: 98px;}
.gallerySlide .gSlide .gWrap #imageScroller a:hover img { opacity : .3; filter: alpha(opacity = 30); }

.gallerySlide li.active a img, .gallerySlide li.active a:hover img { opacity : .3; filter: alpha(opacity = 30); }
.gNav small { display : none; }
.gNav a { position : absolute; display : block; overflow : hidden; width : 25px; height : 100px; text-decoration : none; white-space : nowrap; text-indent : -1700px; background : url(../img/gallery_slide.gif) repeat-x 0 0; }
.gNav a.gNext { top : 0; right : 0; background-position : 51px 0; }    
.gNav a:hover.gNext { background-position : 25px 0; }
.gNav a.gPrev { top : 0; left : 0; background-position : 103px 0; }
.gNav a:hover.gPrev { background-position : 77px 0; }

.navezaDetail { padding : 10px; }
.navezaDetail p { position : relative; background-color : #D3D3D3;}
.navezaDetail p img.live { display : block; padding : 1px; }
.navezaAuthor { padding : 0 0 10px 10px;  color : #656465; }
.navezaAuthor a { color : #656465; }
.navezaDetail .gNav a.gNext { top : 40%; right : 10px; }
.navezaDetail .gNav a.gPrev { top : 40%; left : 10px; }


/* clearfix-hack */
.form p:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; }
.form p { display : inline-block; }
* html .form p { height : 1%; }
.form p { display : block; }    
/* clearfix-hack-ends */

.commentForm legend { display : none; }
.form { padding-left : 5px; margin-top : 20px; }
.form p { padding-bottom : 10px; }
.form label { float : left; padding-top : 3px; font-weight : bold; width : 10em; }
.form input.texttype, .form textarea.textarea { float : left; font : 12px Arial, Helvetica, sans-serif; }
.form p.captcha img { float : left; margin : 0 10px 0 0; border : 1px solid #E2E3EA; }
.form p.captcha label { padding-top : 8px; }
.form p.captcha input.texttype { margin-top : 5px; }
.form p.submittype { border-top : 1px solid #ABADB3; padding-top : 15px; margin-right : 2em; }
.form p.submittype input.submittype { width : auto; overflow : visible; padding : 5px 10px 5px 8px; background : none; border : none; cursor : pointer; color : #fff; font :11px Arial, Helvetica, sans-serif; }
.form span.submittype, .form span.submittype em { background : url(../img/submittype.gif) repeat-y right 150px; }
.form span:hover.submittype { background-position :  right 75px; }
.form span:hover.submittype em { background-position : 0 75px; }
.form span.submittype { display : block; float : right; }
.form span.submittype em { display : block; background-position : left 150px;  }
.form p.error span.error { clear : both; float : none; display : block; color : red; padding : 3px 0 0 0; margin-left : 10em; }
.form p.error input.texttype { border-color : red; }
#uploadNavezeForm p.error span.error { margin-left : 0; }
span.info { float : left; color : #656565; padding : 3px 0 0 10px; }
div.error { margin-top : 20px; padding : 1em 1em 1em 10.4em; border : 1px solid #E3E2E2; background : #fff url(../img/icon_error.gif) no-repeat 7em .5em; }

.comment { margin : 20px 0; }
.comments .last { margin-bottom : 0; }
.comment-header { float : left; font-weight : bold	; width : 9em; }
.comment-header abbr { display : block; font-weight : normal; font-size : .9em; }
.comment-body { margin-left : 10em; padding-left : 10px; border-left : 1px solid #E3E2E2; }

.userImages p.upload small { display : none; }
.userImages p.upload a.upload, .userImages p.upload span { float : left; }
.userImages p.upload span { font-size : 1em; }

.userImages { position : relative; z-index : 1; }
.userImages fieldset { position : relative; margin : 5px 0 0 0; padding : 17px 0 0 0; background : url(../img/fieldset_bg.gif) no-repeat 0 0; }
.userImages fieldset legend { display : none; }
.userImages fieldset form p.submittype, .userImages fieldset form p.texttype { margin : 0; padding : 0 0 10px 0; border : none; background : none; }
.userImages fieldset form p.texttype { padding-right : 1px; }
.userImages fieldset form p.submittype input.texttype, .userImages fieldset form p.texttype input.texttype { padding : 4px 0; font-size : 11px; color : #D3D3D3; }
.userImages fieldset form p.submittype input:focus.texttype, .userImages fieldset form p.texttype input:focus.texttype { color : #000; }
.userImages fieldset form p.checktype { position : relative; }
.userImages fieldset form p.checktype input.checktype { float : left; }
.userImages fieldset form p.checktype label { width : auto; }
.userImages fieldset form p.checktype label strong { text-decoration : underline; }
.userImages fieldset form p:hover.checktype label strong, .userImages fieldset form p.inactive label strong { text-decoration : none; }
.userImages fieldset form p.checktype span.conditions { display : none; z-index : 1500; position : absolute; top : 20px; left : 22px; padding : 10px 5px 5px 5px; background : #fff; border : 1px solid #9A9A9A; }
.userImages fieldset form p:hover.checktype span.conditions { display : block; }
body .userImages fieldset form p.over span.conditions { display : block }
.userImages fieldset form p:hover.inactive span.conditions { display : none; }
.userImages fieldset form p.checktype span.conditions em { display : block; margin-bottom : 5px; width : 240px; font-size : 1.1em; color : #000; }
.userImages fieldset form p.checktype span.conditions em a { font-size : 1em; text-decoration : underline; }
.userImages fieldset form p.checktype span.conditions em a:hover { text-decoration : none; }
.userImages fieldset form p.checktype span.conditions em.title { color : #0036A0; font-weight : bold; }
body .userImages fieldset form p.last { padding-bottom : 0; }

.smallCameraLink { position : relative; display : inline-block; margin-right : -5px; padding-right : 3px;  background : url(/img/arrow.gif) no-repeat right 3px scroll transparent;  }
.smallCameraLink img { border : 1px solid #003673; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px; }

#ticker {  width : 970px; overflow : hidden; background : #C6321E;  height : 25px; line-height : 25px; }
#ticker .scrollingtext { /*width : 970px;*/ height : 25px; overflow : hidden; }
#ticker .scrollingtext a, #ticker #scrollingtext { color : #fff; font-size : 11px; }

#primaryContent .box h1 em.weatherArticleTypes a { position : relative; margin : -5px 0; padding : 3px 10px; color : #000; display : inline-block;  border-color : #E3E2E2 #BDBCBC #BDBCBC #E3E2E2; border-width : 1px; border-style : solid; text-decoration : underline; background : #fff; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; }
#primaryContent .box h1 small.separate { color : #909090; padding : 0 5px; }
#primaryContent .box h1 em.weatherArticleTypes a.active { text-decoration : none; background : #E8E8E8; color : #909090;  border-color : #BDBCBC #E3E2E2 #E3E2E2 #BDBCBC; }
#primaryContent .box h1 em.weatherArticleTypes a:hover.active { color : #909090; text-decoration : none; cursor : normal; }
#primaryContent .box h1 em.weatherArticleTypes a:hover { text-decoration : none; color : #333333; border-color : #BDBCBC #E3E2E2 #E3E2E2 #BDBCBC; }
#primaryContent .box h2.weatherTitle { padding-top : 20px; font-size : 2em; background: none repeat scroll 0 0 #F6F6F6; margin: 0;}
#primaryContent .box p.weatherTeaser { padding : 10px 20px; margin-bottom : 10px; font-size : 1.2em; font-weight : bold; background : url("../img/box_heading.gif") repeat-x scroll 0 100% #F6F6F6; }
#primaryContent .box div.weatherImage { float : left; max-width : 49%; margin : 0 21px 0 0; }
#primaryContent .box div.weatherImage img { float : left; margin-bottom : 10px; max-width: 100%}

#primaryContent .box .import p, #primaryContent .box .import ul, #primaryContent .box .import ol, #primaryContent .box .import .factbox { margin-bottom : 9px; font-size : 1.15em; }
#primaryContent .box .import .wide { margin : 9px 0; }

#primaryContent h2,
#primaryContent h3 {
    background-image: none;
}

#primaryContent .box h2 {
    padding: 0;
    margin: 18px 0 9px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.factbox {
    width: 40%;
    clear: both;
    font-size: 10px !important;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #E9E9E5;
    background: #fff;
    background-image: -moz-linear-gradient(#F2FCFD 0,#fff 80px);
    background-image: -webkit-linear-gradient(#F2FCFD 0,#fff 80px);
    background-image: -o-linear-gradient(#F2FCFD 0,#fff 80px);
    background-image: -ms-linear-gradient(#F2FCFD 0,#fff 80px);
    background-image: linear-gradient(#F2FCFD 0,#fff 80px);
}
.factbox.left {
    float: left;
    margin: 3px 18px 3px 0;
}
.factbox.right {
    float: right;
    margin: 3px 0 3px 18px;
}
.factbox .sp_el {
    display: none !important;
}

/* new positions */
#contentMenu { top: 196px; }
#secondaryHeader { top: 29px; }
.dividerTop { height: 5px; }
#secondaryContent { padding-top: 10px; }
.bannerLeft { position: absolute; top: 34px; left: 990px; }