@charset "utf-8";
@import url("antispam.css");

body {
    background:#C4C4C4 url(../images/background.png) top center repeat-y;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 957px;

  font-family:"Open Sans",sans-serif;
  font-size: 14px;
}

.topsection{
    background:url(../images/topsection_flip.jpg) top left no-repeat;
    min-height: 259px;
    position: relative;
}
#logo{
    position: absolute; 
/*    right: 5%; 
    top: 40%; */
left: 5%; 
        top: 40%;
    max-width: 234px;
    max-height:46px;
}
@media (max-width:957px) {
    .topsection{
        background-size: cover;
        background-position: 3% 0; 
    }
}
@media (max-width:768px) {
   #logo{

    } 
}
.bottom-margin{
    margin-bottom:127px;
}
.footer {
    background:transparent url(../images/footer.png) bottom no-repeat;
    height:107px;
    padding-top:15px;
}
.footer p{
    text-align:center;
    width:100%;
    color:#FFF;
    margin-top:15px;
}
.navbar-bg {
    background-image: url(../images/navbar-bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #865324;
    border-top:1px solid white;
    border-bottom:1px solid white;
    min-height:50px;
    margin-bottom: 0;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}
.navbar-bg a:link{
    color:#F2CFB2;
    font-weight: normal;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color:#fff;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #FFAB00;
}


ul.nav li.dropdown:hover ul.dropdown-menu{
    background-color: #623F16
}
.nav > li > a:focus, .nav > li > a:hover{
    background-color: #FFAB00;
    color:#FFF;
}

.navbar-toggle{
    background-color: #FFAB00;
}
.navbar-toggle .icon-bar{
   background-color: #fff;
}
h1, h2, h3, h4, h5 {
    color: #006489;
}
h1 {font-size:20px; line-height:20px;}
h2, h3, h4, h5 {font-size:18px; line-height:18px;}

a:link {
	text-decoration: none;
	color:#FFAB00;
	outline:none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color:#FFAB00;
	outline:none;
}
a:hover {
	text-decoration: underline;
	color:#FFAB00;
	outline:none;
}
a:active {
	text-decoration: none;
	color:#FFAB00;
	outline:none;
}
/* BOX */
.box {
    background: url(../images/box_footer.png) -15px bottom no-repeat;
    padding:15px;
    padding-top:0;
    padding-right:0;
}
.box-header-bgr {
    background: url(../images/box_header.png) left bottom no-repeat;
    margin:0 -15px 0 -6px;
}
.box-header{
    padding:15px;
    color: #236B00;
    /*font-weight: bold;*/
    font-size: 130%;
}
.box-content {
    padding:15px;
}
.box-content h3 {
    font-size: 1em;
}






















/***************************************/
/* LANGS MENU
/***************************************/
.langs{
	font-weight: bold;
	position:absolute;
	left:5%;
	top:15px
}

.langs ul{
	padding:0;
	margin: 0;
	text-align: right;
}

.langs ul li{
	display: inline;
}

.langs ul li a{
	color: #666;
	padding: 4px;
	margin-right: 5px;
	text-decoration: none;
}

.langs ul li a:hover, .langs ul li a.selected{
	color: #ff7e00;
	text-shadow: 0 0 0.8em #F4F7F7, 0 0 0.8em #F4F7F7, 0 0 0.8em #F4F7F7;
}


/*CALENDAR*/
#calendar table {
	width:100%;
}
#calendar table th {
    text-align:center;
    font-size: 15px;
}

#calendar table th span{

}
#calendar table td{
	text-align:center;
	width:41px;
	line-height:22px;
}
#calendar table td a {
	color:#fff;
	background:#96AFC3;
	display:block;
	text-decoration:none;
	border-radius:3px;
}
#calendar table td strong {
	display:block;
	border-radius:3px;
	border:1px solid #ff7e00;
	font-weight:bold;
}

#calendar table td a:hover, #calendar table td a:hover strong {
	color:#fff;
	background:#ff7e00;
	text-decoration:none;
}
#calendar table tr:nth-child(even) {background-color: #fff}
#calendar table tr:nth-child(odd) {background-color: #FAFAFA}
.date {
	margin-top:-10px;
	font-size:12px;
	color:#666
}
#calendar .highlight {
	display:block;
	border-radius:3px;
	border:1px solid #ff7e00;
	font-weight:bold;
}

