@font-face {font-family: Trebuchet-MS;
src: url("https://raw.githubusercontent.com/dpavlovic/vodovod-wp-theme/master/fonts/Trebuchet-MS.woff") format("woff");}
body,html,div,table,h1,h2,h3,h4,h5,p,search,span,b {font-family: Trebuchet-MS,Trebuchet MS,Arial,Helvetica,sans-serif;}
body {color: #696969; margin: 0; padding: 0; font-size:small; line-height:20px;}
body *{ margin: 0; }
a img,:link img,:visited img { border: none; }
a	{text-decoration:none; color:#1079a8; padding:5px;}
a:hover { text-decoration: none; }
body, td{  margin: 0;  padding: 0;  font-size: small;}
b{ font-weight:bold; }
input,select {padding:2px;}
textarea{ font-size:small; }
.mail{margin:4px;}
.mail input, .mail select, .mail textarea { padding: 2px; background: #686869; color: white; border:2px solid #1079a8; border-radius:2px;}
.mail input[type="submit"] { background: #1079a8; color:white;border:2px solid #0083d2; border-radius:5px;}
.mail input[type="reset"] { background: red; color:white;border:2px solid #cc0000; border-radius:5px;}
.mess{color:red;}

.tCenter{ text-align:center;}
.tLeft	{ text-align:left; }
.logo {background-color: #1A5276; border: none; color: #fff; height: 50px; padding: 0; line-height: 50px; border-bottom: solid 1px #A04000; max-height:50px;}
.logo	a { color:#fff; font-weight:bold; }
.logo img {max-height: 40px; width: 100%; max-width: 250px;}

.search	{background: #f4f4f4; border:0px; color:#fff; font-size:100%; padding:7px 2px; color: white}
.search input {border: 1px solid #ccc; padding:3px;}
.search input[type="submit"],.button {background: #f4f4f4; color: #333; border: 1px solid #ccc;}
.marquee img{width:75px;height:75px;}
.marquee a{padding:0px;}
hr{ background-color:#ccc; border:medium none; height:1px; margin:2px 0; padding:0;}
h1,h2,h3{ padding: 5px 5px 5px 8px; background-color: #ddd; font-weight: bold; color: #fff; margin-top: 0px; color:#333332; font-size:100%; border-bottom: 2px solid #f60;}
h1 { text-align:center; }
h2 a{ color:#ffffff; }

.title{background: #053A64; padding: 5px 5px; color: #fff;}
div.head3 {background: #DDD; color: #000; font-weight: bold; padding: 4px 5px; border-top-width: 3px; border-top-style: solid; border-top-color: orange; }
.albumInfo, .albumCoverSmall {float: left;}
.albumCoverSmall img { width: 165px; height: 185px; border: solid 1px #fff;}
p.touch, a.touch {color: #1079a8; background: #ffffff; padding: 10px 5px; text-decoration: none; font-size: 12px; display: block; margin: 0px 0px; border-bottom: 1px solid #F2F2F2;}
p.touch:hover, a.touch:hover {font-weight: normal;  background: #eee; }
.headblue {padding: 2px 5px 5px 8px; background: #47aed8; border: 1px solid #ccc; font-weight: bold; color: #fff; margin-top: 1px; text-transform: capitalize;}
p.track {padding: 2px 0;}
p {margin: 5px; padding: 0 3px; font-family: Tahoma, Geneva, sans-serif; border: 1px dotted #f4f4f4; font-size: 11px; }
.dinfo {font-size: 11px; color: #666;}

.container { position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #e0b213; border: 2px solid #73f50b } 
.container:hover input ~ .checkmark { background-color: #ccc; }
.container input:checked ~ .checkmark { background-color: #2196F3; }
.checkmark:after { content: ""; position: absolute; display: none; }
.container input:checked ~ .checkmark:after { display: block; }
.container .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.upload input[type="file"] {background: #d21e1e;color: white; border: 1px solid #ff5f5f; border-radius: 4px;}
.upload .input {background: #969696;color: white; border: 1px solid #424040; border-radius: 4px;padding: 4px;}
.upload .button {background: #2196F3; color: white; border: 1px solid #69c4fb; border-radius: 16px;padding: 4px 6px 4px;}
.upload .addmore input {border: 1px solid #ffc05f; border-right: 0px;border-radius: 10px 0px 0px 10px; padding: 4px;}
.upload .addmore .button {background: #e88d00; border: 1px solid #ffc05f; border-radius: 0px 10px 10px 0px; padding: 4px;}
.list {background:#eee;border-top: 1px solid #d4d4d4; padding: 3px;}
.list:nth-last-child(1) {border-bottom: 1px solid #d4d4d4;}
.infoline {border-bottom: 1px solid #ccc; background: -webkit-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%); padding: 5px;}
.clr { clear:both; }
.absmiddle	{ vertical-align:middle; border:1px solid #999; padding:1px; box-shadow:0 0 2px #999;  }
.thumbTop {max-width:250px;}
.ct	{ margin-right:3px; vertical-align:middle; padding:1px; border:1px solid #999; }
.odd, .even, .sl	{ vertical-align:middle; }
.odd { background:#f5f5fa; }
.even { background:#fff; }
.mb { background:#f5f5f5; color:#222; padding:2px; text-align:center; border-bottom:1px dashed #ddd; }
.mb span{ font-weight:bold; }
.singerinfo { background:#f5f5f5; color:#222; padding:2px; text-align:center; border-bottom:1px dashed #ddd; }
.singerinfo span{ font-weight:bold; }
.singerinfo span.ar{ color:#cc3300; font-weight:bold; }
.labelinfo { background:#f5f5f5; color:#222; padding:2px; text-align:center; border-bottom:1px dashed #ddd; }
.labelinfo span{ font-weight:bold; }
.labelinfo span.la{color: #ff0000;font-weight:bold;}
.description { background:#eee; color:#222; padding:2px; margin: 10px; }
.description a { text-decoration:underline; }
.filedescription { background:#f5f5f5; padding: 5px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.fl { }
.fl td{ padding:7px 2px; border-bottom:1px solid #ccc; }
.fl a{ vertical-align:middle; }
.fl img{ border:1px solid #bbb; padding:1px; }
.fl div{ display:table-cell; }
.tblimg	{ width:65px; text-align:center; }

.catRow div{ display:table-cell; }
.catRow div img { margin-right:5px; }

.az	{text-align:center;padding:10px;background: #c2c1ff;}
.az a {border: 1px solid #848aff;padding:2px 5px;margin:1px;display:inline-block;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;font-weight:bold;}
.az .selected,.az a:hover {background: #f90;color:#fff;}

.artistRow div{ display:table-cell; }
.artistRow div img { margin-right:5px; }
.artistRow	{ border-top:1px solid #ddd; font-weight:bold; }
.artistRow a{ border-top:1px solid #ddd; }
.artistRow a{ font-weight:bold; display:block; font-weight:bold; padding:9px; display:block; }
.artistRow:hover { background:#f5f5f5; }

.link1{ color:#0E71C6; }
.button { color:#086C8F; font-weight:bold; }
.red { color:red;}
.info	{ color:red; background:#fff; padding:2px; }
p{ padding:2px 0; }
table	{ width:100%; margin:auto;}
.devider	{ height:5px;}

.dtype	{ border-bottom:1px solid #ccc; font-size:small; padding:8px; text-align:center; }
.dtype span{border: 1px solid #dc8304;padding:3px;border-radius:5px;background: #f90;color:#f5f5f5;}
.dtype a {border:1px solid #ccc;padding:3px;border-radius:5px;background:#f5f5f5;}
.dtype a:hover {background: #f90; color:#fff;}
.stype	{ border-bottom:1px solid #ccc; font-size:small; padding:2px; text-align:center; }
.stype span{ border:1px solid #d50; padding:3px; border-radius:5px; background:#f90; color:#f5f5f5; }
.stype a { text-decoration:none; color:#F33; padding:0px; }
.stype a:hover { background:#660000; color:#f90; }
.padding-4{padding:4px;border-radius:2px}
.padding-4 a:hover{ background:#660000; color:#f90; }
.gray{background:#fafafa}
.red{background:#FFE0E0}
.blue{background:#D4F8FF}
.purple{background:#F2DDFF}
.yellow{background:#FEF1D8}
.green{background:#CFFBD3}
.orange{background:#FFEAD4}
.pink{background:#FFE0F5}

.fileName	{ font-weight:bold; }
.fileName	span{ color:#555; text-decoration:none;}
.fileName	img{ padding-right:3px;}
.downLink	{ margin:5px 0; }
.dwnLink	{ font-weight:bold; }
.dwnLink1, .dwnLink2, .dwnLink3,.dwnLink4,.dwnLink5	{ font-weight:bold; border-radius: 10px; box-shadow: 1px 1px 0 #555; color:#fff; display:inline-block; margin:2px; padding:5px; text-shadow: 1px 1px 0 #000; width: 160px; }
.dwnLink1	{background: #333aff;}
.dwnLink2	{background: #f400a9;}
.dwnLink3	{background: #008aff;}
.dwnLink4	{background: #990078;}
.dwnLink5	{background: #cc00ff;}
.dwnLink11, .dwnLink12, .dwnLink13,.dwnLink14,.dwnLink15,.dwnLink16	{ font-weight:bold; border-radius: 10px; box-shadow: 1px 1px 0 #555; color:#fff; display:inline-block; margin:2px; padding:5px; text-shadow: 1px 1px 0 #000; width: 255px; }
.dwnLink11	{background: #333aff;}
.dwnLink12	{background: #f400a9;}
.dwnLink13	{background: #008aff;}
.dwnLink14	{background: #990078;}
.dwnLink15	{background: #cc00ff;}
.dwnLink16	{background: #008aff;}

.pgn li	{ display:inline; }
.pgn	{ text-align:center; padding-top:10px; background:#eee; }
.pgn a,.pgn span	{border: 1px solid #736dff;padding:2px 5px;margin:0 2px;background: #fcfcfd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;font-weight:bold;}
.pgn a:hover, .pgn span	{background:#06b1ff;;border-color: #9baafb;}
.pgn div { padding-top:5px; }

.pgn2	{ text-align:center; padding-top:10px; background:#eee; }
.pgn2 a,.pgn2 span	{border: 1px solid #736dff;padding:2px 5px;margin:0 2px;background: #0808f8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;font-weight:bold;}
.pgn2 a:hover, .pgn span	{background:#c7c7c7;border-color: #9baafb;}
.pgn2 div { padding-top:5px; }

img	{ vertical-align:middle; }
.showimage	{ padding:5px;}
a.top {color:#FF7F00; text-decoration:none; }
.updates div	{ border-bottom:1px solid #ddd; padding:4px; }
.updates span{ color:#F33; }
.updates span1{ color:#F500BB; }
.updates span2{ color:#1D2129; }
.updates span3{ color:#00a; }
.updates span4{ color:#FF0000; }
.updates span5{ color:#1D2129; }


.catRow,.catRowHome	{ border-top:1px solid #ddd; font-weight:bold; }
.catRow:hover,.catRowHome:hover	{ background:#f5f5f5; }
.catRow a,
.catRowHome a { display:block; font-weight:bold; background:url(../images/arrow.png) right center no-repeat; padding:9px; }
.catRow a div span,
.catRow span.arn{ color:#cc3300; font-weight:bold; }
.catRow span.ar{color: rgba(255, 47, 0, 0.83);font-style:italic;}
.catRowHome  a div span{ font-size:x-small; color:#5a5; font-weight:normal; }
.rd { color: #3a3; font-weight:normal; padding:0 5px; font-style:italic; }
.gn { color: #3a3; font-weight:normal; font-style:italic; }

.fl { border-bottom:1px solid #ddd; background:#fff;}
.fl:hover	{background:#f5f5f5;}
.fl span{ font-weight:normal; }
.fl span.mc { font-size:80%; color:#555; font-weight:bold;}
.fl span.alb {color: #238d00;font-style:italic;}
.fl span.ar {color: #e80000;font-style:italic;}
.fl span.sr{ font-weight:bold; font-style:italic; color:#aaa; margin-right:3px; }
.fl a{ display:block; padding:8px; line-height: 18px;}
.fl a img{ margin-right:5px; vertical-align:middle; border:1px solid #999; padding:1px; box-shadow:0 0 2px #999; max-width: 70px;}

.fl a div div{ vertical-align:middle; display:table-cell; }
.fl a div{ vertical-align:middle; }

.path{ background: #eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:4px; margin:5px 0; font-weight:bold; }
.error{ background:#FFEFEF; border:1px solid #f00; margin:5px; padding:5px; font-weight:bold; text-align:center; color:#f00; }

.fshow { padding:3px; text-align:center; background:#fff; border-bottom:1px solid #ddd;}
.thumbimg{ vertical-align:middle; border:none; border-radius:10px; }
.db{ font-size:small; text-align:center; padding:5px;}

.top21	{ background:#edecea; font-weight:bold; padding:8px; text-align:center; }

.ad1 {background: #e7e7ea;border-bottom:1px solid #a50;border-top:1px solid #fc0;color:#fff;/* background: #EDECEA; */border: 1px solid #D7CCC5;padding: 8px;text-align: center;}
.ad1 a { color:#fff; }

.fhd{ background:#F4F4F4; color:#555; border-bottom: 1px solid #ccc; border-radius:5px; font-weight:bold; margin:7px 0 0 0; padding:0 5px; display:inline-block; }
.fb { font-weight:bold; }
.f1{background: #21618C;border-bottom: 3px solid #ff6600;color:#fff;padding:3px;text-align:center;font-weight:bold;text-shadow:1px 1px 3px #555;}
.f1 a{ color:#fff; }
.tags {
    background: #e6e6e6;
    border-radius: 4px;
    border: 1px solid #c7c7c7;
    margin: 2px;
    padding: 2px;
}
.tags div{margin: 0 0.5px 3px;display: inline-block;}
.tags a {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
span.infotext {
    color: #f5a204;
    font-weight: bold;
}
b.infotext {
    color: #484C4D;
    font-weight: bold;
}
.rbox {
    background-color: #d7e9ec;
    margin: 1px 0;
    border-bottom: 1px solid #b3dade;
    padding: 3px 4px 3px 4px;
}
.rbox textarea{
    margin: 0px;
    width: 199px;
    height: 43px;
}
.userb {
    color: #1079a8;
}
.captcha {
    background-color: orange;
    color: #ffffff;
    font-weight: bold;
    padding: 4px;
}
.minitext {
    color: #777d88;
    font-size: x-small;
}
p.home {
    margin: 5px;
    padding: 0 3px;
    font-family: Tahoma,Geneva,sans-serif;
    border: 1px dotted #f4f4f4;
    font-size: 13px;
}
.tbs_whatsapp,.tbs_facebook,.tbs_googleplus,.tbs_twitter{color:#fff;padding:3px 6px;font-weight:700;line-height:23px;display:inline-block;width:70px}
.tbs_whatsapp{background:#14d42d}
.tbs_facebook{background:#3b5998}
.tbs_googleplus{background:red}
.tbs_twitter{background:#41daf5}
.fb {padding:5px;}
.fb a {
    background: #222;
    color: white;
    border: 2px solid #999;
    padding: 2px 5px;
    margin: 0 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}
.fb a:hover {
    border: 2px solid #00ff05;
    box-shadow: 0px 0px 14px #3bff00;
    transition: all 200ms ease-out;
}
.finfo {
    background: #F7F4F4;
    margin: 7px;
    border: 1px solid #ccc;
}
span.info {
    float: left;
    padding-left: 10px;
    text-transform: capitalize;
    overflow: hidden;
    text-align: justify;
    margin: 0;
    background: #0000ff00;
}
a.fb {
    background-color: #3b5998;
    color: #fff!important;
    font-size: 10px;
    border-radius: 3px;
    text-decoration: none;
    border-bottom: 1px solid #F2F2F2;
    margin: 5px;
    padding: 6px 12px;
}
a.whatsapp {
    background-color: #16b508;
    color: #fff!important;
    font-size: 10px;
    border-radius: 3px;
    text-decoration: none;
    border-bottom: 1px solid #F2F2F2;
    margin: 5px;
    padding: 6px 12px;
}
#online{ text-align:center;}