@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
}

body{
    background-color: #00a9ea;
    margin: 0px;
    color: white;
}

a {	font-family: Verdana; font-size: 16px;}
a:link {
    color: #ffde77;
    font-size: 14px;
}
a:visited {
    color: #ffde77;
    font-size: 14px;
}
a:hover {
    color: #d3c466;
    font-size: 14px;
}
a:active {
    color: #ffde77;
    font-size: 14px;
}

img {
    border: 0px;
}

#container
{
    top:0px;
    margin: 0 auto;
    width: 800px;
    background-color: #034165;

}

#header
{
    left:0px;
    top:0px;
    width:800px;
    height:150px;
    background-color: #3c8ebe;
    color:  white;
    text-align: center;
    position: relative ;
}

#header h1 { margin: 0; }

#header_message{
    position: absolute;
    bottom: 5px;
    left: 0px;
    text-align: center;
    width: 100%;
}

#menu
{
    position: relative;
    padding: 5px;
    top: 25px;
    width: 800px;
}

#menu ul li
{
   display: inline-block;
   padding: 2px;
}

#menu div
{
display: inline-block;
	*display:inline;

}



#navigation ul
{
    margin: 0;
    padding: 0;
}

#content
{
    position: relative;
}



#content h2
{
    color: white;
    font-size: 160%;
    padding: 10px;
    text-align: center;
}

#text{
    padding: 10px;
}

#footer
{
    text-align: center;
    background-color: #3c8ebe;
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    padding: 20px;
    /*height: 20px;*/

}

#sidebar{
    float: left;
    width: 150px;
    text-align: center;
    margin: 0px auto;
}

#sidebar div{
    padding-top:10px;
    padding-bottom:10px;
}

#sidebar #add_this{
    padding-left: 55px;
    width: 95px;

}

#sidebar #twitter{
    padding-left: 15px;

}

#linky{
    padding-top: 110px;
    width: 640px;

}

table.links a:visited{
	    color: #d3c466;
}


#clear{
    clear: both;
}

#reklama_nad_linky{
    position: absolute;
    top: 10px;
    width: 640px;
    right: 0px;
    height: 100px;
    text-align: center;
}

#reklama_nad_textem{
    text-align: center;

}

#between_links{
    width: 620px;
    height: 320px;
    text-align: center;
}

#reklama_sidebar{
    text-align: left;
    padding-left: 15px;
    text-align: center;
}

#message{
    color:black;
    background-color:red;
    text-align:left;
    width: 760px;
    font-weight: bold;
    font-size: 20px;
    padding: 20px;
}

#message_top_linky{
    background-color: #034165;

}

#table_linky{
    width: 640px;
    border:0;
    border-spacing:0;
    border-collapse:collapse;
}

#order_table{
    width: 640px;
    border:0;
    border-spacing:0;
    border-collapse:collapse;
}

#linky tr{
    background-color: #034165;
}
.first{
    width: 20px;
}

.second{
    width: 20px;
}

.third{
    width: 550px;
    overflow: hidden;
}

.fourth{
    width: 50px;
}

.ikona{
    width: 16px;
    height: 16px;
    background: url('/img/ikony.png') no-repeat top left;
    display: inline-block;
}

td.time {
width: 48px;
}

td.ikona {
width: 20px;
}

td.link {
text-align: left;
}

.text{
min-height: 1500px;
}


.ikona-american_football{ background-position: 0 0; width: 16px; height: 16px; }
.ikona-badminton{ background-position: 0 -46px; width: 16px; height: 16px; }
.ikona-baseball{ background-position: 0 -92px; width: 16px; height: 16px; }
.ikona-basketball{ background-position: 0 -138px; width: 16px; height: 16px; }
.ikona-bowling{ background-position: 0 -184px; width: 16px; height: 16px; }
.ikona-boxing{ background-position: 0 -230px; width: 16px; height: 16px; }
.ikona-box{ background-position: 0 -230px; width: 16px; height: 16px; }
.ikona-golf{ background-position: 0 -276px; width: 16px; height: 16px; }
.ikona-handball{ background-position: 0 -322px; width: 16px; height: 16px; }
.ikona-hockey{ background-position: 0 -368px; width: 16px; height: 16px; }
.ikona-moto_gp{ background-position: 0 -414px; width: 16px; height: 16px; }
.ikona-p_f{ background-position: 0 -460px; width: 16px; height: 16px; }
.ikona-p_l{ background-position: 0 -506px; width: 16px; height: 16px; }
.ikona-p_n{ background-position: 0 -552px; width: 16px; height: 16px; }
.ikona-p_r{ background-position: 0 -598px; width: 16px; height: 16px; }
.ikona-p_s{ background-position: 0 -644px; width: 16px; height: 16px; }
.ikona-p_w{ background-position: 0 -690px; width: 16px; height: 16px; }
.ikona-rugby{ background-position: 0 -736px; width: 16px; height: 16px; }
.ikona-soccer-roteiro{ background-position: 0 -782px; width: 16px; height: 16px; }
.ikona-soccer{ background-position: 0 -828px; width: 16px; height: 16px; }
.ikona-tennis{ background-position: 0 -874px; width: 16px; height: 16px; }
.ikona-tv{ background-position: 0 -920px; width: 16px; height: 16px; }
.ikona-volleyball{ background-position: 0 -966px; width: 16px; height: 16px; }


#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#034165;
        color: #ffde00;
	}

.tallstreambanner {
display: block;
position:absolute;
top: 206px;
left: 50%;
margin-left: -540px;
width: 100px;
height: 500px;
}

.phone_banner{
  display:none!important;
}

/* mobilni responzivni */

@media only screen and (max-width: 700px) {


    #container {
    	width:99%!important;
    }

    #header {
    	width:100%!important;
    }

    #footer {
    	width:100%!important;
    }

    #menu {
    	display:none!important;
    }


    #linky  {
    	width:100%!important;
    	padding-top:0px!important;

    }

    #table_linky {
    	width:100%!important;
    }

    #sidebar {
    	display:none!important;
    }

    .slot-728-90{
    	display:none!important;
    }

    .slot-600-100{
    	display:none!important;
    }

    .phone_banner{
    	display:block!important;
    }


/* mobilni menu */
  .menuphone {
    width: 75%;
    display: block;
    overflow: hidden;
    background-color: #806000;
  }

  .menuphone a {
    float: left;
    font-size: 22px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  .menudropping {
    float: left;
    overflow: hidden;
  }

  .menudropping .btndrop {
    font-size: 22px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }

  .menuphone a:hover, .menudropping:hover .btndrop {
    background-color: #b38600;
  }

  .content-menudropping {
    display: none;
    position: absolute;
    background-color: #fff2cc;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

  .content-menudropping a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }

  .content-menudropping a:hover {
    background-color: #ccc;
  }

  .menudropping:hover .content-menudropping {
    display: block;
  }


}

@media only screen and (min-width: 701px) {
.menuphone {
   display: none!important;
}
}
