@charset "UTF-8";
/* CSS Document */

	
nav.smenu{ 
color:#f2d8b6;
width:87px;
height:28px;
top:186px;
right:13%;
position:absolute;
cursor:pointer;
background-color:#900;
text-align:left;
z-index: 9998;
}


	
nav.smenu p{
	color:#f2d8b6;
	font-size:13px;
	position:absolute;
	padding-left:6px;
	padding-top:4px;}






nav .smenu1{
	width:18px;
	height:2px;
	background-color:#f2d8b6;
	top:6px;
	left:66px;
	position:absolute;} 
	
	
nav .smenu2{
	width:18px;
	height:2px;
	background-color:#f2d8b6;
	top:12px;
	left:66px;
	position:absolute;} 
	
	
nav .smenu3{
	width:18px;
	height:2px;
	background-color: #f2d8b6;
	top:18px;
	left:66px;
	position:absolute; }
	




	
nav .smenu1,nav .smenu2,nav .smenu3
	{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
					 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
					 
					 
nav .smenuclick1		{ top:12px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
nav .smenuclick2		{ background-color:rgba(255,255,255,0);  }
nav .smenuclick3		{ top:12px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }
					

					
#smenu{
position: fixed;
font-weight: bold;
display: none;
right: 10%;
top: 10px;
text-align:left;
list-style-type:none;
background-color: rgba(255, 255, 255, 1);
border: 1px solid #000;
padding: 20px 20px 20px 20px;
z-index: 9999;
}

#smenu a{
	color:#660000;}


@media only screen and (max-width:1200px){
	
nav.smenu{ 
right:10%;
}}

@media only screen and (max-width:1100px){
	
nav.smenu{ 
right:5%;
}

#smenu{
right: 7%;
}}

@media only screen and (max-width:959px){
	
nav.smenu{ 
top:152px;
right:10px;
}

#smenu{
right: 7%;
}}

@media only screen and (max-width:800px){
	
nav.smenu{ 
top:42px;
}}

@media only screen and (max-width:700px){
	
nav.smenu{ 
right:16px;
}

#smenu{
right: 10%;
}}


@media only screen and (max-width:480px){
	
nav.smenu{ 
top:44px;
}

#smenu{
right: 20%;
}}