audio{ cursor:pointer; width:; height:; opacity:0.8;  bottom:5px; position:absolute; left:5px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#main{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999}


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


.clickable .historia:hover {
  cursor: pointer;
}

.hidden{ display:none}
body,html {

}
body { overflow:auto; background-color: #ffbf61;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #fff;
}


/* historia */
.historia{cursor:pointer;z-index:9991; position:absolute;
	transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -ms-transform:rotate(-4deg); -o-transform:rotate(-4deg);
	 padding:10px 0;
    left: 50%;
 width:850px; height:1026px; margin:80px 0 10px -425px; background:url(../img/bghistor.png) no-repeat top center}
 



.historia p{ line-height:18px; padding:0; font-weight:200; text-align:justify; color: #000; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0;}
.historia h1{font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:50px; color:#000;}

.historia h2{ text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:0px; color:#000;}

.historia .block1{ float:left; display:block;  padding:20px 5px 15px 80px; margin:0; width:220px; }
.historia .block2{ float:left; display:block;   padding:20px 70px 15px 25px;margin:0; width:450px }

.historia img{ display:block; border:1px solid #2a241a; padding:5px}



.historia1{ z-index:9990; cursor:pointer; position:absolute;
	transform:rotate(8deg); -webkit-transform:rotate(8deg); -moz-transform:rotate(8deg); -ms-transform:rotate(8deg); -o-transform:rotate(8deg);
	 padding:10px 0;
    left: 50%;
 width:850px; height:1026px; margin:80px 0 10px -425px; background:url(../img/bghistor.png) no-repeat top center}
 



.historia1 p{ line-height:18px; padding:0; font-weight:200; text-align:justify; color: #000; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0;}
.historia1 h1{ font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:40px; color:#000;}

.historia1 h2{ text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:0px; color:#000;}

.historia1 .block1{ float:left; display:block;  padding:10px 5px 15px 90px; margin:0; width:220px; }
.historia1 .block2{ float:left; display:block;   padding:10px 30px 15px 10px;margin:0; width:450px }

.historia1 img{ border:1px solid #2a241a; padding:5px}

#last{border:1px solid #2a241a; margin:0 90px 10px; padding:5px}

#first{padding:0 80px}


#cont p{ text-align:left; color:#999; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:24px; padding:20px 10% }
	
#cont{background:#fff; width:80%; height:100%;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius:    12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px;
  
   margin:0 10%;  position:relative; box-shadow: 1px 1px 6px #333;

  -webkit-box-shadow:  1px 1px 6px #333;
     -moz-box-shadow:  1px 1px 6px #333;}	
	
#cont img{width:80%; height:auto;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius:    12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px;
  
   margin:0 10% 5%;  position:relative; box-shadow: 1px 1px 6px #333;

  -webkit-box-shadow:  1px 1px 6px #333;
     -moz-box-shadow:  1px 1px 6px #333;}	



	
/* grid */



.cbp-rfgrid {
	margin-top: 5%;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;	
}

.cbp-rfgrid li { text-align:center;
	position: relative; margin-top:60px;
	float: left;
	overflow: hidden;
	width: 50%; /* Fallback */
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2); 

}



/*cont form*/
#contact-form { width:80%; 
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  position: relative;
color:#fff; margin-left:5%; margin-top:10px;
  vertical-align: top;
  z-index: 1;
  padding:0 0 20px;

}
#contact-form fieldset {
  border: none;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#contact-form label {
  display: block;
  min-height: 30px;
  position: relative;
  margin: 0;
}
#contact-form .message {
 height: 170px;
  width: 100%;

}
#contact-form input,
#contact-form textarea {
 width:100%;

  padding: 3px 18px 3px;
  font-size: 13px;
  line-height: 15px !important;
  color: #ccc;
  background-color: transparent;
  outline: none;
  border-bottom: 1px dashed #ccc; border-right:none;
  border-left:none;border-top:none;
  
  -webkit-p: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#contact-form input {
  height: 20px;
}
#contact-form input:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#contact-form .area .error {
  float: none;
}
#contact-form textarea {
  height: 150px;
  resize: none;
  overflow: auto;
}
#contact-form .success {
  display: none;
  margin-bottom: 20px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  background: ;
  padding: 12px 14px;
  text-transform: none;
}
#contact-form .error,
#contact-form .empty {
  color: #442726;
  font-size: 14px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px 4px;
  text-transform: none;
}
.btn { width:70px;
  display: inline-block;
  *display: inline;
 
  font-size: 14px;
  line-height: 15px;

  text-align: center;
  
color: #fff;  background:url(../img/lines.png);  padding: 4px 6px; cursor: pointer; border:2px solid #941414; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }

  


.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #ccc;

}


