body, html {
    overflow-x: hidden;
}
body {    
	background:#36393e;
    /*
    background:#3d5378 url(/hp/img/winter-classic.jpg) center -0px no-repeat;
    background-attachment:fixed;
    background-size:100%;
	margin:0px;
	padding:100px 0px 0px 0px ;
    */	
}

#body-back-over {
	text-align:center;	
}

.flipbox {
	overflow:hidden;
	/*display:none;*/
}

hr { display:none; }


.IDcontainer {
	margin:0px auto;
	background-color:#626262;
    /*box-shadow: 0 6px 16px -7px rgba(50, 50, 50, 0.8);*/
    box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.9);
}

#content {
	background-color:white;
}
     

.clrfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
 
.clrfix {
   display: inline-block;
}
 
html[xmlns] .clrfix {
   display: block;
}
 
* html .clrfix {
   height: 1%;
   overflow: visible;
}

.imgrespo {
	width:100%;
	height:auto;
	border:none;
	display:block;
}

/*schova posledny riadok*/
#last-pic-row {
	height:0px;
	overflow:hidden;
}



#SubMenukurzove-tipovanie {
    font-size:1em;
    color:#F58220;            
}

#SubMenukurzove-tipovanie a {
    font-size:1em;
    color:white;
}


.CSSplayerProfile {
    background-color:white;
    padding-bottom:20px;
    position:relative;
}
.CSSplayerProfilePhoto { float:left; padding-right:20px; min-height:300px;  }
.CSSplayerProfilePhoto img { width:100%; height:auto; position:relative; top:-10px; }


@media screen and (min-width: 768px) {
	/* tablet - iPad-na-vysku-768px */
  body {  
		 					     
	}
	
	#user_area {
		
	}
	  
	  #IDmainMenu  a#menu-tipovanie.act {
		/*background-color:#54a700 !important; unibet  */
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding-top:10px;
	}
	
	#IDmainMenu  a#menu-tipovanie.act span {
	 	padding-top:0px !important;
	 		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	 	
	}
	
	#IDmainMenu  a#menu-tipovanie {
	
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding-top:9px;
	}
	
	#IDmainMenu  a#menu-tipovanie span {
	 	padding-top:0px !important;
	 		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	 	
	}
	
	
	/* */
	#IDmainMenu  a#menu-kurzove-tipovanie.act {
		/*background-color:#54a700 !important; unibet  */
		background-color:#1e88e5 !important;  /* fortuna */
		color:white !important;	
		
		
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding-top:10px;
	}
	
	#IDmainMenu  a#menu-kurzove-tipovanie.act span {
	 	padding-top:0px !important;
	 		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	 	
	}
	
	#IDmainMenu  a#menu-kurzove-tipovanie {
	
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding-top:9px;
	}
	
	#IDmainMenu  a#menu-kurzove-tipovanie span {
	 	padding-top:0px !important;
	 		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	 	
	}
	/* */
	
	
	#IDsubMenu {
	
	  border-top:#007dc5 5px solid;
	}                                  
	
    
	.stavkova-submenu  {
	  /*background-color:#F58220; */
	  border-top:#F58220 5px solid !important;  
	  /*color:black !important;*/
	}
	.stavkova-submenu a {
		/*color:black !important;*/
	}
    
	
}     

.nav {
	margin:0px auto 0px auto;		
	background-color:#1a1f23;
} 


.only-desktop {
	display:none;
}


#menu_podstranka {
	width:100%;
	border-top:white 2px solid;
	
}
#menu_podstranka b.mrgl {
	display:none;
}

#menu_podstranka a .newline {
	display:block;
}

#menu_podstranka a .vertical-middle {
    padding-top:7px;
	display:block;
}



#menu_podstranka a {
	display:block;
	width:20%;
	height:50px;
	
	vertical-aling:top;
	margin:0px;
	padding:5px;
	float:left;
	
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	background-color:#909090;
	border-right:white 2px solid;
	border-bottom:white 2px solid;
   
    
	
	text-align:center;
	text-decoration:none;
	color:white;
	
	
}
#menu_podstranka a.acti, #menu_podstranka a.acti:hover  {
	background-color:#606060;
	border-bottom:white 2px solid;
	border-right:white 2px solid;
	color:white;
    background-image:none;
    
}

