/* CSS Document
Internet Explorer (all versions): EOT
Safari (3.2+): TTF / OTF
iPhone (3.1) SVG
Chrome (wszystkie wersje): SVG (TTF/OTF dodany 25 stycznia 2010)
Firefox (3.5+): TTF/OTF (.WOFF dodany w wersji 3.6)
Opera (10+) TTF/OTF

width:
1699
1249
993
gsm

em font-size:
14 0.778
15 0.833
16 0.889
17 0.944
18 1
19 1.056
20 1.111
21 1.167
22 1.222
23 1.278
24 1.333
25 1.389
26 1.444
27 1.5
28 1.544

em line-height:
20 0,833
21 0,875
22 0,916
23 0,958
24 1
25 1,041
26 1,083
27 1,125
28 1,167
29 1,208
30 1,250
*/

/* CLASSES */

html, body, p {
	width: 100%; height: 100%;
	font-family: webfontRegular;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

a.menuRead {
            padding: 5px 32px 5px 32px;
            margin: 10px 0 10px 0;
}

a.menuRead:link {
	text-decoration: none;
	color: #fff;
        background-image: url("../images/button_green.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuRead:visited {
	text-decoration: none;
	color: #fff;
        background-image: url("../images/button_green.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuRead:active {
	text-decoration: none;
	color: #fff;
        background-image: url("../images/button_green.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuRead:hover {
	text-decoration: none;
	color: #8feceb;
        background-image: url("../images/button_green.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}

a.menuFooterWhite:link {
        font-family: webfontBold;
	text-decoration: none;
	color: #004640;
        background-image: url("../images/button_white.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuFooterWhite:visited {
        font-family: webfontBold;
	text-decoration: none;
	color: #004640;
        background-image: url("../images/button_white.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuFooterWhite:active {
        font-family: webfontBold;
	text-decoration: none;
	color: #004640;
        background-image: url("../images/button_white.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuFooterWhite:hover {
        font-family: webfontBold;
	text-decoration: none;
	color: #004640;
        background-image: url("../images/button_white.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}

a.menuWhite:link {
	text-decoration: none;
	color: #fff;
        background-image: url("../images/button_green_shop.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuWhite:visited {
	text-decoration: none;
	color: #fff;
        background-image: url("../images/button_green_shop.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuWhite:active {
	text-decoration: none;
	color: #fff;
        background-image: url("../images/button_green_shop.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuWhite:hover {
	text-decoration: none;
	color: #8feceb;
        background-image: url("../images/button_green_shop.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}

a.menuFooter:link {
	text-decoration: none;
	color: #fff;
        padding: 2px 0 2px 0;
}
a.menuFooter:visited {
	text-decoration: none;
	color: #fff;
        padding: 2px 0 2px 0;
}
a.menuFooter:active {
	text-decoration: none;
	color: #fff;
        padding: 2px 0 2px 0;
}
a.menuFooter:hover {
	text-decoration: underline;
	color: #fff;
        padding: 2px 0 2px 0;
}

.textWhite {
        color: #fff;
}

a.menuLong:link {
	text-decoration: none;
        color: #fff;
	background-image: url("../images/button_green_menulong.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuLong:visited {
	text-decoration: none;
        color: #fff;
	background-image: url("../images/button_green_menulong.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuLong:active {
	text-decoration: none;
        color: #fff;
	background-image: url("../images/button_green_menulong.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}
a.menuLong:hover {
	text-decoration: none;
	color: #8feceb;
        background-image: url("../images/button_green_menulong.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}

.alert {
	padding: 10px;
        border-radius: 5px;
	margin: 20px auto;
        width: 70%;
}

.alert-danger {
	color: red;
	border: 1px red solid;
}

.alert-success {
	color: green;
	border: 1px green solid;
}

.borderTop {
    border-top: 1px #004640 solid;
}
.borderBottom {
    border-bottom: 1px #004640 solid;
}
.borderLeft {
    border-left: 1px #004640 solid;
}
.borderRight {
    border-right: 1px #004640 solid;
}

input.field,textarea.field {
    font-family: webfontRegular;
    border-bottom: 1px #004640 solid;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0; padding: 0;
    color: #004640;
    width: 500px;
}

textarea.field1 {
    height: 200px;
}

.button {
    border: none;
    color: #000;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: webfontRegular;
    font-size: 1em;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 5px;
    width: 270px;
}

.button1 {
    background-color: #fff; 
    color: black; 
    border: 1px solid #004640;
}

a:link {text-decoration: none;color:#fff}
a:visited {text-decoration: none;color:#fff}
a:active {text-decoration: none;color:#fff}
a:hover {text-decoration: underline;color:#fff}

a.normal:link {
	text-decoration: underline;
	color: #000;
}
a.normal:visited {
	text-decoration: underline;
	color: #000;
}
a.normal:active {
	text-decoration: underline;
	color: #000;
}
a.normal:hover {
	text-decoration: underline;
	color: #000;
}







@media screen and (min-width: 800px) {

#ALLGSM {
        display: none;
}
    
.titleGallery {
        font-family: webfontBold;
        color: #000;
        font-size: 1.222em;
        padding: 10px 0 0 0;
}

.titleGalleries {
        font-family: webfontRegular;
        color: #004640;
        font-size: 1.444em;
        padding: 0 0 20px 0;
}

.title {
	font-family: webfontRegular;
	color: #004640;
	font-size: 2.67em /*48px*/;
	background-color: #fff;
        margin: 10px;
}

.boxTitle {
	font-family: webfontBold;
	color: #000;
	font-size: 1.667em /*30px*/;
        padding: 40px 0 15px 0;
}

.footerTitle {
        font-family: webfontBold;
        font-size: 1.222em; /*22px*/
        line-height: 1.18em;
}

.footerBig {
        font-family: webfontRegular;
        font-size: 1.222em; /*22px*/
        line-height: 1.18em;
}

.textGreen {
        color: #004640;
}

.bold {
        font-family: webfontBold;
}

.center {
    text-align: center;
}

.tablePrice {
    margin: 20px 0 20px 0;
}

.TITLESMAIN {
    text-align:center;
    /*position: relative;*/
    margin: 176px auto;
    width: 940px;
}

.TITLESMAIN2 {
    text-align:center;
    /*position: relative;*/
    margin: 121px auto;
    width: 750px;
}

.TEXTMAIN {
    text-align:center;
}

.TOPSUBPAGE {
    text-align:center;
    position: relative;
}

.titleMainPage {
        /*position: absolute;*/
        text-align: center;
        background-color: #fff;
        padding: 5px 7px 5px 7px;
        -webkit-box-shadow: 7px 17px 0px 1px rgba(0,0,0,0.16);
        -moz-box-shadow: 7px 17px 0px 1px rgba(0,0,0,0.16);
        box-shadow: 7px 17px 0px 1px rgba(0,0,0,0.16);
}

.titleSubPage {
        position: absolute;
        text-align: center;
        background-color: #fff;
        -webkit-box-shadow: 8px 22px 0px 1px rgba(0,0,0,0.16);
        -moz-box-shadow: 8px 22px 0px 1px rgba(0,0,0,0.16);
        box-shadow: 8px 22px 0px 1px rgba(0,0,0,0.16);
}

.titleSubPage2,.titleSubPage3 {
        position: absolute;
        text-align: center;
        background-color: #fff;
        -webkit-box-shadow: 8px 22px 0px 1px rgba(0,0,0,0.16);
        -moz-box-shadow: 8px 22px 0px 1px rgba(0,0,0,0.16);
        box-shadow: 8px 22px 0px 1px rgba(0,0,0,0.16);
}

a.noline:link {
	text-decoration: none;
	color: #000;
}
a.noline:visited {
	text-decoration: none;
	color: #000;
}
a.noline:active {
	text-decoration: none;
	color: #000;
}
a.noline:hover {
	text-decoration: none;
	color: #000;
}

a.menu:link {
	text-decoration: none;
	color: #004640;
}
a.menu:visited {
	text-decoration: none;
	color: #004640;
}
a.menu:active {
	text-decoration: none;
	color: #004640;
}
a.menu:hover {
	text-decoration: none;
	color: #fff;
        background-image: url("../images/button_green_menu.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
}

.menuLeft {
    float: right;
}

.menuRight {
    float: left;
}

.logo {
    position: absolute;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    z-index: 1000;
}

.clear {
    clear: both;
}

.CONTAINER {
    width: 1350px;
    text-align: center;
    padding: 70px 0 80px 0;
    margin: 0 auto;
}
.leftBox {
    width: 450px;
    float: left;
}
.rightBox {
    width: 450px;
    float: right;
}
.centerBox {
    width: 450px;
    display: inline-block;
    margin: 0 auto;
}

.CONTAINER2 {
    width: 500px;
    text-align: center;
    padding: 70px 0 80px 0;
    margin: 0 auto;
}

.footerContainer,.contactContainer {
    text-align: center;
    margin: 0 auto;
}
.footerLeftBox {
    float: left;
}
.footerRightBox {
    float: right;
}

.contactLeftBox {
    float: left;
}
.contactRightBox {
    float: right;
}







#ALL {
        display: block;
	width: 100%; height: 100%;
	text-align: center;
}


#ALL #PAGE {
	margin: 0 auto;
}

.TOPBANNER,.TOPBANNERSUBPAGE {	
        width: 100%;
	position: relative;
	z-index: 500;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

.CONTENT {	
	position: relative;
	z-index: 500;
	text-align: center;
}

.CONTENTSUBPAGE {	
	z-index: 500;
	text-align: justify;
        width: 80%;
        margin: 0 auto;
        padding: 50px 0 50px 0;
}

#ALL #PAGE #FOOTER {
	width: 100%;
        background-image: url('../images/background_footer.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}


#ALL #PAGE #COOKIE {
	position: fixed;
  	left: 0; right: 0; top: 75%; bottom: 0;
	margin: auto;
	background-color: #fff;
	z-index: 1200;
	display:none;
	box-shadow: 0 0 30px #333;
	padding: 30px;
}

}


@font-face {
    font-family: 'webfontBold';
    src: url('fonts/southrnb-webfont.eot');
    src: url('fonts/southrnb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/southrnb-webfont.woff2') format('woff2'),
         url('fonts/southrnb-webfont.woff') format('woff'),
         url('fonts/southrnb-webfont.ttf') format('truetype'),
         url('fonts/southrnb-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'webfontItalic';
    src: url('fonts/southrni-webfont.eot');
    src: url('fonts/southrni-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/southrni-webfont.woff2') format('woff2'),
         url('fonts/southrni-webfont.woff') format('woff'),
         url('fonts/southrni-webfont.ttf') format('truetype'),
         url('fonts/southrni-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'webfontRegular';
    src: url('fonts/southrnn-webfont.eot');
    src: url('fonts/southrnn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/southrnn-webfont.woff2') format('woff2'),
         url('fonts/southrnn-webfont.woff') format('woff'),
         url('fonts/southrnn-webfont.ttf') format('truetype'),
         url('fonts/southrnn-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'webfontItalicBold';
    src: url('fonts/southrnt-webfont.eot');
    src: url('fonts/southrnt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/southrnt-webfont.woff2') format('woff2'),
         url('fonts/southrnt-webfont.woff') format('woff'),
         url('fonts/southrnt-webfont.ttf') format('truetype'),
         url('fonts/southrnt-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

    #ALL {
        display: none;
    }
    
    #ALLGSM {
        display: block;
	width: 100%; height: 100%;
	text-align: center;
    }

    #ALLGSM #TOPBAR {
	width: 100%;
	z-index: 1000;
	position: fixed;
	top: 0px; left: 0px;
	box-shadow: 0 5px 20px #ccc;
	background-color: #fff;
        height: 10%;
    }

    #ALLGSM #TOPBAR #LOGOICONS {
	width: 100%; height: 100%;
    }

    #ALLGSM #MENU {
	width: 70%; height: 100%;
	top: 0; right: -100%;
	z-index: 1100;
	position: fixed;
	box-shadow: -5px 0 20px #ccc;
	background-color: #fff;
	display: none;
    }

    #ALLGSM #MENU #MTITLE {
	width: 100%;
        height: 10%;
	z-index: 1101;
	box-shadow: 0 5px 20px #ccc;
    }

    #ALLGSM #MENU #MLIST {
	width: 100%;
    }
    
    #ALLGSM #MAINBANNER {
        margin-top: 7%;
	width: 100%;
	z-index: 500;
	background-image: url('../images/background_gsm1.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
    }
    
    #ALLGSM #MAINBANNER2 {
	width: 100%;
	z-index: 500;
	background-image: url('../images/background_gsm2.gif');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
    }
    
    #ALLGSM #MAINBANNERSUBPAGE {
        margin-top: 7%;
	z-index: 500;
        width: 100%;
        background-image: url('../images/background_gsm3.gif');
        background-repeat: no-repeat;
	background-position: center top;
        background-size: cover;
        text-align: center;
        height: 30%;
    }
    
    .CONTENT {
	width: 90%;
	background-color: #fff;
	margin: 0 auto;
	text-align: justified;
    }
    
    a.nolineGrey:link {
	text-decoration: none;
	color: #777;
	font-size: 16px;
    }
    a.nolineGrey:visited {
	text-decoration: none;
	color: #777;
	font-size: 16px;
    }
    a.nolineGrey:active {
	text-decoration: none;
	color: #777;
	font-size: 16px;
    }
    a.nolineGrey:hover {
	text-decoration: none;
	color: #000;
	font-size: 16px;
    }

    .clear {
        clear:both;
    }
    
    .titleMainPage {
        /*position: absolute;*/
        text-align: center;
        background-color: #fff;
        padding: 5px 7px 5px 7px;
        -webkit-box-shadow: 7px 17px 0px 1px rgba(0,0,0,0.16);
        -moz-box-shadow: 7px 17px 0px 1px rgba(0,0,0,0.16);
        box-shadow: 7px 17px 0px 1px rgba(0,0,0,0.16);
    }
    
    .textGreen {
        color: #004640;
    }
    
    .welcome {
            font-size: 24px;
    }
    
    #ALLGSM #FOOTER {
	width: 100%;
        background-image: url('../images/background_gsm_footer.gif');
	background-repeat: no-repeat;
	background-position: center top;
        background-size: cover;
    }


    #ALLGSM #COOKIE {
	position: fixed;
  	left: 0; right: 0; top: 75%; bottom: 0;
	margin: auto;
	background-color: #fff;
	z-index: 1200;
	display:none;
	box-shadow: 0 0 30px #333;
	padding: 30px;
    }
    
    .footerContainer,.contactContainer {
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }
    
    a.menuFooterWhite {
            margin: 10px 0 10px 0;
    }
    
    .footerTitle {
        font-family: webfontBold;
        font-size: 22px; /*22px*/
        line-height: 24px;
}

    .footerBig {
        font-family: webfontRegular;
        font-size: 22px; /*22px*/
        line-height: 28px;
    }
    
    a.menuWhite {
        font-size: 16px;
        padding: 2px 7px 2px 7px;
        margin: 0 3px 0 3px;
    }
    
    .titleSubPage {
        font-size: 28px;
        margin: 0 auto;
        padding: 10px 15px 10px 15px;
        text-align: center;
        background-color: #fff;
        -webkit-box-shadow: 6px 15px 0px 1px rgba(0,0,0,0.16);
        -moz-box-shadow: 6px 15px 0px 1px rgba(0,0,0,0.16);
        box-shadow: 6px 15px 0px 1px rgba(0,0,0,0.16);
        width: 75%;
    }
    
    a.menuLong {
            font-size: 18px;
            padding: 3px 10px 3px 10px;
    }
    
    input.field,textarea.field {
        width: 90%;
    }

    textarea.field1 {
        height: 100px;
    }
        
}

@media screen and (min-width: 800px) and (max-width: 1279px) {
    
	html, body {
            font-size: 14px; line-height: 18px;
	}		
	
        .TOPBANNER {	
            background-image: url('../images/background.jpg');
            background-size: cover;
            height: 900px;
        }
        
        .TOPBANNERSUBPAGE {	
            background-image: url('../images/background_subpage.jpg');
            background-size: cover;
            height: 250px;
        }
        
        .TITLESMAIN {
            display: none;
        }
        
        .TITLESMAIN2 {
            display: block;
        }
        
        .TEXTMAIN {
            margin: 10px auto;
            width: 700px;
        }
        
        .TOPSUBPAGE {
            margin: 50px auto;
            width: 750px;
        }
        
        .logoImg {
            width: 110px; height: 128px;
        }
        
        .menuLeft {
            padding: 27px 80px; 
        }

        .menuRight {
            padding: 27px 0 0 80px;
        }
        
        #ALL #PAGE #FOOTER {
            height: 400px;
        }
        
        .CONTAINER {
            display: none;
        }
        
        .CONTAINER2 {
            display: block;
        }
        
        a.menu {
            font-size: 1.22em;
            padding: 3px 10px 3px 10px;
        }
        
        a.menuLong {
            font-size: 1.22em;
            padding: 3px 10px 3px 10px;
        }
        
        a.menuWhite {
            font-size: 1.22em;
            padding: 3px 7px 3px 7px;
            margin: 0 3px 0 3px;
        }
        
        a.menuFooterWhite {
            margin: 10px 0 10px 0;
        }
        
        .logo {
            top: 15px;
            width: 159px;
        }
        
        .titleMainPage {
            font-size: 1.667em;
            line-height: 1.15em;
        }
        
        .titleSubPage {
            font-size: 2.2em;
            line-height: 1.0em;
            margin-top: 30px;
        }
        
        .titleSubPage {
            padding: 10px 15px 10px 15px;
        }
        
        .titleSubPage2 {
            font-size: 2.0em;
            line-height: 1.0em;
            top:0; left:0;
            padding: 10px 15px 10px 15px;
        }
        
        .titleSubPage3 {
            font-size: 2.0em;
            line-height: 1.0em;
            top:42px; left:0;
            padding: 10px 15px 10px 15px;
        }
        
        .welcome {
            font-size: 1.777em;
        }

        input.field,textarea.field {
            font-size: 1em;
        }
        
        .footerTitle {
            line-height: 1.2em;
        }
        
        .footerContainer,.contactContainer {
            width: 750px;
        }
        .footerLeftBox {
            width: 375px;
        }
        .footerRightBox {
            width: 375px;
        }
        
        .contactLeftBox {
            width: 350px;
        }
        .contactRightBox {
            width: 400px;
        }
        
        .google1 {
            display: none;
        }
        .google2 {
            display: block;
        }
        
}

@media screen and (min-width: 1280px) and (max-width: 1355px) {
    
	html, body {
            font-size: 18px; line-height: 24px;
	}		
	
        .TOPBANNER {	
            background-image: url('../images/background.jpg');
            height: 1215px;
        }
        
        .TOPBANNERSUBPAGE {	
            background-image: url('../images/background_subpage.jpg');
            height: 353px;
        }
        
        .TITLESMAIN {
            display: block;
        }
        
        .TITLESMAIN2 {
            display: none;
        }
        
        .TEXTMAIN {
            margin: 35px auto;
            width: 860px;
        }
        
        .TOPSUBPAGE {
            margin: 115px auto;
            width: 940px;
        }
        
        .logoImg {
            width: 159px; height: 185px;
        }
        
        .menuLeft {
            padding: 35px 130px; 
        }

        .menuRight {
            padding: 35px 0 0 130px;
        }
        
        #ALL #PAGE #FOOTER {
            height: 463px;
        }
        
        .CONTAINER {
            display: none;
        }
        
        .CONTAINER2 {
            display: block;
        }
        
        a.menu {
            font-size: 1.22em;
            padding: 6px 20px 6px 20px;
        }
        
        a.menuLong {
            font-size: 1.22em;
            padding: 6px 20px 6px 20px;
        }
        
        a.menuWhite {
            font-size: 1.22em;
            padding: 6px 14px 6px 14px;
            margin: 0 6px 0 6px;
        }
        
        a.menuFooterWhite {
            margin: 10px 0 10px 0;
        }
        
        a.menuRead {
            padding: 5px 32px 5px 32px;
            margin: 10px 0 10px 0;
        }
        
        .logo {
            top: 15px;
            width: 159px;
        }
        
        .titleMainPage {
            font-size: 1.667em;
            line-height: 1.15em;
        }
        
        .titleSubPage {
            font-size: 2.667em;
            line-height: 1.0em;
        }
        
        .titleSubPage {
            padding: 15px 25px 15px 25px;
        }
        
        .titleSubPage2 {
            font-size: 2.4em;
            line-height: 1.0em;
            top:0; left:0;
            padding: 15px 25px 15px 25px;
        }
        
        .titleSubPage3 {
            font-size: 2.4em;
            line-height: 1.0em;
            top:66px; left:0;
            padding: 15px 25px 15px 25px;
        }
        
        .welcome {
            font-size: 1.777em;
        }

        input.field,textarea.field {
            font-size: 1em;
        }
        
        .footerTitle {
            line-height: 1.2em;
        }
        
        .footerContainer,.contactContainer {
            width: 1000px;
        }
        .footerLeftBox {
            width: 500px;
        }
        .footerRightBox {
            width: 500px;
        }
        
        .contactLeftBox {
            width: 400px;
        }
        .contactRightBox {
            width: 600px;
        }
        
        .google1 {
            display: block;
        }
        .google2 {
            display: none;
        }
}

@media screen and (min-width: 1356px) {
    
	html, body {
            font-size: 18px; line-height: 24px;
	}		
	
        .TOPBANNER {	
            background-image: url('../images/background.jpg');
            height: 1215px;
        }
        
        .TOPBANNERSUBPAGE {	
            background-image: url('../images/background_subpage.jpg');
            height: 353px;
        }
        
        .TITLESMAIN {
            display: block;
        }
        
        .TITLESMAIN2 {
            display: none;
        }
        
        .TEXTMAIN {
            margin: 35px auto;
            width: 860px;
        }
        
        .TOPSUBPAGE {
            margin: 115px auto;
            width: 940px;
        }
        
        .logoImg {
            width: 159px; height: 185px;
        }
        
        .menuLeft {
            padding: 35px 130px; 
        }

        .menuRight {
            padding: 35px 0 0 130px;
        }
        
        #ALL #PAGE #FOOTER {
            height: 463px;
        }
        
        .CONTAINER {
            display: block;
        }
        
        .CONTAINER2 {
            display: none;
        }
        
        a.menu {
            font-size: 1.22em;
            padding: 6px 20px 6px 20px;
        }
        
        a.menuLong {
            font-size: 1.22em;
            padding: 6px 20px 6px 20px;
        }
        
        a.menuWhite {
            font-size: 1.22em;
            padding: 6px 14px 6px 14px;
            margin: 0 6px 0 6px;
        }
        
        a.menuFooterWhite {
            margin: 10px 0 10px 0;
        }
        
        a.menuRead {
            padding: 5px 32px 5px 32px;
            margin: 10px 0 10px 0;
        }
        
        .logo {
            top: 15px;
            width: 159px;
        }
        
        .titleMainPage {
            font-size: 1.667em;
            line-height: 1.15em;
        }
        
        .titleSubPage {
            font-size: 2.667em;
            line-height: 1.0em;
        }
        
        .titleSubPage {
            padding: 15px 25px 15px 25px;
        }
        
        .titleSubPage2 {
            font-size: 2.4em;
            line-height: 1.0em;
            top:0; left:0;
            padding: 15px 25px 15px 25px;
        }
        
        .titleSubPage3 {
            font-size: 2.4em;
            line-height: 1.0em;
            top:66px; left:0;
            padding: 15px 25px 15px 25px;
        }
        
        .welcome {
            font-size: 1.777em;
        }

        input.field,textarea.field {
            font-size: 1em;
        }
        
        .footerTitle {
            line-height: 1.2em;
        }
        
        .footerContainer,.contactContainer {
            width: 1000px;
        }
        .footerLeftBox {
            width: 500px;
        }
        .footerRightBox {
            width: 500px;
        }
        
        .contactLeftBox {
            width: 400px;
        }
        .contactRightBox {
            width: 600px;
        }
        
        .google1 {
            display: block;
        }
        .google2 {
            display: none;
        }
        
}