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

/* --desc-- Стили для страницы "Квесты для школ" --desc-- */

	.school {padding:1cm 0;}
	.school > div {display:table-cell; vertical-align:top;}
	.school > div:first-child {text-align:center; padding:0.3cm;}
	.school > div:first-child div {position:relative; display:inline-block; width:3cm; height:3cm; border-radius:1.5cm; text-align:center; color:#ffffff; background:#db0000; font-weight:bold; padding-top:1.2cm; margin-bottom:1cm;}
	.school > div:last-child {text-align:right; font-family: 'PT Sans Narrow', sans-serif; color:#808080; font-size:85%;}
	.school > div:last-child p {margin:0; margin-bottom:0.5cm; font-family: 'PT Sans Narrow', sans-serif; color:#808080; text-align:left; margin-left:0.4cm;}
	
	.schoolOption {}
	.schoolOption > div {display:table-cell; vertical-align:top;}
	.schoolOption > div > div {display:table-cell; vertical-align:top;}
	.schoolOption > div > div:nth-child(2n-1) {text-align:center; padding:0 0.5cm 0 0.3cm;}
	.schoolOption > div:first-child {}
	.schoolOption > div > div:first-child > div {position:relative; display:inline-block; width:2.2cm; height:2.2cm; border-radius:1.1cm; text-align:center; color:#ffffff; background:#e7b42b; font-weight:bold; padding-top:0.8cm; margin-top:0.1cm; clear:both;}
	.schoolOption > div > div:first-child > p {font-weight:bold; color:#e7b42b; margin-top:0.3cm;} 
	.schoolOption > div > div:last-child > p {color:#808080; font-size:85%;;} 
		

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

@media only screen and (max-width: 23cm) {
	.school td {display:block;}
	.school td:last-child p {margin:0 0 0.2cm 0;}
	
	.schoolOption > div {display:block;}
	.schoolOption > div:first-child {padding-bottom:1cm;}
	.schoolOption > div > div:nth-child(2n-1) {padding:0; width:4.1cm; padding-right:0.5cm;}
}

@media only screen and (max-width: 17cm) {
	.schoolOption > div > div:nth-child(2n-1) {padding-right:0.3cm;}
	.school > div {display:block;}
	.school div:last-child p {margin-left:0;}
	.schoolOption {}
	.schoolOption > div > div {display:block;}
	.schoolOption > div > div:nth-child(2n-1) {width:100%; padding:0;}
}

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

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