body{
	margin:0px;
	padding:0px;
	color:#888888;
}

/*
ő - õ
ű - û
*/
/*
@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobster/lobster_1.3-webfont.eot');
    src: url('../fonts/lobster/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobster/lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/lobster/lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/lobster/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

h1{
	color:#9a1b13;
	font-size:50px;
	margin:0px;
	padding:0px;
	font-family: 'Lobster', cursive;	
	font-weight:normal;
}
h2{
	color:#9a1b13;
	font-size:20px;
	margin:0px;
	padding:0px;
	font-family: 'Lobster', cursive;
	font-weight:normal;	
}
p{
	color:#4f4f4f;
	line-height:22px;
	font-size:15px;
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
}
a{
	text-decoration:none;	
}
a img{
	border:0px;	
}

#menusor{
	width:100%;
	float:left;
	background-image:url(../img/patterns/vintage-pattern-black-and-white.jpg);
	background-repeat:repeat;
	color:#7d7d7d;	
	font-family: 'Lobster', cursive;	
	font-size:20px;
	text-shadow: 2px 2px 0 rgba(223, 223, 223, 0.9);
}
#menusor .container{
	padding:10px 0px;	
}
.logo{
	height:180px;	
}
.logo img{
	position:absolute;
	margin-top:0px;
	z-index:30;
	
	-webkit-transition:all 700ms;
	-o-transition:all 700ms;
	transition:all 700ms;	
}
.logo img:hover{
	-webkit-transform:scale(1.02, 1.02);
	-o-transform:scale(1.02, 1.02);
	transform:scale(1.02, 1.02);	
}
nav{
	margin:55px 20px 20px 20px;	
}
nav ul{
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;	
}
nav ul li{
	margin:0px 10px;
	padding:0px;
	float:left;
	border-top:1px dashed #d6d5d5;
	border-bottom:1px dashed #d6d5d5;	
}
nav a{
	padding:20px 10px;
	float:left;
	color:#9a1b13;	
	
	-webkit-transition:color 250ms ease-in;  
   -moz-transition:color 250ms ease-in;  
   -o-transition:color 250ms ease-in;  
   transition:color 250ms ease-in;  
}
nav a:hover{
	color:#f8991d;	
	-webkit-transition:color 250ms ease-in;  
   -moz-transition:color 250ms ease-in;  
   -o-transition:color 250ms ease-in;  
   transition:color 250ms ease-in; 
}

.leftnavigation, .leftnavigation li{
	float:right;
}
.rightnavigation, .rightnavigation li{
	float:left;	
}

#sectionslide{
	width:100%;
	float:left;
	
}
.caption{
	color:#FFF;
	font-size:45px;
	font-family: 'Lobster', cursive;
	padding:5px;
}
#miert .bottomwaves{
	margin-top:-15px;
	
}
#sectionslide ul{
    margin: 0;
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align:baseline; 
	background: transparent;
	display:none;
}

#miert{
	width:100%;
	float:left;
	background-image:url(../img/patterns/vintage-pattern-black-and-white.jpg);
	background-repeat:repeat;	
}
#miert .titlesection{
	text-shadow: 1px 1px 0 rgba(223, 223, 223, 0.9);
	background-image:url(../img/divider/miert.png);
}

#miert .altitle{
	padding-bottom: 50px;
}
#miert p{
	margin:10px 20px;
}
#miert h2{
	margin:20px 20px 0px 20px;
}
#miert img{
	float:left;
	margin:20px;	
}

#referencia{
	width:100%;
	float:left;
	background-image:url(../img/patterns/red-ref.png);
	background-repeat:repeat;
	background-attachment:fixed;
}
#darkfilter{
	width:100%;
	float:left;
	background-image:url(../img/section-referencia/darkfilter.png);
	background-repeat:repeat-y;
	background-position:center;
}
#referencia .container div{
	margin:0px 5px;
}
#referencia .container{
	padding:30px 0px;
}
#referencia h2{
	color:#FFF;
	margin:10px 20px;
	text-shadow: 2px 2px 0 rgba(190, 115, 135, 0.9);
}
#referencia p{
	color:#FFF;
	margin:10px 20px;
}
.topquote img{
	width:52px;
	margin:10px 0px;
	padding:0px;
	float:left;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;	
}
#referencia:hover .topquote img, #referencia:hover .bottomquote img
{
	-webkit-transform:scale(1.2, 1.2);
	-o-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2);
}
.bottomquote img{
	width:52px;
	margin:10px 0px;
	padding:0px;
	float:right;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;	
}
.leftreferencia{
	text-align:right;	
}
.leftreferencia h2, .leftreferencia p{
	float:right;	
}
.rightreferencia{
	text-align:left;	
}
.rightreferencia h2, .rightreferencia p{
	float:left;	
}

#galeria{
	width:100%;
	float:left;
	background-image:url(../img/patterns/vintage-pattern-black-and-white.jpg);
	background-repeat:repeat;		
}
#galeria .titlesection{
	text-shadow: 3px 3px 0 rgba(223, 223, 223, 0.9);
	background-image:url(../img/divider/portfolio.png);
}

#galeria .container p{
	color:#a41e1;
}

#options{
	margin:10px 0px;
	padding:0px;
	float:left;
	width:100%;
}
#filters{
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
	text-align:center;	
}
#filters li{
	margin:10px 10px;
	padding: 5px 0px;
	display:inline-block;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
    
}
#filters li a{
    padding: 5px 10px;
	color:#FFF;
	
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
#filters li a:hover{
	opacity: 0.7;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}

.selected{
	/*background-color:#a41e12 !important;*/
	border-bottom:2px solid #a41e12 !important;
}
.worksarrow{
	float:left;
	width:100%;
	height:25px;
	margin-bottom:5px;
}
.worksbottom{
	float:left;
	width:100%;
	height:5px;
	background-image:url(../img/section-works/bgworksbottom.jpg);
	background-repeat:repeat;
	margin-top:10px;
}
.worksarrow img{
	position:absolute;
	width:52px !important;
	margin-top:-26px;
	margin-left:-26px;
	left:50%;
	
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	
}
.element:hover .worksarrow img{
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);	
	
}
.imgwork{
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	-webkit-transition:all 1000ms;
	-o-transition:all 1000ms;
	transition:all 1000ms;		
}
.imgwork:hover	
{
	opacity:0.7;
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);
}

