/* MSN PORTAL */
.MsnPortal {
	background: #fff url(../../images/work/msn-portal/msnportal-header@1x.jpg) no-repeat center top;
	background-image: -webkit-image-set (
            url("../../images/work/msn-portal/msnportal-header@1x.jpg") 1x,
            url("../../images/work/msn-portal/msnportal-header@2x.jpg") 2x );
}
.MsnPortal SECTION { width: 100%; float: left;}
.MsnPortal2 { background: url(../../images/work/msn-portal/msnportal-fondo@1x.jpg) no-repeat center top; }
.MsnPortal3 { height: auto; }
.MsnPortal4 { height: auto; }
.MsnPortal5 { height: auto; }
.MsnPortal6 { height: auto; }
.MsnPortal H2 { color: #00437b;}
.MsnPortal H3 { color: #00437b;}
.MsnPortal ARTICLE IMG { /*width: 100%; height: auto;*/ margin-bottom: 20px;}
.MsnPortal H4 { color: #00437b;}
.MsnPortal H5 { color: #00437b;}
.MsnPortal BLOCKQUOTE P { font-size: 3.2em; line-height: 34px; text-transform: uppercase; color: #00437b; }
.MsnPortal .table-cell { display: table-cell; vertical-align: middle; position: relative; }
.MsnPortal .Block2 { clear: both; margin: 40px auto 0 auto; display: table;}
.MsnPortal .Block2 .LeftCol { width: 70.5%; z-index:10; height: auto; position: relative; float: left; margin-right: 1.5%; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;}
.MsnPortal .Block2 .RightCol { position: relative; z-index:20;}
.MsnPortal .Block2 .LeftCol + .RightCol { padding-top:52%;}
.MsnPortal .Block2 .LeftCol + .RightCol + .RightCol { margin-bottom: 45px;}
.MsnPortal .Block3 { margin: 0 auto; display: table;}
.MsnPortal .Block3 .LeftCol { width: 43%; float: left;}
.MsnPortal3 .Wrapper { margin: 40px auto 20px auto;}
.MsnPortal .Block3 .CenterCol { text-align: center; margin: 0 auto;}
/**/
#img04msn, #img05msn {
	width:49%;
	margin:0;
}
#img04msn {
	margin-right:1%;
}
/**/
.FondoVideo {
	background: url(../../images/work/msn-portal/msnportal-fondo-video@1x.jpg) no-repeat center center;
	background-image: -webkit-image-set (
            url("../../images/work/msn-portal/msnportal-fondo-video@1x.jpg") 1x,
            url("../../images/work/msn-portal/msnportal-fondo-video@2x.jpg") 2x );
	background-position:center center;
	max-width:1920px;
	height:auto;
	margin:100px 0 0 0;
}
.FondoVideo .ContenedorVideo{
	display:table;
	margin:-60px auto 0 auto;
	position:relative;
	max-width:845px;
	width:100%;
}
/**/
.FondoVideo .ContenedorVideo div{
	position:relative;
	width:100%;
	float:none;
	margin:0;
}
.FondoVideo .ContenedorVideo div ul li{
	list-style:none;
	position:relative;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	float:left;
	cursor:pointer;
}
.FondoVideo .ContenedorVideo div ul li:last-child{
	border-right:1px solid #CCC;
}
.FondoVideo .ContenedorVideo div ul li p, .FondoVideo .ContenedorVideo div ul li img{
	float:left;
}
.FondoVideo .ContenedorVideo div ul li p{
	padding:12px;
	margin-bottom:0px;
}
.FondoVideo .ContenedorVideo div ul li img{
	padding:20px 12px 0 12px;
	width:13px;
	height:7px;
	margin:0;
}
.FondoVideo .ContenedorVideo div ul li img:last-child {
	display:none;
}
/**/
.btncolorvideo {
	color:#fff;
	background:#810b55;
	}
/**/
.FondoVideo .ContenedorVideo video{
	width:100%;
	background-color:#fff;
	display:none;
	}
.FondoVideo .ContenedorVideo #video1 {
	display:block;
	}

/*----------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 966px) {
    .MsnPortal .Block2 .LeftCol + .RightCol { padding-top:38%;}
}
@media screen and (max-width: 860px) {
	.FondoVideo {
	background:none;
	background-image:none;
	}
}
@media screen and (max-width: 800x) {
    .MsnPortal .Block2 .LeftCol { width: 59%; line-height: 21px;}
}
@media screen and (max-width: 770x) {
    .MsnPortal .Block2 .LeftCol + .RightCol { padding-top:30%;}
}
@media screen and (max-width: 700px) {
    .MsnPortal { background: #FFFFFF url(../../images/work/msn-portal/msnportal-header-tablet@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/msn-portal/msnportal-header-tablet@1x.jpg) 1x, url(../../images/work/msn-portal/msnportal-header-tablet@1x.jpg) 2x ); }
	.MsnPortal .Block2 { margin-top: 20px;}
	.MsnPortal .Block3 .CenterCol { width:100%;}
	.MsnPortal3 .Wrapper { margin:20px auto 0 auto;}
	.FondoVideo {
		margin-top:60px;
	}
}
@media screen and (max-width: 640px) {
	.MsnPortal .Block2 .LeftCol { width: 100%; padding-bottom: 0; float:none; clear: both; }
	.MsnPortal2 { background-image: none;}
	.MsnPortal .Block2 .LeftCol + .RightCol { padding-top:3%;}
	.MsnPortal .Block3 { margin: 0; padding-top: 0px;}
	.MsnPortal .Block3 H5, .MsnPortal .Block3 p { text-align:left;}
}
@media screen and (max-width: 600px) {
	#AdvertisingSolutions {
		display:none;
	}
}
@media screen and (max-width: 450px) {
    .MsnPortal { background: #FFFFFF url(../../images/work/msn-portal/msnportal-header-mobile@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/msn-portal/msnportal-header-mobile@1x.jpg) 1x, url(../../images/work/msn-portal/msnportal-header-mobile@1x.jpg) 2x ); }
    /**/
	.dosfotos {
	margin-bottom:20px;
	}
	#img04msn, #img05msn {
	width:100%;
	}
	#img04msn {
	margin-right:0%;
	}
	#img05msn {
	margin-top:20px;
	}
}