#menu_podstranka a:hover {
	background-color:#404040;
    text-decoration:underline;	
}

#menu_podstranka .CSSsepa2 {
	display:none;
}


#kurztip-wrap a {
	 color:black;
}


#menuMS, #menuMS2 {
	width:100%;
	background:#052a45 url(/hp/img/bg-menu-tipovacka.gif) 0px 0px no-repeat;
	height:50px;
	position: relative;
}
#menuMS2 {
	height: 50px;
	/*overflow: hidden;*/
}
#menuMS b.mrgl, #menuMS2 b.mrgl {
	display:none;
}

#menuMS a .newline, #menuMS2 a .newline {
	display:block;
}

#menuMS a, #menuMS2 a {
	display:block;
	width:25%;
	/*width:122px;*/
	height:50px;
	
	vertical-aling:top;
	margin:0px;
	padding:5px;
	float:left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	background:#052a45 url(/hp/img/bg-menu-tipovacka.gif) 0px 0px no-repeat;
	border-right:black 2px solid;
	border-bottom:black 2px solid;
	
	text-align:center;
	text-decoration:none;
	color:white;
	
	line-height: 35px;
	
}
#menuMS2 a {
	width:20%;
	background:#666;
}
#menuMS a.dveslova, #menuMS2 a.dveslova {
	line-height: 20px;
}
#menuMS a.acti, #menuMS a.acti:hover, #menuMS2 a.acti, #menuMS2 a.acti:hover  {
	background-color:#f58220;
	border-bottom:black 2px solid;
	border-right:black 2px solid;
	color:white;
	background-image:none;
}

#menuMS a:hover, #menuMS2 a:hover {
	background-color:#404040;
    text-decoration:underline;	
}
#menuMS .title, #menuMS2 .title {
	display:block;
	width:20%;
	height:50px;
	vertical-aling:top;
	margin:0px;
	padding:5px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #ffffff;
	line-height: 35px;
	
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
#menuMS2 .title {
	background:#666;
}
#menuMS .CSSseparator, #menuMS2 .CSSseparator {
	display:none;
}

@media screen and (max-width:480px) {
	#menuMS a {
		font-size: 12px;
	}
}
@media screen and (max-width:400px) {

	#menuMS a {
		width: 25%;
		font-size: 15px;
	}
	#IDbody .stats-loga-klubov {
		font-size: 18px;
	}
	#IDbody .stats-loga-klubov img {
		max-width: 60px;
	}
}

@media screen and (max-width:320px) {
	.stats-tipsport-logo-frame, .stats-tipsport-logo {
		display: none;
	}
	#menuMS a {
		width: 25%;	
	}
	#menuMS2 {
		height:40px;
	}
	#menuMS2 a {
		font-size: 11px;
		line-height: 30px;
		height:40px;
	}
	#menuMS a.dveslova, #menuMS2 a.dveslova {
		/*line-height: 35px;*/
	}
	#menuMS2 .title {
		font-size: 11px;
		line-height: 30px;
		height:40px;
	}
}

#IDbody form .vyber-fazu {
	padding: 5px;
	margin: 5px;
	font-size: 16px;
}
#IDbody .rozhodcovia {
	width: 100%;
	text-align: center;
	padding: 5px;
	margin: 5px auto 20px auto;
	font-size: 16px;
}
    
.tiket-section {
   background-color:#ffdd00; padding:10px 10px 10px 15px;  
   position:fixed;   
    
   bottom:0px; z-index:100;
   margin-right:20px;
   
   border:white 3px solid;
   border-bottom:none;
   
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
   
   /*
   left:50%;
   width:1170px; margin-left:-600px;
   */
}

.tiket-section input {
    font-size:14px;    
    padding:5px;
    border-radius:5px;
    border:black 1px solid;
    
}

#zapasy-stavky-submit {
    border-radius:5px;
    border:black  1px solid;
    background-color:#01649D;
    color:white;
    cursor:pointer;
}