#cukraszdaink{
	width:100%;
	float:left;
	background-image:url(../img/patterns/vintage-pattern-yellow.png);
	background-repeat:repeat;		
}
#cukraszdaink .cukraszsection{
	text-shadow: 3px 3px 0 rgba(223, 223, 223, 0.9);
}
.cukraszsection h1{
	margin: 0 20px;
	text-align:center;	
}
.team{
	background-image:url(../img/patterns/vintage-pattern-black-and-white.jpg);
	background-repeat:repeat-x;
	width:580px;
	margin:145px 0px 0px 0px;
	float:left;
}
.team h2{
	margin:150px 20px 10px 20px;
	text-align:center;
}
.team p{
	margin:10px 20px 20px 20px;
	text-align:center;
	float:left;	
}
.avatar{
	width:580px;
	position:absolute;
	margin-top:20px;
	text-align:center;
}
.avatar img{
	padding: 0 10px;
}
.bordertopteam{
	width:580px;
	height:5px;
	float:left;
	background-image:url(../img/section-team/bordertopteam.jpg);
	background-repeat:repeat-x;	
}
.socialteam img{
	margin:0px 1px;	
}

#kozosseg{
	width:100%;
	float:left;	
	background-image:url(../img/patterns/vintage-pattern-black-and-white.jpg);
	background-repeat:repeat;
}
#kozosseg img{
	margin:20px;
}
#kozosseg .titlesection{
	text-shadow: 3px 3px 0 rgba(223, 223, 223, 0.9);
	background-image:url(../img/divider/kozosseg.png);
}

#kapcsolat{
	width:100%;
	float:left;	
}
#kapcsolat #map-canvas{
	width:100%;
	height:790px;
	float:left;
	margin:0px;
	padding:0px;	
}
#markers{
	width:380px;
	height:557px;
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-190px;
	margin-top:116px;	
}
#bigmarker{
	width:250px;
	height:320px;
	margin:auto;
	background-image:url(../img/section-contact/bigmarker.png);
	text-align:center;
	padding: 80px 65px;		
}

.hidebigmarker{
	filter: alpha(opacity=0); /* internet explorer */
    opacity: 0;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; /*IE8*/
	
	-webkit-transition: all 0.5s ease;	
	-moz-transition: all 0.5s ease;	
}
.showbigmarker{
	filter: alpha(opacity=1); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	
	-webkit-transition: all 0.5s ease;	
	-moz-transition: all 0.5s ease;	
}

