/* Widget Meteo.it by Piksel Ltd */

.mit-container .clearfix,
.mit-video .clearfix,
.mit-locality .clearfix {*zoom: 1;}
.mit-container .clearfix:before, .mit-container .clearfix:after,
.mit-video .clearfix:before, .mit-video .clearfix:after,
.mit-locality .clearfix:before, .mit-locality .clearfix:after {display: table; content: ""; line-height: 0;}
.mit-container .clearfix:after,
.mit-video .clearfix:after ,
.mit-locality .clearfix:after{clear: both;}

.mit-video, .mit-container, .mit-locality {min-width: 180px; max-width: 640px; box-sizing: border-box;}

.mit-video {margin-bottom: 6px;}
.mit-video header, .mit-video .mit-videocontent {padding: 9px 6px 6px 6px; box-sizing: border-box;}
.mit-video h1 {font-size: 12px; line-height: 19px; font-weight: normal; color: #006DB8; text-transform: uppercase; float: left; margin-left: 10px; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.mit-conf-font-large .mit-video h1 {font-size: 14px;}
.mit-video h1 a {color: #006DB8; text-decoration: none;}
.mit-video .mit-owner {float: right;}
.mit-video .mit-videocontent {width: 100%; padding-top: 2px; padding-bottom: 3px;}
.mit-video .mit-video-iframe {position: relative; width: 100%; padding-top: 2px; padding-bottom: 3px; /*padding-bottom: 56.25%; height: 0;*/}
.mit-video .mit-video-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.mit-container {border: 1px solid #C0C0C0;}
.mit-container header, .mit-container section, .mit-container footer {padding: 6px; border-bottom: 1px solid #D6D6D6; box-sizing: border-box;}

.mit-container h1 {font-size: 16px; line-height: 18px; font-weight: normal; color: #006DB8;}
	.mit-conf-font-large .mit-container h1 {font-size: 18px;}
.mit-container h1 a {color: #006DB8; text-decoration: none;}
.mit-container time {font-size: 12px; line-height: 12px; font-weight: bold; color: #006DB8;}
	.mit-conf-font-large .mit-container time {font-size: 14px;}

.mit-container .mit-owner {border-bottom: 0;}
.mit-owner a, .mit-owner a .svg-meteologo {width: 65px; height: 21px;}
.mit-owner a {display: block; margin-right: 10px; margin-bottom: -2px;}
.mit-owner a, .mit-owner span {float: left; box-sizing: border-box;}
.mit-owner span {font-size: 11px; line-height: 19px; color: #80AAC3;display: none;}
	.mit-conf-font-large .mit-owner span {font-size: 13px;}
.mit-owner span span {padding-right: 5px;}

.mit-container .mit-content {padding-top: 0; padding-bottom: 9px;}
.mit-container figure {clear: both; float: left; box-sizing: border-box; width: 50%; padding: 10px;}
.mit-container .mit-meteoimg {width: 60px; height: 60px; margin: 0 auto;  padding-top: 7px;}
.mit-container .svg-meteoicon {width: 60px; height: 60px;}
.mit-container figcaption {font-size: 11px; line-height: 1.2em; color: #000000; text-align: center;}
	.mit-conf-font-large .mit-container figcaption {font-size: 13px;}

.mit-meteodetails {font-size: 11px; line-height: 16px; color: #000000; float: left; box-sizing: border-box; width: 50%;}
	.mit-conf-font-large .mit-meteodetails {font-size: 13px;}
.mit-meteodetails .svg-meteodetail, .mit-meteosea .svg-meteodetail {display: block; width: 20px; height: 20px; overflow: hidden; position: absolute; top: 10px; left: 0;}

.mit-meteodetails li {clear: both; padding: 5px 0; padding-left: 30px; position: relative; box-sizing: border-box;}
.mit-meteodetails li:last-child {padding-bottom: 0;}
.mit-meteodetails div {float: left; box-sizing: border-box; padding-right: 10px;}
.mit-meteodetails div.mit-right {padding-right: 0;}
.mit-meteodetails div label, .mit-meteodetails span {clear: both; float: left;}
.mit-meteodetails .mit-el-wind div {float: none; margin-right: 0; width: 0;}
.mit-meteodetails .mit-el-wet span {white-space: nowrap}

.mit-container hr, .mit-locality hr {clear: both; border: 0; height: 0; margin: 0; padding: 0;}

.mit-container footer {border-bottom: 9px;}
.mit-container footer a {font-size: 11px; text-decoration: none; line-height: 22px; display: inline-block; padding-right: 25px; background: url(../img/ico_footer-sprites.png) right top no-repeat; float: left;}
	.mit-conf-font-large .mit-container footer a {font-size: 13px;}
.mit-container footer a:hover {text-decoration: underline;}
.mit-container footer a.mit-print {color: #3c3c3c; display: none;}
.mit-container footer a.mit-more {float: right; color: #000000; background-position: right -20px;}

@media (max-width: 299px) {
	.mit-video .mit-videocontent, .mit-video .mit-video-iframe {height: 99px;}
	.mit-video h1 {min-width: 80px;}
	.mit-owner span {clear: both;}
	.mit-owner span span {display: none;}
	.mit-meteodetails li {padding-left: 22px;}
	.mit-container footer a.mit-more {clear: both; float: left;}
}
@media (min-width: 300px) and (max-width: 479px) {
	.mit-video .mit-videocontent, .mit-video .mit-video-iframe {height: 167px;}
	.mit-video h1 {width: 190px;}
}
@media (min-width: 480px) {}
@media (min-width: 480px) and (max-width: 639px) {
	.mit-video .mit-videocontent, .mit-video .mit-video-iframe {height: 268px;}
	.mit-video h1 {width: 370px;}
}
@media (min-width: 640px) {
	.mit-video .mit-videocontent, .mit-video .mit-video-iframe {height: 358px;}
	.mit-video h1 {width: 530px;}
}