@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lato:400,400i,700,700i&subset=latin-ext');

body { background-image:url('../images/bg.jpg'); background-repeat: repeat-x;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}  
#top-space { height:18px }
#header { min-height: 150px; border: 0px solid red;}

h1,h2,h3,h4,h5 {
	font-family: 'Josefin Sans', sans-serif; 
}

.logo {
	margin-top: 15px;
	max-height: 120px;
}

nav.main_menu {
	padding-top: 20px;
}


#slider { height:331px; position:relative }
#slider .container { height:332px; position:relative } 
#slider .panel { position:absolute; top:0; left:0; width:100%; height:332px; background:transparent !important }
#slider .panel .text { margin:auto; width:428px; float:left; margin:20px 0 20px }   
#slider .panel h1, #slider .panel h2, #slider .panel p { color:#000 }
#slider .panel h1 { font-size:3.8em; font-family: 'Josefin Sans', sans-serif; }
#slider .panel h2 { font-size:3em; margin-top:-15px; margin-bottom:20px; font-family: 'Josefin Sans', sans-serif; }
#slider .panel p { font-size:1.2em }
#slider .panel img { float:right; position:absolute; bottom:1px; right:30px; z-index:5 } 
#slider .panels { z-index:100; position:static !important }               
#slider .img-small, #slider .img-small img { width:502px; height:299px }
#slider .img-small { background:#fff; padding:6px; position:relative; z-index:100; float:right; top:40px; height:297px }
#slider .img-small .images { position:relative; height:299px }
#slider .img-small .images img { right:0 }
#slider .bg-img-small { position:absolute; right:0; z-index:0 }
#slider .nivo-slice { position:absolute }
#slider .nivoSlider { top:-3px !important }
#slider .shadow-slideshow { width:514px; height:25px; background:url('../images/shadow-nivo-small.png') bottom center no-repeat; position:absolute; bottom:-25px; left:0 }
#slider .nivo-controlNav, #slider .nivo-directionNav, #slider .nivo-caption { display:none }


#nav-slider, #top-slogan { height:93px; background:#efeded url('../images/nav-slider.png') bottom repeat-x; border-top:1px solid #cacaca }
#nav-slider ul { margin:0 auto; padding:4px 0; list-style:none; position:relative } 
#nav-slider li { height:32px; padding:15px 10px 45px 20px; float:left; border-left:1px solid #d8d7d7; position:relative; z-index:0; cursor:pointer; width:33.3333%; text-align: center; }          
#nav-slider li:first-child, #nav-slider li.first { padding-left:0 }
#nav-slider a { display:block; font-weight:bold; color:#562e14; font-size:1.4em; text-align: center; }         
#nav-slider a:hover, #nav-slider li:hover a, #nav-slider li.active a, #nav-slider li.current a { color:#562e14; text-decoration:none }
#nav-slider span { color:#6a6969; font-size:1.2em; text-align: center; }     
#nav-slider .arrow { height:9px; background:url('../images/arrow-up.png') bottom center no-repeat; border:none; list-style:none; position:absolute; z-index:10; top:-59px; overflow: visible !important; }  


#content {
	margin: 20px 0 20px 0;
	background: #fff;
}

#footer {
	min-height: 200px;
	background-color: #000;
	padding: 20px 0 20px 0;
	color: #fff;
	
}

#footer h3 {
	border-bottom: 1px solid #fff;
}

#footer li a{
	
	color: #fff !important;
}

#footerbottom {
	min-height: 20px;
	padding: 10px 0 2px 0;
	background-color: #160a02;
	color: #bc642d;
	font-size: 11px;
}	

nav.main_menu > select {display:none;}
		
@media only screen and (max-width: 959px) {
	
	nav.main_menu {float:none; height:50px; padding-bottom: 50px;}
	nav.main_menu > ul {display:none;}
	nav.main_menu > select {width:100%; display:block; color: #000; margin-top: 10px; margin-bottom: 10px; z-index: 100000;}
	
	nav.sf_menu {float:none; height:50px; padding-bottom: 50px;}
	nav.sf_menu > ul {display:none;}
	nav.sf_menu > select {width:100%; display:block; color: #000; margin-top: 10px; z-index: 100000;}

	.logo { margin: 15px auto;}
	#slider {display: none;}
	#nav-slider {display:none;}
	
	}
	
	
	
.align-left {
	    float: left;
    margin: 6px 12px 12px 0;
}

.align-right {float: right;
    margin: 6px 0px 12px 12px;}

.align-center {display: block;
    margin: 0 auto;}
.align-center img {display: block;
    margin: 0 auto;}	
	
figure {padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;}
  
figcaption {display: block; text-align: center; font-size: 12px; color: #666; padding: 2px;}	
	


img.float-left{
    float: left;
    margin: 12px 12px 12px 0;
}

img.float-right{
    float: right;
    margin: 12px 0px 12px 12px;
}	

.conti {
    position: relative;
    text-align: center;
    color: white;
}

.centered h2 {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
	color: #fff;
	font-size: 32px;
}


.pb-20 { padding-bottom: 20px;}
.pb-30 { padding-bottom: 30px;}
.pb-40 { padding-bottom: 40px;}

.pt-20 { padding-top: 20px;}
.pt-30 { padding-top: 30px;}
.pt-40 { padding-top: 40px;}


.mb-20 { padding-bottom: 20px;}
.mb-30 { padding-bottom: 30px;}
.mb-40 { padding-bottom: 40px;}

.mt-20 { padding-top: 20px;}
.mt-30 { padding-top: 30px;}
.mt-40 { padding-top: 40px;}