/*****************************************************************************************
	
                        Веб-интерфейс игровой системы hobro
                            (C) 2011-2017 Сергей Соболев
                                (С) Ходилки Бродилки
                                
*****************************************************************************************/

/* --desc-- Футер сайта --desc-- */

	.footer {background:#000;}
	.footer div.footerContent {color:white; margin:0 auto; max-width:26.58cm;}
	.footer table tr:first-child td:first-child {padding-top:0.5cm; padding-right:1cm;}
	.footer table tr:first-child td:first-child ul {padding:0 0 0.2cm 0; font-size:85%; list-style-type:none; border-bottom:1px solid #555; margin:0;}
	.footer table tr:first-child td:first-child ul li {display:inline; margin-right:1cm;}
	.footer table tr:first-child td:last-child {padding-top:0.5cm; vertical-align:top;}
	.footer table tr:first-child td:last-child div {width:4cm; height:2.15cm; background:url('/IBD?url=/image/HB/hobroLogoBlack.png'); background-size:cover; background-repeat:no-repeat; padding:0.5cm 0; float:right;}
	.footer table tr:last-child td div {display:none; border-top:1px solid #555;}
	.footer p {font-size:65%; color:#808080; padding:0; margin:0; margin-bottom:0.2cm;}
	.footer p.pi {text-align:right; padding-bottom:0.5cm; margin-bottom:0;}
	.footer .payments img {width:50%; height:auto; margin-top:1cm; margin-bottom:1cm;}
	.socialLikes {margin:1cm 0;}
	
	.credits {font-size:65%; color:#999; clear:both; padding-bottom:0.25cm;/*text-align:right;*/}
	.creditsLikes {display:table; margin-top:1.5cm; width:100%;}
	.creditsLikes div.row {display:table-row;}
	.creditsLikes div.row div.cell:first-child {display:table-cell; width:8cm; }
	.creditsLikes div.row div.cell:first-child .like {padding:0;}
	.creditsLikes div.row div.cell:last-child {display:table-cell; text-align:right; font-size:65%; color:#999; clear:both; padding-bottom:0.25cm;}
			
@media only screen and (max-width: 30.00cm) {
}
	
@media only screen and (max-width: 26.58cm) {
	.creditsLikes {padding-left:0.2cm; padding-right:0.2cm;}
	.footer div.footerContent {padding-left:0.2cm; padding-right:0.2cm;}
}

@media only screen and (max-width: 23cm) {
	.footer .payments img {width:75%;}
}

@media only screen and (max-width: 17cm) {
	.footer .footerContent p {margin-bottom:0.1cm;}
	.footer table tr:first-child td:first-child ul {border-bottom:none;}
	.footer table tr:first-child td:first-child ul li {display:block; float:none; margin:0;}
	.footer table tr:first-child td:first-child div {display:none;}
	.footer table tr:first-child td:last-child div {width:3cm; height:1.6cm;}
	.footer table tr:last-child td div {display:block;}
	.footer .payments img {width:100%;}

	.creditsLikes, 
	.creditsLikes div.row,
	.creditsLikes div.row div.cell,
	.creditsLikes div.row div.cell:first-child {display:block; width:100%;}
	.creditsLikes div.row div.cell:last-child {text-align:left;}	
}

@media only screen and (max-width: 12cm) {
	.footer div.footerContent {padding-left:0.1cm; padding-right:0.1cm;}
}

@media only screen and (max-width: 8cm) {
}