.btn:first-child {
  *margin-left: 0;
}



	.video{margin:7% auto 0; 
	
 width:80%; text-align:center}
	
	
	
	
.menuitems{ z-index:9999; position:absolute; display:block; right:10px; top:10px}



.extruder{position:fixed;cursor:default;  z-index:99999;  }
.extruder .content{display:none; height:100%;background:url(../img/navbg.png);  }
.extruder.left{  height:100%;background:url(../img/navbg.png); }
.extruder.left .ext_wrapper{height:100%;}

.extruder.left.content{ height:100%;   }
.extruder.left .flap{
	position: absolute;
	width:106px;
height:90px;
	top: 10px;
	cursor: pointer;
	background: url(../img/menu1.png) no-repeat;
	margin-right:-116px; 
	right:0; z-index:99999; 
	}
	
	.extruder.left .flap:hover{ }

.navig{ width:100px; float:left; text-align:left; margin-top:10px; list-style:none; }
.navigimg{ width:80px; float:left;  margin-top:10px; list-style:none; }

.navig li{  color:#FFF; height:45px; line-height:45px }
.navigimg li{ height:45px; margin-left:15px}

.navig a{ text-decoration:none; color:#FFF;}
.navig a:hover{ color:#fec659;}
.navigation .active{color:#fec659;}
#logo{ margin-top:10px; margin-bottom:5%; width:156px; height:90px; margin-left:20px}


.fade{  animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */}

.rotate img, .rotate5 img, .rotate1 img,.rotate2 img, .rotate3 img, .rotate4 img { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.rotate img:hover{transform:rotate(5deg); -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg)}
.rotate1 img:hover{transform:rotate(15deg);-webkit-transform:rotate(15deg); -moz-transform:rotate(15deg); -ms-transform:rotate(15deg); -o-transform:rotate(15deg)}
.rotate2 img:hover{transform:rotate(-25deg);-webkit-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -ms-transform:rotate(-25deg); -o-transform:rotate(-25deg)}
.rotate3 img:hover{transform:rotate(-5deg);-webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg)}
.rotate4 img:hover{transform:rotate(10deg);-webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); -o-transform:rotate(10deg)}
.rotate5 img:hover{transform:rotateZ(180deg); -webkit-transform:rotateZ(180deg); -moz-transform:rotateZ(180deg); -ms-transform:rotateZ(180deg); -o-transform:rotateZ(180deg)}










/*menu*/

.menuitemfoto{ background:url(../img/camera.png) no-repeat; 
  
  -webkit-animation: swing 1.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 1.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 1.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  
  
  
   -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  
   }


.menuitemfoto:hover{
}


.menuitemvideo{ background:url(../img/video.png) no-repeat;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   -webkit-animation: swing 1.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 1.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 1.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); 
  
  
  
   -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;


}

.menuitemvideo:hover{
	
}


.menuitemhist{ background:url(../img/hist.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitemhist:hover{
}


  
  .menuitemcardapio{ background: url(../img/cardapio.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitemcardapio:hover{
	padding-bottom:5px
}


  .menuitemcont{ background: url(../img/cont.png) no-repeat ;
  
  
  
        transition:padding .3s, bottom .3s;
		
		
		
  
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;


}

.menuitemcont:hover{
	
}


  .menuitemofertas{ background: url(../img/bl.png) no-repeat top center; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}



.menuitemofertas {
  cursor: pointer;
  -moz-animation: pulse 1s infinite; 
  -webkit-animation: pulse 1s infinite;
}
.menuitemofertas:hover {
  -moz-animation: none;
  -webkit-animation: none;
 
}

@-webkit-keyframes pulse {
  20% {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  90% {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }
}

@keyframes pulse {
  20% {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
  }

  50% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  90% {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}



  .menuitemfora{ background: url(../img/flash.png) no-repeat top center; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitemfora:hover{
	transform: translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px)
}

 .menuitembar{ background: url(../img/flash4.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitembar:hover{
		transform: translate(-5px); -webkit-transform:translate(-5px); -moz-transform:translate(-5px); -ms-transform:translate(-5px); -o-transform:translate(-5px)

}

 .menuitemcozinhavoltar{ background: url(../img/flash6.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitemcozinhavoltar:hover{
		transform: translate(-5px); -webkit-transform:translate(-5px); -moz-transform:translate(-5px); -ms-transform:translate(-5px); -o-transform:translate(-5px)

}

 .menuitembar-cozinha{ background: url(../img/flash11.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitembar-cozinha:hover{
		transform: translate(-5px); -webkit-transform:translate(-5px); -moz-transform:translate(-5px); -ms-transform:translate(-5px); -o-transform:translate(-5px)

}

.menuitemhome{ background: url(../img/flashhome.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitemhome:hover{
		transform: translate(-7px); -webkit-transform:translate(-7px); -moz-transform:translate(-7px); -ms-transform:translate(-7px); -o-transform:translate(-7px)

}

.fancybox-close1{ position:absolute; background: url(../img/flash5.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.fancybox-close1:hover{
		transform: translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px)

}

.menuitembarcozinha{ background: url(../img/flashright.png) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.menuitembarcozinha:hover{
		transform: translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px)

}

/* panorama layout */


.panitem{ position:absolute; top:40px; right:10px}
.panorama .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/load.gif) no-repeat center center; }

.panorama, .panorama-view { width: 100%; height: 100%; overflow: hidden;  }
.panorama, .panorama-container { position: relative; 

	}
.panorama-container img { height: 100%; position: absolute; top: 0; }
.info,.face, .panorama-view .area { position: absolute; display: block; }

.list{position: absolute;  right: 10px; top: 65px;  text-decoration: none; background:none; padding:2px 17px;  }
 .list ul li a{ text-decoration:none; color:#fff;background:none }
.list ul li {list-style:none; text-align:center; }
.panorama .controls { background:url(../img/lines.png); text-decoration: none;border:2px solid #941414; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: absolute; right: 10px; top: 30px; opacity:0.8; cursor: pointer; padding:0px  }
.panorama .controls a { display: block; float: left; }



/* panorama style */
.panorama-view { cursor: url(../images/openhand.cur),default;
cursor:-webkit-grab;
   cursor: -moz-grab;
   cursor: grab;                   
   -webkit-user-select: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none; }
.panorama-view.grab { cursor: url(../images/closedhand.cur),default; 
cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: grabbing;}
.info {  color: #f3f3f3; opacity:0.7; background:none; text-decoration: none; padding:3px ; cursor: pointer;font-size:12px; right: 10px; bottom: 10px;  vertical-align:middle; height:20px;}
.face { width:28px; height:32px;  background:url(../img/lines1.png); opacity:0.9; text-decoration: none; padding: 0px 4px; cursor: pointer; border:2px solid #016495; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;font-size:12px; right: 105px; top: 30px; }

.panorama .controls a  {  text-decoration: none;  cursor: pointer; text-indent: -9999px; 

	}
	

.panorama-view .area { cursor: pointer; overflow: hidden; text-indent: -9999px;  }


.panorama-view img { -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }




.panorama .controls a.prev span, .panorama .controls a.stop span, .panorama .controls a.next span { display: block; text-indent: -999px; overflow: hidden; }
.panorama .controls a.prev span { width: 32px; height: 32px; background:url(../img/left.png) no-repeat }
.panorama .controls a.next span { width: 32px; height: 32px;background:url(../img/right.png) no-repeat }
.panorama .controls a.stop span { margin: 0; width: 20px; height: 32px; background:url(../img/stop.png) no-repeat  }


.navigation{height: 90px;margin-top:10px;
	width: 100%; 
	background: url(../img/navbg.png);	z-index:9999; margin-bottom:40px}


.menuitems{ position:absolute; top:10px; right:10px}
.itemspanor{margin: 0 auto; padding:0;z-index:9997; width:370px;}

.itemspanor li{display: inline-block;
	padding: 0 30px; height:90px; line-height:90px;
	text-align: center;z-index:9997
	}
	
	.itemspanor li a{text-decoration:none; color:#fff; font-size:15px;
	
	}
	
		.itemspanor li a:hover{color:#fec659;
	}





.coras img{width:100%}
.coras{position:absolute; bottom:0; right:0; width:45%; z-index:10}


.plate img{width:100%}
.plate{position:absolute; width:46%; top:10%;  right:0; z-index:9}

.flag img{width:100%}
.flag{position:relative; width:40%;z-index:9; margin-top:10px; margin-left:150px;z-index:999}
.ofertas{position:relative; color:#F7B30B; width:40%; margin-left:150px; font-size:1.5em; text-align:center; margin-top:2em; z-index:999}
.ofertas p{text-align:justify;color:#EFCE0A; line-height:1.3em; font-size:1em;}
.ofertas h1{color:#F7B30B; font-size:2em !important; text-transform:uppercase; }




@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
	
}



@media screen and (max-width: 769px) {
	.cbp-rfgrid li {
		width: 100%; /* Fallback */
		
	}
	

}




@media (max-width: 600px) {
	
.ofertas{width:40%; margin-left:60px; font-size:1em; text-align:center; margin-top:1em; z-index:999}
	
	

/* historia */
.historia{cursor:pointer; position:relative;background:none;
	transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);
	
 width:auto; height:auto;left:0; margin:40px 0 0px 0; background: ;}
.historia .block1 img,.historia1 .block1 img,.historia .block2 img, .historia1 .block2 img, .historia1 img{ display:none}


.historia1{ clear:both;cursor:pointer; position:relative;
	transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);
	 padding:10px 0;

 width:auto; height:auto; margin:80px 0 0px 0;left:0; background: none;}
 
 

.historia p{ line-height:18px; padding:0; font-weight:200; text-align:justify; color: #fff; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0;}
.historia1 p{ line-height:18px; padding:0; font-weight:200; text-align:justify; color: #fff; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0;}

.historia h1{font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:50px; color:#fff;}

.historia h2{ text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:0px; color:#fff;}
.historia1 h1{font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:50px; color:#fff;}

.historia2 h2{ text-transform:uppercase; font-size:24px; text-align:center; font-weight:300; margin-top:0px; color:#fff;}

.historia .block1{ float:left; display:block;  padding:20px 45px 15px 45px; margin:0; width:auto;height:auto; }
.historia .block2{ float:left; display:block;   padding:20px 45px 15px 45px;margin:0; width:auto;height:auto }
.historia1 .block2{ float:left; display:block;   padding:0px 45px 15px 0px;margin:0; width:auto;height:auto }
.historia1 .block1{ float:left; display:block;   padding:0px 45px 15px 0px;margin:0; width:auto;height:auto }

.historia img{ display:none; }


#last{border:none; margin:0 45px 10px; padding:0px}
#first{padding:0 45px}


	.cbp-rfgrid li {
		width: 100% !important; /* Fallback */
		
	}
	.menuitems{ display:none;}
.panorama .info { font-size:9px;right: 5px; bottom: 5px;}
.panorama .controls{top: 25px; }
.face {  top: 25px; }

.extruder.left .flap{
	position: absolute;
	width:77px;
height:65px;
	top: 10px;
	cursor: pointer;
	background: url(../img/menu1small.png) no-repeat;
	margin-right:-87px; 
	right:0;  
	}

.navig li{  color:#FFF; height:40px; line-height:40px }
.navigimg li{ height:40px; margin-left:15px}
#logo{ margin-bottom:-25px; margin-left:30px}
#logo img{ height:70px; width:121px;}
.navigation{ height:65px}

.itemspanor{width:250px; margin:0 auto}

.itemspanor li{
	padding: 0 10px; height:65px; line-height:65px;
	
	}
	
	.itemspanor li a{ font-size:13px;
	
	}

}


@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotateZ(6deg);
    -moz-transform: rotateZ(6deg);
    transform: rotateZ(6deg); }

  100% {
    -webkit-transform: rotateZ(-6deg);
    -moz-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg); } }

@-moz-keyframes swing {
  0% {
    -webkit-transform: rotateZ(6deg);
    -moz-transform: rotateZ(6deg);
    transform: rotateZ(6deg); }

  100% {
    -webkit-transform: rotateZ(-6deg);
    -moz-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg); } }

@-ms-keyframes swing {
  0% {
    -webkit-transform: rotateZ(6deg);
    -moz-transform: rotateZ(6deg);
    transform: rotateZ(6deg); }

  100% {
    -webkit-transform: rotateZ(-6deg);
    -moz-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg); } }

@keyframes swing {
  0% {
    -webkit-transform: rotateZ(6deg);
    -moz-transform: rotateZ(6deg);
    transform: rotateZ(6deg); }

  100% {
    -webkit-transform: rotateZ(-6deg);
    -moz-transform: rotateZ(-6deg);
    transform: rotateZ(-6deg); } }