.centered-tipovacka-table {
  margin-left:auto;
  margin-right:auto;
}

.centered-tipovacka-table img {
    width:70%; height:auto;
}

table#vyber-sutaz {
    border:none;
    width:auto;
}

table#vyber-sutaz td  {
     border:none;
     padding:5px 10px 5px 0px;
}


table#vyber-sutaz select {
    font-size:18px;
    padding:7px 10px;
    border-radius:5px;
    border:#c0c0c0 1px solid;
}

table#vyber-sutaz input {
    font-size:18px;
    padding:7px 10px;
    border-radius:5px;
    border:#c0c0c0 0px solid;
    background-color:#01649D;
    color:white;
    cursor:pointer;
}
	
tr.moj-tiket td {
	cursor:n-resize !important;
}

.hide-aspan {
		display:none;
}	



@media screen and (max-width: 1200px) {
    
    #top-wide-banner {
        display:none !important;
    }
    
    
    body {
        background:#36393e;
        background-image:none;
        padding-top:0px;
    }

}

@media screen and (min-width: 1200px) {

	#klub_fans_inside .klub_fans:nth-of-type(n+13) {
		width: 7.6% !important;
    margin-left:auto;    
	}

	#klub_fans_inside .klub_fans:nth-of-type(n+13) img {
		width: 70px !important;
	}

    
    #live-cdtitle {
        width:36%;
        text-align:right;
        padding-top:5px;
    }   

	
	.only-desktop {
		display:block;
	}

	/* hp-desktop-standardne-formaty */
  body { 
		                              
	}
		
	#header { width:1200px; }
	.nav { width:1200px; }
	.IDcontainer { width:1200px; }
	
	#content { width:675px; float:left; }
	#side { width:300px; float:left; }
	#side2 { width:225px; float:left; }     
	

	/* infografika */
	#playoff-header-title {
		font-size:17px;
	}
	#playoff {
		width:1200px;
	  margin-left:auto; margin-right:auto;
  }
	td.po-skore {
		font-size:42px;
	}
	
	.score-box-wrap {
		width:165px !important;
	}
	
	

	
}

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

    .CSSplayerProfilePhoto img { width:80%; height:auto; position:relative; top:-10px; }


}


@media screen and (min-width: 1000px) and (max-width:1200px) {
/* hp-iPad-na-lezato-1024px */

   
    .hokejportal-priamo-sekcie {
        height:75px;
    }

	#menu_podstranka {
		background-color:#202020;
	}
	#menu_podstranka a {
		font-size:12px;
		height:40px;
	}
    
    #SubMenukurzove-tipovanie a {
        font-size:0.7em;
    }

	.box3 {
  	width:225px; /*respo dolezite*/
  }
  
  #content {
	 	width:450px; float:left;
	}
	#side { width:300px; float:left; }
	#side2 { width:225px; float:left; }
  
  .box3-middle 
  {  
    border:none;  	
  }
    
  
  .box3-picwrap {
  	width:225; height:170px;  
  }
  
  .box3-picwrap a {
    width:225px; height:170px; 
  }  
  

  
  #IDmainSections .cleaner {
    clear:none !important;
  }

	
  body { 
		 
	
	}
	
	#klub_fans a {
		width:81px;
	}


	
	#header { width:975px; }
	.nav { width:975px; }
	.IDcontainer { width:975px; }
	
	#live-sponzor-banner {
		margin-right:0px; margin-left:0px; width:255px !important; 
		overflow:hidden;  
	}
	
	#IDmainMenu a {
		font-size:16px; 
	}
	
	#IDmainMenu a span {
 	 	padding:20px 8px 15px 8px;   	
	}
	
	#IDmainMenu a:hover span {
 	 	padding:19px 8px 15px 8px;   	
	}
	
	.input {
		width:100px;
	} 
	
	#IDtopArticles {
		width:450px;
	}
	

	
	.top-article h2 {	
	text-align:left;
	margin:20px 50px 10px 20px;
		font-size:24px;
		line-height:26px;
	}
	
	.top-article p {
	  font-size:12px;
	  margin:0px 0px 20px 0px;
	}	
	
	
		/* infografika */
	#playoff-header-title {
		font-size:28px;
	}
	#playoff {
		width:1000px;
	  margin-left:auto; margin-right:auto;
  }
	td.po-skore {
		font-size:34px;
	}
	
	.score-box-wrap {
		width:161px !important;
	}
	
	
	#footer-left { 
	 	width:525px;
	}
	
	
	#footer-right {
	   width:450px;
	}
	
	#sportportal-footer-nav a {
	width:150px;	
	display:block;
	float:left;
	
	}
	
}




