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

body {margin: 0;
padding: 0;
background-color: #579bb9;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
#wrapper {width: 876px;
	margin: 0 auto;
	background-color: #579bb9;
padding: 8px;
}

#maincont {margin: 0 auto 0 auto;
padding: 0;
background-color: #fff;
border: 8px solid #acac99;
width: 860px;
}
#banner {margin: 0 auto;
padding: 159px 3px 0 0;
background-image: url(../siteimages/quintaSaoJose-banner.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 857px;
height: 38px;
text-align: right;
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: 16pt;
color: #fff;
}
#pagecont {margin: 100px 0 0 0;
padding: 0 0 15px 0;
}
/*---------------FOOTER STYLES---------------*/
#footer {
}
#footer ul {margin: 8px 0 8px 0;
padding: 0;
list-style: outside none;
dislay: inline;
text-align: center;
}
#footer li {display: inline;
padding: 0 ;
color: #70705b;
font-size: 8pt;
}
#footer li:after {padding: 8px;
color: #70705b;
content: "|";
}

#footer li:last-child:after {padding: 0;
content: "";
 }

#footer li a {color: #70705b;
text-decoration: none;

 }

#footer li a:hover {color: #4d90ad;
text-decoration: underline;
}
/*------------------------------MENU STYLES-------------------------*/
#nav-wrap {margin: 0;
padding: 0;
}
#nav {margin: 0;
padding: 5px 0 5px 2.5%;
}
#nav ul {margin: 8px 0 8px 0;
padding: 0;
list-style: outside none;
dislay: inline;
text-align: left;
}
#nav li {display: inline;
padding: 0 ;
text-transform: uppercase;
}
#nav li:after {padding: 8px 5px 8px 5px;
color: #70705b;
content: "|";
}

#nav li:last-child:after {padding: 0;
content: "";
 }

#nav li a {color: #70705b;
text-decoration: none;
font-size: 10pt;
 }

#nav li a:hover {color: #498dab;
text-decoration: underline;
}
#menu-icon {display: none;
}
/*------------------PAGE STYLES-----------------------*/
#page-wrapper {margin: 0;
padding: 0 25px 0 0;
}
#page-head {margin: o auto;
float: right;
padding: 0 0 0 28%;
width: 72%;
height: auto;
}
#page-image {margin: 6px 0 0 2%;
padding: 0;
width: 22%;
height: auto;
float: left;

}
#page-text {margin: o auto;
float: right;
padding: 0;
width: 72%;
height: auto;
}

#image {margin: 35px 0% 0 2%;
padding: 0 3px 0 0;
width: 190px;
height: auto;
float: left;
}

#calendar {padding: 2% 2.5% 0 0;
}
.clear {clear: both;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Libre Baskerville', Times Roman, serif;
color: #8f8f77;
font-weight: 400;
}

h1 {font-size: 24px;
margin: 0 0 8px 0;
padding: 0;}

h2 {font-size: 16px;
margin: 3px 0 3px 0;
padding: 0;
}
p {margin: 3px 0 12px 0;
padding: 0;
}

a {color: #579bb9;
text-decoration: underline;
}

a:hover {color: #579bb9;
text-decoration:none;
}
@media screen and (max-width: 400px) {
#wrapper {width: 300px;
	margin: 0 auto;
	background-color: #579bb9;
padding: 8px;
}

#maincont {margin: 0 auto 0 auto;
padding: 0;
background-color: #fff;
border: 8px solid #acac99;
width: 300px;
}
#banner {margin: 0 auto;
padding: 100px 0 0 0;
background-image:url(../siteimages/Banner-mobile.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color: #acac99;
width: 300px;
height: 22px;
text-align: center;
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: 10pt;
color: #fff;
}	

