/* CSS layout for portal mojemiasto
   @file: mmLayout.css
   @created: 06.10.2008
   @last edited: 22.10.2008
   @created by Arkadiusz Kondas
*/

/* global styles  */
html, body, a, h1, h2, h3, h4, ul, li, div, hr, img {margin:0; padding:0; border:0;}
body {background:url(layout/bgBody.jpg) top repeat-x; text-align:left; font-family:tahoma; font-size:11px;}
a {text-decoration:none; color:#069; cursor:pointer;}
a:hover {text-decoration:underline;}
h2 {font-size:15px; color:#333;}
h3 {font-size:12px; color:#93AC00;}
hr {margin:5px 0; border-top:1px solid black;}
.mmLinkMore {background:url(layout/iconArrowWhite.gif) left 75% no-repeat; color:#FFF; padding-left:10px; float:right; margin:10px 50px 0 0;}
#mmSimpleInfo {clear:both; text-align:center; padding-top:70px; font-size:12px;}

/* structure styles */
#mmHeaderBillboard {width:100%; height:112px; padding-top:11px; text-align:center;}
#mmHeaderWraper {width:960px; height:148px; margin:0 auto; background:url(layout/bgHeader.jpg) top no-repeat;}
#mmMainWraper {width:960px; margin:0 auto;}
#mmLeftCol {width:600px; float:left;}
#mmRightCol	{width:350px; float:right;}
#mmFooterWraper {width:100%; height:102px; margin:0 auto; clear:both; background:url(layout/bgFooter.jpg) top repeat-x;}
#mmFooter {width:960px; margin:0 auto; padding-top:10px; color:#FFF;}

/* left column styles */
#mmMainMenu {margin-top:4px; height:64px; border-bottom:1px solid #D9D6D6;}
.mmMenuBox {width:118px; height:62px; float:left; margin-right:2px; background:url(layout/bgMenuBox1.gif) top repeat-x; background:url(layout/bgMenuBox1.gif) top repeat-x; text-align:center;}
#mmMenuBox2, #mmLMenuBox2 {background:url(layout/bgMenuBox2.gif);} #mmMenuBox3, #mmLMenuBox3 {background:url(layout/bgMenuBox3.gif);} #mmMenuBox4, #mmLMenuBox4 {background:url(layout/bgMenuBox4.gif);} #mmMenuBox5 {background:url(layout/bgMenuBox5.gif);}
.mmMenuBox a {font-size:14px; color:#FFF; font-weight:bold; line-height:60px; display:block;}
#mmBreadCrump {height:16px; margin:10px 0; padding-top:3px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#mmBreadCrump a {color:#333;}
#mmBreadCrump #mmBCLeft {float:left;}
#mmBreadCrump #mmRss {float:right;}

#mmMainTidingsWrapper {margin:0 0 10px 0;}
.mmTabIndex {list-style:none;}
.mmTabIndex li {line-height:0px;}
.mmTabIndex li a {width:179px; height:27px; float:left; background:url(layout/bgInActiveTab.gif) top no-repeat; line-height:14px; text-align:center; padding-top:7px; display:block; color:#FFF; font-size:13px; font-weight:bold;}
.mmTabIndex li.activeTab a, .mmTabIndex li a:hover {background:url(layout/bgActiveTab.gif) top no-repeat;}
#mmMainTidingsBox {background:#93AC00; clear:both; padding:10px;}
#mmMainTidingsBox #mmMainFoto img {border:1px solid #FFF; float:left; margin-right:10px;}
#mmMainTidingsBox h2 {color:#FFF; font-size:12px; float:left; font-weight:bold;}
#mmMainTidingsBox h2 a {color:#FFF; font-size:14px;}
#mmMainTidingsBox #mmMainTidingText {color:#FFF; font-size:12px; padding-top:25px;}
.mmTidingDate {float:right; color:#333;}
#mmLatestTidings {border:1px solid #93AC00; padding:10px;}

#mmLatestTidings #mmLatTidLine {height:1px; border-bottom:1px solid #93AC00; width:200px; margin-bottom:10px;}
#mmLatestTidings ul {width:250px; float:left; line-height:20px; margin-left:10px; list-style:none;}
#mmLatestTidings li {background:url(layout/iconArrowGreen.gif) left no-repeat; padding-left:13px;}
#mmLatestTidings li a {color:#333;}

.mmLatestBox {margin:10px 0; float:left; width:196px; margin-right:6px;}
.mmLatestBox img {border:1px solid #CCC; margin:5px 0;}
.mmLatestBox .mmMenuBox {width:198px; float:none;}
.mmBoxContent {border:1px solid #CCC; width:182px; height:168px; padding:7px;}
.mmBoxContent h3 {font-size:12px; color:#666; font-weight:bold;}
.mmBoxContent h4, .mmBoxContent p {color:#333;}
.mmBoxContent a {color:#F00; float:right; margin-right:10px;}

/* right column styles */
#mmExtLinks h2 {margin:7px 0;}
#mmExtLinks a {font-size:12px; font-weight:bold; color:#333;}
#mmEntertainmentBox {margin:20px 0;}
#mmEntertainmentBox .mmEtLinks {float:left;}
#mmRightAdvert {border:1px solid #999;}
#mmMapWrapper {margin:10px 0; border:1px solid #999; padding:0px 10px; background:url(layout/bgBox.jpg) top repeat-x;}
#mmMapWrapper h2 {margin:10px 0 0 0;}
#mmMapWrapper h3 {color:#333; margin-top:5px;}
#mmMapWrapper #mmZoomIcon {float:left; margin:2px 5px 0 7px; z-index:10; position:relative;}
#mmMapWrapper ul {margin-left:20px;}
#mmGoogleMap {width:325px; height:260px; position:relative; overflow:hidden; top:-15px; z-index:2; border:1px solid #CCC;}
.mmMarkerDiv {width:230px; font-size:10px;}
.mmMarkerImage {float:left; margin-right:5px;}
#mmMarkerList {margin-left:10px;}
#mmMarkerList li {cursor:pointer; width:250px; margin-right:15px; float:left;}

/* notices styles */
#mmNoticesWrapper .mmTabIndex li.activeTab a, #mmNoticesWrapper .mmTabIndex li a:hover {background:url(layout/bgActiveTabNotice.gif) top no-repeat;}
#mmNoticeMenuWrapper {clear:both; padding:10px; background:#F3BA00;}
#mmNoticeMenuWrapper a img {margin-right:5px;}
#mmNoticeMenuWrapper a.main {font-size:14px; margin:0 0 5px 0; font-weight:bold; color:#FFF; display:block;}
#mmNoticeMenuWrapper a.sub1 {font-size:12px; margin:5px 0; text-decoration:underline; color:#FFF; display:block;}
#mmNoticeMenuWrapper a.sub2 {font-size:11px; list-style:disc; margin:0 0 0 10px; color:#FFF; display:block;}
.require {font-weight:bold; color:#F00;}
.mmNoticeSec {width:170px; float:left; margin-right:10px;}
#mmNoticeList {margin:10px 0;}
.mmNoticeBox {padding:5px; width:600px;}
#mmNoticeList img {margin:3px 10px 5px 2px;}
.mmNoticeBox h2 a, .mmNoticeBox h2 {font-size:12px; color:#333;}
.mmNoticeBox ins {display:block; float:right; font-size:10px; text-decoration:none; text-align:right;}
.mmNoticeBox em a {color:#666; font-size:10px;}
.mmNoticeBox p {margin-top:10px;}
.mmNoticeBox p a {color:#333;}
.mmNoticePrice {float:right; color:#F00; font-size:11px; font-weight:bold; margin-top:25px;}

/* catalog company styles */
#mmCatalogWrapper .mmTabIndex li.activeTab a, #mmCatalogWrapper .mmTabIndex li a:hover {background:url(layout/bgActiveTabCatalog.gif) top no-repeat;}
#mmCatalogMenuWrapper {clear:both; padding:10px; background:#349ED6;}
#mmCatalogMenuWrapper #mmCCList li {font-size:14px; float:left; width:250px; margin-left:20px; margin-right:10px; color:#FFF;}
#mmCatalogMenuWrapper #mmCCList li a {color:#FFF;}

/* tidings page styles */
#mmTidingsWrapper {border:1px solid #93AC00; background:url(layout/bgTidingsList.jpg) top repeat-x; padding:10px; clear:both; margin-bottom:10px;}
#mmTidingWrapper .mmTabIndex li.activeTab a, #mmTidingWrapper .mmTabIndex li a:hover {background:url(layout/bgActiveTabTiding.gif) top no-repeat;}
#mmTidingWrapper a {color:#333;}
.mmArticleBox {overflow:auto; border-bottom:1px solid #CCC; padding-bottom:10px; padding-right:5px; margin-bottom:10px;}
.mmArticleBox h3, .mmArticleBox h3 a {margin-bottom:15px; color:#000; font-size:14px;}
.mmArticleBox p {margin-top:7px;}
.mmArticleBox img {margin: 5px 10px; float:left;}
.mmArticleDate {color:#999; float:right; font-size:11px;}
.mmArticleBox .mmLinkMore {margin:15px 20px 0 0;}
#tidingsFullText, #tidingsFullText p {line-height:14px; color:#000; font-weight:normal;}
.mmArticleBox .mmArticleText {margin-left:160px;}
.mmArticleBox .mmArticleText a {color:#333;}
#mmTidingsBLine {background:#F1F1F1; width:100%; color:#666;}
#mmTidingsBLine a {color:#666;}
#mmTidingsBLine span {color:#000;}
#mmTidingsBLine td {width:33%;}
#mmPrintButton {background:url(layout/iconPrint.gif) no-repeat; padding-left:20px; cursor:pointer;}

/* comments list styles  */
.mmCommentList {width:100%; margin-bottom:12px; }
.mmCommentList p {font-size:11px; color:#556270;}
.mmCommentList .mmCommentAuthor {color:#E3001B; margin-bottom:5px;}
.mmCommentList .mmCommentAuthor span {color:#556270;}
.mmCommentAvatar {float:left; width:30px;}
.mmCommentText {margin-left:40px;}

/* infromant pages styles */
#mmInformantWrapper .mmTabIndex li.activeTab a, #mmInformantWrapper .mmTabIndex li a:hover {background:url(layout/bgActiveTabInformant.gif) top no-repeat;}
#mmCategoryList {clear:both; padding:15px; background:#5BB119;}
#mmCategoryList ul li {width:230px; float:left; margin-left:20px; color:#FFF; line-height:20px;}
#mmCategoryList ul li a {color:#FFF; font-size:13px; font-weight:bold;}
.mmListBox h2 {float:left; margin-bottom:5px;} .mmListBox span {float:right;}
.mmListBox p {clear:both;} .mmListBox {margin:15px 0; border-bottom:1px solid #CCC; padding-bottom:10px;}

/* enterteiment pages styles */
#mmEntMainBoxWrapper {clear:both; background:#93AC00; padding:10px;}
#mmGameTabIndex li.activeTab a, #mmGameTabIndex li a:hover {background:url(layout/bgActiveTabNotice.gif) top no-repeat;}
.mmListPages {clear:both; margin:5px 0;}
.mmGamesListBox {width:180px; margin:0 0 0 5px; float:left; padding:5px;}
.mmGamesListBox img {float:left; width:70px; height:60px; margin:0 10px 0 0;}
.mmGamesListBox a {color:#0088E4;}

#mmJokesTabIndex li.activeTab a, #mmJokesTabIndex li a:hover {background:url(layout/bgActiveTabCatalog.gif) top no-repeat;}
#mmCategoryList #mmJokesCategories li {width:120px;}
.mmJokesRate {border:0px; height:21px; width:96%; margin:10px auto; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.mmJokesRate .select, .oxJokesRate .submit {font-size:11px;}
.mmJokesRate .submit {padding:0px; height:19px; line-height:19px;}

.eCardBox {width:150px; height:115px; text-align:center; float:left;}

#mmComTabIndex li.activeTab a, #mmComTabIndex li a:hover {background:url(layout/bgActiveTabCom.gif) top no-repeat;}
.mmComplientsTable {width:100%; font-size:11px; margin:10px 0; border-bottom:1px solid #333; padding:12px 0;}

/* site map styles */
#mmSiteMap ul {margin-left:20px; line-height:15px;}

/* footer styles */
#mmFooter a {color:#FFF;}
#mmFooterMenu {font-size:12px; float:left;}
#mmFooterMenu a {margin:0 5px;}
#mmCreatedBy {float:right; font-size:12px;}
#mmFooterLinks {padding:20px 0 0 5px; clear:both;}