/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,400italic);

.clear { 
margin: 0px;
padding: 0px;
height: 1px;
clear: both;
}

body { 
margin: 0px;
padding: 0px;
background: #fff;
font-family: 'Lato', sans-serif;
width: 100%;
overflow-y: scroll;
}

img { 
max-width: 100%;
}

#navigation { 
height: 48px;
line-height: 48px;
width: 100%;
background: url('../img/bkg/nav.png') repeat;
font-family: 'Lato', sans-serif;
text-align: center;
font-size: 14px;
position: absolute;
z-index: 999999;
}

#navigation a { 
color: #fff;
margin: 0px 3%;
text-decoration: none;
text-transform: uppercase;
}

#navigation a:hover { 
color: #eb9852;
}

.left { 
width: 217px;
position: fixed;
background: url('../img/bkg/opaq.png') top left repeat;
margin: 0px;
height: 100%;
max-width: 217px;
margin-left: 30px;
z-index:99999;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.left .logo img { 
margin-top: 55px;
}

.left ul.projects { 
letter-spacing: 3px;
text-transform: uppercase;
margin: 0px;
padding: 0px;
text-align: center;
font-size: 14px;
color: #b7aa9f;
list-style: none;
margin-top: 25px;
}

.left ul.projects li { 
padding-top: 15px;
padding-bottom: 15px;
cursor: pointer;
}

.left ul.projects li:hover { 
font-weight: bold;
}

.left ul.projects li.cycle-pager-active { 
color: #CC8242;
font-weight: bold;
}

.navigation { 
position: absolute;
left: 50%;
margin-left: -350px;
width: 100%;
max-width: 700px;
top: 70px;
z-index:99999;
}

.navigation a.left_arrow { 
display: block;
float: left;
width: 27px;
height: 23px;
background: url('../img/frg/left_arrow.png') top left no-repeat;
}

.navigation a.right_arrow { 
display: block;
float: right;
width: 27px;
height: 23px;
background: url('../img/frg/right_arrow.png') top left no-repeat;
}


.main { 
width: 100%;
float: left;
margin-bottom: 45px;
}

.main .slides { 
width: 100%;
overflow: hidden;
}

.main .slide { 
max-width: 960px;
width: 100%;
margin: 0px auto;
padding-top: 65px;
}

.main .slide h1 { 
text-align: center;
color: #cc8242;
font-size: 15px;
font-weight: normal;
letter-spacing: 3px;
}

.main .slide .pictures {
	text-align: center;
}

.main .slide .words { 
color: #b7aa9f;
font-size: 14px;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
padding: 0px 27px;
}

.main .slide .pictures img { 
margin-bottom: 15px;
}

@media (max-width: 1250px) {
  .left { 
  margin-left: 0px;
  }
  
}

@media (max-width: 1000px) { 
	.left { 
	width: 150px;
	height: auto;
	}
}