@media screen {
/* Reset + Basic properties */
* { border: 0; padding: 0; margin: 0; outline: none;}
body  {text-align: left; font: 13px/150% Arial, Helvetica, sans-serif;}
html { -webkit-text-size-adjust: none;}
.onlyMobile { display: none; }
  
span.cleaner  {width: 100%; clear: both; height: 0; line-height: 0; font-size: 0; display: block; visibility: hidden;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* Common properties */
h1, h2, h3, h4, h5, h6 {padding: 0 0 12px 0; font-weight: normal; line-height: 120%;}
h1  {font-size: 34px; padding-top: 20px;}
table h1    {padding-top: 0;}
h2  {font-size: 28px;}
h3  {font-size: 24px;}
h4  {font-size: 20px; text-transform: uppercase;}
h5  {font-size: 18px; text-transform: uppercase;}
h6  {font-size: 16px;}

h1.detailHead   {padding-bottom: 10px; border-bottom: 1px solid #000; text-transform: uppercase;}
#header h1  {background: none!important; clear: both;}

p   {font-size: 16px; padding: 0 0 15px 0;}

input, select, textarea {font: 13px/150% Arial, Helvetica, sans-serif;}

ul, ol  {margin: 0 0 15px 30px; padding: 20px 0 17px 0;}
ul ul, ul ol,
ol ol, ol ul    {margin-bottom: 0; padding: 5px 0 0 0;}
ul  {list-style: none;}
*+html ul   {list-style: square;}
ul li, ol li    {padding: 0 0 3px 0; position: relative;}

li:before {
  position: absolute;
  top: -1px;
  margin: 8px 0 0 -12px;
    /* accommodate Camino */
    vertical-align: middle;
    display: inline-block;
  width: 1px;
  height: 1px;
  background: #fff;
  content: "";
  border-width: 2px;
  border-style: solid;
}

table   {border-collapse: collapse;}
table td,
table th    {text-align: left; vertical-align: middle;}
table th    {padding: 13px 10px 7px 10px;}
table td    {padding: 5px 10px;}

table.tabulkaStandard th,
table.tabulkaStandard td    {border-style: solid; border-bottom-width: 1px; border-left-width: 1px;}

table.tabulkaStandard th.first,
table.tabulkaStandard td.first  {border-left: 0;}

form label  {display: block; line-height: 25px; padding: 5px 0 0 0;}
form input  {display: block; height: 25px; line-height: 25px; padding: 0 25px 0 5px; width: 200px; background: #fff; border: 1px solid #e7e7e7;
             -webkit-border-radius: 7px;
             -moz-border-radius: 7px;
             border-radius: 7px;}

form input.inputradio, form input.inputcheckbox { display: inline; width: auto; height: auto; }
form input.required {border-color: #db2b2b; background: #fff url(/images/template/common/required.png) 210px center no-repeat;}
form textarea  {display: block; height: auto; line-height: 25px; padding: 5px; background: #fff; border: 1px solid #e7e7e7;
             -webkit-border-radius: 7px;
             -moz-border-radius: 7px;
             border-radius: 7px;}
form input.btn  {width: auto; font-weight: bold; border: 0; padding: 0 20px; height: 25px; line-height: 25px; cursor: pointer;}

table a.btn  {display: block; width: auto; font-weight: bold; border: 0; padding: 0 20px; height: 25px; line-height: 25px; cursor: pointer; background: #2b80db; color: #fff; float: left; text-decoration: none;
             -webkit-border-radius: 7px;
             -moz-border-radius: 7px;
             border-radius: 7px;}
table a.btn:hover   {background: #74d6ff;}

#menu li:before,
ul.newsBox02 li:before,
#footer li:before,
ol li:before,
ul.thumbs li:before,
div.photoSwipe ul li:before,
ul.noSquare li:before  {display: none;}

a:hover { text-decoration: none;}

/* Basic divs */
.wrapper    {width: 980px; margin: 0 auto; padding: 0 20px 20px 20px; background: none; position: relative;}
#header {position: relative; z-index: 999; height: 80px;}
#header h1  {padding: 0; margin: 0; clear: both;}
#header a   {text-decoration: none; padding: 0; display: block;}
#header #logo   {background: none!important; float: left;}
#header #logo img   {display: inline-block; margin: 0 auto!important; float: left;}
#header #logo span.headerText   {display: inline-block; padding: 0 10px; float: left;}

#header .left.top   {position: absolute; top: 20px; left: 20px;}
#header .left.bottom   {position: absolute; bottom: 0; left: 20px;}

#header .center.top   {position: absolute; top: 20px; left: 50%;}
#header .center.bottom   {position: absolute; bottom: 0; left: 50%;}

#header .right.top   {position: absolute; top: 20px; right: 20px;}
#header .right.bottom   {position: absolute; bottom: 0; right: 20px;}

#header .left.middle   {position: absolute; top: 50%; left: 20px;}
#header .center.middle   {position: absolute; top: 50%; left: 50%;}
#header .right.middle   {position: absolute; top: 50%; right: 20px;}

#header.info .left.top   {position: absolute; top: 60px; left: 20px;}
#header.info .center.top   {position: absolute; top: 60px; left: 50%;}
#header.info .right.top   {position: absolute; top: 60px; right: 20px;}


table.headInfo   {height: 46px;
                -webkit-border-radius: 0 0 7px 7px;
                -moz-border-radius: 0 0 7px 7px;
                border-radius: 0 0 7px 7px;}
table.headInfo td    {padding: 0 15px; line-height: 46px; font-size: 12px; white-space: nowrap; }
table.headInfo a {display: inline!important; padding: 0;}

table.headInfo.left {float: left;}
table.headInfo.center   {float: none; margin: 0 auto;}
table.headInfo.right    {float: right;}

#content    {margin: 15px 0 25px 0; clear: both;}
body.editorOn #content    {top: 0; margin-top: 0;}

/* Footer */
#footer {padding: 30px 0 0 0;}
#footer .wrapper    {padding: 0 20px 10px 20px; background: none;}

#footer h4  {font-size: 20px; text-transform: uppercase; font-weight: normal; padding: 0 0 20px 0;}
#footer, #footer a, #footer p, #footer ul   {font-size: 13px;}
#footer img {display: block;}

#footer p, #footer ul   {padding: 0; margin: 0 0 20px 0;}
#footer ul  {list-style: none;}
#footer ul li   {padding: 0 0 5px 15px; line-height: 130%;}

#footer div.copy p  {width: 980px; margin: 0 auto; padding: 12px 0 10px 0; text-align: center; font-size: 13px; line-height: 130%;}

#WebJETEditorBody.webjetEditorBodyInline   {background: none;}

/* LPA
div.photoSwipe  {margin: 0 0 25px 0;}
div.photoSwipe ul   {list-style: none; padding: 0; margin: 0;}
div.photoSwipe ul li    {padding: 0; float: left; margin: 9px; width: 178px!important;}
div.photoSwipe ul li a img  {display: block; width: 160px; height: 120px;}
div.photoSwipe ul li a:hover    {background: #fff;}
*/
#content div.navigation {padding: 0;}                                             

/* Poll */

div.inquiry {width: 240px!important; font-size: 11px;}                                                       
div.inquiry h3  {font-size: 13px; padding: 0; margin: 0;}
div.inquiry .bar_fill   {height: 6px; border-width: 2px; border-style: solid;
                         -webkit-border-radius: 4px;
                         -moz-border-radius: 4px;
                         border-radius: 4px;}
div.inquiry span    {margin: -3px 0 0 0;}                 
div.inquiryAnswer a {display: inline-block; font-size: 11px; padding: 5px 0 2px 0;}
div.inquiry div.total   {margin: 10px 0 0 0; padding: 10px 0 0 0; border-top-width: 1px; border-style: dotted;}

    div.photoSwipeFolders ul {}
    div.photoSwipeFolders ul li {width: 190px !important; height: 154px; float: left; margin: 0 15px 15px 0;}
    div.photoSwipeFolders ul li a {width: 190px !important; background: transparent url(/images/template/common/gallery-folder-bg.png) left top no-repeat; position: relative; display: block; border: 0px none; padding: 0px;}
    div.photoSwipeFolders ul li a:hover {background: transparent;}
    div.photoSwipeFolders ul li:before {display: none;}
    div.photoSwipeFolders img {padding: 17px 0 10px 15px}
    div.photoSwipeFolders .groupBg {position: absolute; width: 190px; height: 154px; background: url(/images/template/common/gallery-folder-bg.png) left top no-repeat; left: 0px; top: 0px;}
    div.photoSwipeFolders .groupBg span {position: absolute; top: 113px; left: 42px; font-size: 11px; color: #5b5b5b;}
    div.photoSwipeFolders li.galleryActualDir .groupBg {background-image: url(/images/template/common/gallery-folder-selected2-bg.png)}

    div.photoSwipe ul li.galleryActualDir {font-weight: normal;}

    
    div.photoSwipeImages ul {padding: 0 0 20px 21px; clear: both;}
    div.photoSwipeImages li {float: left; margin: 0 30px 15px 0; padding: 0px; background: #fff; border: 1px solid #c3c3c3;}
    div.photoSwipeImages li a {margin: 10px; overflow: hidden; display: block;}
    div.photoSwipeImages li img {display: block; margin: auto;}
   

   .lazy-load-box {
    opacity: 1;
    -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
   }
   
   .trigger.lazy-load-box {
    opacity: 0;
   }
   
   /* Effects */
   .trigger.effect-slideup {
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
   }
   
   .trigger.effect-slidedown {
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
   }
   
   
   .trigger.effect-slidefromleft {
    -moz-transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -o-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
   }
   
   .trigger.effect-slidefromright {
    -moz-transform: translateX(50px);
    -webkit-transform: translateX(150px);
    -o-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
   }
   
   .trigger.effect-zoomin {
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
   }
   
   .trigger.effect-zoomout {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
   }
   
   .trigger.effect-rotate {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
   }
   
   .trigger.effect-skew {
    -moz-transform: translateY(100px) skewX(-45deg) skewY(45deg);
    -webkit-transform: translateY(100px) skewX(-45deg) skewY(45deg);
    -o-transform: translateY(100px) skewX(-45deg) skewY(45deg);
    -ms-transform: translateY(100px) skewX(-45deg) skewY(45deg);
    transform: translateY(100px) skewX(-45deg) skewY(45deg);
   }


}

/* 2 COLS VERSION */

#cols2 #content {float: right; width: 732px; margin: 0; clear: none;}
body.subpage #cols2 #content   {width: 692px;}
#content div.details {max-width: 100%;}
#cols2 #content table td div.details   {max-width: 350px!important;}  
#content p img    {max-width: 100%;}

/* TABLET VERSION */
@media screen and (max-width: 979px) {
    .wrapper    {width: 732px; padding: 0 15px 30px 15px;}  
    
    #content   {margin: 38px 0 0 0;}    
    #content p img   {max-width: 100%;}
    
    #footer {padding: 15px 0 25px 0;}
    #footer .wrapper    {display: none;}    
    #footer div.copy p  {width: 732px; margin: 0 auto; padding: 0; text-align: center; font-size: 13px;}    
    
    div.photoSwipe {margin: 0 0 25px -15px; width: 748px;}
    div.photoSwipe ul li    {margin: 0 0 15px 15px; width: 172px!important;}
    div.photoSwipe ul li a img  {width: 154px; height: 116px;}
    
    #content table  {width: 100%!important;}
    #content table td iframe    {}
    #content table td div.details   {max-width: 350px!important;}    
    
    #cols2 #content {float: none; width: auto; margin: 15px 0 25px 0;}
    
    .box-e{
        margin: 5px auto !important;
        float: none !important;
    }

}

/* MOBILE VERSION */
@media screen and (max-width: 767px) {
    body    {padding: 0;}
    .wrapper    {width: 100%; padding: 0;}
    #header    {height: auto!important;}
    #header a  {float: none!important;}
    #header #logo  {padding: 20px 0;}
    #header #logo img   {max-width: 90%; margin: 0 auto; display: block; float: none;}
    #header #logo span.headerText  {float: none; display: block; padding: 0 5%; text-align: center; height: auto!important;}    
    
    #menu, #logo   {padding: 0!important; margin: 0!important; position: relative!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important;}
    #logo  {padding: 0 0 20px 0!important;}
    #headerText {line-height: 100%!important;}
    
    div.fb_iframe_widget    {max-width: 100%; overflow: hidden;}
    
    #header .left.top   {position: relative; top: 0; left: 0;}
    #header .left.bottom   {position: relative; bottom: 0; left: 0;}
    
    #header .center.top   {position: relative; top: 0; left: 0;}
    #header .center.bottom   {position: relative; bottom: 0; left: 0;}
    
    #header .right.top   {position: relative; top: 0; right: 0;}
    #header .right.bottom   {position: relative; bottom: 0; right: 0;}
    
    #header.info .left.top   {position: relative; top: 0; left: 0;}
    #header.info .center.top   {position: relative; top: 0; left: 0;}
    #header.info .right.top   {position: relative; top: 0; right: 0;}
    
    table.headInfo   {height: auto; width: 90%; margin: 0 0 0 5%;}
    table.headInfo td    {padding: 5px 15px; line-height: 150%; display: block;}
    
    #content   {width: 100%; margin: 20px auto 0 auto;}
    
    #footer {padding: 15px 5%;}
    #footer div.copy p  {width: auto;}
    
    h1 {padding-top: 0;}
    
    #content div.navigation, #content div.pagination {width: 100%!important;}
    body #content ul.thumbs li {float: none; clear: both; margin: 0 auto 15px auto;}
    
    h1, h2, h3, h4, h5, h6,
    p {padding-left: 5% !important; padding-right: 5% !important;}    
    
    div.photoSwipe  {width: 90%; margin: 0 0 0 5%;}
    div.photoSwipe ul li    {margin: 0 10px 10px;}
        
    #content table  {width: 100%!important;}
    #content table table    {width: auto!important;}
    #content table img  {max-width: 90%!important; margin: 0 5%;}
    #content table td   {display: block; padding: 10px 0!important; width: 100%!important;}
    #content table td iframe    {width: 100%!important;}
    #content table td div.details   {width: 100%!important; margin: 0;}
    #content form table td  {width: 90%; padding: 10px 5%;}
    
    #content table.tabulkaStandard  {width: 90%!important; margin: 0 5%;}
    #content table.tabulkaStandard th   {display: none;}
    #content table.tabulkaStandard td   {border: 0;}
    
    table a.btn {margin: 0 5% 15px 5%;}
    
    div.blogBoxes   {width: 90%!important; padding-left: 5%!important; padding-right: 5%!important;}
    div.blogBoxes h2   {padding-left: 0; padding-right: 0;}
    div.blogBoxes div.likes span.date   {float: none!important; clear: left; padding: 0 0 10px 0;}
    div.blogBoxes div.likes div.fL  {padding: 0 15px 0 0!important;}   
    
    .onlyMobile { display: block; text-align: center; background: none; color: black; background-color: white; margin-top: 8px !important; border-radius: 7px; height: 44px; font-size: 23px; line-height: 44px;}
    .onlyMobile a { text-decoration: none; font-weight: bold; color: black; font-size: 17px !important; }
    
    body.subpage #cols2 #content, #cols2 #content {float: none; width: auto; margin: 15px 0 25px 0;}     

    form { padding-left: 5%; padding-right: 5%; }
    #content form table td { padding-top: 0px !important; padding-bottom: 0px !important; }
}

/* PRINT VERSION */

@media print {
    * { margin: 0; padding: 0; border: 0; }
    body { font: 10pt/180% Arial, sans-serif; color: #000; text-align: left; }
    a { text-decoration: none; color: #000; display: inline; }
    span.cleaner    { width: 100%; clear: both; height: 0px; display: block; visibility: hidden; line-height: 0; }
    h1, h2, h3, h4, h5, h6 { padding: 0 0 10pt 0; font-weight: normal; line-height: 120%; text-align: left !important; }
    h1 { font-size: 17pt; }
    h2 { font-size: 14pt; }
    h3 { font-size: 12pt; font-weight: bold; }
    h3 { font-size: 12pt; }
    p { padding: 0 0 20pt 0; }
    table { border-collapse: collapse; width: 100% !important; margin: 0 0 15pt 0; }
    table td, table th { padding: 0.2em 2em 0 0; text-align: left; border-top: 1px solid #ddd; }
    ul, ol { margin: 0 0 15pt 25pt; }
    
    #logo img   {max-width: 200px; margin: 0 0 10pt 0;}
    
    div.newsBox01 img   {display: none;}
    #menu, div.slider-wrapper, ul.newsBox02, #footer    {display: none;}
    
    .onlyMobile { display: none; }
}