/* muotoilutiedosto - Italodisco */


:root {
  --color1: #f0f0f0;
}


*               { }

body	        {background: #505050; background-image: url('../kuvat/tausta-3.jpg'); background-size: auto 100%; background-attachment: fixed;
                 background-position: center; font-family: Helvetica, Futura; }


h1, h2, h3, h4  {font-family: "URW Gothic", "Futura", sans-serif; color: #202020; margin: 0px; }


h1 	            {font-size: 45px;}
h2 	            {font-size: 29px; font-weight: bold; }
h3 	            {font-size: 29px;}
h4 	            {font-size: 20px;}

p 	            {font-family: "URW Gothic", Futura, sans-serif; font-size: 15px; line-height: 20px; color: #202020; margin: 0px; }

a:link          {font-family: "URW Gothic", Futura, sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; color: #202020; text-decoration: none;
                 padding: 0px 3px 0px 3px; margin-left: -3px;}

a:hover          { color: #dd1238; }

td.yla-v a:hover { background: #dd1238; color: #ffffff; padding: 0px 3px 0px 3px; border-radius: 5px; }

.palsta_1       {padding: 20px; text-align: right; vertical-align: top; }

.palsta_2       {padding: 20px; text-align: left; vertical-align: top;}

table           { width: 100%; border: 0px solid #ff0000; border-collapse: separate; border-spacing: 0; }

laatikko        { border-radius: 6px;}

td              { background: #ffffff; border: 0px solid #e0e0e0; padding-left: 10px; padding-right: 7px; }
td.yla-v        { padding-top: 7px;  }
td.yla-v a      { color: #202020; transition: 0.1s; }
td.yla-o        { width: 12%; text-align: right; vertical-align: middle; border-radius: 0px 5px 0px 0px; background: #dd1238; line-height: 16px;
                  padding: 7px 10px 7px 10px; }
td.keski        { padding-bottom: 7px;  }
td.ala-v        { padding-bottom: 4px; border-bottom: 1px solid #d0d0d0; padding-bottom: 5px;
                  background: rgba(250,250,252,0.92); }
td.ala-v p      { font-size: 14px; font-weight: bold; position: relative; top: 1px; }
td.ala-o        { border-bottom: 1px solid #d0d0d0; border-radius: 0px 0px 5px 0px; background: rgba(250,250,252,0.92); display: table-cell; }
td.vali         { background: rgba(255,255,255,0); border: none; }
td.kuva         { width: 95px; padding: 0px; background: transparent; border-radius: 5px 0px 0px 5px; vertical-align: top;
                  border-right: 1px solid #d0d0d0; }

tr              { height: 1em; border: 0px; }

th              { height: 120px; }

img             { display: block; height: 95px; width: 95px; padding: 0px; margin: 0px; border: 0px solid #00ff00; border-radius: 5px 0px 0px 5px;
                   }

img:hover       {  }


.hover-container { position: relative; display: inline-block; transition: 1s; }

.vuosiluku       { display: inline-block; background: #dd1238; margin-top: 1em; border-radius: 5px; transition: 0.2s; }

.vuosiluku h2, .vuosiluku a { color: #fff; padding: 6px 16px 6px 14px; border-radius: 5px; }

.vuositausta     { display: inline; }

.vuositausta h3  { display: none; color: #ffffff; margin-top: 37px;
                   position: absolute; top: 0; left: 110%; width: 400px; text-shadow: 0px 0px 3px rgba(20,20,20,0.5); }

.hover-container:hover .vuositausta h3 { display: block; }

.vuosiluku h2:hover {  }

.rajaus         { max-width: 900px; margin-right: auto; margin-left: auto; padding: 0 0 0 0; border: 0px solid #ff0000; }

.biisit         { margin-top: 1em;  width: 100%;  }

.tyyli-1        { color: #ffffff; font-size: 14px; font-weight: bold; padding-right: 0px; } /* punainen   */

.tyyli-2        { background: #8ad0ec; padding: 2px 5px 2px 5px; margin: 5px; border-radius: 4px; font-size: 14px; } /* sininen    */

.video          { }