/*@charset "windows-1250";*/
@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/jp_background.jpg); background-position:center top; background-attachment:fixed; background-color:#140600;
}

#mainContainer {
	}


#topContainer {
	padding: 10px 0px 10px 0px;
	height:34px;
	width:1200px;
	}

#topContainer .languageSelect{
	padding: 5px 10px 7px 10px;
	background-color: rgba(0, 0, 0, 0.4); 
	width: 50px;
	text-decoration: none;
	color: #ffffff;
	font-family: 'Roboto';
	font-size: 16px;
	float: right;
	margin-left: 10px;
	}

#topContainer .languageSelected:hover{
	background-color: #fafafa;

	}

#topContainer .languageSelected{
	padding: 5px 10px 7px 10px;
	background-color: #fafafa;
	width: 50px;
	text-decoration: none;
	color: #333333;
	font-family: 'Roboto';
	font-size: 16px;
	float: right;
	margin-left: 10px;
	}

#topContainer a{
	text-decoration: none;
	}

#topContainer img{
	width:16px;
	height: 11px;
	padding-right: 10px;
	}





/* MENU --------------------------------------------------------- */


#menuContainer {
	height:50px;
	padding: 20px 20px 20px 20px;
	width: max-content;
	}	

#menuContainerMobile {
	display: none;
	}	

#menuContainer .menuElement {
	float:left;
	font-family: 'Playfair Display';
	font-size: 20px;
	text-decoration: none;
	color: #6c302e;
	padding: 8px 10px 8px 10px;
	margin-right:75px;
	}

#menuContainer .menuElement:last-child {
	margin-right:0px;
	}

#menuContainer .menuElement:hover {
	background-color: #ad7352;
	background-image: linear-gradient(#441812, #855f55);
	border-radius: 3px;
	color: #f5e8d7;
	box-shadow: 
	0 0 0 1px #3b1b15,	
	0 0 0 3px #ede0d2,
	0 0 0 5px #dac9bc;
	transition-duration: .5s;
	}

#menuContainer .menuElementSelected {
	float:left;
	font-family: 'Playfair Display';
	font-size: 20px;
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	margin-right:75px;
	background-color: #ad7352;
	background-image: linear-gradient(#441812, #855f55);
	border-radius: 3px;
	color: #f5e8d7;
	box-shadow: 
	0 0 0 1px #3b1b15,
	0 0 0 3px #ede0d2,
	0 0 0 5px #dac9bc;
	}
	


/* HEADER --------------------------------------------------------- */
#headerContainer {
	padding: 10px 10px 10px 10px;
	clear: both;
	
	}	

#headerContainer .logoContainer{
	width: 300px;
	height: 200px;
	/*background-color: rgba(0, 0, 0, 0.7);*/ 
	background-color: rgba(255, 255, 255, 0.5);
	padding-top: 100px;
	position: relative;
	left: 30px;
	float: left;
	display: block;
	}
#headerContainer .logoContainerMobile{
display: none;
	}



#headerContainer .imageContainer{
	width: 100%;
	height: 300px;
	background-image: url("../images/jp_header_image.jpg");
	}

#headerContainer .logoTitle {
	font-family: 'Playfair Display';
	font-size: 50px;
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #ffffff;
	text-shadow: 0px 0px 6px #430c05;
	}

#headerContainer .logoSubTitle {
	font-family: 'Playfair Display';
	font-size: 26px;
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	color: #ffffff;
	text-shadow: 0px 0px 6px #430c05;
	}





/* LEFT --------------------------------------------------------- */

#leftContainer {
	width:180px;
	float:left;
	padding: 0px 10px 0px 10px;
	}

#leftContainer .bannerContainer {
	margin-bottom: 30px
	}

#leftContainer img.banner {
	width: 100%;
	}

#leftContainer div.bannerText {
	font-family: 'Playfair Display';
	font-size: 13px;
	width: 100%;
	background-color: #ad7352;
	color: #ffedde;
	padding: 10px 0px 10px 0px;
	font-variant: small-caps;
	}

#leftContainer div.oneRow {
	width: 100%;
	float: left;
	}

#bottomContainer {
	display: none;
	}





/* CENTER --------------------------------------------------------- */

#centerContainer {
	width:740px;
	float:left;
	background-color:#FFFFFF;
	font-family: 'Roboto';
	font-size: 18px;
	padding:20px;
	font-weight: 300;
	text-align: left;
	}

#content .title {
	font-size:28px;
	color:#430c05;
	padding-bottom:10px;
	font-weight: 300;
	font-family: 'Playfair Display';
	}		
	