@media screen and (min-width: 768px) and (max-width:999px) {
	/* tablet - iPad-na-vysku-768px */
	
    #media-icons {
        font-size:11px;
        left:480px;
        top:15px;
    }

    
    .hokejportal-priamo-sekcie {
        height:78px;
    }
	
	#menu_podstranka {
		background-color:#202020;
	}
	
	#menu_podstranka a {
		font-size:12px;
		height:40px;
	}

	
	.banner-v-sekciach  {
		display:none;
	}
	
	#content {
	 	width:450px; float:left;
	}
	#side { width:300px; float:left; }
	#side2 { display:none;}
  
  .box3-middle 
  {  
    border:none;
		width:225px;  	
  }
    
  
  .box3-picwrap {
  	width:225; height:177px;  
  }
  
  .box3-picwrap a {
    width:225px; height:177px; 
  }  
  

  
  #IDmainSections .cleaner {
    clear:none !important;
  }

	
	.hide768 {
		display:none;
	}
  
	.imgtdb img {
	 	width:100%;
		
	}

	/*pravy stlpec sa uplne vypne*/
   #side2 {
	 	display:none;
	 }
	
  
	#klub_fans h2 {
		font-size:20px;
	}
  
  #klub_fans a {
		width:125px;
	}
   
  
	#klub_fans a img {
	  width:50%;
	  display:block;
	  margin:0px auto 5px auto;
  
	}
	
	#header { width:750px; }
	
	.nav { width:750px; }

	.IDcontainer { width:750px; }
	
	.input {
		width:100px;
	}
	
	#IDmainMenu a {
		font-size:13px; 
	}
	
	#IDmainMenu a span {
 	 	padding:22px 5px 15px 5px;   	
	}
	
	#IDmainMenu a:hover span {
 	 	padding:21px 5px 15px 5px; 	
	}
	
	
		#IDtopArticles {
		width:450px;
	}
	

	#IDsubMenu { font-size:11px; }
	
	.top-article h2 {	
		text-align:left;
		margin:20px 50px 10px 20px;
		font-size:24px;
		line-height:26px;
	}
	
	.top-article p {
	  font-size:12px;
	  margin:0px 0px 20px 0px;
	}	
	
	
			/* infografika */
	#playoff-header-title {
		font-size:16px;
	}
	#playoff {
		width:768px;
	  margin-left:auto; margin-right:auto;
  }

	
	.score-box-wrap {
		width:24% !important;
	}
	      
	      
	.footer-left-left {
		width:54%;
	}
	
	.footer-left-right {
		width:45%;
	}
	      
	#footer {
		font-size:11px;
		line-height:17px;
	}   
	
	.footer-small {
		font-size:10px;
		line-height:13px;
	}
	
	.f-matrio {
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
	
		#footer-left { 
	 	width:390px;
	}
	
	
	#footer-right {
	   width:360px;
	}
	
	#sportportal-footer-nav a {
	width:120px;	
	display:block;
	float:left;
	
	}
	
}      



