@media only screen and (max-width : 980px) {
    #ContainerC {max-width:768px;}
    #logoC span {
        width: 482px;
        height: 137px;
        top: 10px;
        left: -23px;
    }
    
    #topRightBlock {width: 300px;}
        
    #sliderPicture {width:728px;height:227px;}
    #sliderPicture .media .image img {width:100%;}
    
    .fader .controls .item {height: 15px;padding: 1px 5px;}
            
    #centerC {
        background: url("/images/contentBgNoRight2a.png") repeat-y scroll 0px 0px transparent;
        padding: 0px 10px;
    }
    
    #contentC {width: 510px;}
    
    /* ------- embed iframe --------- */
    #listIframe {width:500px;}

    #bottomC {background: transparent url("/images/bg_footerNoRightSmall2.png") no-repeat scroll -5px 0px;}
    
    .tabCont {overflow:auto;}  
    
    table.topicFormTable {width:100%;}
    table.topicFormTable td,
    table.topicFormTable th {display:block;}
    
    #cke_rec_anot,
    #cke_rec_text,
    #cke_rec_sponsors {width:460px !important;}
    
    table.topicFormTable td textarea, table.topicFormTable td select {width:460px;}
    
    #prepni {display:block;}
}


@media only screen and (max-width: 768px) {
    body {font-size:75%;}
    #ContainerC {max-width:600px;}
    #topBanner {margin-bottom:8px}
      #logoC span {width: 376px;height: 107px;top: 15px;}
    
    #logoC a {height: 40px;font-size: 1.2em;}
    
    #topRightBlock {width:220px;}
        
    #sliderPicture {width:590px;height:184px;border-top:0;margin-top:0px;}
    #sliderPicture .media .image img {width:100%;}
    
    .fader .controls .item {height: 15px;padding: 1px 5px;}
    
    #centerC {background: url(/images/contentBgNoRight3.png) repeat-y 0 0;padding: 0px 0px;width:600px;}
    #contentC {width:425px;}
    
/* --------------------------- leva navigace -------------------------- */
    #leftC{	width: 165px;}

    #searchBlockC {width: 150px;margin-left:5px;margin-bottom:5px;}
    #searchText {width: 130px;}   
   
    #leftNavig ul {width: 165px; margin: 15px 0 0 0;}
    #leftNavig ul li { width: 165px;}

    #leftRegBlock {padding-top:20px;width:165px;}
    #leftRegBlock h3 {padding:0 0 5px 10px;font-size:1.3em;}
    #leftRegBlock .odsadZleva {padding-left:10px}
    #leftRegBlock table td {display:block;}

    #vlozitAkce, #dostavatAkce {width:150px;height:30px;background-size:contain;margin-top: 10px;}
       
    #listIframe {width:100%;}
    
    #bottomC {background: transparent url("/images/bg_footerNoRightSmall4.png") no-repeat scroll 0px 0px;width:590px;}  

    /* ----------------------- kalendar --------------------*/
    #iframeCalendarLeft {width:165px;}
    
    #cke_rec_anot,
    #cke_rec_text,
    #cke_rec_sponsors {width:370px !important;}
    
    table.topicFormTable td textarea, table.topicFormTable td select {width:370px;}
       
}


@media only screen and (max-width: 600px) {
    body.myBody {background: #ffecc7 url(../images/bodyBg_2.png) repeat-x left top;}
    
    #ContainerC {max-width:480px;}  
    
    #topBanner {height:85px;}
    #logoC span {width: 250px;height: 47px;top: 15px;
       background: transparent url("/images/logo2_2.png") no-repeat scroll left bottom / contain;
       top:35px;left:0px;
    }

    
    #logoC a {width: 290px;height: 40px;font-size: 1em;}
    
    #topRightBlock {width:250px;}
    
    #sliderPicture {display:none;}
    
    #centerC {background:#fff;width: 480px;}
    
    #contentC {width:100%;}
    
    #leftC {	width:100%;float:none;background:#a40033 url(/images/leftNavigBgSmall.png) repeat-x 0 0;overflow:visible;}
    
    #searchBlockC {margin-top:-15px;}
    
    #leftNavigC {clear:left;}  

    #leftNavig ul a {padding: 4px 0px 4px 42px;background-position:0 -4px;}
    #leftNavig ul a:hover { background-position:0 -4px;}
 
    
    #leftRegBlock {padding-top:20px;width:175px;clear:none;border-top:0;margin:-45px 0 0 25px;}
    #leftRegBlock h3 {padding:0 0 5px 10px;font-size:1.3em;}
    #leftRegBlock .odsadZleva {padding-left:10px;}
    #leftRegBlock table td {display:block;}
    #leftRegBlock input.loginInput {width: 152px;}
    #vlozitAkce, #dostavatAkce {width:170px;height:30px;background-size:contain;margin-top: 10px;}
    
    #opencalendar {display:block;cursor:pointer;color:#fff;width:107px;height:31px;background:url(/images/zobrazit_kalendar_2.png) no-repeat 0 0;position:absolute;right:5px;top:229px;}
    #opencalendar span {display:none;}
    
    .hide600 {display:none;}
    #iframeCalendarLeft {position:absolute;left:80px;width:280px;border:2px solid #a40033;top:10px;z-index: 999;}
    
    #bottomC {background: transparent url("/images/bottomBgSmall.png") repeat-x scroll 0px 0px;width:480px;}  

}

