/*
    http://blog.crazyegg.com/2012/07/11/website-color-palettes/
    
    #C63D0F ruskea
    #3B3738 tumma harmaa
    #FDF3E7 vaalea harmaa
    #7E8F7C keskiharmaa
*/

/* julkisen ruokalistan ulkoasu */

@media print {
  a.edvkolinkki, a.seurvkolinkki, a.osnappi, input.tulostusnappi{
     display: none;
  }
  
  table.ruokataulu {
     padding-left: 50px;
     padding-top: 60px;
  }
  
  td.pvrivi {
     font-weight: bolder;
     padding-bottom: 0.3em;
     padding-top: 0.6em;
     font-size: 1.2em;
  }
}

@media screen {

h1 {
   font-size: 1.5em;
   margin-bottom: 0.2em;
   font-weight: 900;
}

h2 {
   font-size: 1.1em;
   margin-top: 0.1em;
}

a.edvkolinkki {
   text-decoration: none;
   color: #ffffff;
}

a.edvkolinkki:hover {
   text-decoration: none;
   color: #C63D0F;
}

a.seurvkolinkki {
   text-decoration: none;
   color: #ffffff;
}

a.seurvkolinkki:hover {
   text-decoration: none;
   color: #C63D0F;
}

a.osnappi {
   background-color: #3B3738;
   border: solid #FDF3E7;
   color: #FDF3E7;
   font-family: Arial, arial, sans serif;
   font-weight: bold;
   text-decoration: none;
   padding-top: 0.3em;
   padding-bottom: 0.4em;
   padding-left: 0.8em;
   padding-right: 0.8em;
   margin-left: 0.5em;
   margin-bottom: 2px;
}

a.osnappi:hover {
   color: #3B3738;
   background-color: #FDF3E7;
   border: solid #3B3738;
}

img.peukkukuva {
   max-height: 30px;
   padding-top: 0px;
}

div.ruokadiv {
   width: 67%;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 20px;
}

table.ruokataulu {
   width: 100%;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   background-color: #FDF3E7;
   border: solid #FDF3E7;
}

td.otsakerivi {
   font-family: Arial, arial, sans serif;
   color: #ffffff;
   background-image: url('vko_tausta_ei_txt.jpg');
   background-color: #3B3738;
   background-repeat: no-repeat;
   height: 100px;
   padding-left: 1em;
   padding-top: 0.2em;
}

tr.vkolinkit {
   background-color: #3B3738;
}

td.edvkorivi {
   color: #ffffff;
   background-color: #222222;
   font-family: Arial, arial, sans serif;
   font-size: 0.8em;
   padding-left: 0.6em;
   text-align: left;
   border-bottom: thin solid #FDF3E7;
}

td.seurvkorivi {
   color: #ffffff;
   background-color: #222222;
   font-family: Arial, arial, sans serif;
   font-size: 0.8em;
   padding-right: 0.6em;
   text-align: right;
   border-bottom: thin solid #FDF3E7;
}

td.pvrivi {
   background-color: #3B3738;
   color: #dddddd;
   font-family: Arial, arial, sans serif;
   font-weight: bold;
   padding-top: 0.3em;
   padding-left: 0.3em;
   padding-right: 0.3em;
   padding-bottom: 0.6em;
}

td.ruokarivi {
   padding-top: 0.25em;
   padding-bottom: 0.25em;
}

td.nimiruokarivi {
   padding-top: 0.25em;
   padding-bottom: 0.25em;
   padding-left: 1em;
   width: 140px;
}

td.tulostarivi {
   text-align: right;
   padding-top: 1em;
}

input.tulostusnappi {
    background-color: #3B3738;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;
    color: #fff;
    font-family: Arial, arial, sans serif;
    text-decoration: none;
    cursor: pointer;
    border:none;
}

input.tulostusnappi:hover {
    background-color: #C63D0F;
}

/* täyttölomakkeen ulkoasu */

body {
  background-color: #C63D0F;
}

a.toimintonappi {
    background-color: #3B3738;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;
    color: #fff;
    font-family: Arial, arial, sans serif;
    font-size: small;
    text-decoration: none;
    cursor: pointer;
    border:none;
    padding: 2px;
}

a.toimintonappi:hover {
    background-color: #C63D0F;
}

td.tietosolu {
	vertical-align: top;
}

td.vkopv {
	vertical-align: top;
	padding-top: 0.3em;
}

td.otsikkosolu {
  	color: #969696;
}


img.ok_merkki {
	vertical-align: middle;
	margin-bottom: 0.3em;
}

input.pvm {
  margin: 2px;
  border: none;
  background-color: #FDF3E7;
}

input.lounas {
  margin: 2px;
  padding: 3px;
  border: solid 1px #dddddd;
  background-color: #FFFFFF;
  transition: border 0.3s;
}
input.lounas:focus,
input.lounas.focus {
  margin: 2px;
  border: solid 1px #969696;
  background-color: #FFFD96;
}

input.paivallinen {
  margin: 2px;
  padding: 3px;
  border: solid 1px #dddddd;
  background-color: #FFFFFF;
  transition: border 0.3s;
}
input.paivallinen:focus,
input.paivallinen.focus {
  margin: 2px;
  border: solid 1px #969696;
  background-color: #FFFD96;
}

input.maasto {
  margin: 2px;
  padding: 3px;
  border: solid 1px #dddddd;
  background-color: #FFFFFF;
  transition: border 0.3s;
}
input.maasto:focus,
input.maasto.focus {
  margin: 2px;
  border: solid 1px #969696;
  background-color: #FFFD96;
}

}