/* 
================================
Skin styles for DotNetNuke
================================
*/

body
{
    margin: 0;
    padding: 0;
    background-color: #202227 !important;
}

form
{
    margin: 0;
    padding: 0;
}

.pagemaster
{
    width: 100%;
    height: 100%;
    background-color: #464646;
    margin-left: auto;
    margin-right: auto;
}

.skinmaster
{
    height: 100%;
    background-color: #525252;
    background-image: url( 'images/bg.jpg' );
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}

.cell
{
    padding-left: 35px;
    padding-right: 35px;
}
.cellSeparator
{
    padding-left: 30px;
    padding-right: 30px;
}
.footer
{
    background-image: url( 'images/footer.jpg' );
}

.separatorCell
{
    background-image: url( 'images/separator.jpg' );
    height: 2px;
}

.skinheader
{
    background-image: url( 'images/tloGora.png' );
    background-repeat: repeat-x;
    height: 128px;
    width: 100%;
    text-align: center;
        overflow:hidden;
}

.skinheaderContent
{
    margin: 0 auto;
    width: 980px;
    overflow: auto;
    background-image: url( 'images/logo.png' );
    background-repeat: no-repeat;
    height: 128px;
}

.skinheaderMenu
{
    float: right;
}

.skinheaderMenuLeft
{
    float: right;
    width: 12px;
    height: 48px;
    background-image: url( 'images/menuL.png' );
    background-repeat: no-repeat;
}

.skinheaderMenuRight
{
    float: right;
    width: 12px;
    height: 48px;
    background-image: url( 'images/menuP.png' );
    background-repeat: no-repeat;
}

.skinheaderbar
{
    height: 2px;
    background-image: url( 'images/pasekGora.png' );
    background-repeat: repeat-x;
}

.skinProducts
{
    background: #d8e0e2 url( 'images/produktyCien.png' ) repeat-x;
    height: 357px;
    text-align:center;
    overflow:hidden;
}

.skinContent
{
    background: #2e3138 url( 'images/trescGora.png' ) repeat-x;
        text-align:center;
}

.skinMainContent
{
    background: transparent url( 'images/trescCien.png' ) no-repeat center top;
    width: 980px;
    margin: 0 auto;
    padding-top:10px;
}

.skinFooter
{
    background: #202227 url( 'images/stopkaGora.png' ) repeat-x;
    padding-top: 10px;
}

.skinFooterContent
{
    width: 980px;
    margin: 0 auto;
}

