/* style uniwersalne */
#IndexIndex { margin: 0; padding: 0; border-top: #e1e1e1; }
#IndexIndex h1 { color: #b9002c;  font-family: georgia; font-size: 11px; font-weight: bold; margin: 5px 0 10px 0; padding: 0; }
#IndexIndex h1 a{ color: #b9002c;  font-family: georgia; font-size: 11px; font-weight: bold; margin: 5px 0 10px 0; padding: 0; }
#IndexIndex p { margin: 0; padding: 0; }
#IndexIndex img { display: block; float: left; margin: 0; padding: 0; border: 0; }
#IndexIndex ul { margin: 0; padding: 0; list-style-type: none; }
#IndexIndex ul li { float: left; display: block; }
#IndexIndex .hidden { display: none; }
#IndexIndex .block { display: block; }
#IndexIndex .mLeft { margin-left: 10px; }
#IndexIndex .mRight { margin-right: 10px; }
#IndexIndex .mTop { margin-top: 10px; }
#IndexIndex .mBottom { margin-bottom: 12px; }
#IndexIndex .clear { clear: both; } 
#IndexIndex .sgConteiner { float: left; margin-bottom: 15px; }
#IndexIndex .sgTypicalTitle { font-family: georgia; font-size: 14px; font-weight: bold; color: #3d3d3d; }
#IndexIndex .sgTypicalContent { font-size: 11px; font-family: Tahoma; }
#IndexIndex .date { color: #8d8d8d; margin: 2px 0 4px 0; padding: 0; }
#IndexIndex .date span { color: #3d3d3d; }
#IndexIndex .author { diplay: block; float: left; width: 125px; color: #0088b5; font-size: 10px; font-family: Arial; margin: 6px 0 3px 0; }
* html #IndexIndex .author { width: 100px; }
#IndexIndex .raquo { font-size: 10px; font-family: trebuchet; color: #0088b5; font-weight: normal; }
#IndexIndex .raquo:hover { text-decoration: underline; }
#IndexIndex .sgOutContent { float: left; padding-bottom: 12px; }
#IndexIndex .sgMoreOut { float: right; width: 80px; }
#IndexIndex .sgMoreContent, #IndexIndex .sgMoreContent3, #IndexIndex .sgMoreContent4 { float: right; border-top: 3px solid #e1e1e1; width: 55px; text-align: center; }
#IndexIndex .sgMoreOut2 { float: left; margin-left: 252px; }
* html #IndexIndex .sgMoreOut2 { margin-left: 124px; }
#IndexIndex .sgMoreContent2 { float: left; border-top: 3px solid #e1e1e1; width: 55px; text-align: center;, margin-right: 2px; }
#IndexIndex .sgMoreContent { margin-right: 3px; }
#IndexIndex .sgMoreContent3 { margin-right: 2px; }
#IndexIndex .sgMoreContent4 { margin-right: 1px; }
#IndexIndex .more { font-size: 10px; font-family: Arial; font-weight: bold; color: #b9002c; }
#IndexIndex .more span { color: #8d8d8d; }


/* polecamy */
#IndexIndex .sgRecommended { float: left; background: #ededed; width: 320px; height: 329px; position: relative; }
#IndexIndex .sgRecommended  img { width: 320px; height: 200px; }
#IndexIndex .sgRecommended .sgRecommendedMainInfo { position: absolute; top: 180px; left: 9px; background: #3d3d3d url('/i/h1_border_bottom.gif') bottom repeat-x; width: 282px; height: 50px; padding: 10px 10px 0 10px; opacity: 0.8; filter: Alpha(Opacity=80);}
* html #IndexIndex .sgRecommended .sgRecommendedMainInfo { width: 305px; }
#IndexIndex .sgRecommended .sgRecommendedTitle { font-family: georgia; font-size: 14px; font-weight: bold; color: #fff; }
#IndexIndex .sgRecommended p { color: #8d8d8d; font-size: 10px; font-family: Arial; margin-top: 5px; font-weight: normal; }
#IndexIndex .sgRecommended .sgRecommendedContent { float: left; font-size: 11px; font-family: Tahoma; width: 280px; margin: 50px 20px 10px 20px; height: 40px; }
* html #IndexIndex .sgRecommended .sgRecommendedContent { margin: 40px 0 10px 12px; width: 285px; }
#IndexIndex .sgRecommended .sgRecommendedPacks { float: left; margin: 0; padding: 0; }
#IndexIndex .sgRecommended .sgRecommendedPacks ul { float: left; width: 100px; margin-left: 8px; }
* html #IndexIndex .sgRecommended .sgRecommendedPacks ul { margin-left: 4px; }
#IndexIndex .sgRecommended .sgRecommendedPacks ul li { width: 13px; height: 13px; margin-right: 3px; border: 1px solid #e1e1e1; background: #fff; padding: 2px 0 5px 6px; }
* html #IndexIndex .sgRecommended .sgRecommendedPacks ul li { width: 20px; }
#IndexIndex .sgRecommended .sgRecommendedPacks ul li a { font-family: georgia; font-size: 11px; font-weight: bold; }
#IndexIndex .sgRecommended .sgRecommendedPacks ul li a.none { color: #a1a1a1; }
#IndexIndex .sgRecommended .sgRecommendedPacks ul li a.selected { color: #c61766; }
#sgNavi ul li { cursor: pointer; cursor: hand; }