@media screen and (max-width:767px)                      
{
    
    #media-icons {
        font-size:11px;
        left:130px;
        top:20px;
    }
    
	#menu_podstranka {
		background-color:#202020;		
	}
	
	#menu_podstranka a {
		width:16.66%;
	}
	
    #ifortuna-kurzy {
        display:none;
    }
	

	.hide768 {
		display:none;
	}
	
	/* pravy stlpec sa uplne vypne */
	 #follow {
	 	display:none;
	 }
	 
	 #side2 {
	  display:none;
	 }

	#klub_fans h2 {
		font-size:20px;
	}
  
  
	#klub_fans a {
	  width:16%;
  
	}
 
	#klub_fans a img {
	  width:55%;
	  display:block;
	  margin:0px auto 5px auto;
  
	}




 	.imgtdb img {
	 	width:100px;
		
	}


	#site-name-slogan {
		top:77px;
		left:135px;
	}
	
	#site-name-slogan b {
	 	color:#1a1f23;
	}
	
	#site-name-slogan span.colr2 {
	 	color:#1a1f23;
	}

	/* vsetko mensie ako 768 px */
	
	.nav {
		background-color:#01649d;
		position:relative;
		top:0px; left:0px;				
	}
	
	div.rotate nav {
		background-color:#01649d;
		position:absolute;
						
	}
	
	.nav-menu-icon {
		display:block;
		margin:20px 20px 20px 20px;
		float:right;
		text-decoration:none;
	}
	
	
	#flipmenu {
		text-align:left;
	}
	
	#hp-logo-back {
		position:absolute;
		top:20px; 
		right:20px;
		z-index:999;
	}
	#hp-logo-back img {
		width:80px;
		height:80px;
		border:none;
	}
	
	#flipmenu h1 {
		color:white;
		font-size:24px;
		margin:35px 0px 0px 20px;
		text-align:left;
	}
	
  #back-nav {
		position:absolute;

		top:5px;
		right:0px;	
		background-color:black;
		z-index:999px;
	}
	
	#flipmenu #IDmainSearch {
		position:relative;
		top:20px; left:18px;
	}
	
	#flipmenu #IDmainSearch #IDsearchQ {
	 	border-color:white;
	 	color:white;
	}
	
	#flipmenu #IDmainSearch .icon-search {	 	
	 	color:white;
	}
	
	
	.nav-menu-icon span {
	 	color:white !important;
		 font-size:24px;
	}
	
	.nav-menu-icon b {
		color:white; font-size:24px;
		position:relative;
		bottom:2px;
	}
	
	
	.nav #IDmenu {
		 
		 display:none;
	}
	
		.nav a {
		clear:both;		       
	} 
	
	/*    
	.nav:hover #IDmenu {
		display:block;
	} 
	

  
	#IDsubMenu a {
		clear:both;
	}
	
	#IDmainMenu {
		width:65%;
			
		background-color:red;	
    
	}        
	
	#IDsubMenu {
		width:35%;
		position:absolute;
		left:50%;
		top:20px;
		background-color:blue;		
	}
	
	#IDsubMenu a {
	 display:block;
	
	}
	*/
	
	/*pre mensie zariadenia dame vacsi search box*/
	#IDsearchQ {
	
	margin:0px 5px 0px 0px;	 
	font-size:14px;
	
	}
	
	#IDmainSearch a {
		font-size:24px;
		position:relative;
		top:4px;
		left:0px;	
	}
	
	.input {
		width:99%;
	}
	
	

	#controls a {
   	font-size:9px;
  }
  
  .box3 {
  	width:33%; /*respo dolezite*/
  }
  
  .box3-middle 
  {
  	width:34%;   /*respo dolezite*/
    border:none;  	
  }
	
	
	              
	 
  #IDmainMenu { 
  	padding:10px 20px 0px 20px; 
  }
  
  #IDmainMenu .CSSseparator {
		display:none;
	}
  
  
   
  #IDmainMenu {
		text-align:left;		
	}
  #IDmainMenu a {
		display: block;	
		text-decoration:none;
		color:white;
		  
		font-size:17px; 
	}
	
	div#IDsubMenu div {
		display:block;
		padding:10px;
		margin:10px 20px 20px 20px; 		
		text-align:left;
		border:white 1px dotted;
		color:white !important;
		line-height:22px;
	}
	
	div#IDsubMenu div.sub-sepa {
		padding:5px 0px 5px 0px;
		margin:5px 0px 5px 0px;
		border:none;
		border-top:white 1px dotted;
	}
	
	div#IDsubMenu div.sub-sepa a { 
		display:block
	}
	
	div#IDsubMenu div.sub-sepa .CSSsepa2 {
		display:none;
	}
	
	div#IDsubMenu a {
		color:white;
	} 
	
		
	.score-box-wrap {
		width:24% !important;
	}
	
	
	#footer-left { 
	 	width:100%;
	}
	
	#footer-left a {
	 	margin-bottom:5px;
	 	display:inline-block;
	}
	
	.footer-left-left {
		width:54%;
	}
	
	.footer-left-right {
		width:45%;
	}
	      
	#footer {
		font-size:11px;
		line-height:17px;
	}   
	
	.footer-small {
		font-size:10px;
	}
	
		
	
	#footer-right {
	   width:100%
	}
	
	#footer-right h3 {
	   margin-left:20px;
	}
	
	
	#sportportal-footer-nav a {
	width:33%;	
	display:block;
	float:left;
	
	}
	
	#hp-nav {
		width:34% !important;
	}
	
	.CSSarticles .box-nblock {
		width:33.33%; height:140px;
		float:left;
	}
	
	.league-tabs table {
	 	width:100% !important;
	 	max-width:100% !important;
	}

}

