﻿.Margin1{margin:1px;}
.Margin2{margin:2px;}
.Margin3{margin:3px;}
.Margin4{margin:4px;}
.Margin5{margin:5px;}
.Margin6{margin:6px;}
.Margin7{margin:7px;}
.Margin8{margin:8px;}
.Margin9{margin:9px;}
.Margin10{margin:10px;}
.Margin11{margin:11px;}
.Margin12{margin:12px;}
.Margin13{margin:13px;}
.Margin14{margin:14px;}
.Margin15{margin:15px;}
.Margin16{margin:16px;}
.Margin17{margin:17px;}
.Margin18{margin:18px;}
.Margin19{margin:19px;}
.Margin20{margin:20px;}

.MarginRight1{margin-right:1px;}
.MarginRight2{margin-right:2px;}
.MarginRight3{margin-right:3px;}
.MarginRight4{margin-right:4px;}
.MarginRight5{margin-right:5px;}
.MarginRight6{margin-right:6px;}
.MarginRight7{margin-right:7px;}
.MarginRight8{margin-right:8px;}
.MarginRight9{margin-right:9px;}
.MarginRight10{margin-right:10px;}
.MarginRight11{margin-right:11px;}
.MarginRight12{margin-right:12px;}
.MarginRight13{margin-right:13px;}
.MarginRight14{margin-right:14px;}
.MarginRight15{margin-right:15px;}
.MarginRight16{margin-right:16px;}
.MarginRight17{margin-right:17px;}
.MarginRight18{margin-right:18px;}
.MarginRight19{margin-right:19px;}
.MarginRight20{margin-right:20px;}

.MarginLeft1{margin-left:1px;}
.MarginLeft2{margin-left:2px;}
.MarginLeft3{margin-left:3px;}
.MarginLeft4{margin-left:4px;}
.MarginLeft5{margin-left:5px;}
.MarginLeft6{margin-left:6px;}
.MarginLeft7{margin-left:7px;}
.MarginLeft8{margin-left:8px;}
.MarginLeft9{margin-left:9px;}
.MarginLeft10{margin-left:10px;}
.MarginLeft11{margin-left:11px;}
.MarginLeft12{margin-left:12px;}
.MarginLeft13{margin-left:13px;}
.MarginLeft14{margin-left:14px;}
.MarginLeft15{margin-left:15px;}
.MarginLeft16{margin-left:16px;}
.MarginLeft17{margin-left:17px;}
.MarginLeft18{margin-left:18px;}
.MarginLeft19{margin-left:19px;}
.MarginLeft20{margin-left:20px;}

.MarginTop1{margin-top:1px;}
.MarginTop2{margin-top:2px;}
.MarginTop3{margin-top:3px;}
.MarginTop4{margin-top:4px;}
.MarginTop5{margin-top:5px;}
.MarginTop6{margin-top:6px;}
.MarginTop7{margin-top:7px;}
.MarginTop8{margin-top:8px;}
.MarginTop9{margin-top:9px;}
.MarginTop10{margin-top:10px;}
.MarginTop11{margin-top:11px;}
.MarginTop12{margin-top:12px;}
.MarginTop13{margin-top:13px;}
.MarginTop14{margin-top:14px;}
.MarginTop15{margin-top:15px;}
.MarginTop16{margin-top:16px;}
.MarginTop17{margin-top:17px;}
.MarginTop18{margin-top:18px;}
.MarginTop19{margin-top:19px;}
.MarginTop20{margin-top:20px;}