/* gdzie się wybrac */
#IndexIndex .sgEvents { float: left; width: 297px; margin-left: 10px; }
* html #IndexIndex .sgEvents { width: 290px; margin-left: 5px; }
#IndexIndex .sgEvents .sgSingleEvent { float: left; width: 295px; border-bottom: 1px solid #e1e1e1; padding-bottom: 12px; }
* html #IndexIndex .sgEvents .sgSingleEvent { width: 289px; }
#IndexIndex .sgEvents .sgSingleEvent img { width: 70px; height: 70px; }
#IndexIndex .sgEvents .sgEventContent { float: left; margin-left: 10px; width: 205px; }
* html #IndexIndex .sgEvents .sgEventContent { width: 170px; }


/* koniecznie przecztaj */
/*#IndexIndex .sgNews { float: left; width: 625px; border-bottom: 1px solid #e1e1e1; padding-bottom: 12px; }
#IndexIndex .sgNews .sgSingleNews { float: left; width: 201px; }
#IndexIndex .sgNews .sgSingleNews img { width: 70px; height: 70px; }
#IndexIndex .sgNews .sgNewsContent { float: left; width: 120px; margin-right: 5px; }
* html #IndexIndex .sgNews .sgNewsContent { width: 110px; }*/

#IndexIndex .sgNews { float: left; width: 422px;  padding-bottom: 12px; }
#IndexIndex .sgNews .sgSingleNews { float: left; width: 201px; }
#IndexIndex .sgNews .sgSingleNews img { width: 70px; height: 70px; }
#IndexIndex .sgNews .sgNewsContent { float: left; width: 120px; margin-right: 5px; }
* html #IndexIndex .sgNews .sgNewsContent { width: 110px; }

/* konkursy*/
#IndexIndex .sgQuiz { float: left; width: 206px;  padding-bottom: 12px; }
#IndexIndex .sgQuiz .sgSingleQuiz { float: left; width: 201px; }
#IndexIndex .sgQuiz .sgSingleQuiz img { width: 70px; height: 70px; } 
#IndexIndex .sgQuiz .sgQuizContent { float: left; width: 120px; margin-right: 5px; }
* html #IndexIndex .sgQuiz .sgQuizContent { width: 110px;}

/* dolacz do dyskusji */
#IndexIndex .sgForum { float: left; width: 320px; border-top: 1px solid #e1e1e1; margin: 0; padding: 0; }
#IndexIndex .sgForum ul li { border-bottom: 1px solid #e1e1e1; width: 319px; padding: 15px 0 17px 0; }
#IndexIndex .sgForum .content { margin: 3px 5px 3px 0; }


/* nasi partnerzy */
#IndexIndex .sgOutPlaces { float: left; width: 297px; margin: 0; padding: 0; }
#IndexIndex .sgPlaces { float: left; width: 297px; margin-left: 10px; padding-bottom: 12px; border-bottom: 1px solid #e1e1e1; }
* html #IndexIndex .sgPlaces { margin-left: 5px; width: 290px; }
#IndexIndex .sgPlaces .sgPlaceName { color: #0088b5; font-size: 10px; font-family: Arial; }
#IndexIndex .sgPlaces .sgSinglePlace { float: left; width: 295px; background: #ededed; }
#IndexIndex .sgPlaces .sgSinglePlace img { width: 70px; height: 70px; }
#IndexIndex .sgPlaces .sgPlaceContent { float: left; margin-left: 10px; width: 205px; margin-top: 5px; }
* html #IndexIndex .sgPlaces .sgPlaceContent { width: 180px; }


