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

/* --desc-- Список бродилок --desc-- */

	.brodilki {text-align:justify;}
	.brodilki .cell {display:inline-block; width:32.9%; vertical-align:top; text-align:left;}
	.brodilki img {width:100%;}
	.brodilki a {text-decoration:none; color:inherit;}
	.brodilki a:hover {color:inherit;}
	.brodilki a:visited {color:inherit;}
	.brodilki div {position:relative;}
	.brodilki h1 {background-color:#000000; font-size:100%; color:#fff; margin:0; font-weight:normal;}
	.brodilki h4 {font-size:100%; margin:0; font-weight:normal; padding-bottom:0.15cm;}
	.brodilki p {font-size:85%; padding-bottom:0.3cm; margin:0; color:#888;}
	.brodilki i {background-color:#c00000; display:block; color:#ffffff; font-size:15px; margin:0; position:absolute; z-index:1; font-style:normal; border-bottom:solid 1px #000; bottom:0.18cm;}
	.brodilki b {background-color:#222; display:block; color:#bbb; font-size:15px; margin:0; font-style:normal; font-weight:normal; border-top:solid 1px #000;}
	.brodilki .promo i {background-color:#5bcc00;}
	.brodilki a:hover h1 /*, .brodilki a:hover div, .brodilki a:hover h4, .brodilki a:hover p*/ {background:#db0000; color:#ffffff;}
	.brodilki a:hover div,
	.brodilki a:hover h4,
	.brodilki a:hover p {background:#f4f4f4;}
	.brodilki div.cell div:hover {background:#f4f4f4;}
	/*.brodilki a:hover b {background:#c00000; color:#fff; border-top:dotted 1px #fff;}*/
	.brodilki a:hover b {background:#f4f4f4; color:#db0000; border-top:dotted 1px #fff;}
	.brodilki a:hover i {/*background:#fff; color:#db0000; */}
	.brodilki .promo a:hover h1, .brodilki .promo a:hover div, .brodilki .promo a:hover h4, .brodilki .promo a:hover p {background:#5bcc00; color:#ffffff;}
	.brodilki a:hover div {background-color:transparent;}
	.brodilki .container {background:#eeeeee;}
		
@media only screen and (max-width: 30.00cm) {
}
	
@media only screen and (max-width: 26.58cm) {
}

@media only screen and (max-width: 23cm) {
	.brodilki .cell {width:49%;}
}

@media only screen and (max-width: 17cm) {
	.brodilki .cell {width:100%;}
}

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

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