@media (max-width:640px) {
	
	#menu_podstranka {
		background-color:#202020;
	}
	#menu_podstranka a {
		font-size:12px;
		height:40px;
	}

}

@media (max-width:580px) {

	
    
}


@media screen and (min-width: 480px) and (max-width:520px) {
  #site-name-slogan {
  	font-size:27px;
		top:79px;
		left:135px;
	}
	
	.playoff-stv-finished {
		display:none;
	}          
    
  .box3 {
  	width:50%; /*respo dolezite*/
  }
  
  .box3-middle 
  {  
    border:none;  	
  }
    
  
  .box3-picwrap {
  	width:260px; height:197px;  
  }
  
  .box3-picwrap a {
    width:260px; height:197px; 
  }  
  
  .land a {
    left:-170px;     
  }  
  
  .port span {
    top:-201px; 
  } 
  
  #IDmainSections .cleaner {
    clear:none !important;
  }
  
  	.score-box-wrap {
		width:48% !important;
	}
	
	#klub_fans a {
		width:120px;
	}
	
	#klub_fans a img {
	  width:50%;
	  display:block;
	  margin:10px auto 5px auto;
  
	}
	
	.CSSarticles .box-nblock {
		width:50%; height:190px;
		float:left;
	}

}


  
	
@media screen and (min-width: 480px) and (max-width:640px) {

	.playoff-stv-finished {
		display:none;
	}

}	

