* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
font-size: 16px;
line-height: 28px;
font-family: Tahoma, sans-serif;
color: #828282;
min-width: 100%;
}

a { color: #72ae13; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img { padding: 5px; }

article, aside, details, footer, header, menu, nav, section { display: block; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto; }

.header { background: #aaa url() repeat 0 0; }
.header .shell { padding: 21px 32px 0; width: 918px; background: url() no-repeat center 0; box-shadow: 0px -10px 9px rgba(0,0,0,0.7); -moz-box-shadow: 0px -10px 9px rgba(0,0,0,0.7); -webkit-box-shadow: 0px -10px 9px rgba(0,0,0,0.7); -o-box-shadow: 0px -3px 10px 9rgba(0,0,0,0.7) }
.header-top { height: 72px;  }

#logo { width: 250px; height: 57px; font-size: 28px; padding: 10px; float: left; }
#logo a { display: block;  text-decoration:none }

#navigation { float: right; padding-top: 13px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 17px; font-weight: 400;  }
#navigation ul li { display: inline; padding-left: 34px; }
#navigation ul li a { color: #d5d4d4; }
#navigation ul li a:hover,
#navigation ul li.active a { color: #fff; text-decoration: none; }



.main { padding: 54px 0 20px 0; border-top: 1px solid #fff;  background: url() repeat-x 0 0; box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -o-box-shadow: 0px -4px 10px rgba(0,0,0,0.4);  }
.main h2 { font-size: 22px; color: #000;  font-weight: 700; padding-bottom: 10px; text-transform: uppercase;  }
.main p a { text-decoration: underline; }
.main p a:hover { text-decoration: none; }
.main section { background: url() no-repeat center bottom; padding-bottom: 50px; margin-bottom: 20px;  }


.main .content { padding-left: 32px; padding-right: 32px; }
.main .content span { text-decoration: underline; }


#footer { background: url() repeat 0 0;}
#footer .shell { background: url() repeat 0 0; padding: 26px 0; }
#navigation a.nav-btn { display: none;  }
/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
body { min-width: 768px; }
.shell { max-width: 748px; }
#navigation ul li { padding-left: 24px; font-size: 15px; }
.header .shell { padding: 21px 0px 0; width: 748px; background: url() no-repeat center 0; }
.header-top { padding-left: 20px; padding-right: 20px;  }

.main section { background: url() no-repeat center bottom; padding-bottom: 50px; margin-bottom: 20px; }
.main .content { padding-left: 20px; padding-right: 20px; }
}


@media only screen and ( max-width: 767px) { 
body { min-width: 320px; }
.shell { max-width: 320px; }
.header .shell { padding: 0 0 0 0; background: url() no-repeat 0 0; } 
.header-top { padding: 12px 0 0px 0; }
#logo { margin: 0 auto; float: none; display: block; }

#navigation { float: none; display: block; position: relative; background: url() no-repeat 0 0; z-index: 1000; margin: 20px 10px 0 10px; height: 32px; padding-top: 0;  }
#navigation a.nav-btn { display: block; height: 32px; padding-left: 13px; line-height: 32px; width: 286px; margin: 0 auto; background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/nav-btn.png) no-repeat right 0;
font-size: 15px; color: #fff; font-size: 17px; font-family: 'Coda', cursive; font-weight: 400; position: relative; z-index: 100;}
#navigation a.nav-btn:hover { text-decoration: none; }
#navigation a.nav-btn span { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/nav-arr.png) no-repeat 0 0; width: 10px; height: 7px; position: absolute; top: 13px; right: 13px; } 
#navigation a.nav-btn span.active { background-position: 0 bottom;  }

#navigation ul { display: none; position: absolute; width: 298px; background: #100f11; top: 22px; left: 0px; padding-top: 20px; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; }
#navigation ul li { float: none; display: block; padding-left: 0; padding-bottom: 8px; }
#navigation ul li a { display: block; padding-left: 10px; }
#navigation ul li.home { display: none;  } 
#header { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/m-header.png) repeat-x 0 0; height: 218px; width: 100%; }

.main section { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/m-section.png) no-repeat center bottom; padding-bottom: 30px; margin-bottom: 20px; }
.main .content { padding-left: 20px; padding-right: 20px; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 

#logo a { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/logo@2x.png) no-repeat 0 0;   -webkit-background-size: 142px 57px; -moz-background-size: 142px 57px; background-size: 142px 57px; }
#navigation { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/navigation@2x.png) no-repeat 0 0;  -webkit-background-size: 298px 32px; -moz-background-size: 298px 32px; background-size: 298px 32px;  }
#navigation a.nav-btn span { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 10px 15px; -moz-background-size: 10px 15px; background-size: 10px 15px; }
.pagination a { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/pagination@2x.png) no-repeat 0 1px; -webkit-background-size: 18px 40px; -moz-background-size: 18px 40px; background-size: 18px 40px; }
.main section { background: url(/web/20190110163026im_/http://izmirailedanismani.com/css/images/section@2x.png) no-repeat center bottom; -webkit-background-size: 300px 10px; -moz-background-size: 300px 10px; background-size: 300px 10px;  }
}