/*** BODY ***/
html { height: 100%; }
body { background: #FFF; font: normal 14px/16px Trebuchet MS, Arial; color: #777; margin: 0px; padding: 0px; height: 100%; }
p { margin: 0; }
a { color: #0F3F7E; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a.button { display: block; width: 110px; background: #0F3F7E; color: #FFF; text-align: center; font: normal 14px/28px Trebuchet MS, Arial; text-decoration: none; }
a.button:hover { background: #134F9F; }
.clear { clear: both; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 14px; padding: 4px 4px; font-family: Trebuchet MS, Arial; color: #333; background: #FFF; border: 1px solid #777; }
input:focus, textarea:focus, select:focus { color: #111; border: 1px solid #333; }
input.checkbox { margin: 4px 0px; padding: 0px; border: none; background: none; }
textarea { width: 350px; height: 50px; }

/*** xFORM ***/
table.xForm { margin: 10px auto; width: 100%; border-spacing: 0; border-collapse: collapse; background: #EEE; }
table.xForm td { border-bottom: 1px solid #FFF; padding: 4px; }
table.xForm td.caption { width: 200px; text-align: right; padding-right: 2px; }
table.xForm td.caption img { padding: 4px; }
table.xForm tr.head td { padding: 0; background: #0F3F7E; }
table.xForm tr.head td h2 { color: #FFF; margin: 0 20px; font: bold 24px/32px Trebuchet MS, Arial; }
table.xForm tr.panel th { text-align: left; padding: 0px; padding-left: 5px; }
table.xForm tr.panel th a { float: left; display: block; padding-top: 5px; margin-right: 5px; height: 26px; }
table.xForm tr.panel th span { line-height: 31px; }
table.xForm td.info { width: 20px; padding: 0px; }
table.xForm td.element { padding-left: 2px; }
table.xForm td.errorIcon { width: 14px; }
table.xForm div.errorInfoOff { display: none; }
table.xForm div.errorInfoOn { display: block; text-align: left; color: #CA0000; background: #FFFFDD; font-size: 11px; font-family: Trebuchet MS, Arial; font-weight: normal; margin: 4px 0px; padding: 2px; border: 1px solid #CA0000; }
table.xForm div.infoText { display: none; background: #FFF; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #AAA; margin: 4px 0px; }
table.xForm tr.infoText { display: none; }
table.xForm tr.infoText td { background: #FFF; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #AAA; margin: 4px 0px; }
table.xForm div.infoUpload { color: #AC0000; font-size: 11px; margin: 4px 0px; }
table.xForm iframe.xFormIframe { display: none; width: 0px; height: 0px; border: none; margin: 0px; padding: 0px; }

/*** WEBTON ***/
a.tworzenie { text-decoration: none; font-size: 9px; }
a.stron { font-size: 10px; }

/*** LANGUAGES ***/
ul#languages { position: absolute; height: 26px; top: 10px; right: 20px; list-style: none; width: auto; border: 1px solid #de3e7e; margin: 0; padding: 0; }
ul#languages li { float: left; margin: 0; padding: 0; }
ul#languages li a { display: block; background: #FFF; width: 20px; height: 16px; text-align: center; line-height: 18px; padding: 2px; margin: 2px; text-decoration: none; border: 1px solid transparent; }
ul#languages li a:hover { border: 1px solid #de3e7e; background: #de3e7e; color: #FFF;  }
ul#languages li.on a { background: #0F3F7E; color: #FFF; }
ul#languages li.on a:hover { background: #134F9F; color: #FFF; border: 1px solid #134F9F; }
ul#languages img { width: 100%; }

/*** WYSIWYG ***/
.xCMS { font: normal 14px/22px Trebuchet MS, Arial; color: #333; margin: 0; margin-bottom: 20px; }

.xCMS p { font: normal 14px/22px Trebuchet MS, Arial; color: #333; margin: 0px; padding: 0px; }
.xCMS h1 { font: bold 36px/48px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; }
.xCMS h2 { font: bold 26px/32px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; }
.xCMS h3 { font: bold 22px/24px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; }
.xCMS h4 { font: normal 18px/20px Trebuchet MS, Arial; color: #0F3F7E; border: 1px solid #0F3F7E; background: #EEE; padding: 10px; margin: 10px 0; }
.xCMS h5 { font: bold 20px/24px Trebuchet MS, Arial; color: #0F3F7E; border: 2px solid #0F3F7E; background: #EEE; padding: 10px; margin: 10px 10%; text-align: center;  }

.xCMS blockquote { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left: 20px; padding-right: 8px; border-left-width: 5px; }
.xCMS ol,.xCMS ul,.xCMS dl { margin: 0px; padding: 0; padding-left: 40px; }
.xCMS hr { border: 0px; border-top: 1px solid #ccc; }
.xCMS img.right { float: right; margin: 0; margin-left: 15px; padding: 5px; }
.xCMS img.left { float: left; margin: 0; margin-right: 15px; padding: 5px; }
.xCMS pre {white-space: pre-wrap; /* CSS 2.1 */ word-wrap: break-word; /* IE7 */ -moz-tab-size: 4; tab-size: 4; }
.xCMS .marker { background-color: Yellow; }
.xCMS span[lang] { font-style: italic; }
.xCMS .narrow { margin: 0 20%; }

.xCMS figure { text-align: center; border: solid 1px #ccc; border-radius: 2px; background: rgba(0,0,0,0.05); padding: 10px; margin: 10px 20px; display: inline-block; }
.xCMS figure > figcaption { text-align: center; display: block; }

.xCMS a { color: #0F3F7E; text-decoration: underline; cursor: pointer; }
.xCMS a:hover { color: #134F9F; text-decoration: none; }

.xCMS img { margin: 10px; }
.xCMS table { margin: 10px 0; background: none; }
.xCMS table td { background: none; }
.xCMS table th { background: #0F3F7E; color: #FFF; }
.xCMS li { padding: 4px 0px 4px 0px; }

/***  SLIDER ***/
#sliderbox { width: 100%; height: 380px; margin: 0; z-index:22; padding: 0px; box-sizing: border-box; overflow: hidden; }
#sliderbox ul, #sliderbox ul li { margin: 0px; padding: 0px; list-style: none; width: 100%; height: 380px; }
#sliderbox ul li { position: relative; }
#sliderbox ul li a { display: block; position: absolute; bottom: 0; left: 0; width: 100%; max-height: 60%; margin: 0; padding: 20px; box-sizing: border-box; text-decoration: none; overflow: hidden; background: rgba(0,0,0,0.2); }
#sliderbox ul li a h2 { font: bold 48px/56px Trebuchet MS, Arial; color: #FFF; text-shadow: 2px 2px 4px #000; padding: 0; margin: 0; text-align: center; }
#sliderbox ul li a p { font: normal 24px/36px Trebuchet MS, Arial; color: #FFF; text-shadow: 2px 2px 4px #000; padding: 0; margin: 0; text-align: center; }

/*** MODULE:NEWS ***/
#newslist-module {  }
#newslist-module dl { border-bottom: 1px solid #EEE; padding: 10px 0; min-height: 100px;  }
#newslist-module dl.pic {position: relative; top: 0; left: 0; }

#newslist-module dl dt { margin: 0; padding: 0px;}
#newslist-module dl dt div {font-size: 11px;}
#newslist-module dl dt a { text-decoration: none; font-weight: bold; color: #0F3F7E; }
#newslist-module dl dt a:hover {text-decoration: underline; }
#newslist-module dl dd { margin: 0; padding: 5px 0 0 0; }
#newslist-module dl dd div { padding-top: 5px; }
#newslist-module dl dd div a {text-decoration: none;}
#newslist-module dl dd div a:hover {text-decoration: underline;}

#newslist-module dl.pic dt { padding-left: 100px; }
#newslist-module dl.pic dd { padding-left: 100px; }
#newslist-module dl.pic dd img { display: block; border: 1px solid #777; padding: 2px; position: absolute; top: 10px; left: 0; }

/*** MODULE:GALLERY ***/
.gallery { margin-top: 5px; }
.gallery a { display: block; float: left; width: 33%; margin-right: 0.5%; margin-bottom: 5px; }
.gallery a:nth-child(3n) { margin-right: 0; }
.gallery a div.border { padding: 2px; border: 1px solid #0F3F7E; transition: background 0.1s linear; }
.gallery a div.inbox { position: relative; }
.gallery a:hover div.border { background: #0F3F7E; }
.gallery a div.video { position: absolute; width: 100%; height: 100%; top:0; left:0; background: url(/images/tpl/play.png) no-repeat center center;  }
.gallery a div.desc { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.4); margin: 0; width: 96%; font: normal 14px/14px Trebuchet MS, Arial; padding: 10px 2%; text-align: center; color: #FFF; transition: background 0.1s linear; }
.gallery a:hover div.desc { background: rgba(0,0,0,0.8);  }
.gallery a img { display: block; width: 100%; }

/*** MODULE:LISTOFPAGES ***/
.listOfPages { margin: 2px 0; height: 30px; padding: 0; }
.listOfPages a, .listOfPages span { cursor: pointer; display: block; padding: 0 10px; float: left; font: bold 11px Trebuchet MS, Arial; line-height: 30px; background: #EEE; margin-right: 1px; color: #0F3F7E; text-decoration: none; text-align: center; }
.listOfPages span, .listOfPages a.active, .listOfPages a:hover { background: #0F3F7E; color: #FFF; }

/*** MODULE:BOXES ***/
div.boxes .box { float: left; margin: 0; text-decoration: none; }
div.boxes div.boxcontent { width: 100%; padding: 0; }

div.boxes.col1 .box { width: 100%; margin-bottom: 1.5%; }
div.boxes.col2 .box { width: 49.5%; margin-right: 1%; margin-bottom: 1%; }
div.boxes.col2 .box:nth-child(2n) { margin-right: 0; }
div.boxes.col3 .box { width: 33%; margin-right: 0.5%; margin-bottom: 0.5%; }
div.boxes.col3 .box:nth-child(3n) { margin-right: 0; }
div.boxes.col4 .box { width: 24.5%; margin-right: 0.6666666666666667%; margin-bottom: 0.6666666666666667%; }
div.boxes.col4 .box:nth-child(4n) { margin-right: 0; }

div.boxes div.boxcontent div.desc h2 { margin: 10px 0; color: #0F3F7E; }
div.boxes div.boxcontent div.desc h3 { margin: 2px 0; font: normal 14px/16px Trebuchet MS, Arial; color: #777; }

div.boxes.imgTop div.boxcontent figure { width: 100%; }
div.boxes.imgTop div.boxcontent figure img { width: 100%; margin: 0 auto; display: block; }
div.boxes.imgTop div.boxcontent div.desc { }
div.boxes.imgTop div.boxcontent div.desc h2 { margin: 10px 0 5px 0; }
div.boxes.imgTop div.boxcontent div.desc h3 { margin-bottom: 15px; }

div.boxes.imgTopSmall div.boxcontent { width: 80%; margin: 0 auto;  }
div.boxes.imgTopSmall div.boxcontent figure { width: 90%; height: 140px; margin: 0 auto;  }
div.boxes.imgTopSmall div.boxcontent figure img { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; }
div.boxes.imgTopSmall div.boxcontent div.desc { }
div.boxes.imgTopSmall div.boxcontent div.desc h2 { margin: 10px 0 5px 0; text-align: center; }
div.boxes.imgTopSmall div.boxcontent div.desc h3 { margin-bottom: 15px; text-align: center; }

div.boxes.imgAnim div.boxcontent { position: relative; overflow: hidden; }
div.boxes.imgAnim div.boxcontent figure { width: 100%; }
div.boxes.imgAnim div.boxcontent img { width: 100%; margin: 0 auto; display: block; }
div.boxes.imgAnim div.boxcontent div.desc { position: absolute; bottom: -100%; max-height: 92%; left: 0; padding: 2%; width: 96%; transition: bottom 0.3s ease; background: rgba(0,0,0,0.5); }
div.boxes.imgAnim div.boxcontent:hover div.desc { bottom: 0; }
div.boxes.imgAnim div.boxcontent div.desc h2 { text-align: center; margin: 5px 0; padding: 0; font: bold 15px Trebuchet MS, Arial; color: #FFF; }
div.boxes.imgAnim div.boxcontent div.desc h3 { text-align: center; margin: 2px 0; padding: 0; font: normal 14px Trebuchet MS, Arial; color: #FFF; }

div.boxes.imgLeft div.boxcontent figure { width: 40%; float: left; }
div.boxes.imgLeft div.boxcontent figure img { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; }
div.boxes.imgLeft div.boxcontent div.desc { width: 58%; padding-left: 2%; float: right; }

div.boxes.imgRight div.boxcontent figure { width: 40%; float: right; }
div.boxes.imgRight div.boxcontent figure img { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; }
div.boxes.imgRight div.boxcontent div.desc { width: 58%; padding-right: 2%; float: left; }

div.boxes.imgLeftRight .box:nth-child(2n-1) div.boxcontent figure { width: 40%; float: left; }
div.boxes.imgLeftRight .box:nth-child(2n-1) div.boxcontent div.desc { width: 58%; padding-left: 2%; float: right; }
div.boxes.imgLeftRight .box:nth-child(2n) div.boxcontent figure { width: 40%; float: right; }
div.boxes.imgLeftRight .box:nth-child(2n) div.boxcontent div.desc { width: 58%; padding-right: 2%; float: left; }
div.boxes.imgLeftRight div.boxcontent figure img { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; }

/*** NEWS ***/
#newslist { border-top: 1px solid rgba(222,62,126,0.2); background: linear-gradient(rgba(255,255,255,0.5), transparent); padding: 10px; }
#newslist h2 { border-bottom: 1px solid #0F3F7E; font: bold 24px/28px Arial; color: #0F3F7E; margin: 0; padding-bottom: 10px; margin-bottom: 20px; }
#newslist ul, #newslist ul li { margin: 0px; padding: 0px; list-style: none; font: normal 14px/16px Arial;  }
#newslist ul li {position: relative; top: 0px; left: 0px; margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: 1px solid #AAA; left: 0; position: relative; top: 0; }
#newslist ul li.pic img { position: absolute; left: 0; top: 0px; width: 50px; padding: 1px; box-shadow: 0px 0px 2px #AAA; border: 1px solid #AAA; }
#newslist ul li.pic a:hover img { box-shadow: 0px 0px 6px 2px #999; }
#newslist ul li a { display: block; text-decoration: none;}
#newslist ul li h3 { color: #0F3F7E; display: block; font: bold 14px/18px arial; text-decoration: none; margin: 0; }
#newslist ul li a:hover h3 { text-decoration: underline; }
#newslist ul li p, #newslist ul li a p { margin: 0; padding: 0; color: #333; }
#newslist ul li p.date { font-weight: bold; margin: 0; padding: 0; }
#newslist ul li.pic p, #newslist ul li.pic h3 { margin-left: 65px; }

/*** MENU::start ***/
#menubox { background: rgba(19,79,159,0.2); padding: 20px 0; }
#menubox ul { margin: 0; padding: 0; margin-right: 10px; list-style: none;  }
#menubox ul li { margin: 0; padding: 0; padding-bottom: 4px; list-style: none;  }
#menubox ul li a { display: block; font: bold 24px/48px 'Trebuchet MS'; padding: 0 15px; border-right: 5px solid #EB5A93; color: #FFF; text-decoration: none; text-align: right; transition: background 0.5s ease-out, border 0.5s ease-out; }
#menubox ul li a:hover { border-right: 5px solid #134F9F; background: rgba(222,62,126, 0.3); }
#menubox ul li a.opened, #menubox ul li.on a { border-right: 5px solid #134F9F; background: rgba(15,63,126, 0.6); }
#menubox ul ul.submenu { display: none; height: 0; background: rgba(222,62,126, 0.5); margin: 0; margin-top: 4px; }
#menubox ul li.on > ul.submenu { display: block; height: auto; }
#menubox ul ul.submenu li { padding: 0;  }
#menubox ul ul.submenu a { font: normal 14px/36px 'Trebuchet MS'; padding: 0 15px; border: none; text-align: left; background: url(/images/navi/menupoint_right_white.gif) no-repeat left center; transition: none; }
#menubox ul ul.submenu a.opened, #menubox ul ul.submenu li.haveSub.on > a { background: url(/images/navi/menupoint_down_white.gif) no-repeat left center; font-weight: bold; }
#menubox ul ul.submenu li.on > a { font-weight: bold; }
#menubox ul ul.submenu a:hover { text-decoration: underline; }
#menubox ul ul.submenu ul.submenu { margin-left: 20px; background: transparent; }
#menubox ul ul.submenu ul.submenu a { font: normal 14px/24px 'Trebuchet MS'; }
#menubox ul ul.submenu ul.submenu li.on > a { font-weight: bold; }
#menubox > ul > li.haveSub > ul  { padding-left: 50%; }
/*** MENU::end ***/


/*** LAYOUT ***/
.paddings { padding: 20px; }
.paddingsH { padding: 0 20px; }
.paddingsV { padding: 20px 0; }
.paddingsT { padding-top: 20px; }
.paddingsB { padding-bottom: 20px; }
.paddingsL { padding-left: 20px; }
.paddingsR { padding-right: 20px; }

.mainContainer { height: 100%; }

.mainContainer h1.slogan { font: bold 48px/52px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; text-align: center; }
.mainContainer h2.subslogan { font: normal 24px/32px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; text-align: center; }

.mainContainer div.pageCaption { text-align: center; height: 24px; margin-bottom: 24px; border-bottom: 1px solid #AAA; }
.mainContainer h1.caption { display: inline-block; font: bold 36px/36px Trebuchet MS, Arial; color: #de3e7e; margin: 0; padding: 6px 20px; text-align: center; background: #FFF; }

.leftSide { position: fixed; top: 0; left: 0; width: 40%; float: left; height: auto; min-height: 100%; background: #333; border-right: 3px solid #0F3F7E; box-sizing: border-box; transition: left 0.5s ease-out; }
.leftSide.on { display: block; float: none; position: absolute; width: 100%; top: 0; left: 0; z-index: 1000; }
.leftSide .mask { width: 100%; height: 100%; background: rgba(42,65,94,0.3); }
.leftSide .logoPanel { padding-top: 20px; box-sizing: border-box; padding-bottom: 80px; }
.leftSide a.logo { display: block; font: bold 54px/60px Trebuchet MS, Arial; text-align: right; overflow: hidden; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; }
.leftSide a.logosub { display: block; font: normal 32px/48px Trebuchet MS, Arial; text-align: right; overflow: hidden; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; }
.leftSide a.logopic { display: block; overflow: hidden; height: 80px; text-align: center;  }
.leftSide a.logopic img { max-height: 100%; max-width: 100%; }
.leftSide #mobileLinkClose { display: none; height: 50px; background: rgba(15,63,126,0.7) url(/images/navi/menuclose.png) no-repeat right 20px center; background-size: auto 50%; }

.rightSide { width: 60%; float: right; background: rgba(255,255,255,0.8); box-sizing: border-box; }
.rightSide #mobileTop { display: none; border-bottom: 3px solid #0F3F7E; box-shadow: 0 5px 10px -2px rgba(222,62,126, 0.5); }
.rightSide #mobileTop a.logo { display: block; font: bold 32px/48px Trebuchet MS, Arial; padding-top: 80px; text-align: center; overflow: hidden; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; }
.rightSide #mobileTop a.logosub { display: block; font: normal 24px/28px Trebuchet MS, Arial; padding-bottom: 40px; text-align: center; overflow: hidden; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; }
.rightSide #mobileTop a.logopic { display: block; padding: 70px 0; overflow: hidden; height: 80px; text-align: center;  }
.rightSide #mobileTop a.logopic img { max-height: 100%; max-width: 100%; }
.rightSide #mobileTop #mobileLink { display: block; height: 60px; background: rgba(15,63,126,0.7) url(/images/navi/menu.png) no-repeat left 20px center; background-size: auto 20px; }

.rightSide h1 { font: bold 36px/48px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; }
.rightSide h2 { font: bold 26px/32px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; }

section.newsletter { background: #de3e7e url(/images/tpl/envelope.png) no-repeat left center; }
section.newsletter div.newsletter-info { width: 40%; padding: 0; padding-right: 5px; float: left; box-sizing: border-box; }
section.newsletter div.newsletter-info div.title { font: bold 32px/34px Arial; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.6); }
section.newsletter div.newsletter-info div.desc { color: rgba(255,255,255,0.8); font: normal 12px/14px Arial; text-shadow: 2px 2px 2px rgba(0,0,0,0.6); }

section.newsletter div.newsletter { float: right; width: 60%; border: none; margin-top: 7px; box-shadow: 0 2px 4px rgba(0,0,0,0.6); background: #EB5A93; overflow: hidden;  }
section.newsletter div.newsletter div.name { width: 37%; float: left; padding: 10px; background: #FFF url(/images/tpl/icon-user.png) no-repeat left 15px center; border-right: 1px solid #BDC0C2; box-sizing: border-box; text-align: right; }
section.newsletter div.newsletter div.email { width: 37%; float: left; padding: 10px; background: #FFF url(/images/tpl/icon-email.png) no-repeat left 15px center; border-right: 1px solid #BDC0C2; box-sizing: border-box; text-align: right; }
section.newsletter div.newsletter input { width: 80%; border: none; padding: 0; margin: 0; margin-left: 20%; box-sizing: border-box; font: normal 14px/25px Arial; background: #FFF; outline: none; }
section.newsletter div.newsletter a.submit { width: 26%; float: left; padding: 0 3%; font: bold 14px/45px Arial; display: block; box-sizing: border-box; color: #FFF; background: #0F3F7E url(/images/tpl/dart-right-transparent-grey.png) no-repeat right 30px center; text-decoration: none; }
section.newsletter div.newsletter a.submit:hover { background: #134F9F url(/images/tpl/dart-right-transparent-grey.png) no-repeat right 30px center; }

footer { background: #0F3F7E; }
footer .footerinfo { color: rgba(255,255,255,0.8); text-align: center; }
footer .copy { text-align: center; padding: 10px 0; }
footer .copy a { text-decoration: none; color: rgba(255,255,255,0.8); display: block; text-shadow: 0 0 10px rgba(0,0,0,0.8); }
footer .copy a.logo { font: bold 16px/18px Arial; }
footer .copy img { height: 80px; }

footer div.bottommenu { padding: 5px 0; margin: 5px 0; text-align: center; color: rgba(0,0,0,0.4); border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1); }
footer div.bottommenu a { font: normal 14px/24px arial; text-decoration: none; padding: 0 10px; color: rgba(255,255,255,0.8); }
footer div.bottommenu a:hover { text-decoration: underline; color: rgba(255,255,255,0.9); }

footer .created { text-align: center; padding: 4px 0; }
footer .created  a.tworzenie { font: normal 10px arial; text-decoration: none; color: rgba(255,255,255,0.7); }
footer .created  a.stron { text-decoration: underline; color: rgba(255,255,255,0.7); }

/*** RESPONSIVE ***/

@media screen and (max-width: 1280px)
{

}

@media screen and (max-width: 1000px)
{
    section.newsletter div.newsletter-info { width: 80%; float: none; padding: 10px 0; margin: 0 auto; }
    section.newsletter div.newsletter { width: 80%; float: none; margin: 0 auto; }
}

@media screen and (max-width: 900px)
{
    section.newsletter div.newsletter-info { width: 100%; }
    section.newsletter div.newsletter { width: 100%; }
}

@media screen and (max-width: 780px)
{
    .leftSide a.logo { font: bold 32px/48px Trebuchet MS, Arial; }
    .leftSide a.logosub { font: normal 24px/28px Trebuchet MS, Arial; }

    #menubox ul li a { font: normal 16px/32px 'Trebuchet MS'; padding: 0 10px; }
    #menubox ul ul.submenu a { font: normal 14px/24px 'Trebuchet MS'; padding: 0 5px 0 15px; }
}

@media screen and (max-width: 650px)
{
    #sliderbox ul li a h2 { font: bold 24px/36px Trebuchet MS, Arial; }
    #sliderbox ul li a p { font: normal 18px/24px Trebuchet MS, Arial; }

    div.boxes.col1 .box { width: 100%; margin-bottom: 1.5%; }
    div.boxes.col2 .box { width: 100%; margin: 0; margin-bottom: 1.5%; }
    div.boxes.col3 .box { width: 100%; margin: 0; margin-bottom: 1.5%; }
    div.boxes.col4 .box { width: 100%; margin: 0; margin-bottom: 1.5%; }

    .rightSide h1 { font: bold 24px/32px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; }
    .rightSide h2 { font: bold 18px/22px Trebuchet MS, Arial; color: #0F3F7E; margin: 0; padding: 0; }

    .mainContainer div.pageCaption { height: 12px; margin-bottom: 12px; }
    .mainContainer h1.caption { font: bold 18px/18px Trebuchet MS, Arial; padding: 3px 10px; }

    .gallery a { width: 100%; margin: 0; margin-bottom: 5px; }
}

@media screen and (max-width: 550px)
{
    .leftSide { display: none; display: block; float: none; position: absolute; width: 100%; top: 0; left: -100%; z-index: 1000; border-right: none;  }
    .leftSide .logoPanel { padding-top: 20px; padding-bottom: 20px; }
    .leftSide #mobileLinkClose { display: block; }

    .rightSide { width: 100%; }
    .rightSide.off { width: 100%; height: 100%; overflow: hidden; }
    .rightSide #mobileTop { display: block; }
}

@media screen and (max-width: 400px)
{
    .rightSide .paddings { padding: 5px; }

    .mainContainer h1.slogan { font: bold 32px/36px Trebuchet MS, Arial; }
    .mainContainer h2.subslogan { font: normal 22px/28px Trebuchet MS, Arial; }

}