@media screen and (min-width: 480px) and (max-width:767px) {
	/* maly-tablet-alebo-samsung-galaxys2-na-vysku-480px */
  
  #site-name-slogan {
  	font-size:27px;
		top:67px;
		left:135px;
	}  
  
  #site-name-slogan  span.colr2 {
    display:none;
  }
  
  #hp-logo  {
    z-index:101;
  }

  .nav-menu-icon {
		margin:6px 20px 3px 20px;		
	}
	
	body { 
		 
		 					
	}
	
	.top-article h2 {	
		text-align:left;
		margin:20px 50px 10px 20px;
		font-size:24px;
		line-height:26px;
	}
	
	.top-article p {
	  font-size:12px;
	  margin:0px 0px 20px 0px;
	}	
	
  .box3-picwrap {
  	width:260px; height:197px;  
  }
  
  .box3-picwrap a {
    width:260px; height:197px; 
  }  
  
  .land a {
    left:-170px;     
  }  
  
  .port span {
    top:-201px; 
  } 
  

    	
}



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

    #media-icons {
        font-size:9px;
        left:128px;
        top:70px;
        z-index:99;    
    }
    #media-icons a {
        color:white;
    }
    
    #media-icons a:hover {
        color:#f0f0f0;
    }

	#live-cdtitle {
        padding-top:10px;
        font-size:20px;
        width:100%;
        text-align:center;
        padding-left:0px;
    }   
    
    #live-cdown #countdown  {
        width:100%;
    }
	
	
	#menu_podstranka a {
		font-size:10px;
		height:40px;
		padding:5px 0px;
		width:16.66%;
	}


  #hp-logo  {
    z-index:101;
  }

  .nav-menu-icon {
		margin:6px 20px 3px 20px;
	}
  
  #IDmainSearch {

	top:34px;
	right:15px;
  }
  
  #IDsearchQ { 
    width:130px;
  }
  
   #IDmainSearch a {
      font-size:19px;
      top:2px;
	    left:0px;	
   }
   
   

  /* Smartphone (iPhone, Samnsung Galaxy S2 vertical)*/
  body {	 
		/*background-size:cover;*/ 					
	}
	
	#site-name-slogan {
		display:none;
	}
	
	#user_area {
		right:15px;	
	}
	
	#kmt {
		/*font-size:16px;*/		
	}
	

  .box3 {
  	width:50%; /*respo dolezite*/
  }
  
  .box3-middle 
  {  
    border:none;  	
  }
  
    .box3-picwrap {
  	width:260px; height:197px;  
  }
  
  .box3-picwrap a {
    width:260px; height:197px; 
  }  
  
  .land a {
    left:-170px;     
  }  
  
  .port span {
    top:-201px; 
  } 
	
  #IDmainSections .cleaner {
    clear:none !important;
  }
  
	/* infografika */
	/*
	.po-skore {
		font-size:54px !important;
	}
	*/
	
	#playoff-main-table td.po-oddelovac {
	  display:none;
	}
	

	.score-box-wrap {
		width:48% !important;
	}
	
	
	#klub_fans a {
		width:25%; /* alebo 33% */
	}
	
	#klub_fans a img {
	  width:70%;
	  display:block;
	  margin:10px auto 5px auto;
  
	}
	
	.CSSarticles .box-nblock {
		width:50%; height:190px;
		float:left;
	}
  
}

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

	.playoff-stv-finished {
		display:none;
		
	}
    

	.top-article h2 {
	 	font-size:24px;
	 	margin-right:50px;
	 	line-height:26px !important;
	 	margin-bottom:5px;
	}
	
	.top-news-over span.diskusia {
	 	right:15px;
	 	top:auto;
	 	
	}
	
	.top-article p {
		margin-bottom:15px;
	}
	
	.CSSarticle h1 {
	font-size:24px;
	color:#c0c0c0;
	background-color:#1A1F23;
	padding:20px 10px 10px 10px;
	margin:0px 0px 0px 0px; 
	border-top:#333333 0px solid;
	}
	
	.clanok-text-wide-fix {
		padding-left:10px; padding-right:10px;
	}
	
	.CSSarticle .fix {
 		padding:0px 10px 0px 10px;
	}


  .wrapimage span.datum{

	 	position:absolute;
	 	bottom:20px;

	 	left:0px;

	}

	.wrapimage span.autor-zdroj {
	
		 	position:absolute;
		 	bottom:60px;
		 	left:0px;	
			 	
		 	
	}

	.wrapimage span {
		font-size:14px;
	}

	#clanokPRW-wrapper {
		display:none;
	}
    
 	
	.grad-btow-updown {
	background: white; /* Old browsers */
	background: -moz-linear-gradient(top,  #1a1f23 0%, #ffffff 9%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1f23), color-stop(9%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1a1f23 0%,#ffffff 9%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1a1f23 0%,#ffffff 9%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1a1f23 0%,#ffffff 9%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1a1f23 0%,#ffffff 9%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1f23', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	
	.navigation {
	  font-size:18px;
	}
	
	.navigation strong {
	 	padding:10px 7px 10px 7px;
	}
	
	.navigation a {
	 	padding:10px 7px 10px 7px;
	}

}	

@media screen and (max-width:400px) {
  /* Smartphone (iPhone, Samnsung Galaxy S2 vertical)*/
  

	/* infografika */
	#playoff-header-title {
		font-size:12px;
	}

	
	td.po-skore {
			font-size:12px !important;
	}	
	
		#sportportal-footer-nav a {
	 	height:240px;
	}
	
  .CSSarticles .box-nblock {
		width:50%; height:160px;
		float:left;
	}
	
	.navigation {
	  font-size:16px;
	}
	
	.navigation strong {
	 	padding:7px 7px 7px 7px;
	}
	
	.navigation a {
	 	padding:7px 7px 7px 7px;
	}
	
}
	
	