#content .subTitle {
	font-size:22px;
	color:#a1744a;
	font-weight: 300;
	padding-bottom: 20px;
	}
	
#centerContainer .imageContentContainer {
	margin:10px 0px 10px 0px
	}	

#centerContainer .image {
	border:solid #a1744a 3px;
	width: 100%;
	}

#centerContainer .textStyle1 {
	float:left;
	padding-left:20px;
	width:50%;
	color:#430c05;
	font-size:20px
	
	}	
	
#centerContainer .textStyle2 {
	font-size:14px;
	color:#666;
	}	
	
#centerContainer .textStyle3 {
	font-size: 20px;
    float: right;
    margin-right: 20px;
    width: 100px;
    text-align: right;
	}	

#centerContainer .textStyle4 {
	font-size:14px;
	margin-right:20px;
	margin-bottom: 20px;
	}

#centerContainer .row {
	overflow:auto;
	margin-top:15px;
	margin-bottom:10px
	}	


#content .galleryImage {
	width: 45%;
	float: left;
	}	



/* RIGHT --------------------------------------------------------- */

#rightContainer {
	width:180px;
	padding: 0px 10px 0px 10px;
	float:left;
    font-family: 'Roboto', sans-serif;
	font-size: 12px;
	}

#rightContainer .title{
	text-align:left;
	color:#ac1b1f;
	padding-top: 20px;
	padding-bottom: 5px
	}	

#rightContainer .subTitle{
	text-align:left;
	color:#000000;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	}	
	
#rightContainer .labelContact{
	text-align:left;
	color:#a2764c;
	font-size:10px;
	width:40px;
	float:left;
	padding-left:5px;
	}	
	
#rightContainer .labelOpen{
	text-align:left;
	color:#a2764c;
	font-size:10px;
	width:55px;
	float:left;
	padding-left:5px;
	}		
	
#rightContainer .textContact{
	width:125px;
	text-align:left;
	color:#430c05;
	float:left;
	padding-left:5px;
	}
	
#rightContainer .textOpen{
	width:100px;
	text-align:left;
	color:#430c05;
	float:left;
	padding-left:5px;
	}
		
	
#rightContainer a.linkContact {
	color:#430c05;
	text-decoration:none;
	text-align: left;
	}	
	
#rightContainer a.linkContact:hover {
	text-decoration:underline;
	}

#rightContainer div.oneRow {
	width: 100%;
	float: left;
	}
#rightContainer div.row {
	overflow: auto;
	padding-bottom: 10px;
	}

#rightContainer img.banner {
	width: 100%;
	padding-bottom: 20px;
	}

#rightContainer .logoTitle {
	font-family: 'Playfair Display';
	font-size: 30px;
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #430c05;
	}

#rightContainer .logoSubTitle {
	font-family: 'Playfair Display';
	font-size: 16px;
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	color: #430c05;
	}






#contentContainer	{
	background-color:#ffedde; 
		background-image: linear-gradient(#fae8da, #ffffff);
	width:1200px; 
	overflow:auto; 
	}


.logoTitle {
	font-family: 'Playfair Display';
	font-size: 28px;
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #6c302e;
	}

.logoSubTitle {
	font-family: 'Playfair Display';
	font-size: 18px;
	width: 100%;
	text-align: center;
	font-variant: small-caps;
	color: #6c302e;
	}




/* nav -------------------------------------------------------------- */



#nav-trigger {
	text-align: center;
	display:none;
}

#nav-trigger span {
	display: inline-block;
	background-color: #441812;
	font-family: 'Playfair Display';
	cursor: pointer;
	width:100%;
	font-weight: 300;
	height: 120px;
	padding: 0px 0px 0px 0px;
	font-size: 40px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 116px;

}

#nav-trigger span:after {
	display: inline-block;
	margin-left: 10px;
	height: 5px;
	content: "";
	border-left: solid 10px transparent;
	border-top: solid 10px #fff;
	border-right: solid 10px transparent;

}



#nav-trigger span.open:after {
	display: inline-block;
	margin-left: 10px;
	height: 5px;
	content: "";
	border-left: solid 10px transparent;
	border-top: none;
	border-bottom: solid 10px #fff;
	border-right: solid 10px transparent;
	margin-bottom: 8px;
}

nav#nav-main {
	background-color: #430c05;
	display:block;
	height:45px;
	overflow:hidden;
  position: fixed;
  z-index: 3;
  width: 100%;
}