@media only screen and (max-width: 480px){
    #ContainerC {max-width:320px;} 
    #content {padding:5px;}
    #logoC {margin-left:5px}
    #logoC span {width: 210px;height: 39px;top: 15px;
       top:15px;left:0px;
    }
 
    #logoC a {width: 210px;height: 39px;font-size: 0em;}
    
    #topRightBlock {width:100px;padding-top:0}
    #topRightBlock #topNavig {margin-left:0 !important;}
    #topRightBlock #topNavig ul {margin-top:0;}
    #topRightBlock #topNavig a {text-align:left;padding:2px 5px;margin-bottom:5px;}
    #topRightBlock #topNavig a:hover {background:#ffe2A9;color:#7e0026;}
    #topRightBlock #topNavig li {display:block;float:none;border:0;}
    
    #centerC {width: 320px;}
    
    #leftNavig {float:none;}
    
    #leftNavig ul {width:320px;}
    
    #leftNavig ul li {border:1px solid #ebdbb9;width:150px;float:left;margin:2px 4px;}
    #leftNavig ul li.posledni {border:1px solid #ebdbb9 !important;;}
    #leftNavig ul a {padding: 4px 5px;background:none;}
    #leftNavig ul a:hover { color: #d47e18; background: #ebdbb9;}
    
    #leftRegBlock {margin:0;}
    
    #opencalendar {right:5px;top:440px;}
    #iframeCalendarLeft {left:10px;width:300px;}
    
    .divFormC table td,.divFormC table th  {display:block;}

    #bottomC {width:320px;} 
    
        table.eventInfo td {display:block;}
        
    table.topicFormTable td input[type="text"],
    #rec_name,
    #cke_rec_anot,
    #cke_rec_text,
    #cke_rec_sponsors {width:280px !important;}
    
    table.topicFormTable {padding:5px;}
    table.topicFormTable td textarea, table.topicFormTable td select {width:290px;}    
}

@media only screen and (max-width: 320px) {
    #ContainerC {max-width:240px;} 
    #content {overflow: auto;}
    
    #topBanner {height: 75px;}
    #logoC {float:none;margin-top:15px}
    #logoC span {width: 230px;height: 43px;top: 0px;}    

    #topRightBlock {width:240px;padding-top:10px;}
    #topRightBlock #topNavig {float:none;}
    #topRightBlock #topNavig ul {margin-left:25px;}
    #topRightBlock #topNavig li {float:left;}
    #centerC {width: 240px;}
    
    #searchBlockC {margin:-15px auto 0 auto;float:none;}
    
    #leftRegBlock {margin:0 auto;float:none;clear:both;}
    
    #leftNavig ul {width:240px;}
    #leftNavig ul li {border:1px solid #ebdbb9;width:110px;float:left;margin:2px 4px;}
    
    
    #opencalendar {top:175px;z-index:999;}
    #iframeCalendarLeft {width:236px;left:0;top:220px;}
    
    .divFormC fieldset {padding:0.5em 5px;}
    .divFormC table td input.inputText {width:170px;}
    .divFormC table td textarea {width:170px;}
    
    #bottomC {width:240px;} 
    
    table.topicFormTable td input[type="text"],
    #rec_name,
    #cke_rec_anot,
    #cke_rec_text,
    #cke_rec_sponsors {width:200px !important;}
    
    table.topicFormTable td textarea, table.topicFormTable td select {width:210px;}  
}