@charset "iso-8859-15";
/* CSS Document */

body{margin:0;padding:0;font-family: 'Roboto', sans-serif;}
*{box-sizing:border-box;}
.wrapper{margin:0;padding:0;font-size:1rem;color:#000;}
*{box-sizing:border-box;}
ul, li{list-style:none;margin:0;padding:0;}
p{margin:0px;line-height:1.5;font-size:18px;font-size:1.125rem;}
figure{padding:0px;margin:0px;}
a, a:hover{text-decoration:none;color:#000;}

.upper{text-transform:uppercase;}
.navMicro{max-width:990px;width:100%;margin:0 auto;position:relative;height:110px;box-sizing:border-box;}
.aRight{text-align:right;clear:both;}
.aLeft{text-align:left;clear:both;}
.maxWidth{max-width:1024px;width:100%;margin:0px auto;}
.row2{width:50%;min-width:5px;}
.fLeft{float:left;clear:both;}
.fRight{float:right;clear:both;}

#headSpeciale{height: 80px;margin: 0 auto;max-width: 1024px;position: relative;width: 100%;}
#headSpeciale span{position:absolute;}
#headSpeciale .logo1 a, #headSpeciale .logo2 a{text-indent:-10000px;display:block;}
#headSpeciale .logo1{font-family: 'Roboto', sans-serif;font-weight:normal;font-size:13px;text-transform:uppercase;font-weight:400;color:#000;top:25px;left:10px;}
#headSpeciale .logo1 a{background: url("/esteri/russia/images/logo-diariodelweb-247x25.jpg") no-repeat center top;height: 25px;width: 247px;z-index: 100;}
#headSpeciale .logo1 strong{font-weight:900;color:#016ca2;}
#headSpeciale .logo2{top:18px;right:10px;}
#headSpeciale .logo2 a{background:transparent url("/esteri/russia/comuni/russia-logo-138x60.jpg") no-repeat center top;width:138px;height:60px;}
#contentSpecial{width:100%;text-align:left;overflow:hidden;}
#contentSpecial section{position:relative;display:table;width:100%;margin:80px auto;}
#contentSpecial h3 span{color:#016ca2;}

article a{color:#016ca2 !important;text-decoration:underline;}
article, figure {display: inline-block;vertical-align: top;width: 49%;padding:40px;}
figure{position:relative;}

figure figcaption{text-transform:uppercase;color:#fff;background:#016ca2;display:inline-block;width:300px;position:absolute;right:0px;top:0px;z-index:100;font-size:38px;font-size:1.675rem;font-family: 'Open Sans', sans-serif;font-weight:700;padding:30px;}

figure figcaption span{font-size:70px;font-size:4.5rem;display:block;}
figure figcaption span:after{content:'/';}
figure img{z-index:75;right:40px;top:40px;position:absolute;}
.sectionMicro2 figure img{left:40px;right:auto !important;}
.sectionMicro2 figure figcaption{left:0px;right:auto !important;}
.headSection{color:#fff;padding:250px 0px 40px;text-align:center;font-family: 'Open Sans', sans-serif;text-transform:uppercase;}
.headSection h1, .headSection h2{padding:0px 15px;}
.headSection h1{font-size:50px;font-size:4rem;font-weight:900;line-height:1;}
.headSection h1 span{display:block;}
.headSection h1 a{color:#fff;}
.headSection h2:before{content:'';border-top:1px solid #fff;display:inline-block;width:15%;left:0px;top:50%;position:absolute;}
.headSection h2:after{content:'';border-top:1px solid #fff;display:inline-block;width:15%;position:absolute;right:0px;top:50%;}
.headSection h2 span{width:50%;}
.headSection h2{font-size:30px;font-size:1.875rem;font-weight:300;position:relative;margin-top:20px;}

#footSpeciale ul{padding:0px;margin-top:30px;}
#footSpeciale{margin:0 auto;text-align:center;padding:50px 0px;color:#000;}
#footSpeciale ul li{display:inline-block;border:1px solid #fff;margin:0px 5px;width:50px;height:50px;padding:5px;vertical-align:bottom;}
#footSpeciale ul li a{display:block;width:100%;height:100%;}
#footSpeciale ul li a{border:1px solid #000;display:block;text-decoration:none;}
#footSpeciale h3 a{/*background: url("/esteri/russia/images/sprite.png") no-repeat scroll center bottom / 250px auto rgba(0, 0, 0, 0);*/box-sizing: border-box;height: 62px;margin: 20px auto;text-indent: -10000px;display:block;}

section article{clear:both;}
section article p{max-width:520px;}
section h3 a{color:#016ca2;}
section h4 {font-size:21px;font-style:italic;color:#777;}
section h4 a{color:#999;font-size:40px;font-size:2.5rem;}

#contentSpecial section{display:table;margin:20px auto;text-align:center;}
.sectionMicro2{direction:rtl;}
.sectionMicro2 article p, .sectionMicro2 figure{direction:ltr;}
.videoMicro{clear:both;}

#footSpeciale{background-color:#000;color:#fff;}
#footSpeciale a{color:#fff;padding-bottom:10px;}
#footSpeciale ul li.fb a{background:url("/esteri/russia/images/sprite.png") no-repeat scroll 5px -150px / 210px auto;}
#footSpeciale ul li.tw a{background:url"/esteri/russia/images/sprite.png") no-repeat scroll -35px -118px / 170px auto;}
#footSpeciale ul li.gplus a{background:url("/esteri/russia/images/sprite.png") no-repeat scroll -100px -135px / 190px auto;}
#footSpeciale ul li.whatsapp a{background:url("/esteri/russia/images/sprite.png") no-repeat scroll -153px -132px / 190px auto;}
#footSpeciale ul li.whatsapp{display:none;}
#footSpeciale h4, #footSpeciale h5{font-family: 'Roboto', sans-serif;font-weight:normal;font-size:16px;margin:0px;}

@media all and (max-width:900px){
	article, figure{display:table !important;width:100% !important;clear:both;padding: 20px;}
	figure{padding:0px;}
	article p{max-width:none !important;width:100% !important;}
	figure{position:relative;}
	figure figcaption{display:inline-block;width:100%;height:auto;position:relative;padding: 10px 20px;z-index:100;}
	figure figcaption span{font-size:88px;font-size:5.5rem;display:inline-block;}
	.sectionMicro2 {direction: ltr !important;}
	figure img{right:auto;top:auto;position:relative;width:100%;height:auto;}
	.sectionMicro2 figure img{left:auto;right:auto !important;}
	.sectionMicro2 figure figcaption{left:auto;right:auto !important;}
	.aRight{text-align:left !important;}
	.headSection h2:before{width:15%;}
	.headSection h2:after{width:15%;}
	.headSection h2 span{width:70%;}	
	h1 span{display:inline !important;}
}

@media all and (max-width:640px){
	#contentSpecial h1, #contentSpecial h2{padding:0px 35px;}
	#contentSpecial h1{font-size:2rem;padding:120px 20px 0;}
	.headSection h2:before{width:0%;}
	.headSection h2:after{width:0%;}
	.headSection h2 span{width:100%;font-size:1.5rem;}	
	#contentSpecial section {margin: 50px auto;}
	#footSpeciale ul li.whatsapp{display:inline-block;}
	figure figcaption span, figure figcaption{font-size: 2rem !important;}
	#contentSpecial section {margin: 20px auto;}	
	.headSection{padding:80px 0px;}
}


@media all and (max-width:480px){
	figure figcaption{font-size:1.4rem !important;}
}


@media all and (max-width:420px){
	#headSpeciale {height: 150px;text-align:center;}
	#headSpeciale span{position:relative;}
	#headSpeciale .logo1 a{height:50px;}
	#headSpeciale .logo1 a, #headSpeciale .logo2 a{margin: 0 auto;}
	#headSpeciale .logo2{right:auto;}
	.navMicro{width:90%;}
	.headSection h2 span{font-size:1.2rem;}	
	figure figcaption{font-size:1.4rem !important;}
}