/* grupy w stopce */
#sgGroupsOut { width: 100%; text-align: center; }
#sgGroupsOut #sgGroups { width: 960px; margin: 15px auto; height: 150px; border: 1px solid #515151; background: #434343; }
#sgGroupsOut #sgGroups h1 { text-align: left; background: url('/i/sg_groups_h1_border.gif') bottom repeat-x; width: 940px; margin: 10px auto; padding-bottom: 20px; }
#sgGroupsOut #sgGroups h1 a { color: #fff; font-size: 11px; font-family: georgia; letter-spacing: 1px; }

#sgGroupsOut #sgGroups .sgElementGroupBox { float: left; width: 223px; text-align: left; margin: 5px 1px 0 10px; }
* html #sgGroupsOut #sgGroups .sgElementGroupBox { margin: 0 0 0 3px; width: 232px; }
#sgGroupsOut #sgGroups .sgElementGroupBox img { float: left; width: 70px; height: 70px; }
#sgGroupsOut #sgGroups .sgElementGroupContent { float: left; margin-left: 15px; }
#sgGroupsOut #sgGroups .sgElementGroupContent .sgElementGroupTitle { margin-bottom: 2px; }
#sgGroupsOut #sgGroups .sgElementGroupContent .sgElementGroupMem { margin-bottom: 3px; }
#sgGroupsOut #sgGroups .sgElementGroupContent p { color: #8d8d8d; margin: 0; padding: 0; }
#sgGroupsOut #sgGroups .sgElementGroupContent p a { color: #009ed2; font-size: 11px; font-family: Tahoma; }
#sgGroupsOut #sgGroups .sgElementGroupContent .sgGroupDesc { color: #c7c7c7; float: left; width: 125px; font-size: 11px; font-family: Tahoma; height: 40px; overflow: hidden; }
* html #sgGroupsOut #sgGroups .sgElementGroupContent { width: 90px; margin-left: 5px; }


/* prawa kolumna */
/* promowani uzytkowicy */
#sgRightPromoted { float: left; background: #ededed; border: 0; text-align: left; width: 300px; margin: 1px 0 10px 0; padding-bottom: 10px; }
#sgRightPromoted div { width: 285px; margin: 0 0 0 10px; }

/* prawy blok z pozostalymi */
#sgRightBlock { float: left; background: #ededed; border: 0; text-align: left; width: 300px; margin-top: 1px; }
#sgRightBlock .sgRightPhotos h1, #sgRightBlock .sgRightUsers h1, #sgRightPromoted h1 { color: #3d3d3d; background: url('/i/sg_border_red.gif') bottom repeat-x; font-size: 11px; font-family: georgia; letter-spacing: 1px; padding: 5px 0 20px 0; width: 280px; }
#sgRightBlock .blue, #sgRightPromoted .blue { color: #0088b5; font-size: 11px; font-family: Tahoma; }
#sgRightBlock .grey, #sgRightPromoted .grey { color: #8d8d8d; font-size: 10px; font-family: Arial; }
#sgRightBlock .sgRightPhotos { float: left; width: 285px; margin: 0 0 5px 10px; }
* html #sgRightBlock .sgRightPhotos { width: 285px; margin: 2px 0 0 5px; }
#sgRightBlock .sgRightUsers { float: left; width: 285px; margin: 0 0 5px 10px; }
* html #sgRightBlock .sgRightUsers { width: 285px; margin: 2px 0 10px 5px; }

#sgRightBlock .sgElementBox, #sgRightPromoted .sgElementBox { float: left; border: 1px solid #e1e1e1; width: 90px; background: #fff; margin: 5px 2px 0 0; text-align: center; }
* html #sgRightBlock .sgElementBox, * html #sgRightPromoted .sgElementBox { margin-right: 5px; }
#sgRightBlock .sgElementBox img, #sgRightPromoted .sgElementBox img { margin-top: 5px; width: 70px; height: 70px; }
#sgRightBlock .sgElementBox p, #sgRightPromoted .sgElementBox p { margin: 3px 0; padding: 0; }

#sgRightBlock .sgRightMore, #sgRightPromoted .sgRightMore { float: right; margin: 3px 12px 0 0; width: 80px; text-align: right; }
* html #sgRightBlock .sgRightMore, * html #sgRightPromoted .sgRightMore { margin-right: 5px; }
#sgRightBlock .sgRightMore .more, #sgRightPromoted .sgRightMore .more { font-size: 10px; font-family: Arial; font-weight: bold; color: #b9002c; }
#sgRightBlock .sgRightMore .raquo, #sgRightPromoted .sgRightMore .raquo { font-size: 10px; font-family: trebuchet; color: #0088b5; font-weight: normal; }
#sgRightBlock .sgRightMore .raquo:hover, #sgRightPromoted .sgRightMore .raquo:hover { text-decoration: underline; }