/***************************************/
/* FOOTER MENU
/***************************************/
.fmenu{
	font-weight: bold;
	width: 100%;
}

.fmenu ul{
	padding: 0;
	margin: 15px 0 0 0;
	text-align: center;
}

.fmenu ul li{
	display: inline;
}

.fmenu ul li a{
	color: #F2CFB2;
	padding: 6px;
	margin-right: 10px;
	text-decoration: none;
}

.fmenu ul li a:hover, .fmenu ul li a.selected{
	color: #fff; /* #6F8BA0;*/
}


/*SLIDER*/
#topsection_part2 {
    width: 100%;
    position: relative;
    background: url(../images/topsection_part2.png) top left no-repeat;
}

#slider {
    height:263px;
    width: 100%;
    position: relative; /* important */
    overflow: hidden; /* important */
}

#sliderContent{
    position: absolute;
    top: 263px;
    right:0;
    margin:0;
    padding:0;
    font-size: 13px;
    text-align: left;
}
#sliderContent p{
    font-size: 13px;
}
.sliderImage{
    position: relative;
    display: none;
}
.sliderImage div {
    position: absolute;
    font-size:15px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
    position:absolute;
    right: 0;
    bottom: 0;
    width: 280px !important;
    height: 268px;
    padding:15px;
    overflow:hidden;
}
.sliderImage div a.read {
    position:absolute;
    bottom:0;
    right:0;
    background:#030201;
    padding:0 15px 15px 5px;
    display:block;
}
#slider .right h1{
    color:#6AA0C0;
    padding-top:20px;
}
#slider ul { list-style-type: none;}

/* SCROLLTOTOP */

#scroll-top {
    position:absolute;
    right:20px;
    bottom:20px;
}



/***************************************/
/* PAGINATION
/***************************************/
p.pagination {
	text-align:center;
	margin:10px 0
}
p.pagination a {
	padding:10px;
	color: #fff;
	background:#7F5024;
	font-weight:normal;
	text-decoration:none;
	margin:0 2px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
p.pagination a:hover {
	text-decoration: none; 
	color: #fff;
	background: #ff7e00;
}
p.pagination strong {
	padding:10px;
	background: #ff7e00;
	color: #fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}


/***************************************/
/* MESSAGES
/***************************************/
div.warning {
    background: #FEF8F6;
    border: solid 1px #CD0A0A;
    padding: 5px 0;
	margin-bottom:10px;
    text-align: center;
	font-size:13px;
    color: #DD0A0A;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.message {
    background: #FBFAF3;
    border: solid 1px #FCEFA1;
    padding: 5px 0;
	margin-bottom:10px;
    text-align: center;
	font-size:13px;
    color: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.success {
    background: #F7FEF1;
    border: solid 1px #4EA30D;
    padding: 5px 0;
	margin-bottom:10px;
    text-align: center;
	font-size:13px;
    color: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.error {
    background: #942730;
    border: solid 1px #B66369;
    padding: 5px 0;
	margin-bottom:10px;
    text-align: center;
	font-size:13px;
    color: #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.form_error{
	color:#ff0000;
}

/***************************************/
/* GALLERY
/***************************************/
.gallery_box{
    padding: 10px;
    border:1px solid #CCCCCC;
}


#fotogroup {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#fotogroup li{
	float:			left;
	margin-right:	10px;
	margin-bottom:	10px
}
#fotogroup .last {
	margin-right:	0;
}
#fotogroup li img{
	border:			1px solid #ADADAD;
	width:			145px
}
/***************************************/
/* INFIELD FORM
/***************************************/
.infieldform {
	padding:0;
	margin:0;
}
.infieldform p {
	position:relative;
	margin-bottom:10px;
}
.infieldform label.infield  {
	position:absolute;
	top:5px;
	left:6px;
	color:#012F13
}
.infieldform .inputfield {
	width: 190px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	padding:4px 0 4px 6px;
}
.infieldform label.error {
	width:auto;
	color:#F00;
	display:block;
}
.infieldform fieldset{
	padding:20px;
	margin:10px 0;
	border:1px solid #CCCCCC;
}
.infieldform fieldset .text-long{
	width:580px;
}
.infieldform fieldset .text-medium{
	width:300px;
}
.infieldform fieldset .text-short{
	width:150px;
}
textarea {
	resize:none;
}
input:focus, textarea:focus{
	outline:none;
}