/* Common tag based styles */
html {height: 100vh;}
BODY {color:#323234; font-family: 'Source Sans Pro', sans-serif; padding: 0; margin:  0;	border: 0; height: 100vh; overflow:hidden;}
A {color:#5362BB; outline:none; text-decoration: underline;}
A:hover {text-decoration: underline;}
IMG {border:0;}
TD  {border:0px solid #000; padding:2px 16px 2px 2px; color:#666; font-size:12px;}
FORM {text-align:left;}
INPUT {border:1px solid #666; }

.head {overflow: hidden;}

.id {font-size:100px; background: #9facbf; font-weight: bold; color: #FFFFFF;}
.item {font-size: 80px; font-weight: bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e6ec+0,ffffff+100 */
background: #e2e6ec; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e6ec 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e2e6ec 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e2e6ec 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e6ec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.h-head {height: 15%;}
.h-body {height: 85%;}

h1 {font-size: 80px;}
h2 {font-size: 70px;}

.prijemci {border-right: 2px solid #FFF; border-bottom: 3px solid #FFF; font-size:28px; line-height: 29px; overflow: hidden;}
.prijemci .col-1-8 {position:relative; overflow: hidden;}
.numb {position:absolute; bottom:0px; right:0px; background: #000000; color: #FFFFFF; font-weight: bold;}
.h25 {height: 12.5%; background: #33FF69; border-top: 3px solid #FFF;}

.red {background: #feddd8;}
.red .numb {background: #ef490b;}
.beige {background: #fdefe1;}
.beige .numb {background: #e78f35;}
.blue {background:#b2d6f3;}
.blue .numb {background: #0078d7;}
.green {background: #c0e6e3;}
.green .numb {background: #60c1b8;}
.gray {background: #d8dee5;}
.gray .numb {background: #9facbf;}
.red, .green, .gray, .beige, .blue {border-left:3px solid #FFF;}

.h25 .col-1-8 {width: 12.5% ;}