﻿body { background-color: #fef9e7; font-family: Cambria, Tahoma, Verdana; color: #17202a; font-size: 10px; margin: 0px; padding: 0px; max-width: 1200px; min-width: 800px; margin: auto; }
body.treg { background-color: #d0ece7; font-family: Cambria, Tahoma, Verdana; color: #17202a; font-size: 18px; margin: 0px; padding: 0px; max-width: 800px; min-width: 400px; margin: auto; }

p { font-family: Cambria, Tahoma, Verdana; font-size: 15px;	padding-bottom: 2px;	padding-left: 20px;	padding-top: 10px;	margin: 0em;}
p.pavadinimas { font-size: 20px; text-align: center; padding: 5px;	margin: 5px;}
p.logo { background-color: #f6ddcc; font-size: 30px; text-align: center; padding: 10px;	margin: 0px; font-style: italic; font-weight: bold;}
p.turnyras { font-size: 15px;	padding: 2px 10px 2px 10px;	margin: auto; border-color: #808080;	border-bottom-style: solid;	border-width: 1px; max-width: 1000px; min-width: 900px; }

div{ background-color: #f7f9f9; font-size: 13px; color: #283747 ; border: none; margin: 0px ; padding: 0px ; }
div.live{ background-color: transparent; font-size: 14px; color: #283747 ; border: none; margin: 0px ; padding: 0px ; }

.row { background-color: #f7f9f9; color: #283747 ; border: none; margin-top:2px; margin-left: 100px; margin-right:100px; padding: 1px ; }
.row:after { content: ""; display: table; clear: both; margin: auto;	}
.column { font-size: 24px; float: left; padding: 10px; height: 110px; margin-top: 5px;}

.row2 { background-color: transparent; color: white; border: none; margin-top:2px; margin-bottom:2px; margin-left: 100px; margin-right:100px; padding: 5px ; }
.row2:after { content: ""; display: table; clear: both; margin: auto;	}
.column2 { background-color: #6e2c00; color: white; font-size: 18px; float: left; padding: 4px 15px 4px 15px; height: 26px; margin: 3px 1px 3px 1px; }
.column2:hover { background-color: #dc7633; color: white; font-size: 18px;}
.column2 a { color: white; font-size: 18px;  padding: 4px 15px 4px 15px;  margin: 3px 1px 3px 1px; }
.column2a { background-color: #dc7633; color: white; font-size: 18px; float: left; padding: 4px 15px 4px 15px; height: 26px; margin: 3px 1px 3px 1px;}
.column2a:hover { background-color: #6e2c00; color: white; font-size: 18px;}
.column2a a { color: white; font-size: 18px;  padding: 4px 15px 4px 15px;  margin: 3px 1px 3px 1px; }

.row3 { background-color: transparent; color: white; border: none; margin-top:2px; margin-left: 100px; margin-right:100px; padding: 5px ; }
.row3:after { content: ""; display: table;  clear: both; margin: auto; 	}

.column3 { background-color: #6e2c00; color: white; font-size: 18px; float: left; padding: 4px 15px 4px 15px; height: 48px; margin: 3px 1px 3px 1px; width: 140px ; }
.column3:hover { background-color: #dc7633; color: white; font-size: 18px;}
.column3 a {  color: white; font-size: 18px;  padding: 4px 15px 4px 15px;  margin: 3px 1px 3px 1px; }
.column3a { background-color: #dc7633; color: white; font-size: 18px; float: left; padding: 4px 15px 4px 15px; height: 48px; margin: 3px 1px 3px 1px; width: 140px ; }
.column3a:hover { background-color: #6e2c00; color: white; font-size: 18px;}
.column3a a { color: white; font-size: 18px;  padding: 4px 15px 4px 15px;  margin: 3px 1px 3px 1px; }

.column4 { background-color: #6e2c00; color: white; font-size: 18px; float: left; padding: 4px 15px 4px 15px; height: 72px; margin: 3px 1px 3px 1px; width: 140px ; }
.column4:hover { background-color: #dc7633; color: white; font-size: 18px;}
.column4 a {  color: white; font-size: 18px;  padding: 4px 15px 4px 15px;  margin: 3px 1px 3px 1px; }
.column4a { background-color: #dc7633; color: white; font-size: 18px; float: left; padding: 4px 15px 4px 15px; height: 72px; margin: 3px 1px 3px 1px; width: 140px ; }
.column4a:hover { background-color: #6e2c00; color: white; font-size: 18px;}
.column4a a { color: white; font-size: 18px;  padding: 4px 15px 4px 15px;  margin: 3px 1px 3px 1px; }

.divtable { display: table; background-color: transparent; }
.divrow { display:table-row; width:auto; background-color: transparent; }
.divcell { float:left; display:table-column; width:auto; margin-left:3px; }

a { color: #515a5a; font-size: 14px;  text-decoration: none;}
a:hover { color: #000000;  text-decoration: underline;}
a.balta { color: #f2f4f4; font-size: 14px;  text-decoration: none;}
a.balta:hover { color: #99a3a4;  text-decoration: underline;}

td { font-family: Cambria, Tahoma, Verdana; background-color: transparent; font-size: 14px;}
td.remasl {	background-color: transparent;	border-color: #808080;	border-style: solid;	border-width: 1px;	margin: 2px;	padding: 2px;	text-align: center; }
td.remasx {	background-color: transparent;	border-color: #808080;	border-style: solid;	border-width: 1px;	margin: 2px;	padding: 2px;	text-align: left; }
td.remasll {	background-color: transparent;	border-color: #808080;	border-style: solid;	border-width: 1px;	linija_apacia}
td.tamsu {	background-color: #d35400;	border-color: #808080;	border-style: solid;	border-width: 1px; margin: 2px;	padding: 2px; color: white;}

td.koma_liniija_v {	background-color: transparent;	border-color: #424949;	border-left-style: solid;	border-width: 1px;	margin: 5px 3px 5px 3px; 	padding: 3px 3px 3px 3px;  border-radius: 0px 0px 0px 0px; }
td.koma_remas { color: #f2f4f4; font-size: 14px;	text-align: center; background-color: #76448a;	border-color: #808080;	border-style: solid;	border-width: 1px;	border-radius: 0px 0px 0px 0px; margin: auto;	padding: 5px; }
td.remas { color: #f2f4f4; font-size: 14px;	text-align: center; background-color: #76448a;	border-color: #808080;	border-style: solid;	border-width: 1px;	border-radius: 8px 8px 0px 0px; margin: auto;	padding: 5px; }
td.remasa { color: #76448a; font-size: 14px; text-align: center;	background-color: #f2f4f4;	border-color: #808080;	border-style: solid;	border-width: 1px;	border-radius: 8px 8px 0px 0px; margin: auto;	padding: 5px; }

td.titrai { color: #424949; font-size: 14px; text-align: center;	background-color: #f6ddcc;	border-color: #808080;	border-style: solid;	border-width: 1px;	border-radius: 8px 0px 0px 0px; margin: auto;	padding: 5px 10px 5px 10px; }
td.titraia { color: #424949; font-size: 14px; text-align: center;	background-color: #e59866;	border-color: #808080;	border-style: solid;	border-width: 1px;	border-radius: 8px 0px 0px 0px; margin: auto;	padding: 5px 10px 5px 10px; }
td.linija_apacia { border-width: 1px; border-color: #919191;	border-bottom-style: solid;  margin: 2px;	padding: 2px;}


td.diagrama { border-width: 1px; border-color: #919191;	border-bottom-style: solid; border-left-style: solid; }
td.linija { border-width: 1px; border-color: #919191;	border-left-style: solid; }


.meniu1 { position: relative;  background-color: #6e2c00; overflow: hidden; }
.meniu1 a { background-color: #6e2c00; float: left; color: #f2f2f2; text-align: center; padding: 10px 10px; text-decoration: none; font-size: 16px; }
.meniu1 a:hover { background-color: #f6ddcc; color: black; }
.meniu1 a.active { background-color: #d35400; color: white; }
.meniu1-centered { float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.meniu1-right { float: right;  font-size: 15px; }

.meniu2 { position: relative;  background-color: #873600 ; overflow: hidden; }
.meniu2 a { background-color: #873600; float: left; color: #f2f2f2; text-align: center; padding: 8px 8px; text-decoration: none; font-size: 16px; }
.meniu2 a:hover { background-color: #f6ddcc; color: black; }
.meniu2 a.active { background-color: #d35400; color: white; }
.meniu2-centered { float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #873600; font-size: 16px; }
.meniu2-right { float: right;  font-size: 15px; }

.form input[ type=text] { font-family: Cambria, Tahoma, Verdana; font-size: 15px; padding: 3px; border: none; margin: 6px 3px 6px 3px; }
.form input[ type=password] { font-family: Cambria, Tahoma, Verdana; font-size: 15px; padding: 3px; border: none; margin: 6px 3px 6px 3px; }
.form input[ type=submit] { font-family: Cambria, Tahoma, Verdana; font-size: 15px; padding: 3px 10px 3px 10px; border: none; margin: 6px 3px 6px 3px; }

ul.centras { background-color: none; padding: 5px 5px; margin: auto; max-width: 900px; }


@media screen and (max-width: 900px) {
  .header_top a:not(:first-child) {display: none;}
  .header_top a.icon { float: right; display: block; }
}

@media screen and (max-width: 900px) {
  .header_top.responsive {position: relative;}
  .header_top.responsive .icon { position: absolute; right: 0; top: 0; }
  .header_top.responsive a { float: none; display: block; text-align: left; }
}