nav#nav-main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

nav#nav-main li {
	display: inline-block;
	padding: 0 5px;
}

nav#nav-main li:last-child {
	border-right: none;
}

nav#nav-main a {
	display: block;
	font-weight: 300;
	height: 60px;
	padding: 0px 8px 0px 8px;
	font-family: 'Playfair Display';
	font-size: 22px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 45px;
	float: left
}

nav#nav-main a:hover {
	background-color: #430c05;
	text-decoration: none;
	text-align: center;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

nav#nav-main .menuContainer {
	width:986px
	}

nav#nav-main .menuWrapper {
	display: block;
	overflow: auto;
	width: 986px;
	float:left;
}
nav#nav-main .lanMenuWrapper {
	display: block;
	width:auto;
	float:right;
}

nav#nav-main .btnMenuActive {
	color: #fd6b0e;
	font-weight: 300
}

nav#nav-main  .languageMenu {
	float:right;
}



nav#nav-mobile {
	position: relative;
	display: none;
}


nav#nav-mobile ul {
	display: none;
	list-style-type: none;
	text-align: center;
	background-color: #330506;
	z-index:1;
	margin:0px!important;
	padding:0px!important
}

nav#nav-mobile li {
	display: block;
	padding: 5px 0;
	margin: 0 5px;
}

nav#nav-mobile li:last-child {
	border-bottom: none;
}

nav#nav-mobile a {
	display: block;
	font-weight: 300;
	height: 100px;
	padding: 0px 10px 0px 10px;
	font-family: 'Playfair Display';
	font-size: 36px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 80px;
}

nav#nav-mobile a:hover {
	background-color: #330506;
}

nav#nav-mobile .menuContainer {
	width:auto;
	background-color: #330506;
	}

nav#nav-mobile .menuWrapper {
	display: block;
	overflow: auto;
	width: auto;
}
nav#nav-mobile .lanMenuWrapper {
	display: block;
	width:auto;
	float:right;
	display:none;
}

nav#nav-mobile  .languageMenu {
	text-align:center;
}

nav#nav-mobile  .languageMenu li {
	float:right;
}

nav#nav-mobile .btnMenuActive {
	color: #bd7158;
	font-weight: 300; 

}





@media screen and (max-width: 1200px) {
	
/* LEFT --------------------------------------------------------- */
	
#leftContainer {
	width:180px;
	float:left;

	}
	
	
	
/* CENTER --------------------------------------------------------- */	
	
#centerContainer {
	width: calc(100% - 440px);
	float:left;
	}
	

	
	
/* RIGHT --------------------------------------------------------- */
	
#rightContainer {
	width:180px;
	float:left;

	}
	
	

#topContainer {
	width: 100%;
	}
	
#contentContainer	{
	width: 100%;
	}
	
	

	

	

	




@media screen and (max-width: 1000px) {
	
#mainContainer {
	width: 100%;
	padding: 0px 0px 0px 0px;
	}

#topContainer {
	display: block;
	width: 100%;
	height:60px;
	background-color: #FDF5EF;
	}
	
#topContainer .languageSelect{
padding: 15px 20px 17px 20px;
    background-color: rgba(0, 0, 0, 0.8);
    width: 59px;
    text-decoration: none;
    color: #ffffff;
    font-family: 'Roboto';
    font-size: 22px;
    float: right;
    margin-left: 10px;
	}

#topContainer .languageSelected:hover{
	background-color: #fafafa;

	}

#topContainer .languageSelected{
	padding: 15px 20px 17px 20px;
    background-color: #fafafa;
    width: 59px;
    text-decoration: none;
    color: #333333;
    font-family: 'Roboto';
    font-size: 22px;
    float: right;
    margin-left: 10px;
	}

#topContainer a{
	text-decoration: none;
	}

#topContainer img{
	width:18px;
	height: 18px;
	padding-right: 10px;
	}
	
	
	
	
	
	

#leftContainer {
	display: none;
	}
	

#bottomContainer {
	width:100%;
	padding: 0px;
	display: block;
	}
	
#bottomContainer div.bannerText {
	font-family: 'Playfair Display';
	font-size: 30px;
	width: 100%;
	background-color: #ad7352;
	color: #ffedde;
	padding: 10px 0px 10px 0px;
	font-variant: small-caps;
	}
	
#bottomContainer div.oneRow {
	width: 100%;
	}
	
#bottomContainer .bannerContainer {
	width: 47%;
	float: left;
	padding-top: 40px;
	}
	
