BODY {font-family: Verdana,Arial CE,Courier New CE,sans-serif;font-size: 14px; margin-top: 2}
H1 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 22px;color: red}
H2 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 19px;color: navy;align: left}
H3 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 15px;color: red}
H4 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 17px;color: red}



input{background-color: #FFFFFF; font: 14px Arial; border: 1px solid black; padding: 1px;}
select{background-color: #FFFFFF; font: 14px Arial; border: 1px solid black; padding: 1px;}
submit{background-color: #FFFFFF; font: 14px Arial; border: 1px solid black; padding: 1px;}

input:onmouseover {background-color: #808080;}


#s_ramem{border-width: 1;border-style: solid;border-color: black;width:100%;}
#bez_ramu{border-width: 0;border-style: none}
#cerna {background-color: #000000;}
#cervena {background-color: #FF0000;}
#modra {background-color: #AACCFF;}
#seda {background-color: #C0C0C0;}

A:link {color:#002091;text-decoration:none}
A:visited {color:#0002091 ;text-decoration:none}
A:active {color:gold;text-decoration:none}
A:hover {color:#002099;text-decoration:underline}


TABLE .blue {background: #8080FF;}
TABLE#MAINCONTENT {
  max-width:1000px;
}
TH {font-family: Arial CE,Courier New CE,sans-serif;background-color: white;color: white;background: #8080FF url(./images/titlebar.png) repeat-x center left;}
TD {font-family: Arial CE,Courier New CE,sans-serif;background-color: white;color: black;background: white;}

TH A:link {color:white;text-decoration:none}
TH A:visited {color:white ;text-decoration:none}
TH A:active {color:red;text-decoration:none}
TH A:hover {color:gold;text-decoration:underline}

TH .squad A {color:green;text-decoration:none}

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.headerbar{
font: bold 14px Arial;
color: white;
background: black url(./images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
font-family: Verdana, sans-serif;
}

.arrowlistmenu ul li a{
color: black;
background: url(./images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 22px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
color: black;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: gold;
background-color: #0000FF;
}

#dhtmltooltip {
  position: absolute;
  width: 250px;
  border: 1px solid black;
  padding: 2px;
  background-color: white;
  visibility: hidden;
  z-index: 100;
}

.basicinfo {
  width:100%;
  border-collapse:collapse;

}
.basicinfo th {
  padding-top:5px;
  width:160px;
  text-align:left;
  background-color:white;
  color:black;
  vertical-align:top;
}
.basicinfo td {
  padding-top:5px;
  background-color:white;
  color:black;
}

@media screen and (max-device-width: 1281px) {
BODY {font-size: 16px;}
input{font: 16px Arial;}
select{font: 16px Arial;}
submit{font: 16px Arial;}
.headerbar{font-size:22px;}
.arrowlistmenu ul li {font-size:22px;}
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  /*body::before {
    content: "iPhone 6, 6S, 7 and 8 * Safari";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }*/
}

.divize.OPN { color: red; }
.divize.PRD { color: #c1c100; }
.divize.STD { color: blue; }
.divize.CLA { color: #ff00ff; }
.divize.PDO { color: black; background-color:#c1c100; }
.divize.REV { color: #ffcc00; }

.nezaplacenopolimitu .payemail {
  background-color:red;
  color:black;
}

#registrationlist tr:hover td {
  background-color:pink;
}