.MarginBottom1{margin-bottom:1px;}
.MarginBottom2{margin-bottom:2px;}
.MarginBottom3{margin-bottom:3px;}
.MarginBottom4{margin-bottom:4px;}
.MarginBottom5{margin-bottom:5px;}
.MarginBottom6{margin-bottom:6px;}
.MarginBottom7{margin-bottom:7px;}
.MarginBottom8{margin-bottom:8px;}
.MarginBottom9{margin-bottom:9px;}
.MarginBottom10{margin-bottom:10px;}
.MarginBottom11{margin-bottom:11px;}
.MarginBottom12{margin-bottom:12px;}
.MarginBottom13{margin-bottom:13px;}
.MarginBottom14{margin-bottom:14px;}
.MarginBottom15{margin-bottom:15px;}
.MarginBottom16{margin-bottom:16px;}
.MarginBottom17{margin-bottom:17px;}
.MarginBottom18{margin-bottom:18px;}
.MarginBottom19{margin-bottom:19px;}
.MarginBottom20{margin-bottom:20px;}

.FloatLeft{float:left;}
.FloatRigth{float:right;}

.Right1{right:1px;}
.Right2{right:2px;}
.Right3{right:3px;}
.Right4{right:4px;}
.Right5{right:5px;}
.Right6{right:6px;}
.Right7{right:7px;}
.Right8{right:8px;}
.Right9{right:9px;}
.Right10{right:10px;}
.Right11{right:11px;}
.Right12{right:12px;}
.Right13{right:13px;}
.Right14{right:14px;}
.Right15{right:15px;}
.Right16{right:16px;}
.Right17{right:17px;}
.Right18{right:18px;}
.Right19{right:19px;}
.Right20{right:20px;}

.Left1{left:1px;}
.Left2{left:2px;}
.Left3{left:3px;}
.Left4{left:4px;}
.Left5{left:5px;}
.Left6{left:6px;}
.Left7{left:7px;}
.Left8{left:8px;}
.Left9{left:9px;}
.Left10{left:10px;}
.Left11{left:11px;}
.Left12{left:12px;}
.Left13{left:13px;}
.Left14{left:14px;}
.Left15{left:15px;}
.Left16{left:16px;}
.Left17{left:17px;}
.Left18{left:18px;}
.Left19{left:19px;}
.Left20{left:20px;}

.Top1{top:1px;}
.Top2{top:2px;}
.Top3{top:3px;}
.Top4{top:4px;}
.Top5{top:5px;}
.Top6{top:6px;}
.Top7{top:7px;}
.Top8{top:8px;}
.Top9{top:9px;}
.Top10{top:10px;}
.Top11{top:11px;}
.Top12{top:12px;}
.Top13{top:13px;}
.Top14{top:14px;}
.Top15{top:15px;}
.Top16{top:16px;}
.Top17{top:17px;}
.Top18{top:18px;}
.Top19{top:19px;}
.Top20{top:20px;}

.Bottom1{bottom:1px;}
.Bottom2{bottom:2px;}
.Bottom3{bottom:3px;}
.Bottom4{bottom:4px;}
.Bottom5{bottom:5px;}
.Bottom6{bottom:6px;}
.Bottom7{bottom:7px;}
.Bottom8{bottom:8px;}
.Bottom9{bottom:9px;}
.Bottom10{bottom:10px;}
.Bottom11{bottom:11px;}
.Bottom12{bottom:12px;}
.Bottom13{bottom:13px;}
.Bottom14{bottom:14px;}
.Bottom15{bottom:15px;}
.Bottom16{bottom:16px;}
.Bottom17{bottom:17px;}
.Bottom18{bottom:18px;}
.Bottom19{bottom:19px;}
.Bottom20{bottom:20px;}

.Padding1{padding:1px;}
.Padding2{padding:2px;}
.Padding3{padding:3px;}
.Padding4{padding:4px;}
.Padding5{padding:5px;}
.Padding6{padding:6px;}
.Padding7{padding:7px;}
.Padding8{padding:8px;}
.Padding9{padding:9px;}
.Padding10{padding:10px;}
.Padding11{padding:11px;}
.Padding12{padding:12px;}
.Padding13{padding:13px;}
.Padding14{padding:14px;}
.Padding15{padding:15px;}
.Padding16{padding:16px;}
.Padding17{padding:17px;}
.Padding18{padding:18px;}
.Padding19{padding:19px;}
.Padding20{padding:20px;}