.skingradient
{
    height: 30px;
}
.controlpanel
{
    width: 100%;
    background-color: #DFE5F2;
}
.toppane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 0px;
}
.leftpane
{
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.contentpane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 0px;
}
.rightpane
{
    width: 225px !important;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 0px;
}
.bottompane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 0px;
}
.MainMenu_MenuContainer
{
    background-color: transparent;
}
.MainMenu_MenuBar
{
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
}
.MainMenu_MenuItem
{
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
}
.MainMenu_MenuIcon
{
    /*background-color: #CAD5EA; 	border-left: #CAD5EA 1px solid; 	border-bottom: #CAD5EA 1px solid; 	border-top: #CAD5EA 1px solid; 	cursor: pointer; 	cursor: hand; 	text-align: center; 	width: 15px; 	height: 21px;*/
    display: none;
    border-style: none !important;
}
.MainMenu_SubMenu
{
    background-color: #CAD5EA;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= '#696969' , Direction=135, Strength=3);
}
.MainMenu_MenuBreak
{
    height: 1px;
}
.MainMenu_MenuItemSel
{
    background-color: Transparent;
    background-image: url( 'images/menu_selected_item.png' );
    background-repeat: repeat-x;
    cursor: pointer;
    cursor: hand;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border: none;
}
.MainMenu_MenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border: none;
}
.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border: none;
}
.StandardButton
{
    background: #7994CB none;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu
{
    width: 175px;
    background-color: #DFE5F2;
    border-right: #7994CB 1px solid;
    border-top: #7994CB 1px solid;
    border-left: #7994CB 1px solid;
    border-bottom: #7994CB 1px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header
{
    background-image: url( 'gradient_LtBlue.jpg' );
}
.Head
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
}


/*--------- dnn menu style ----------*/
/* main menu td */
.main_dnnmenu_bar
{
    cursor: pointer;
    font-size: 11px;
    background-color: transparent;
}

/*  Main Menu Normal  */
.main_dnnmenu_rootitem
{
    color: #46484f;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
    background-image: url( 'images/menu.png' );
    background-repeat: repeat-x;
    height: 47px;
}

/*  Main menu hover  */
.main_dnnmenu_rootitem_hover
{
    color: #ffffff;
    text-align: center;
    line-height: 42px;
}

.menu_item_l
{
    width: 10px;
    float: left;
}

.menu_item_r
{
    width: 11px;
    float: left;
}

.menu_selected_l
{
    background-image: url( 'images/menu_selected_l.png' );
}

.menu_selected_r
{
    background-image: url( 'images/menu_selected_r.png' );
}

.menu_arrow
{
    float: left;
    height: 42px;
}
.menu_arrow img
{
    margin-top: 15px;
}
.menu_arrow_selected
{
    background-image: url( 'images/menu_selected_top.png' );
    background-repeat: repeat-x;
}

.menu_item_top
{
    
    float: left;
    height: 42px;
    vertical-align:middle;
}

.menu_item_top img
{
    margin-top:15px;
}

.menu_selected_top
{
    background-image: url( 'images/menu_selected_top.png' );
    background-repeat: repeat-x;
    color: #ffffff;
}

.menu_selected_bottom_m
{
    background-color: #35373f;
    /*margin: 0 11px;*/
    height: 9px;
    padding: 0;
    line-height: 9px;
}

.menu_selected_bottom
{
    overflow: hidden;
    background:none;
    padding:0px;
    margin:0px;
    height: 9px;
    width: 100%;
    display:block;
}

.menu_selected_bottom_l
{
    width: 11px;
    background-image: url('images/menu_selected_bottom_l.png');
    background-repeat: no-repeat;
    /*float: left;*/
    height: 9px;
}

.menu_selected_bottom_r
{
    width: 11px; 
    background-image: url('images/menu_selected_bottom_r.png');
    background-repeat: no-repeat;
    /*float: right;*/
    height: 9px;
}

.main_dnnmenu_rootitem_hover td.menu_selected_l
{
    background-image: url( 'images/menu_selected_l.png' );
}

/*  Main menu selected  */
.main_dnnmenu_rootitem_selected
{
   color: #46484f;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
    background-image: url( 'images/menu.png' );
    background-repeat: repeat-x;
    height: 47px;
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu
{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin-top: -2px;
    margin-left: 0px;
    width: auto !important;
    max-width: 240px;
    min-width:120px;
    width: auto !important;
    width: 240px;
    z-index:1000;
}

.main_dnnmenu_submenu>.menu_selected_bottom
{
    display:block;
}

.menu_selected
{
    min-height: 70px;
    height: auto !important;
    height: 70px;
    width:100%;  
    padding-top: 7px;
    background: #35373f url( 'images/menu_selected.png' );
    background-repeat: no-repeat; 
}

.menu_selected_tableTop
{
   
}

/*.main_dnnmenu_submenu>.menu_selected
{
    padding-bottom:0px;
}*/


.menu_selected_tableTop td
{
    text-align: left;
    color: #ffffff;
    line-height: 2em;
    padding: 0px;
    margin: 0px;
    text-indent: 5px;
    z-index: 1000;
    font-size: 12px;
    font-weight: bold;
    border: none !important;
}

.menu_selected_bottom td
{
    text-align: left;
    color: #ffffff;
    line-height: normal;
    padding: 0px;
    margin: 0px;
    text-indent: 0px;
    z-index: 0;
    font-size: 9px;
    font-weight: normal;
    border: none !important;
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td, .main_dnnmenu_itemselected td
{
    background-image: url( 'images/menu_selected_item.png' );
    background-color: Transparent;
    background-repeat: repeat-x;
    border-style: none none none none !important; /*border-width: 1px; 	border-color: #666666; 	background-color: #FFFFCC; 	z-index: 1000; 	font-size: 12px; 	font-weight: bold; 	text-align: left; 	color: #999999; 	line-height: 2em; 	padding: 0px; 	margin: 0px; 	text-indent: 5px;*/
}

.main_dnnmenu_break
{
    height: 2px; /*	background-color: #D5E0FF;*/
}

/* Module Action Menus */
.ModuleTitle_SubMenu
{
    border: 0px;
}

.ModuleTitle_SubMenu td
{
    white-space: nowrap;
}

.ModuleTitle_MenuIcon
{
    border: none;
    padding: 0px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon
{
    color: #000;
    border: 0px;
    background-color: Transparent;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
    height: 2px;
    color: #000;
}

A:
{
    color: #6eb1d7;
    font-weight: bold;
}

A:link
{
    color: #6eb1d7;
    font-weight: bold;
}

A:visited
{
    color: #6eb1d7;
    font-weight: bold;
}

A:active
{
    color: #6eb1d7;
    font-weight: bold;
}

A:hover
{
    color: #6eb1d7;
    font-weight: bold;
}



/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider
{
    width: 960px;
    height: 357px;
    position: relative;
    margin: 0 auto 15px;
    color: Black;
}
.anythingSlider .wrapper
{
    width: 700px;
    overflow: auto;
    height: 341px;
    margin: 0 40px 0 160px;
    position: absolute;
    top: 0;
    left: 0;
    text-align:left;
}
.anythingSlider .wrapper ul
{
    height: 99999px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border-top: none;
    border-bottom: none;

}

.wrapper ul
{
    padding-left: 0px;
    list-style: none;
    margin-left: 40px;
}
.anythingSlider ul li
{
    display: block;
    padding: 37px 0px 0px 0px;
    height: 317px;
    width: 680px;
    margin: 0;
}
.anythingSlider .arrow
{
    display: none;
    height: 200px;
    width: 67px;
    background: url(../images/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 65px;
    cursor: pointer;
}
.anythingSlider .forward
{
    background-position: 0 0;
    right: -20px;
}
.anythingSlider .back
{
    background-position: -67px 0;
    left: -20px;
}
.anythingSlider .forward:hover
{
    background-position: 0 -200px;
}
.anythingSlider .back:hover
{
    background-position: -67px -200px;
}

#thumbNav
{
    height: 307px;
    padding-top:50px;
    text-align: center;
    float:left;
}
#thumbNav a
{
    color: black;
    display: block;
    width: 143px;
    height: 126px;
    margin: 10px 5px 0 0;
    text-align: center;
}
#thumbNav a:hover
{
}
#thumbNav a.cur
{
}

#start-stop
{
    display: none;
    background: green;
    background-image: url(../images/cellshade.png);
    background-repeat: repeat-x;
    color: white;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 45px;
    top: 323px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
#start-stop.playing
{
    background-color: red;
}
#start-stop:hover
{
    background-image: none;
}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul
{
    position: static;
    margin: 0;
    background: none;
    overflow: visible;
    width: auto;
    border: 0;
}
.anythingSlider .wrapper ul ul li
{
    float: none;
    height: auto;
    width: auto;
    background: none;
}

.eventsBig
{
    width: 311px;
    height: 269px;
    background-image: url( 'images/eventsBig.png' );
    float: left;
}
.mobileBig
{
    width: 311px;
    height: 269px;
    background-image: url( 'images/mobileBig.png' );
    float: left;
}
.sklepBig
{
    width: 311px;
    height: 269px;
    background-image: url( 'images/sklepBig.png' );
    float: left;
}

.productSlide
{
    font-size: 12px;
    overflow: auto;
}

.productSlide h4
{
    font-size: 16px;
    color: Black;
    font-weight: bold;
    margin-top: 0px;
}

.productText
{
    float: left;
    padding: 20px;
    width: 320px;
    display: none;
}

.product-2
{
    background: transparent url( 'images/sklepSmall.png' ) no-repeat;
}

.product-1
{
    background: transparent url( 'images/mobileSmall.png' ) no-repeat;
}

.product-3
{
    background: transparent url( 'images/eventsSmall.png' ) no-repeat;
}

.readMore
{
    padding-top:10px;
    text-align:right;
    padding-right:20px;
}