/* CSS Document */
#globo{
	width:100%;
	text-align:center;
	margin:0 auto;
	border-bottom: solid 1px #213B69;
	padding-bottom:10px;
	color:#FFFFFF;
	background: #213B69; /* old browsers */
    background: -webkit-linear-gradient(#213B69, #3C5A92); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#213B69, #3C5A92); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#213B69, #3C5A92); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#213B69, #3C5A92); /* Standard syntax */}
#globo h3{
	color:#FF9B0A;
	font-weight:bold;}
#globo a{
	color:#FFFFFF;}
#globo a:hover{
	color:#7798D3;}
#globo p{
	margin:5px 15px 20px 15px;
	line-height:1.25;}
#globo .centro{
	margin:5px 15px 20px 15px;
	line-height:1.25;
	text-align:center;}
#globocartina {
	margin:0 auto;
	padding:0;
	width:80%;
	height:auto;
	position: relative;}
#globocartina  img{
	width:100%;}
#italiacartina{
	width:50%;
	text-align:center;
	margin:0 auto;
	position: relative;}
#italiacartina img{
	width:100%;}
	
#russia{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:60%;
	top:20%;}
#lituania{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:53.2%;
	top:21.5%;}
#polonia{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:51.5%;
	top:24%;}
#bosnia{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:51.3%;
	top:28%;}
#romania{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:54%;
	top:28.3%;}
#camerun{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:49.5%;
	top:54.2%;}
#senegal{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:43.3%;
	top:50%;}
#congo{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:50.7%;
	top:61%;}
#tanzania{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:56.8%;
	top:64.4%;}
#filippine{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:80%;
	top:51.5%;}
#india{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:67.7%;
	top:47%;}
#argentina{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:28.4%;
	top:84%;}
#brasile{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:33%;
	top:66%;}
#bolivia{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:29%;
	top:70.6%;}
#guatemala{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:22.5%;
	top:48.2%;}
	
#parma{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:32%;
	top:23%;}
	
#roma{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:48%;
	top:51%;}
	
#firenze{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:37%;
	top:33%;}
#genova{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:19.5%;
	top:26%;}
#reggio{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:74.8%;
	top:86%;}
#brescia{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:30%;
	top:16%;}
#messina{
	width:10px;
	height:10px;
	background:#FF9B0A;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: absolute;
	left:73%;
	top:85%;}
#russia:hover, #lituania:hover, #polonia:hover, #bosnia:hover, #romania:hover, #india:hover, #filippine:hover, #senegal:hover, #camerun:hover, #congo:hover, #tanzania:hover, #brasile:hover, #bolivia:hover, #guatemala:hover, #argentina:hover, #parma:hover, #roma:hover, #firenze:hover, #genova:hover, #brescia:hover, #reggio:hover, #messina:hover{
	background:yellowgreen;
	border:2px solid yellow;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;}
	
/*applico le media queries*/	 

@media all and (max-width: 1600px) { 
#italiacartina{
	width:60%;}
#globocartina {
	width:85%;}
}

@media all and (max-width: 1250px) { 
#italiacartina{
	width:70%;}
#globocartina {
	width:90%;}
}

@media all and (max-width: 1000px) { 
#italiacartina{
	width:80%;}
#globocartina {
	width:95%;}
#russia, #lituania, #polonia, #bosnia, #romania, #india, #filippine, #senegal, #camerun, #congo, #tanzania, #brasile, #bolivia, #guatemala, #argentina{
	width:7px;
	height:7px;
	border:none;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:yellow;}
#russia:hover, #lituania:hover, #polonia:hover, #bosnia:hover, #romania:hover, #india:hover, #filippine:hover, #senegal:hover, #camerun:hover, #congo:hover, #tanzania:hover, #brasile:hover, #bolivia:hover, #guatemala:hover, #argentina:hover{
	width:7px;
	height:7px;
	border:none;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:red;}
}
	
@media all and (max-width: 550px) { 
#russia, #lituania, #polonia, #bosnia, #romania, #india, #filippine, #senegal, #camerun, #congo, #tanzania, #brasile, #bolivia, #guatemala, #argentina{
	width:5px;
	height:5px;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:yellow;}
#russia:hover, #lituania:hover, #polonia:hover, #bosnia:hover, #romania:hover, #india:hover, #filippine:hover, #senegal:hover, #camerun:hover, #congo:hover, #tanzania:hover, #brasile:hover, #bolivia:hover, #guatemala:hover, #argentina:hover{
	width:5px;
	height:5px;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:red;}
#globo h3{
	text-align:left;
	padding-left:15px;}
#globo p.centro{
	text-align:left;}
#globocartina {
	width:100%;}
}