
.body .menu{
	float:left;
}
.body .fixed{
	height: -moz-calc(90% - 70px);
    height: -webkit-calc(90% - 70px);
    height: calc(90% - 70px);
	-webkit-box-shadow: 10px 10px 34px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 10px 10px 34px 0px rgba(0,0,0,0.29);
	box-shadow: 10px 10px 34px 0px rgba(0,0,0,0.29);
	z-index:99;
}
.body .contenido{
	display:table;
	width: 100%;
	padding-left:250px;
	padding-right:250px;
}
.body .contenedor{
	padding-top:20px;
	width:100%;
	margin:auto;
	max-width:1281px;
}
.contenedor section{
	float:left;
	width: -moz-calc(100% - 387px);
	width: -webkit-calc(100% - 387px);
	width: calc(100% - 387px);
}
.contenedor .videos{
	background:#fff;
	display:table;
    position:relative;
	margin:0px auto;
	text-align:justify;
	margin-left:10px;
	width: 377px;
	padding:18px;
}
.contenedor section .space{
	margin-bottom:5px;
}
.contenedor section .redes{
	border-top:1px solid #e2e2e2;
}
.contenedor section .redes a{
	display:table-cell;
	text-align:center;
}
.contenedor section .redes a:hover,
.contenedor section .redes a:focus{
	text-decoration:underline;
}
.contenedor section .comentarios .item_comentario{
	padding-bottom:20px;
}
.contenedor section .comentarios code{
	display:block;
	width:100%;
	padding-right:50px;
}
.contenedor section .comentarios p{
	overflow:auto;
}
.contenedor section .comentarios p span{
	width:58px;
	float:left;
}
.contenedor section .comentarios p span:last-child{
	width: -moz-calc(100% - 58px);
	width: -webkit-calc(100% - 58px);
	width: calc(100% - 58px);
}
.contenedor section .informacion,
.contenedor section .comentarios,
.contenedor section .redes,
.contenedor section .tituloprincipal
{
	background:#fff;
	padding:18px;
	overflow:auto;
	width:100%;
	display:table;
	position:relative;
}
.contenedor section .tituloprincipal{
	padding-bottom:0px;
	padding-top:0px;
}
.contenedor section .tituloprincipal h2{
	display:block;
	width:100%;
	font-size:1.2em;
	font-weight:600;
}
.contenedor section .first{
	padding-top:0px;
}
.contenedor section .informacion button{
	height:24px;
	border-radius:4px;
	padding-left:15px;
	padding-right:15px;
}

.contenedor section .informacion div{
	display:table-cell;
	vertical-align:middle;
	width:50%;
}
.contenedor section .informacion div p{
	float:left;
	width:46px;
	height:46px;
}
.contenedor section .informacion div p:last-child{
	width: -moz-calc(100% - 46px);
	width: -webkit-calc(100% - 46px);
	width: calc(100% - 46px);
	padding-left:10px;
}
.contenedor section .informacion div p span{
	width:100%;
	height:50%;
	display:block;
}
.contenedor .videos .data{
	overflow:auto;
}
.contenedor .videos .data .contenedor_videos{
	display:table;
}
.contenedor .videos .data .contenedor_videos .results{
	margin:0px;
	font-size:12px;
}
.contenedor .videos .data .contenedor_videos .item{
	display:block;
	width:100%;
	height:96px;
}
.contenedor .videos .data .contenedor_videos .item span{
	display:block;
	width:128px;
	height:76px;
	margin-top:7.5px;
	background-size:cover;
	background-position:center;
}
.contenedor .videos .data .contenedor_videos .item:last-child{
	border:none;
}
.contenedor .videos .data .contenedor_videos .item div{
	display:table-cell;
	vertical-align:middle;
	width:138px;
	height:100%;
	position:relative;
}
.contenedor .videos .data .contenedor_videos .item div:last-child{
	width: -moz-calc(100% - 138px);
	width: -webkit-calc(100% - 138px);
	width: calc(100% - 138px);
	padding-right:10px;
}
.contenedor .videos .data .contenedor_videos .item a{
	font-size:11px;
}
.contenedor .videos .data .contenedor_videos .item .titulo a{
	color:#000;
	font-weight:bold;
	font-size:11px;
}
.contenedor .videos .data .contenedor_videos .item p{
	margin:0px;
	padding:0px;
	font-size:10px;
}
.contenedor .videos .data .contenedor_videos .item a:hover{
	color:#2B8AD0;
	text-decoration:underline;
}
.contenedor section .video {
   position: relative;
   padding-bottom: 56.25%;
   overflow: hidden;
}
.contenedor section .video iframe
 {
    position: absolute;
	background:#fff;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.contenedor .videos .data .botonera{
	display:table;
	margin-top:25px;
	width:100%;
}
.contenedor .videos .data .botonera button{
	margin:auto;
	display:block;
	font-size:12px;
	background:transparent;
	width:100%;
	border:none;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #cacaca;
}



.contenedor .comentarios .botonera button{
	margin:auto;
	display:block;
	font-size:12px;
	width:100%;
	text-align:center;
}


.app {
	left:0px;
}




@media screen and (min-width: 3500px) {
	.contenedor .videos .data .contenedor_videos .item{
		height:auto;
	}
}
@media screen and (max-width: 1500px) {
	.body .contenido{
		padding-left:0px;
		padding-right:0px;
	}
	.body .contenedor{
		width:75%;
	}
}
@media screen and (max-width: 1350px) {
	.body .contenedor{
		width:80%;
	}
}
@media screen and (max-width: 1200px) {
	.body .opciones{
		width:100%;
	}
	.body .contenedor{
		width:90%;
	}
}
@media screen and (max-width: 1050px) {
	.contenedor section .comentarios{
		display:none;
	}
	.contenedor .videos{
		margin:0px;
		width:100%;
	}
	.contenedor section{
		display:block;
		float:none;
		width: 100%;
	}
	.body .contenedor{
		max-width:600px;
	}
	.contenedor section .comentarios code{
		padding-right:10px;
	}
	.contenedor section .informacion div{
		display:block;
		width:100%;
	}
}
@media screen and (max-width: 800px) {
	.contenedor section .redes a{
		display:block;
		width:100%;
		text-align:justify;
		padding:5px;
	}
}
@media screen and (max-width: 550px) {
	.body .opciones a:last-child span{
		margin-bottom:20px;
	}
}

@media screen and (max-width: 450px) {
	.contenedor .videos .data .contenedor_videos .item{
		height:auto;
		width:90%;
		margin:auto;
		margin-bottom:20px;
	}
	.contenedor .videos .data .contenedor_videos .item div:nth-child(n){
		width:100%;
		display:block;
		height:auto;
	}
	.contenedor .videos .data .contenedor_videos  .item div span{
		display:block;
		width:100%;
		padding-bottom: 56.25%;
	}
}