@media screen and (max-width:320px) {   /*(min-width: 299px) and */
  /* Smartphone (iPhone, Samnsung Galaxy S2 vertical)*/
  
  #hp-logo  {
   	left:10px;
  }
  

	
	/*dirty fix playoff semi */
	
	#playoff-semi-table {
		height:70px !important;
	}
	.imgtdb img {
		width:100px;
	}
	.match-table {
	  height:50px;
	}
	.playoff-stv-finished {
		display:none;
		
	}
	/*
	.po-skore {
		font-size:54px !important;
	}
	*/

  
	.top-article h2 {	
		text-align:left;
		margin:20px 60px 10px 20px;
		font-size:24px;
		line-height:26px;
	}
	
	.top-article p {
	  display:none;
	}	
	
	.top-article .datum  {
		margin:0px 0px 0px 15px !important;
	}
	
	.top-article h2 {
		margin-left:15px !important;
	}
	
	.top-news-over {
	 	padding-bottom:10px;
	}
	
	.top-news-over span.diskusia {
	 	right:15px;
	 	top:auto;
	 	bottom:22px;
	}
	
	.top-article .media-icons {
		top:15px; right:15px;
	}
  
  .box3 {
  	width:50%; /*respo dolezite*/
  }
  
  .box3-middle 
  {  
    border:none;  	
  }
    
  
  .box3-picwrap {
  	width:160px; height:121px;  
  }
  
  .box3-picwrap a {
    width:160px; height:121px; 
  }  
  
  .section-head {
		max-height:65px;
		height:65px;
		line-height:16px;
		padding-bottom:15px;		
	}
	.section-head a {
	 	padding:5px 0px; 
	}
  
  .land a {
    left:-220px;     
  }  
  
  .port span {
    top:-239px; 
  } 
  
  .box3-news h3 {
  	font-size:12px;
  	line-height:13px;
  	padding:10px 5px 10px 10px;
  	margin:0px;
  }
  
  .banner-v-sekciach {
    display:none;
  }
  
  #IDmainSections .cleaner {
    clear:none !important;
  }
  /*
  .box3-news h3 {
  	font-size:18px;
  	line-height:20px;
  	padding:10px 40px 20px 10px;
  	margin:0px;
  }
  */
  
  .box-nblock span.diskusia {
   
  	top:10px;
		bottom:auto;
		right:10px; 
  }
  
  .box-nblock .datum {
  	display:none;
  }
  
  .box-nblock .autor-zdroj {
		position:relative; left:10px;
	}
    
    .mark-priamo-z-ms {
        display:none;
    }
    
    .mark-hlasy {
        display:none;
    }
	
	#komentuje {
		font-size:10px; 
	}
	#zap-div {
		display:block;
	}
	
	#domaci img, #hostia img { width:75px; max-height:75px; }
	
	
	td#zap-score { font-size:42px; font-weight:bold; padding:10px 5px 0px 5px; vertical-align:top; 
	text-align:center; 
	}
	td#zap-score span {
		display:block; font-size:12px; font-weight:normal;
	}
	
	.score-box-wrap {
		width:47% !important;
	}
	
		#sportportal-footer-nav a {
	 	height:200px;
	}
	
	.f-matrio {
		padding:5px 5px 5px 5px
	}
	
	#footer-right h3 {
	 	margin-left:10px;
	}
	
	#footer-left h3 {
		margin-left:5px;
	}
	
	#footer-left {
	
	 padding-left:10px;  padding-right:5px;
	}
	
	.footer-left-right {
		position:relative;
		left:-10px;
	}
	
	.footer-left-wide .f-matrio {
		padding:5px 15px 5px 5px
	}
	
	.CSSarticles .box-nblock {
		width:50%; height:121px;
		float:left;
	}
	
}