#bigmarker p{
	font-size:14px;
	color:#a9a9a9;
	padding-bottom:5px;
}

#bigmarker h2{
	float:left;
	margin-bottom:10px;
	padding-bottom:15px;
	background-image:url(../img/section-contact/h2arrow.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:100%;	
	text-shadow: 2px 2px 0 rgba(223, 223, 223, 0.9);
}
#bigmarker ul{
	float:left;
	margin:auto;
	padding:0px;
	list-style:none;
	width:100%;
}
#bigmarker ul li{
	margin:0px;
	padding:0px;
}
#bigmarker ul li p{
	margin:0px;
	padding:5px 10px 0 60px;
	font-size:13px;
	color:#a9a9a9;
	/*border-bottom:1px solid #e5e5e5;*/
	text-align:left;
	background-repeat:no-repeat;
}
#bigmarker a{
	color:#a9a9a9;
}
.iconhome{
	background-image:url(../img/section-contact/icon1.png);
	background-position:30px 8px;	
}
.iconphone{
	background-image:url(../img/section-contact/icon2.png);
	background-position:30px 8px;
}
.iconmail{
	background-image:url(../img/section-contact/icon4.png);
	background-position:30px 8px;
}
#littlemarker{
	width:57px;
	height:57px;
	margin:auto;
	margin-top:20px;
	cursor:pointer;
	display:block;	
}
#littlemarkerclose{
	width:57px;
	height:57px;
	margin:auto;
	margin-top:20px;
	cursor:pointer;	
	display:none;
}
.backtotop{
	left:50%;
	margin-left:-25px;
	position:absolute;
	margin-top:776px;
	z-index:25;
	width:50px;
	height:14px;
}
.backtotop img{
	float:left;
	margin:0px;
	padding:0px;
}

.container{
	width:1200px;
	margin:auto;
	padding:60px 0px 90px 0px;	
}
.titlesection h1{
	margin: 0 20px 50px 20px;
	text-align:center;	
}

#kozosseg .titlesection, #miert .titlesection, #galeria .titlesection, #cukraszdaink .titlesection{
	background-repeat:no-repeat;
	background-position:center bottom;
	margin-bottom:20px;
}
.topwaves{
	width:100%;
	float:left;
	height:15px;
	background-image:url(../img/patterns/topwaves.png);
	background-repeat:repeat-x;
	position:absolute;
	margin-top:0px;
	z-index:25;	
}
.bottomwaves{
	width:100%;
	height:15px;
	background-image:url(../img/patterns/bottomwaves.png);
	background-repeat:repeat-x;
	position:absolute;
	z-index:25;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.btn{
	margin:10px 0px !important;
	float:left;
	width:100%;
	
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.btn:hover{
opacity: 0.7;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.btn a{
	font-size:17px;
	padding:5px 10px;
	color:#FFF;	
	font-family: 'Lobster', cursive;
}
.orange a{
	background-color:#f7951e;
	border-bottom:2px solid #c88926;		
}
.red a{
	background-color:#e0a6a5 !important;
	border-bottom:2px solid #bb7374 !important;	
}
.blue a{
	background-color:#00a5e7;
	border-bottom:2px solid #889a9e;	
}
.yellow a{
	background-color:#ffe118;
	border-bottom:2px solid #ba9873;	
}
.navi a{
	background-color:#94cdc6;
	border-bottom:2px solid #528e84;	
}
.green a{
	background-color:#bfe1a4;
	border-bottom:2px solid #9d9e74;	
}

.anchors{
	width:100%;
	float:left;
	height:26px;
	position:absolute;
	margin-top:-13px;
	text-align:center;	
}
.anchors img{
	margin:0px !important;
	padding:0px !important;
	border:0px !important;	
}
.contanchors{
	width:87px;
	margin:auto;
	height:26px;
}
.anchortop{
	float:left;		
}
.anchorbottom{
	float:right;		
}

.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover	
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}

.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}

.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}

#slides123 {
  overflow: hidden;
  position: relative;
  width: 100%;
  /*height: 250px;*/
}

#slides123 ul {
  list-style: none;
  width: 100%;
  /*height: 250px;*/
  margin: 0;
  padding: 0;
  position: relative;
}

#slides123 li {
  width: 100%;
  /*height: 250px;*/
  float: left;
  text-align: center;
  position: relative;
  font-family: lato, sans-serif;
}

.center{
	text-align: center;
}