/* 
--------------------------------------------------------------------------------
Upravy pre velke rozlisenia (nad 2048 px)
--------------------------------------------------------------------------------
 */
@media (min-width: 2048px)
{
    .dnnEditState div.popuppane:hover
    {
        width: 130px;
        height: 162px;
        margin: 32px 20px 0px 20px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .dnnEditState div.popuppane:hover div.popup1pane, .dnnEditState div.popuppane:hover div.popup2pane, .dnnEditState div.popuppane:hover div.popup3pane, .dnnEditState div.popuppane:hover div.popup4pane
    {
        height: 81px;
        border-width: 0px;
    }
    .dnnEditState div.popuppane:hover div.popup1pane
    {
        background-image: url("./images/popup1.png");
    }
    .dnnEditState div.popuppane:hover div.popup2pane
    {
        background-image: url("./images/popup2.png");
    }
    .dnnEditState div.popuppane:hover div.popup3pane
    {
        background-image: url("./images/popup3.png");
    }
    .dnnEditState div.popuppane:hover div.popup4pane
    {
        background-image: url("./images/popup4.png");
    }
    .dnnEditState div.popuppane:hover ul, .dnnEditState div.popuppane:hover div.popup1image, .dnnEditState div.popuppane:hover div.popup2image, .dnnEditState div.popuppane:hover div.popup3image, .dnnEditState div.popuppane:hover div.popup4image
    {
        display: none;
    }
    .imagemodule, .menuModuleTopImage
    {
        width: 100%;
    }
    .imagemodule > span, .menuModuleTopImage > span
    {
        width: 100%;
        margin-left: 0px;
    }
    .imagemodule img, .menuModuleTopImage img
    {
        width: 101%;
    }
}

/* 
--------------------------------------------------------------------------------
Upravy pre normalne rozlisenia (1301 px - 2047 px)
--------------------------------------------------------------------------------
 */
@media (min-width: 1301px) and (max-width: 2047px)
{
    .dnnEditState div.popuppane:hover
    {
        width: 130px;
        height: 162px;
        margin: 32px 20px 0px 20px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .dnnEditState div.popuppane:hover div.popup1pane, .dnnEditState div.popuppane:hover div.popup2pane, .dnnEditState div.popuppane:hover div.popup3pane, .dnnEditState div.popuppane:hover div.popup4pane
    {
        height: 81px;
        border-width: 0px;
    }
    .dnnEditState div.popuppane:hover div.popup1pane
    {
        background-image: url("./images/popup1.png");
    }
    .dnnEditState div.popuppane:hover div.popup2pane
    {
        background-image: url("./images/popup2.png");
    }
    .dnnEditState div.popuppane:hover div.popup3pane
    {
        background-image: url("./images/popup3.png");
    }
    .dnnEditState div.popuppane:hover div.popup4pane
    {
        background-image: url("./images/popup4.png");
    }
    .dnnEditState div.popuppane:hover ul, .dnnEditState div.popuppane:hover div.popup1image, .dnnEditState div.popuppane:hover div.popup2image, .dnnEditState div.popuppane:hover div.popup3image, .dnnEditState div.popuppane:hover div.popup4image
    {
        display: none;
    }
}

/* 
--------------------------------------------------------------------------------
Upravy pre male rozlisenia (1021 px - 1300 px)
--------------------------------------------------------------------------------
 */
@media (min-width: 1021px) and (max-width: 1300px)
{
    .dnnEditState div.popuppane:hover
    {
        width: 130px;
        height: 162px;
        margin: 32px 20px 0px 20px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .dnnEditState div.popuppane:hover div.popup1pane, .dnnEditState div.popuppane:hover div.popup2pane, .dnnEditState div.popuppane:hover div.popup3pane, .dnnEditState div.popuppane:hover div.popup4pane
    {
        height: 81px;
        border-width: 0px;
    }
    .dnnEditState div.popuppane:hover div.popup1pane
    {
        background-image: url("./images/popup1.png");
    }
    .dnnEditState div.popuppane:hover div.popup2pane
    {
        background-image: url("./images/popup2.png");
    }
    .dnnEditState div.popuppane:hover div.popup3pane
    {
        background-image: url("./images/popup3.png");
    }
    .dnnEditState div.popuppane:hover div.popup4pane
    {
        background-image: url("./images/popup4.png");
    }
    .dnnEditState div.popuppane:hover ul, .dnnEditState div.popuppane:hover div.popup1image, .dnnEditState div.popuppane:hover div.popup2image, .dnnEditState div.popuppane:hover div.popup3image, .dnnEditState div.popuppane:hover div.popup4image
    {
        display: none;
    }
    .sitecontent, .contentpane, .carouselModulContainer, .eventspane, .popups
    {
        width: 980px;
    }
    .logo, .lefteventpane, .socialleftpanegrupped, .leftfooterpanerow, .footerpane:first-child, .popups, .popups .popuppane:first-child
    {
        margin-left: 0px;
    }
    .topmenupane, .carouselModulContentDiv
    {
        padding-right: 0px;
    }
    .carouselModulImageDiv
    {
        width: 400px;
    }
    .carouselPager
    {
        padding-right: 0px;
    }
    .righteventpane, .socialrightpane, .rightfooterpanerow, .footerpane.noborder, div.search
    {
        margin-right: 0px;
    }
    .footerspane
    {
        padding-left: 0px;
    }
    /* Zmeny kvoli zmene dizajnu */
    div.videopane, div.pattern1reversed div.buttonpane, div.popups
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    div.contentpane.new, div.footerspane.new, div.footerpanerow.new
    {
        padding-left: 0px;
        padding-right: 0px;
        width: 980px;
    }
    div.footerspane.new div.footerpane.new.noborder, div.footerpanerow.new div.footerabsolutebottom.noborder
    {
        margin-right: 0px;
        padding-right: 0px !important;
    }
	div.flag
	{
		right: 0px;
	}
}

/* 
--------------------------------------------------------------------------------
Upravy pre mensie rozlisenia (931 px - 1020 px)
--------------------------------------------------------------------------------
 */
@media (min-width: 931px) and (max-width: 1020px)
{
    .dnnEditState div.popuppane:hover
    {
        width: 130px;
        height: 162px;
        margin: 32px 8px 0px 9px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .dnnEditState div.popuppane:hover div.popup1pane, .dnnEditState div.popuppane:hover div.popup2pane, .dnnEditState div.popuppane:hover div.popup3pane, .dnnEditState div.popuppane:hover div.popup4pane
    {
        height: 81px;
        border-width: 0px;
    }
    .dnnEditState div.popuppane:hover div.popup1pane
    {
        background-image: url("./images/popup1.png");
    }
    .dnnEditState div.popuppane:hover div.popup2pane
    {
        background-image: url("./images/popup2.png");
    }
    .dnnEditState div.popuppane:hover div.popup3pane
    {
        background-image: url("./images/popup3.png");
    }
    .dnnEditState div.popuppane:hover div.popup4pane
    {
        background-image: url("./images/popup4.png");
    }
    .dnnEditState div.popuppane:hover ul, .dnnEditState div.popuppane:hover div.popup1image, .dnnEditState div.popuppane:hover div.popup2image, .dnnEditState div.popuppane:hover div.popup3image, .dnnEditState div.popuppane:hover div.popup4image
    {
        display: none;
    }
    .footerpane
    {
        margin-left: 5px;
        margin-right: 5px;
    }
    .sitecontent, .contentpane, .carouselModulContainer, .eventspane, .popups
    {
        width: 890px;
    }
    .logo, .lefteventpane, .socialleftpanegrupped, .leftfooterpanerow, .footerpane:first-child, .popups, .popups .popuppane:first-child
    {
        margin-left: 0px;
    }
    .topmenupane, .carouselModulContentDiv
    {
        padding-right: 0px;
    }
    .carouselModulImageDiv
    {
        width: 400px;
    }
    .carouselPager
    {
        padding-right: 0px;
    }
    .righteventpane, .socialrightpane, .rightfooterpanerow, .footerpane.noborder, div.search
    {
        margin-right: 0px;
    }
    .footerspane
    {
        padding-left: 0px;
    }
    .topmenupane
    {
        width: 630px;
    }
    .topmenupane ul li
    {
        margin-left: 10px;
        font-size: 15px;
        font-size: 0.938rem;
    }
    .topmenupane ul input
    {
        font-size: 15px;
        font-size: 0.938rem;
    }
    .lefteventpane, .righteventpane
    {
        width: 425px;   
    }
    .socialrightpane
    {
        width: 210px;
    }
    .PhotoGalleryContent li, .PhotoGalleryContent li:nth-child(even)
    {
        margin: 0px 0px 20px 35px;
    }
    .PhotoGalleryContent li:nth-child(n+4)
    {
        display: none;
    }
    /* Zmeny kvoli zmene dizajnu */
    div.videopane, div.pattern1reversed div.buttonpane, div.popups
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    div.contentpane.new, div.footerspane.new, div.footerpanerow.new
    {
        padding-left: 0px;
        padding-right: 0px;
        width: 890px;
    }
    div.footerspane.new div.footerpane.new.noborder, div.footerpanerow.new div.footerabsolutebottom.noborder
    {
        margin-right: 0px;
        padding-right: 0px !important;
    }
    div.youtubemodule div.videorepeater div.videoitem, div.buttonpane a.linkbutton
    {
        margin-left: 10px;
    }
    div.youtubemodule div.videorepeater div.videosocial
    {
        display: none;
    }
    div.youtubemodule div.videopager
    {
        margin-left: 335px;
    }
    div.popuppane
    {
        margin-left: 9px;
        margin-right: 8px;
    }
    div.popuppane:hover
    {
        margin-left: -34px;
        margin-right: -34px;
    }
    div.contentpane.new div.footerpane.new, div.footerspane.new div.footerpane.new, div.footerpanerow.new div.footerabsolutebottom
    {
        padding-right: 0px !important;
        margin-left: 5px;
        margin-right: 5px;
    }
	div.flag
	{
		right: 0px;
	}
}

/* 
--------------------------------------------------------------------------------
Upravy pre este mensie rozlisenia (661 px - 930 px)
--------------------------------------------------------------------------------
 */
@media (min-width: 661px) and (max-width: 930px)
{
    .popuppane, .footerpane
    {
        margin-left: 5px;
        margin-right: 5px;
    }
    .sitecontent, .topmenupane, .socialleftpanegrupped, .socialtoppane
    {
        width: 620px;
    }
    .contentpane
    {
        width: 460px;
    }
    .popups, .eventspane, .footerspane
    {
        width: 540px;
    }
    .socialleftpanegrupped, .leftfooterpanerow, .footerpane:first-child
    {
        margin-left: 0px;
    }
    .popups, .eventspane, .carouselModulContainer
    {
        margin-left: 80px;
    }
    .logo
    {
        margin-left: 188px;
    }
    .topmenupane, .carouselModulContentDiv
    {
        padding-right: 0px;
    }
    .carouselModulContentDiv
    {
        padding-left: 0px;
    }
    .carouselModulImageDiv
    {
        display: none;
    }
    .carouselPager
    {
        padding-right: 0px;
        padding-top: 5px;
    }
    .socialrightpane, .rightfooterpanerow, .footerpane.noborder, div.search
    {
        margin-right: 0px;
    }
    .footerspane
    {
        padding-left: 0px;
    }
    .topmenupane ul
    {
        float: none;
        text-align: center;
    }
    .topmenupane ul li
    {
        margin-left: 10px;
        font-size: 15px;
        font-size: 0.938rem;
    }
    .topmenupane ul input
    {
        font-size: 15px;
        font-size: 0.938rem;
    }
    .lefteventpane, .righteventpane
    {
        width: 460px;
    }
    .lefteventpane
    {
        margin: 60px 0px 20px 0px; 
    }
    .righteventpane
    {
        margin: 20px 0px 60px 0px;
    }
    .socialpane
    {
        height: 975px;
    }
    .socialleftpane
    {
        margin-right: 10px;
    }
    .socialcenterpane
    {
        margin-left: 10px;
    }
    .socialleftpanegrupped
    {
        margin-bottom: 0px;
    }
    .socialrightpane
    {
        margin: 20px 0px 0px 0px;
        width: 620px;
        height: 345px;
    }
    .PhotoGalleryContent
    {
        width: 460px;
        margin-left: 80px;
    }
    .PhotoGalleryContent ul li, .PhotoGalleryContent ul li:nth-child(even)
    {
        margin-right: 20px;
        margin-left: 0px;
    }
    .PhotoGalleryContent ul li:nth-child(3n)
    {
        margin-right: 0px;
    }
    .footerpane:nth-child(2)
    {
        border: none;
        width: 195px;
    }
    .footerpane:first-child, .footerpane:nth-child(2)
    {
        margin-bottom: 35px;
    }
    .footerpane:nth-child(3), .footerpane:nth-child(4)
    {
        margin-top: 35px;
    }
    .footerpane:nth-child(3)
    {
        margin-left: 0px;
    }
    /* Hover pre menu pod vyhladavanim - nastavenie ako default state */
    .popuppane:hover
    {
        margin-top: 10px;
    }
    .popups
    {
        height: 890px;
        margin-top: 0px;
    }
    .popuppane
    {
        position: absolute;
        display: block;
        background-color: #ffffff;
        box-shadow: 0px 2px 14px 0px #101010;
        width: 215px;
        height: 430px;
        z-index: 400;
        margin: 10px 7px 10px 7px;
    }
    .popuppane ul
    {
        position: relative;
        display: block;
        height: 180px;
        list-style: none;
        font-size: 13px;
        font-size: 0.813rem;
        font-family: "Roboto" , sans-serif;
        color: #333333;
        text-align: center;
        padding: 15px 15px 0px 15px;
        margin-top: -288px;
        overflow: hidden;
    }
    .popuppane ul li
    {
        margin-top: 13px;
    }
    .popuppane a
    {
        font-family: "Roboto" , sans-serif;
        color: #333333;
        text-decoration: none;
    }
    .popuppane h2
    {
        margin-top: -15px;
    }
    .popuppane .popup1pane, .popuppane .popup2pane, .popuppane .popup3pane, .popuppane .popup4pane
    {
        margin-top: -31px;
        display: block;
        height: 261px;
        border-bottom: 1px solid #e6e6e6;
    }
    .popuppane .popup1image, .popuppane .popup2image, .popuppane .popup3image, .popuppane .popup4image
    {
        display: block;
        width: 215px;
        height: 120px;
    }
    .popuppane .popup1image
    {
        background-image: url("./images/popup_image1.jpg");
    }
    .popuppane .popup2image
    {
        background-image: url("./images/popup_image2.jpg");
    }
    .popuppane .popup3image
    {
        background-image: url("./images/popup_image3.jpg");
    }
    .popuppane .popup4image
    {
        background-image: url("./images/popup_image4.jpg");
    }
    #dnn_Popup1Pane h2, #dnn_Popup1Pane h2 a
    {
        color: #1746a0;
    }
    #dnn_Popup2Pane h2, #dnn_Popup2Pane h2 a
    {
        color: #e20613;
    }
    #dnn_Popup3Pane h2, #dnn_Popup3Pane h2 a
    {
        color: #409600;
    }
    #dnn_Popup4Pane h2, #dnn_Popup4Pane h2 a
    {
        color: #e0db15;
    }
    /* Zmeny kvoli zmene dizajnu */
    div.videopattern
    {
        margin-top: 82px;
        background-image: url("./images/video_bg2.png");
        background-position: center top;
    }
    div.videopane, div.pattern1reversed div.buttonpane, div.popups
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    div.youtubemodule div.videorepeater div.videosocial
    {
        margin-top: -96px;
    }
    div.contentpane.new, div.footerspane.new, div.footerpanerow.new
    {
        padding-left: 0px;
        padding-right: 0px;
        width: 620px;
    }
    div.footerspane.new div.footerpane.new.noborder, div.footerpanerow.new div.footerabsolutebottom.noborder
    {
        margin-right: 0px;
        padding-right: 0px !important;
    }
    div.videopattern div.videopane
    {
        height: 436px;
    }
    div.youtubemodule div.videorepeater div.videoitem:nth-child(4)
    {
        margin-left: 95px;
    }
    div.youtubemodule div.videorepeater div.videoitem:nth-child(4), div.youtubemodule div.videorepeater div.videoitem:nth-child(5)
    {
        margin-top: 84px;
    }
    div.youtubemodule div.videopager
    {
        margin-top: 374px;
        margin-left: 205px;
    }
    div.pattern1reversed
    {
        background-image: url("./images/pattern1_reversed2.png");
        background-position: center bottom;
    }
    div.pattern1reversed div.buttonpane
    {
        height: 178px;
    }
    div.buttonpane a.linkbutton:nth-child(1), div.buttonpane a.linkbutton:nth-child(3)
    {
        margin-left: 75px;
    }
    div.popups
    {
        margin-top: 0px;
    }
    div.popuppane
    {
        width: 215px;
        height: 512px !important;
        bottom: 815px;
    }
    div.popuppane:hover
    {
        position: absolute;
    }
    div.popuppane div.popup1pane
    {
        background-image: url("./images/popup1_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup2pane
    {
        background-image: url("./images/popup2_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup3pane
    {
        background-image: url("./images/popup3_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup4pane
    {
        background-image: url("./images/popup4_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane:hover ul, div.popuppane ul
    {
        height: 235px !important;
    }
    div.popuppane:hover div.popup1pane, div.popuppane:hover div.popup2pane, div.popuppane:hover div.popup3pane, div.popuppane:hover div.popup4pane
    {
        height: 315px !important;
    }
    div#dnn_Popup1Pane, div#dnn_Popup3Pane
    {
        margin-left: 85px;
    }
    div#dnn_Popup2Pane, div#dnn_Popup4Pane
    {
        margin-left: 320px;
    }
    div#dnn_Popup3Pane, div#dnn_Popup4Pane
    {
        position: absolute;
        bottom: 281px;
    }
    div.popuppane ul
    {
        margin-top: -358px;
    }
    div.popuppane:hover h2
    {
        margin-top: -15px !important;
    }
    div.newspane
    {
        margin-top: 1074px;
        margin-left: 171px;
        float: none;
    }
    div.presspane
    {
        float: none;
        position: absolute;
        top: 0;
        left: 299px;
    }
    div#dnn_ActualsPane1, div#dnn_ActualsPane3, div#Footer1Pane, div.footerspane.new div.footerpane.new.foot3, div.footerpanerow.new div.footerabsolutebottom.foot1, div.footerpanerow.new div.footerabsolutebottom.foot3
    {
        margin-left: 75px;
    }
	div.footerpanerow.new div.footerabsolutebottom.foot2
	{
		border: none;
	}
	div.flag
	{
		right: 0px;
	}
}

/* 
--------------------------------------------------------------------------------
Upravy pre este mensie rozlisenia (501 px - 660 px)
--------------------------------------------------------------------------------
 */
@media (min-width: 501px) and (max-width: 660px)
{
    .popuppane, .footerpane
    {
        margin-left: 5px;
        margin-right: 5px;
    }
    .sitecontent, .contentpane, .carouselModulContainer, .eventspane, .popups, .topmenupane, .socialleftpanegrupped, .socialtoppane
    {
        width: 460px;
    }
    .socialleftpanegrupped, .leftfooterpanerow, .footerpane:first-child, .popups
    {
        margin-left: 0px;
    }
    .logo
    {
        margin-left: 108px;
    }
    .topmenupane, .carouselModulContentDiv
    {
        padding-right: 0px;
    }
    .carouselModulContentDiv
    {
        padding-left: 0px;
    }
    .carouselModulImageDiv
    {
        display: none;
    }
    .carouselPager
    {
        padding-right: 0px;
        padding-top: 5px;
    }
    .socialrightpane, .rightfooterpanerow, .footerpane.noborder
    {
        margin-right: 0px;
    }
    .footerspane
    {
        padding-left: 0px;
    }
    .topmenupane ul
    {
        float: none;
        text-align: center;
    }
    .topmenupane ul li
    {
        margin-left: 5px;
        font-size: 12px;
        font-size: 0.750rem;
    }
    .topmenupane ul input
    {
        font-size: 12px;
        font-size: 0.750rem;
    }
    .lefteventpane, .righteventpane
    {
        width: 460px;
    }
    .lefteventpane
    {
        margin: 60px 0px 20px 0px; 
    }
    .righteventpane
    {
        margin: 20px 0px 60px 0px;
    }
    .searchcontent span
    {
        width: 84%;
        margin-left: -42%;
    }
    .searchcontent input
    {
        width: 70%;
    }
    .searchcontent a
    {
        float: right;
    }
    .socialpane
    {
        height: 1390px;
    }
    .socialleftpane, .socialcenterpane
    {
        margin: 0px 80px 20px 80px;
    }
    .socialleftpanegrupped
    {
        height: 885px;
        margin-bottom: 0px;
    }
    .socialrightpane
    {
        margin: 20px 0px 0px 0px;
        width: 460px;
        height: 345px;
    }
    .PhotoGalleryContent ul li, .PhotoGalleryContent ul li:nth-child(even)
    {
        margin-right: 20px;
        margin-left: 0px;
    }
    .PhotoGalleryContent ul li:nth-child(3n)
    {
        margin-right: 0px;
    }
    .footerpane:nth-child(2)
    {
        border: none;
        width: 195px;
    }
    .footerpane:first-child, .footerpane:nth-child(2)
    {
        margin-bottom: 35px;
    }
    .footerpane:nth-child(3), .footerpane:nth-child(4)
    {
        margin-top: 35px;
    }
    .footerpane:nth-child(3)
    {
        margin-left: 0px;
    }
    /* Hover pre menu pod vyhladavanim - nastavenie ako default state */
    .popuppane:hover
    {
        margin-top: 10px;
    }
    .popups
    {
        height: 890px;
        margin-top: 0px;
    }
    .popuppane
    {
        position: absolute;
        display: block;
        background-color: #ffffff;
        box-shadow: 0px 2px 14px 0px #101010;
        width: 215px;
        height: 430px;
        z-index: 400;
        margin: 10px 7px 10px 7px;
    }
    .popuppane ul
    {
        position: relative;
        display: block;
        height: 180px;
        list-style: none;
        font-size: 13px;
        font-size: 0.813rem;
        font-family: "Roboto" , sans-serif;
        color: #333333;
        text-align: center;
        padding: 15px 15px 0px 15px;
        margin-top: -288px;
        overflow: hidden;
    }
    .popuppane ul li
    {
        margin-top: 13px;
    }
    .popuppane a
    {
        font-family: "Roboto" , sans-serif;
        color: #333333;
        text-decoration: none;
    }
    .popuppane h2
    {
        margin-top: -15px;
    }
    .popuppane .popup1pane, .popuppane .popup2pane, .popuppane .popup3pane, .popuppane .popup4pane
    {
        margin-top: -31px;
        display: block;
        height: 261px;
        border-bottom: 1px solid #e6e6e6;
    }
    .popuppane .popup1image, .popuppane .popup2image, .popuppane .popup3image, .popuppane .popup4image
    {
        display: block;
        width: 215px;
        height: 120px;
    }
    .popuppane .popup1image
    {
        background-image: url("./images/popup_image1.jpg");
    }
    .popuppane .popup2image
    {
        background-image: url("./images/popup_image2.jpg");
    }
    .popuppane .popup3image
    {
        background-image: url("./images/popup_image3.jpg");
    }
    .popuppane .popup4image
    {
        background-image: url("./images/popup_image4.jpg");
    }
    #dnn_Popup1Pane h2, #dnn_Popup1Pane h2 a
    {
        color: #1746a0;
    }
    #dnn_Popup2Pane h2, #dnn_Popup2Pane h2 a
    {
        color: #e20613;
    }
    #dnn_Popup3Pane h2, #dnn_Popup3Pane h2 a
    {
        color: #409600;
    }
    #dnn_Popup4Pane h2, #dnn_Popup4Pane h2 a
    {
        color: #e0db15;
    }
    /* Zmeny kvoli zmene dizajnu */
    div.search
    {
        margin-right: 0px;
        width: 330px;
    }
    div.searchcontent span#dnn_dnnSEARCH_ClassicSearch
    {
        width: 273px;
    }
    div.searchcontent input
    {
        width: 218px;
    }
    div.videopattern
    {
        margin-top: 82px;
        background-image: url("./images/video_bg2.png");
        background-position: center top;
    }
    div.videopane, div.pattern1reversed div.buttonpane, div.popups
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    div.youtubemodule div.videorepeater div.videosocial
    {
        margin-top: 76px;
    }
    div.contentpane.new, div.footerspane.new, div.footerpanerow.new
    {
        padding-left: 0px;
        padding-right: 0px;
        width: 460px;
    }
    div.footerspane.new div.footerpane.new.noborder, div.footerpanerow.new div.footerabsolutebottom.noborder
    {
        margin-right: 0px;
        padding-right: 0px !important;
    }
    div.videopattern div.videopane
    {
        height: 436px;
    }
    div.youtubemodule div.videorepeater div.videoitem, div.youtubemodule div.videorepeater div.videoitem img, div.youtubemodule div.videorepeater div.videoitem div.transparency a, div.youtubemodule div.videorepeater div.videotitle
    {
        width: 150px;
    }
    div.youtubemodule div.videorepeater div.videoitem
    {
        margin-left: 5px;
    }
    div.youtubemodule div.videorepeater div.videoitem:nth-child(4)
    {
        margin-left: 85px;
    }
    div.youtubemodule div.videorepeater div.videoitem:nth-child(4), div.youtubemodule div.videorepeater div.videoitem:nth-child(5)
    {
        margin-top: 74px;
    }
    div.youtubemodule div.videorepeater div.videotitle
    {
        height: 54px;
    }
    div.youtubemodule div.videopager
    {
        margin-top: 374px;
        margin-left: 125px;
    }
    div.pattern1reversed
    {
        background-image: url("./images/pattern1_reversed2.png");
        background-position: center bottom;
    }
    div.pattern1reversed div.buttonpane
    {
        height: 178px;
    }
    div.buttonpane a.linkbutton
    {
        margin-left: 30px;
    }
    div.buttonpane a.linkbutton:nth-child(3)
    {
        margin-left: 0px;
    }
    div.popups
    {
        margin-top: 0px;
    }
    div.popuppane
    {
        width: 215px;
        height: 512px !important;
        bottom: 813px;
    }
    div.popuppane:hover
    {
        position: absolute;
    }
    div#dnn_Popup1Pane:hover, div#dnn_Popup3Pane:hover
    {
        left: 30px;
    }
    div.popuppane div.popup1pane
    {
        background-image: url("./images/popup1_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup2pane
    {
        background-image: url("./images/popup2_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup3pane
    {
        background-image: url("./images/popup3_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup4pane
    {
        background-image: url("./images/popup4_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane:hover ul, div.popuppane ul
    {
        height: 235px !important;
    }
    div.popuppane:hover div.popup1pane, div.popuppane:hover div.popup2pane, div.popuppane:hover div.popup3pane, div.popuppane:hover div.popup4pane
    {
        height: 261px;
    }
    div#dnn_Popup2Pane, div#dnn_Popup4Pane
    {
        margin-left: 235px;
    }
    div#dnn_Popup3Pane, div#dnn_Popup4Pane
    {
        position: absolute;
        bottom: 285px;
    }
    div.popuppane ul
    {
        margin-top: -358px;
    }
    div.popuppane:hover h2
    {
        margin-top: -15px !important;
    }
    div.newspane
    {
        margin-top: 1074px;
        margin-left: 86px;
        float: none;
    }
    div.presspane
    {
        float: none;
        position: absolute;
        top: 0;
        left: 214px;
    }
    div.contentpane.new div.footerpane.new, div.footerspane.new div.footerpane.new, div.footerpanerow.new div.footerabsolutebottom
    {
        padding-right: 0px !important;
    }
    div#dnn_ActualsPane1, div#Footer1Pane, div#dnn_ActualsPane3, div.footerspane.new div.footerpane.new.foot3, div.footerpanerow.new div.footerabsolutebottom.foot1, div.footerpanerow.new div.footerabsolutebottom.foot3
    {
        padding-right: 10px !important;
    }
    div#dnn_ActualsPane3, div.footerspane.new div.footerpane.new.foot3, div.footerpanerow.new div.footerabsolutebottom.foot3
    {
        margin-left: 0px !important;
    }
    div#dnn_ActualsPane2, div.footerspane.new div.footerpane.new.foot2, div#dnn_ActualsPane4, div.footerspane.new div.footerpane.new.foot4, div.footerpanerow.new div.footerabsolutebottom.foot2, div.footerpanerow.new div.footerabsolutebottom.foot4
    {
        margin-right: 0px !important;
        margin-left: 10px !important;
    }
	div.footerpanerow.new div.footerabsolutebottom.foot2
	{
		border: none;
	}
	div.flag
	{
		right: 0px;
	}
}

/*
--------------------------------------------------------------------------------
Upravy pre mobilne rozlisenia (pod 500 px)
--------------------------------------------------------------------------------
 */
@media (max-width: 500px)
{
    .wrapper
    {
        min-width: 313px;
    }
    .popuppane, .footerpane
    {
        margin-left: 5px;
        margin-right: 5px;
    }
    .sitecontent, .contentpane, .carouselModulContainer, .eventspane, .topmenupane, .socialleftpanegrupped, .socialtoppane, .logo, .lefteventpane, .righteventpane, .socialrightpane, .socialleftpane, .socialcenterpane
    {
        width: 100%;
    }
    .footerspane
    {
        width: 215px;
        margin: auto;
    }
    .contentpane
    {
        height: 416px;
    }
    .topmenupane
    {
        height: 125px;
    }
    .socialleftpane, .socialcenterpane
    {
        background-color: transparent;
    }
    .socialleftpane .DnnModule, .socialcenterpane .DnnModule
    {
        width: 300px;
        margin: auto;
        background-color: #ffffff;
    }
    .popups
    {
        width: 230px;
        margin: auto;
    }
    .socialleftpanegrupped, .leftfooterpanerow, .footerpane:first-child
    {
        margin-left: 0px;
    }
    .logo
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    .logo a
    {
        margin: auto;
    }
    .topmenupane, .carouselModulContentDiv
    {
        padding-right: 0px;
    }
    .carouselModulContentDiv
    {
        padding-left: 0px;
    }
    .carouselModulImageDiv
    {
        display: none;
    }
    .carouselPager
    {
        padding-right: 10px;
    }
    .carouselModulTable, .lefteventpane .DnnModule, .righteventpane .DnnModule, .socialtoppane .DnnModule, .PhotoGalleryHeader, .PhotoGalleryFooter a, .footerspane, .topmenupane ul
    {
        padding: 0px 8px 0px 8px;
    }
    .footerpanerow
    {
        padding-left: 8px;
        padding-right: 8px;
    }
    .PhotoGalleryContent
    {
        margin: auto;
        width: 300px;
    }
    .socialrightpane, .rightfooterpanerow, .footerpane.noborder
    {
        margin-right: 0px;
    }
    .topmenupane ul
    {
        float: none;
        padding-top: 5px;
        width: 284px;
        margin: auto;
    }
    .topmenupane ul li
    {
        margin-top: 5px;
        font-size: 13px;
        font-size: 0.813rem;
        display: block;
    }
    .topmenupane ul input
    {
        font-size: 13px;
        font-size: 0.813rem;
        padding-top: 0px;
    }
    .topmenupane ul li a:hover, .topmenupane ul input, .topmenupane ul input:hover
    {
        border-width: 0px;
    }
    .lefteventpane
    {
        margin: 60px 0px 20px 0px; 
    }
    .righteventpane
    {
        margin: 20px 0px 60px 0px;
    }
    .searchcontent span
    {
        width: 84%;
        margin-left: -42%;
    }
    .searchcontent input
    {
        width: 55%;
    }
    .searchcontent a
    {
        float: right;
    }
    .socialpane
    {
        height: 1515px;
    }
    .socialleftpane, .socialcenterpane
    {
        margin: 0px 0px 20px 0px;
    }
    .socialleftpanegrupped
    {
        height: 885px;
        margin-bottom: 0px;
    }
    .socialrightpane
    {
        margin: 20px 0px 0px 0px;
        height: 345px;
    }
    .footerpane
    {
        border-width: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .footerpane:first-child
    {
        margin-top: 75px;
    }
    .footerpane:nth-child(4)
    {
        margin-bottom: 75px;
    }
    /* Hover pre menu pod vyhladavanim - nastavenie ako default state */
    .popuppane:hover
    {
        margin-top: 10px;
    }
    .popups
    {
        height: 1790px;
        margin-top: 0px;
    }
    .popuppane
    {
        position: relative;
        display: block;
        background-color: #ffffff;
        box-shadow: 0px 2px 14px 0px #101010;
        width: 215px;
        height: 430px;
        z-index: 400;
        margin: 10px 7px 10px 7px;
    }
    .popuppane ul
    {
        position: relative;
        display: block;
        height: 180px;
        list-style: none;
        font-size: 13px;
        font-size: 0.813rem;
        font-family: "Roboto" , sans-serif;
        color: #333333;
        text-align: center;
        padding: 15px 15px 0px 15px;
        margin-top: -288px;
        overflow: hidden;
    }
    .popuppane ul li
    {
        margin-top: 13px;
    }
    .popuppane a
    {
        font-family: "Roboto" , sans-serif;
        color: #333333;
        text-decoration: none;
    }
    .popuppane h2
    {
        margin-top: -15px;
    }
    .popuppane .popup1pane, .popuppane .popup2pane, .popuppane .popup3pane, .popuppane .popup4pane
    {
        margin-top: -31px;
        display: block;
        height: 261px;
        border-bottom: 1px solid #e6e6e6;
    }
    .popuppane .popup1image, .popuppane .popup2image, .popuppane .popup3image, .popuppane .popup4image
    {
        display: block;
        width: 215px;
        height: 120px;
    }
    .popuppane .popup1image
    {
        background-image: url("./images/popup_image1.jpg");
    }
    .popuppane .popup2image
    {
        background-image: url("./images/popup_image2.jpg");
    }
    .popuppane .popup3image
    {
        background-image: url("./images/popup_image3.jpg");
    }
    .popuppane .popup4image
    {
        background-image: url("./images/popup_image4.jpg");
    }
    #dnn_Popup1Pane h2, #dnn_Popup1Pane h2 a
    {
        color: #1746a0;
    }
    #dnn_Popup2Pane h2, #dnn_Popup2Pane h2 a
    {
        color: #e20613;
    }
    #dnn_Popup3Pane h2, #dnn_Popup3Pane h2 a
    {
        color: #409600;
    }
    #dnn_Popup4Pane h2, #dnn_Popup4Pane h2 a
    {
        color: #e0db15;
    }
    /* Zmeny kvoli zmene dizajnu */
    div.search
    {
        width: 100%;
        background-image: none;
        background-color: #ffffff;
        margin-right: 0px;
        margin-top: -44px;
    }
    div.searchcontent
    {
        display: block;
        height: 44px;
        margin: 0 auto;
        width: 245px
    }
    div.searchcontent span#dnn_dnnSEARCH_ClassicSearch
    {
        width: 243px;
        margin-left: 0px;
    }
    div.searchcontent input
    {
        width: 188px;
    }
    div.videopattern
    {
        margin-top: 151px;
        background-image: url("./images/video_bg2.png");
        background-position: left top;
    }
    div.videopane, div.pattern1reversed div.buttonpane, div.popups
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    div.youtubemodule div.videorepeater div.videosocial
    {
        margin-top: 76px;
        margin-right: 8px;
    }
    div.contentpane.new, div.footerspane.new, div.footerpanerow.new
    {
        padding-left: 0px;
        padding-right: 0px;
        width: 215px;
    }
    div.footerspane.new div.footerpane.new.noborder, div.footerpanerow.new div.footerabsolutebottom.noborder
    {
        margin-right: 0px;
        padding-right: 0px !important;
    }
    div.videopattern div.videopane
    {
        height: 614px;
    }
    div.youtubemodule
    {
        margin-right: 8px;
        margin-left: 8px;
        height: 614px;
    }
    div.youtubemodule h2
    {
        text-align: center;
    }
    div.youtubemodule div.videorepeater
    {
        width: 305px;
        margin: 0px auto;
    }
    div.youtubemodule div.videorepeater div.videoitem, div.youtubemodule div.videorepeater div.videoitem img, div.youtubemodule div.videorepeater div.videoitem div.transparency a, div.youtubemodule div.videorepeater div.videotitle
    {
        width: 145px;
    }
    div.youtubemodule div.videorepeater div.videoitem
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    div.youtubemodule div.videorepeater div.videoitem:nth-child(2), div.youtubemodule div.videorepeater div.videoitem:nth-child(4)
    {
        margin-left: 5px;
    }
    div.youtubemodule div.videorepeater div.videoitem:nth-child(3), div.youtubemodule div.videorepeater div.videoitem:nth-child(4), div.youtubemodule div.videorepeater div.videoitem:nth-child(5)
    {
        margin-top: 74px;
    }
    div.youtubemodule div.videorepeater div.videotitle
    {
        height: 54px;
    }
    div.youtubemodule div.videopager
    {
        margin: 0px auto;
        margin-top: 550px;
    }
    div.pattern1reversed
    {
        background-image: url("./images/pattern1_reversed2.png");
    }
    div.pattern1reversed div.buttonpane
    {
        height: 328px;
        width: 215px;
        margin: 0px auto;
    }
    div.buttonpane a.linkbutton
    {
        margin-left: 0px;
    }
    div.popups
    {
        margin: 0px auto;
        width: 295px;
    }
    div.popuppane
    {
        width: 215px;
        height: 512px !important;
        bottom: 1877px;
        position: absolute;
        margin-left: 40px;
    }
    div.popuppane:hover
    {
        position: absolute;
        left: 63px;
    }
    div.popuppane div.popup1pane
    {
        background-image: url("./images/popup1_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup2pane
    {
        background-image: url("./images/popup2_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup3pane
    {
        background-image: url("./images/popup3_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane div.popup4pane
    {
        background-image: url("./images/popup4_hover.png");
        margin-top: -31px !important;
        height: 315px !important;
    }
    div.popuppane:hover ul, div.popuppane ul
    {
        height: 235px !important;
    }
    div.popuppane:hover div.popup1pane, div.popuppane:hover div.popup2pane, div.popuppane:hover div.popup3pane, div.popuppane:hover div.popup4pane
    {
        height: 261px;
    }
    div.popuppane ul
    {
        margin-top: -358px;
    }
    div.popuppane:hover h2
    {
        margin-top: -15px !important;
    }
    div#dnn_Popup2Pane
    {
        bottom: 1345px;
    }
    div#dnn_Popup3Pane
    {
        bottom: 813px;
    }
    div#dnn_Popup4Pane
    {
        bottom: 281px;
    }
    div.newspane
    {
        margin-top: 2138px;
        margin-left: 8px;
        float: none;
    }
    div.presspane
    {
        float: none;
        position: absolute;
        top: 0;
        left: 136px;
    }
    div.contentpane.new, div.footerspane.new, div.footerpanerow.new
    {
        margin: 0px auto;
    }
    div.contentpane.new div.footerpane.new, div.footerspane.new div.footerpane.new, div.footerpanerow.new div.footerabsolutebottom
    {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
	div.footerpanerow.new div.footerabsolutebottom
	{
		border: none;
	}
    .logo a.text
    {
        left: -4px;
        width: 102px;
        height: 14px;
        display: block;
    }
	div.flag
	{
		margin-right: 10px;
	}
}

