/* CSS Document */
* {margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html {height:100%;overflow:auto;-webkit-font-smoothing: antialiased;}

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav {display: block;}
body {color:#a3897b;font-family: 'EB Garamond', serif;font-weight: 400;height:100%;background-color: #cbbba0}
input, select, textarea, label, ul{border:0;outline:none;font-size:17px;margin:0;padding:0}
a {outline:medium none;text-decoration:none;color:#a3897b;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
a:hover{text-decoration: underline}
img {border:none;vertical-align:bottom;margin:0;padding:0}

#super_container{
	font-family: 'EB Garamond', serif;
	font-size:17px;
	width:960px;
	margin:0 auto;
	min-height:1000px;
	color:#a3897b;
	background-color: #fff;
}

hr{background-color: #ccb099;height:1px;width:100%;border:0;margin:20px 0;}
.full-size{width:100%}
.no-uppercase{text-transform: none;}

header{text-align:center;}
header .top-logo {position:relative;background-color: #432918;padding:7px 0;}
/*
header .top-logo h1{
	color:#432918;position: absolute;font-size:2px;top:0;left:0;
}
*/
header .top-logo h1{font-size:33px;color:#9a866c;letter-spacing: 4px;font-weight: 400}
header .top-logo span{color:#fff;display:inline-block;border-top:1px solid #f0e2be;padding:0 20px;}


header nav ul{
	list-style-type: none;
	background-color: #fff;
	overflow: hidden;
	padding-top:7px;
	border-bottom:1px solid #ccb099;
}
header nav ul li{
		border:1px solid #ccb099;
		border-bottom:0;
		float:left;
		width:25%;
		padding:3px 4px 0 4px;
		margin-bottom:3px;
		font-size:22px;
}
header nav ul li a{
	display: block;
	line-height:25px;
}
header nav ul li a.active,
header nav ul li a:hover{
	color: #432918;
	background-color: #f0e2be;
	text-decoration: none;
}

header nav ul li:first-child{
	border-left:0
}
header nav ul li:last-child{
	border-right:0
}

/*SLIDER CYCLER------*/
#cycler{position:relative;}
#cycler img{position:absolute;z-index:1;width:100%;}
#cycler img.active{z-index:3}

/*CONTENT------*/
.content{
	padding:12px 0 50px 0;
	overflow: hidden;
	min-height:600px;
}
.content.content-top0{
	padding-top:0;
}

.content.content-soci{
	min-height:670px;
}

.content.content-home{
	padding:25px 25px 75px 25px;
	text-align: center;
	position: relative;
	min-height:194px;
	overflow:inherit;
}

.content.content-home .line{
	position:absolute;
	width:100%;height:1px;
	background-color: #fff;
	z-index:9;
	top:-8px;
	left:0;
}
.content .cont-left{
	float:left;
	width:50%;
	padding-left:45px;
	padding-right:45px;
}
.content .cont-right{
	float:right;
	width:50%;
	padding-right:45px;
	text-align: justify;
	line-height: 26px;
}

h2{
	color:#432918;
	font-size:19px;
	text-transform: uppercase;
	font-weight:400;
}

.icone{
	float:right;
}
.icone img{
	float:left;
	margin-left:20px;
}
.soci{
	width:100%;
	padding:0 10px;
	overflow: hidden;
	background-color: #e5ddcf;
}

.cont-soci{
	width: calc(100%/3);
	padding:56px 6.5px 0 6.5px;
	float:left;
}

.cont-soci a.text{
	display: block;
	text-align: center;
	background-color: #fff;
	margin:0 -6.5px;
	margin-top:56px;
	font-size:19px;
	text-decoration: underline;
	color:#432918;
	padding:18px 0 35px 0;
	background-image: url(../img/arrow-soci.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.cont-soci-01 a.text{
	margin-left:-16.5px;
}
.cont-soci-03 a.text{
	margin-right:-17px;
}


/*FOOTER------*/
footer{
	width:100%;
	text-align: center;
	padding:25px 0 100px 0;
}
footer h4,
footer h5{
	font-size:15px;
	font-weight: 400;
	display: block;
}

footer h4{
	display: inline-block;
	border-bottom:1px solid #a3897b;
}
footer p{
	font-size:15px;
	margin-top:3px;
}

footer a:hover{
	text-decoration: underline;
}

@media only screen and (min-device-width: 10px) and (max-device-width: 960px) {
	#super_container{
		width:100%;
	}
	header .top-logo h1{font-size:27px;}
}

@media only screen and (min-device-width: 10px) and (max-device-width: 768px){
	header .top-logo h1{font-size:22px;}

	header nav ul li{
		width:100%;
		border-left:0;
		border-right:0;
	}
	.content .cont-left, .content .cont-right{
		float:none;
		width:100%;
		padding:0 20px;
	}
	.content .cont-right{
		padding-top:12px;
	}

	.soci{
		padding:0;
	}
	.cont-soci{
		width:100%;
	}
	.cont-soci a.text{
		margin:0 -6.5px;
		border-bottom:30px solid #fff;
	}


	footer{
		padding:30px 20px;
	}

}

@media only screen and (min-device-width: 10px) and (max-device-width: 500px){
	header .top-logo h1{font-size:17px;}
}