/* CEZET Map v2.3
 * 17.3.2013 (c) Moravio.com
 * Licence CC BY
 */

.cezetmap{width: 500px;	height: calc(500px/1.734);}
.cezetmap .kraje{font-size: 500px;}

.cezetmap .zlinsky                   { color: #00A651; }
.cezetmap .moravskoslezsky           { color: #00A651; }
.cezetmap .jihomoravsky              { color: #00A651; }
.cezetmap .olomoucky                 { color: #00A651; }
.cezetmap .vysocina                  { color: #00A651; }
.cezetmap .pardubicky                { color: #00A651; }
.cezetmap .kralovehradecky           { color: #00A651; }
.cezetmap .jihocesky                 { color: #00A651; }
.cezetmap .hlavni-mesto-praha        { color: #00A651; }
.cezetmap .stredocesky               { color: #00A651; }
.cezetmap .liberecky                 { color: #00A651; }
.cezetmap .plzensky                  { color: #00A651; }
.cezetmap .ustecky                   { color: #00A651; }
.cezetmap .karlovarsky               { color: #00A651; }

.cezetmap .kraj_hover                { color: #23823E; }
.cezetmap .kraj_active               { color: #23823E; }

.cezetmap .hlavni-mesto-praha_center{left: 37.0%;	top: 32%}

.cezetmap .numbers li{    background: black;

	padding: 12px 0 0 0;
	font-size: 13px;
	text-align: center;
	border-radius: 500px;
	width: 45px;
	height: 57px;
	position: absolute;
	z-index: 1000;
	color: #222222;
	margin-left: -35px;
	margin-top: -35px;
	background: url('/img/map_pin2.png') no-repeat;
}



@media (max-width: 1240px){
	.cezetmap{width: 400px;	height: calc(400px/1.734);}
	.cezetmap .kraje{font-size: 400px;}
}

@media (max-width: 1080px){
	.cezetmap{width: 350px;	height: calc(350px/1.734);}
	.cezetmap .kraje{font-size: 350px;}
	.cezetmap .numbers li{width: 30px;height: 40px; padding: 5px 0 0 0; margin-left: -20px; 	margin-top: -20px;	background: url('/img/map_pin2.png') no-repeat; background-size: contain;}
}

@media (max-width: 767px){
	.cezetmap{width: 600px;	height: calc(600px/1.734); margin-top: 50px;}
	.cezetmap .kraje{font-size: 600px;}
	.cezetmap .numbers li{width: 40px;height: 56px; padding: 5px 0 0 0; margin-left: -30px; 	margin-top: -24px;	background: url('/img/map_pin2.png') no-repeat; background-size: contain; font-size: 20px;}
}

@media (max-width: 680px){
	.cezetmap{width: 270px;	height: calc(270px/1.734); margin-top: 30px;}
	.cezetmap .kraje{font-size: 270px;}
	.cezetmap .numbers li{width: 20px;height: 28px; padding: 2px 0 0 0; margin-left: -15px; 	margin-top: -12px;	background: url('/img/map_pin2.png') no-repeat; background-size: contain; font-size: 11px;}
}