/*-----------------MOBILE MENU-----------------------*/
#menu-icon {color: #8f8f77;
width: 50px;
height: 30px;
background-image:url(../siteimages/menu-icon.png);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 10px 0 32px;
cursor: pointer;
border: solid 1px #fff;
display: block;
font-family: 'Open sans', Arial, sans serif;
color: #8f8f77;
}
#nav {clear: both;
position: absolute;
top: 123px;
left: 16%;
width: 160px;
z-index: 1000;
padding: 5px;
background: #fff;
border: solid 1px #8f8f77 ;
display: none;
}
#nav li {display: block;
padding: 0 ;
text-transform: uppercase;
}
#nav li:after {display: none;
}


#nav li a {color: #70705b;
text-decoration: none;
font-size: 10pt;
 }

#nav li a:hover {color: #498dab;
text-decoration: underline;
}	
/*-----------PAGE STYLES-------------*/
#pagecont {margin: 30px 0 0 0;
padding: 0 ;
}
#page-wrapper {margin: 0;
padding: 0 2% 0 2%;
}
#page-head {margin: o auto;
float: right;
padding: 0;
width: 100%;
height: auto;
}
#page-image {margin: 25px 0 0 0;
padding: 0;
width: 100%;
height: auto;
float: center;

}
#page-text {margin: o auto 20px auto;
float: left;
padding: 0;
width: 100%;
height: auto;
}
#image {display: none;
}
h1 {font-size: 15px;}
h2 {font-size: 12px;}
/*---------FOOTER STYLES------*/
#footer li {display: block;
padding: 0 ;
color: #70705b;
font-size: 8pt;
}
#footer li:after {display: none;
}
}

/*-------------------- Tablet (portrait) ---------------------- */
   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) 
   and (orientation : portrait) {
#wrapper {width: 768px;
	margin: 0 auto;
	background-color: #579bb9;
padding: 8px;
}

#maincont {margin: 0 auto 0 auto;
padding: 0;
background-color: #fff;
border: 8px solid #acac99;
width: 768px;
}
#banner {margin: 0 auto;
padding: 100px 0 0 0;
background-image:url(../siteimages/Banner-mobile.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color: #acac99;
width: 768px;
height: 22px;
text-align: center;
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: 10pt;
color: #fff;
}	

/*-----------------MOBILE MENU-----------------------*/
#menu-icon {color: #8f8f77;
width: 50px;
height: 30px;
background-image:url(../siteimages/menu-icon.png);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 10px 0 32px;
cursor: pointer;
border: solid 1PX #fff;
display: block;
font-family: 'Open sans', Arial, sans serif;
color: #8f8f77;
}
#nav {clear: both;
position: absolute;
top: 123px;
left: 16%;
width: 160px;
z-index: 1000;
padding: 5px;
background: #fff;
border: solid 1px #8f8f77 ;
display: none;
}
#nav li {display: block;
padding: 0 ;
text-transform: uppercase;
}
#nav li:after {display: none;
}


#nav li a {color: #70705b;
text-decoration: none;
font-size: 10pt;
 }

#nav li a:hover {color: #498dab;
text-decoration: underline;
}	
/*-----------PAGE STYLES-------------*/
#pagecont {margin: 30px 0 0 0;
padding: 0 ;
}
#page-wrapper {margin: 0;
padding: 0 2% 0 2%;
}
#page-head {margin: o auto;
float: right;
padding: 0;
width: 100%;
height: auto;
}
#page-image {margin: 25px 0 0 0;
padding: 0;
width: 100%;
height: auto;
float: center;

}
#page-text {margin: o auto 20px auto;
float: left;
padding: 0;
width: 100%;
height: auto;
}
#image {margin: 35px 0% 0 5%;
padding: 0 3px 0 0;
width: 190px;
height: auto;
float: left;
}
h1 {font-size: 15px;}
h2 {font-size: 12px;}
/*---------TABLET FOOTER STYLES------*/
#footer li {display: block;
padding: 0 ;
color: #70705b;
font-size: 8pt;
}
#footer li:after {display: none;
}
}