@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,500);

HTML, BODY {padding: 0px; margin: 0px; height:100%; width:100%;}
body {background: #fff; background-size:cover;}
BODY, TABLE, TD, TR, TH, P, LI, OL, UL, DT, DL, DD, H1, H2, H3, H4, FORM, INPUT, SELECT, OPTION, TEXTAREA {vertical-align: top; padding: 0px; margin: 0px;}
BODY, TABLE, TD, TR, TH, P, LI, OL, UL, DT, DL, DD, H1, H2, H3, H4, FORM, INPUT, SELECT, OPTION, TEXTAREA, A, A:link, A:visited, A:hover, A:active {color: #000; font: 13px "Roboto Mono", sans-serif;}


IMG, table, td {border: none;}

A, A:link, A:visited, A:active, A:hover{text-decoration: none;}
A:hover{text-decoration:underline;}

/**/
.bodyemp {background: transparent url(../img/food1_emp.jpg) top left;}
.bodyabout {background: transparent url(../img/food1_about.jpg); background-size: cover;}
.bodycontacts {background: transparent url(../img/food1_contacts.jpg); background-size: cover;}

.top {width: 100%; height:100%;}
.top td {padding: 10px 30px 0px 50px;} 

.lang {width: 150px; padding-right: 12px;}
.lang span {text-align: left; color: #fff; font: 15px "Roboto Mono", sans-serif; font-weight: 500; font-style: italic; background: transparent url(../img/bgpink.gif); letter-spacing: 0px; line-height: 27px; padding: 3px 15px;}
.lang a, .lang a:link, .lang a:visited, .lang a:active, .lang a:hover {text-align: left; color: #000; font: 15px "Roboto Mono", sans-serif; font-style: italic; font-weight: 500; letter-spacing: 0px; line-height: 25px; padding: 3px 15px;} 
.lang a:hover {background: transparent url(../img/bgcyan.gif); color: #fff;}

.topmenucontainer {height: 140px; width: 380px;}
.topmenu {height: 140px; width: 100%;}
.topmenu td {text-align: center; vertical-align: middle; padding: 0px;}
.topmenu a, .topmenu a:link, .topmenu a:active, .topmenu a:visited, .topmenu a:hover {font-size: 20px; letter-spacing: -2; font-weight: 500; padding: 55px 10px; margin: 0px; text-decoration: underline;}
.topmenu a:hover {background: transparent url(../img/bgpink.gif); text-decoration: none; color: #fff;}
a.mactive, a:link.mactive, a:active.mactive, a:visited.mactive, a:hover.mactive {background: transparent url(../img/bgpink.gif); color: #fff; text-decoration: none;}

.works {padding: 0px 0px 0px 30px; width: 100%;}
.works p {font-size: 20px; line-height: 30px; letter-spacing: -1; margin: 0px 0px 20px 0px;}
div.photo {float: left; margin: 3px; border: 1px dashed #fff; padding: 1px;} 

.message {margin: 0px 0px 0px 30px;}
.message span {text-align: left; color: #fff; font: 30px "Roboto Mono", sans-serif; font-weight: 400; background: transparent url(../img/bgpink.gif); letter-spacing: -3px; line-height: 42px; padding: 0px 15px; text-transform: uppercase;}

.about {padding: 0px 30px; width: 65%;}
.about p {font-size: 18px; line-height: 30px; letter-spacing: -1; margin: 0px 0px 20px 0px;}
p.header {font-size: 30px; letter-spacing: -2;}
p.header span.head {font-size: 20px; background: transparent url(../img/bgcyan.gif); padding: 5px 10px; line-height: 40px;}
p.header span {font-size: 35px; background: transparent url(../img/bgcyan.gif); padding: 5px 10px; line-height: 59px;}
p.header a, p.header a:link, p.header a:active, p.header a:visited, p.header a:hover {font-size: 25px; text-decoration: none; background: transparent url(../img/bgpink.gif); padding: 7px; line-height: 49px;}
p.header a:hover {background: transparent url(../img/bgcyan.gif); }

td.footerholder {vertical-align: bottom; padding-bottom: 20px; text-align: left;}
td.footericonholder {vertical-align: bottom; padding-bottom: 20px; text-align: right;}
.footer {margin: 0px 0px 0px 30px; width: 350px;}
.footer span {text-align: left; color: #fff; font: 20px "Roboto Mono", sans-serif; font-weight: 500; background: transparent url(../img/bgpink.gif); letter-spacing: 0px; line-height: 34px; padding: 3px 15px;}
.footer a, .footer a:link, .footer a:visited, .footer a:active {text-align: left; color: #fff; font: 17px "Roboto Mono", sans-serif; font-weight: 500; background: transparent url(../img/bgcyan.gif); letter-spacing: 0px; line-height: 31px; padding: 3px 15px;} 
.footer a:hover {background: transparent url(../img/bgpink.gif); text-decoration: none; color: #fff;}

p.contacts a, p.contacts a:link, p.contacts a:active, p.contacts a:visited, p.contacts a:hover {font-size: 11px; line-height: 13px; text-transform: none; font-style: italic; letter-spacing: 0px;}