.PaddingLeft1{padding-left:1px;}
.PaddingLeft2{padding-left:2px;}
.PaddingLeft3{padding-left:3px;}
.PaddingLeft4{padding-left:4px;}
.PaddingLeft5{padding-left:5px;}
.PaddingLeft10{padding-left:10px;}

.PaddingTop5{padding-top:5px;}
.PaddingTop10{padding-top:10px;}


.data-form{width:665px;border-spacing:0;}
.data-form td{ padding:0px 10px 5px 0px; }
.data-form td input{ width:155px; }


.main-row{ position:relative; background-color:#F0F0F0; padding-top:0px; float:left; width:980px; }
.main-row .contentcolumn{ float:left; width:959px; padding:10px; }
.main-row .contentcolumn .left-column { float:left; width:674px; }
.main-row .contentcolumn .left-column .static-content { float:left; text-align:left; width:670px; overflow:hidden; }
.main-row .contentcolumn .rigth-column { float:left; width:250px; margin-left:15px; }



.news-actual { width:331px; height:318px; float:left; background-image:url(../image/bg-news.png); background-repeat:no-repeat; position:relative; margin-top:0px; margin-left:0px; }
.news-actual .content { float:left; padding:8px 10px 10px 8px; }
.news-actual .content .title { float:left; text-align:left;  background-image:url(../image/bg-news-title.png); width:315px; height:28px; margin-bottom:5px; }
.news-actual .content .title div { padding-top:0px; padding-left:7px; padding-bottom:7px;  text-align:center; color:#046B8E; font-family:Verdana; font-size:24px; font-weight:bold; }
.news-actual .content .main-image { float:left; position:relative; width:314px; height:234px; overflow:hidden; }
.news-actual .content .main-image a img{ border:none; float:left; width:314px; }
.news-actual .content .main-image .NewInfo { position:absolute; left:268px; top:0px; }
.news-actual .content .description { background-color:#333333; float:left; height:45px;  left:8px; filter:alpha(opacity=70); opacity:0.7; position:absolute;  top:230px; width:314px; }
.news-actual .content .link { float:left; position:absolute; left:10px; display:block; top:230px; width:300px; line-height:17px; text-align:left; margin:5px; color:#FFFFFF; font-size:15px; font-weight:bold; height:40px; }
.news-actual .content .numbers { float:left; margin-top:1px; width:315px; overflow:hidden; }

.news-actual .content .list div{ float:left; height:21px; width:314px; overflow:hidden; text-align:left; }
.news-actual .content .list div a{ display:block; margin:5px 5px 4px 5px;  }
.news-actual .content .list div a:hover{ text-decoration:underline; }
.news-actual .content .list .all-news-button{ float:right; margin-right:16px; margin-top:10px; }


.main-photo-gallery { background-image:url(../image/bg-photo.png); width:670px; height:181px; float:left; text-align:left; margin-top:10px; background-repeat:no-repeat; position:relative; }
.main-photo-gallery img{ margin:8px 0px 0px 8px; z-index:1; }
.main-photo-gallery .btnPrev{ position:absolute; z-index:2; top:60px; left:448px; cursor:pointer; }
.main-photo-gallery .btnNext{ position:absolute; z-index:2; top:85px; left:448px; cursor:pointer; }
.main-photo-gallery .link-1{ border:medium none; left:495px; position:absolute; top:-8px; }
.main-photo-gallery .link-1 img{ border:none; }
.main-photo-gallery .link-2{ border:none; position:absolute; top:112px; left:495px; }
.main-photo-gallery .link-2 img{ border:none; }


.world-clock { margin-top:10px; width:672px; position:relative; height:77px; font-size:11px; float:left; background-repeat:no-repeat; background-image:url(../image/bg-world-clock.png); }
.world-clock .title { position:absolute; left:35px; margin:0px; padding:0px; top:8px; font-family:Arial; color:#4B4B4B; font-size:14px; font-weight:bold; }
.world-clock .icon { position:absolute; left:-5px; top:-5px; }
.world-clock .items { position:absolute; top:37px; left:5px; }
.world-clock .all-clock-icon { position:absolute; left:590px; top:30px; }

.photo-gallery { width:670px; margin-top:10px; height:97px; background-image:url(../image/bg-photo-gallery.png); position:relative; }
.photo-gallery .title { position:absolute; left:10px; top:10px; margin:0px; padding:0px; font-family:Arial; color:#4B4B4B; font-size:14px; font-weight:bold; }

.activity-bar { background-image:url(../image/bg-activity.png); width:670px; height:28px; float:left; margin-bottom:10px; position:relative; }
.activity-bar a { font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; margin:7px 0px 0px 70px; padding:0px; display:block; text-align:left; }
.activity-bar a:hover { text-decoration:underline; color:#FFFFFF; }
.activity-bar .icon { position:absolute; left:-5px; top:-5px; }

.calendar-area { width:272px; height:187px; background-image:url(../image/bg-calendar.png); float:left; position:relative; }
.calendar-area .calendar{ position:relative; width:144px; height:163px; float:left; margin:12px 0px 0px 8px; }
.calendar-area .calendar .days { position:absolute; top:45px; left:3px; }
.calendar-area .calendar .icon { position:absolute; left:-5px; top:-2px; }
.calendar-area .calendar .title { position:absolute; color:#FFFFFF; font-size:11px; top:5px; left:50px; font-weight:bold; }
.calendar-area .president-flash{ float:left; margin:12px 0px 0px 7px; position:relative; background-image:url(../image/president-bg.png); width:105px; height:163px; }
.calendar-area .president-flash .flash-area{ float:left; margin-left:1px;  }
.calendar-area .president-flash .president-name { font-size:14px; float:left; font-family:Calibri; text-align:left; padding-top:2px;  margin-left:4px; font-weight:bold; color:#FFFFFF; line-height:14px;  }


.rigth-column-one-row-items { margin-left:5px; margin-top:-1px; width:150px; height:300px;   }
.rigth-column-one-row-items .item { float:left; background-image:url(/firmahaber/image/bg-rigth-section-150-row.png); width:150px; height:28px; background-repeat:no-repeat; text-align:left; position:relative; margin-top:1px; }
.rigth-column-one-row-items .item .link { display:block; margin-left:5px; margin-top:4px; font-family:Arial; color:#4B4B4B; font-size:14px; font-weight:bold; text-decoration:none; }
.rigth-column-one-row-items .item .link:hover { text-decoration:underline; color:#FF0000; }
.rigth-column-one-row-items .item .icon { position:absolute; left:-5px; top:-2px;  }


.rigth-column-links { float:left; background-image:url(firmahaber/image/bg-rigth-section-4-row.png); width:272px; height:115px; margin-top:10px; text-align:left; }
.rigth-column-links .items{ float:left; margin-top:0px; }
.rigth-column-links .items .link-l{ float:left; width:105px; margin-left:10px; margin-top:4px; height:22px; }
.rigth-column-links .items .link-l .icon { float:left; width:28px; text-align:left; overflow:hidden; }
.rigth-column-links .items .link-l .text{ float:left; width:75px; padding-top:3px; }
.rigth-column-links .items .link-l .text a{ font-size:10px; font-weight:bold; color:#4B4B4B; text-decoration:none; border:none; }
.rigth-column-links .items .link-l .icon a img{ border:none; }
.rigth-column-links .items .link-l .text a:hover { text-decoration:underline; }
.rigth-column-links .items .link-r{ float:right; width:145px; margin-top:4px; height:22px; }
.rigth-column-links .items .link-r .icon { float:left; width:25px; text-align:left; overflow:hidden; }
.rigth-column-links .items .link-r .text{ float:left; width:107px; padding-top:3px; }
.rigth-column-links .items .link-r .text a{ font-size:10px; font-weight:bold;  color:#4B4B4B; text-decoration:none; border:none; }
.rigth-column-links .items .link-r .icon a img{ border:none; }
.rigth-column-links .items .link-r .text a:hover { text-decoration:underline; }


.newsletter { width:272px; height:158px; position:relative; float:left; margin-top:4px; }
.newsletter .area{ position:absolute; left:-4px;  }

.day-of-say { position:relative; width:272px; height:115px; margin-top:10px; background-image:url(../image/bg-day-of-says.png); float:left; text-align:left; }
.day-of-say .icon { position:absolute; top:-4px; left:-4px; }
.day-of-say .title { position:absolute; top:5px; left:40px; font-family:Arial; color:#4B4B4B; font-size:14px; font-weight:bold; }
.day-of-say .text1 { position:absolute; top:30px; width:250px; left:8px; height:55px; overflow:hidden; }
.day-of-say .text2 { position:absolute; top:93px; right:9px; text-align:right; height:15px;}

.world-municipalty { background-image:url(../image/world-municipality.png); width:272px; height:74px; float:left; margin-top:5px; background-repeat:no-repeat; overflow:hidden; }
.world-municipalty a{ display:block; width:272px; height:74px; color:#FFFFFF; font-size:13px; font-weight:bold; padding-top:25px; padding-left:45px; }
.world-municipalty a:hover{ color:#FFFFFF; text-decoration:underline; }

.related-city { background-image:url(../image/bg-related-city.png); width:272px; height:74px; float:left; margin-top:10px; overflow:hidden; display:block; }
.related-city a{ display:block; width:272px; height:74px; color:#4B4B4B; font-size:13px; font-weight:bold; padding-top:25px; padding-left:45px; }
.related-city a:hover{ color:#4B4B4B; text-decoration:underline; }

.rigth-link-panel { width:272px; float:left; margin-top:10px; }

.rigth-link-panel .panel-link{ float:left; width:121px; height:203px; background-image:url(../image/bg-links.png); position:relative; text-align:left; font-size:10px; color:#000000; }
.rigth-link-panel .panel-link .links{ float:left; position:absolute; top:45px;  left:8px; }
.rigth-link-panel .panel-link .links a{ color:#000000; display:block; width:105px; margin-bottom:4px; line-height:10px; }
.rigth-link-panel .panel-link .links a:hover{ text-decoration:underline; }
.rigth-link-panel .panel-link .icon { position:absolute; left:-5px; top:-5px; }
.rigth-link-panel .panel-link .button-all-link { float:left; left:7px; position:absolute; top:170px;  }
.rigth-link-panel .panel-link .button-all-link img{ border:none; }

.rigth-link-panel .member-municipality { background-image:url(../image/bg-member-munipality.png); width:144px; height:38px; float:right; overflow:hidden; }
.rigth-link-panel .member-municipality a{ display:block; width:144px; height:38px; color:#4B4B4B; font-size:12px; padding-top:13px; font-weight:bold; }
.rigth-link-panel .member-municipality a:hover{ color:#4B4B4B; text-decoration:underline; }

.rigth-link-panel .sponsor { background-image:url(../image/bg-sponsor.png); position:relative; width:144px; height:152px; margin-top:6px; float:right; background-repeat:no-repeat; text-align:left; }
.rigth-link-panel .sponsor .title { text-align:center; width:144px; }
.rigth-link-panel .sponsor .title a { display:block; width:144px; text-align:center; color:#4B4B4B; font-size:13px; padding-top:2px; font-weight:bold; padding-bottom:5px; }
.rigth-link-panel .sponsor .title a:hover { text-decoration:underline; }
.rigth-link-panel .sponsor .area { float:left; margin:0px 0px 0px 9px;  }
.rigth-link-panel .sponsor .detail-button { float:left; margin:10px 0px 0px 8px;   }
.rigth-link-panel .sponsor .detail-button-2 { position:absolute; left:0px; top:0px; width:144px; height:142px; border:none; }


.Smoke-Forum { background-image:url(../image/no-smoke-bg.png); width:271px; height:153px; margin-top:10px; }
.Smoke-Forum .link-1 { margin-top:75px; display:block; }
.Smoke-Forum .link-1 img{ border:none; width:271px; height:70px; }

.rigth-column-photo { background-image:url(../image/bg-photo-rigth.png); position:relative; width:273px; height:120px; margin-top:10px; text-align:left; overflow:hidden; }
.rigth-column-photo .title { color:#4B4B4B; font-size:13px; font-weight:bold; display:block; padding-left:10px; padding-top:6px; }
.rigth-column-photo .photo { margin-top:15px; margin-left:5px; }
.rigth-column-photo .photo a { }
.rigth-column-photo .photo a img { border:solid 1px #999999; cursor:pointer; margin-left:5px; }


.modalBackground { background-color: black; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopupArea { min-height:200px; float:left; width:600px; color:#333333; background-color:#D3D3D3; font-family:Arial; font-size:12px; position:relative; padding-bottom:5px; }
.modalPopupArea .close {  }
.modalPopupArea .header { float:left; width:590px; margin-left:5px; margin-top:10px; line-height:23px; }
.modalPopupArea .header .title{ float:left; font-size:20px; font-weight:bold; color:#FFFFFF; }
.modalPopupArea .header .counter{ position:absolute; color:#FF0000; cursor:pointer; left:90px; top:12px;  }
.modalPopupArea .header .close{ float:right; font-size:20px; font-weight:bold; color:#FFFFFF; cursor:pointer; }
.modalPopupArea .content { float:left; background-color:#FFFFFF; margin:5px 5px 0px 5px; display:block; width:590px; height:300px; min-height:200px; overflow-y:scroll; }
.modalPopupArea .content a { border:none; }
.modalPopupArea .content a img { border:none; }


.publis-items { float:left; background-image:url(../image/bg-publish-items.png); width:670px; height:208px; }
.publis-items h1 { font-size:20px; margin:20px 10px 10px 21px; color:#FFFFFF; font-weight:bold; font-family:Trebuchet MS, Arial; }

.publis-items .publis-item-1 { width:143px; height:108px; margin:20px 0px 0px 18px; background-repeat:no-repeat; float:left; position:relative; }
.publis-items .publis-item-1 a.text { display:block; width:100px; text-align:right; position:absolute; right:10px; top:5px; color:#FFFFFF; font-family:Calibri, Arial; font-size:20px; font-weight:bold; line-height:21px; z-index:2; }
.publis-items .publis-item-1 a.text:hover { text-decoration:underline; }
.publis-items .publis-item-1 .link { border:none; }
.publis-items .publis-item-1 .link img { width:143px; height:108px; border:none; position:absolute; z-index:3; top:0px; left:0px; }

.publis-items .publis-item-2 { width:143px; height:108px; margin:20px 0px 0px 18px; background-repeat:no-repeat; float:left; position:relative; }
.publis-items .publis-item-2 a.text { display:block; width:100px; text-align:right; position:absolute; right:10px; top:5px; color:#FFFFFF; font-family:Calibri, Arial; font-size:20px; font-weight:bold; line-height:21px; z-index:2;  }
.publis-items .publis-item-2 a.text:hover { text-decoration:underline; }
.publis-items .publis-item-2 .link { border:none; cursor:text; }
.publis-items .publis-item-2 .link img { width:143px; height:108px; border:none; position:absolute; z-index:3; top:0px; left:0px; }