#bottomContainer .bannerContainer:first-child { 
	padding-right: 6%;
}
	
#bottomContainer img.banner {
	width: 100%;
	}
	
	
	


/* HEADER --------------------------------------------------------- */
	
#headerContainer {
	padding: 0px 0px 0px 0px;
	}
	
#headerContainer .logoContainer{

	display: none;
	}
	
#headerContainer .logoContainerMobile{
	width: 100%;
	padding:  0px;
	left: 0px;
	height: 100px;
/*	background-color: rgba(253, 245, 239, 0.9);*/
		background-color: rgba(255, 255, 255, 0.5);
	display: block;
	}	
	

	
#headerContainer .imageContainer{
	width: 100%;
	height: 100px;
    padding-top: 160px;

	}
	
#headerContainer .logoTitle {
	font-size: 70px;
	    padding-top: 0px;
		/*color: #430c05;*/
	color: #ffffff;
	text-shadow: 0px 0px 6px #430c05;
	}

#headerContainer .logoSubTitle {
	font-size: 70px;
		/*color: #430c05;*/
	color: #ffffff;
	text-shadow: 0px 0px 6px #430c05;

	}
	

	
	
	
/* RIGHT --------------------------------------------------------- */
	
#rightContainer {
	width:100%;
	font-size: 16px;
	width: calc(100% - 60px);
	padding: 20px;

	}
	
#rightContainer div.oneRow {
	padding: 0px 20px 0px 20px;
	}
	
#rightContainer .bannerContainer {
	width: 45%;
	float: left;
	padding: 20px 0px 20px 0px;

	}
#rightContainer .bannerContainer:last-of-type {
	padding-left: 8%;

	}
	
#rightContainer .dataContainer {
	width: 45%;
	float: left;
	padding: 20px 0px 20px 0px;

	}
	
#rightContainer .dataContainer:last-of-type {
	padding-left: 8%;

	}

	
#rightContainer .labelContact{
	font-size:30px;
	width:auto;
	}	
	
#rightContainer .labelOpen{
	font-size:30px;
		width:auto;
	}
	
#rightContainer div.row {
	overflow: auto;
	padding-bottom: 20px;
	}

	
#rightContainer .labelContact{
	font-size:30px;

	}	
	
#rightContainer .labelOpen{
	font-size:30px;

	}			
	
#rightContainer .textContact{
	font-size:30px;
	width:auto;
	text-decoration: none;

	}	
	
#rightContainer .textOpen{
	font-size:30px;
	width:auto;

	}	
	
#rightContainer .title{
	font-size:30px;
	padding-bottom: 20px;
	}	

#rightContainer .subTitle{
	font-size:30px;
	padding-bottom: 30px;
	padding-top: 20px;
	}
	
	
	
.logoTitle {
padding-top: 20px;
	font-size: 50px;
	}
.logoSubTitle {

	font-size: 30px;
	}
	
	
/* CENTER --------------------------------------------------------- */
	
#contentContainer	{
	width:100%; 
	}
	
#centerContainer {
	width: calc(100% - 40px);
	padding: 20px;
	font-size: 40px;
	text-align: left;
	}

#centerContainer .subTitle{
	font-size:40px;
	}


#content .title {
	font-size:70px;
	text-align: left;
	}		
	
#content .subTitle {
	font-size:50px;
	text-align: left;
	}
	
#content .galleryImage {
	width: 47%;
	float: left;
	}
	
	
	
#centerContainer .textStyle1 {
	float:left;
	padding-left:20px;
	width:50%;
	color:#430c05;
	font-size:36px
	
	}	
	
#centerContainer .textStyle2 {
	font-size:14px;
	color:#666;
	}	
	
#centerContainer .textStyle3 {
	font-size: 36px;
    float: right;
    margin-right: 20px;
    width: 200px;
    text-align: right;
	}	

#centerContainer .textStyle4 {
	font-size:24px;
	margin-right:20px;
	margin-bottom: 20px;
	}

#centerContainer .row {
	overflow:auto;
	margin-top:15px;
	margin-bottom:10px
	}	
	

	


	
	

/* MENU --------------------------------------------------------- */
	
#menuContainerMobile {
	display: block;
	margin-bottom: 0px;
	}
	
#menuContainer {
		display: none;
	}
	
	
#nav-trigger {
	display: block; 
	}

nav#nav-main {
	display: none; 
	}

nav#nav-mobile {
    display: block; 
	}
	
#topContainer .languageSelect {
	display: block;
 
	}
	
	
	
	
}