* { margin: 0; padding: 0; }
@font-face {font-family:SiteFont;src:url(../ritos_fonts/carlitoregular.ttf);font-weight:normal;}
@font-face {font-family:SiteFont;src:url(../ritos_fonts/carlitobold.ttf);font-weight:bold;}
@font-face {font-family:SiteFont;src:url(../ritos_fonts/carlitoitalic.ttf);font-style:italic;}

body {background-color: #ececec; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #000000;}
.topbar {height: 26px; background: #f7f7f7; box-shadow: none; border-bottom: none;line-height: 20px; position: relative; z-index: 20; align: center;}
.topbar-content {display: block; margin-left: auto; margin-right: auto; direction: rtl; width: 98%; position: relative; max-width:1160; box-sizing: border-box; color: #737373;font-family:SiteFont;font-size:16px;font-style:normal;line-height:normal;font-weight:normal;font-variant:normal; text-transform:none;padding: 3px 0;}
.menu {height: 44px; background: #FFD333; box-shadow: none; border-bottom: none;line-height: 20px; position: relative; z-index: 20; align: center;}
.menu-content {display: block; margin-left: auto; margin-right: auto; direction: ltr; width: 98%; vertical-align: middle;position: relative; max-width:1160; box-sizing: border-box; color: #434343;font-family:SiteFont;font-size:16px;font-style:bold;line-height:normal;font-weight:bold;font-variant:normal; text-transform:none;padding: 11px 0;}
.site-header {position: relative; z-index: 100; background: transparent; background: #CFFE05; color: inherit;	flex-shrink: 0;}
.site-body {position: relative; z-index: 100; background: transparent; color: inherit; flex-shrink: 0;}
.site-footer {position: relative;z-index: 100;background: transparent;color: inherit;flex-shrink: 0;}
.site {min-height: 100%;display: flex;flex-direction: column;}
.clear   { position:relative;clear: both; }

.menu1 {color:#505050;}
.menu1:hover {color: #000000;}
@media screen and (max-width:1260px){
	#logo>img{
		width:150px;
		height: 60px;
		float: left;
		padding-left:20px;
		padding-top: 10px;
	}
	#navbar{
		width:800px;
		height: 80px;
		margin: 0px auto;
		float: right;
	}
	#navbar>li{
		float: left;
		list-style: none;
		width: 150px;
		height: 80px;
		border-left:1px solid #d7e4ed;
		border-right: 1px solid #d7e4ed;
	}
	li>a{
		text-decoration: none;
		color: black
		font-style:italic;
		font-family:'bodoni_recut_fs', serif;
		font-size: 20px;
		line-height: 80px;
		display: block;
		text-align: center;
	}


	#image{
		width:100%;
	}
}