* {
	margin: 0;
	padding: 0;
}

#video-background {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: -100;
}

	#sidebar{
		display: inherit;	
		background: #484848;
		width: 400px;
		height: 100%;
		top: 0;
		left: -390px;
		padding: 10px 0 10px 0;
		text-align: center;
		position: fixed; 
		transition:left 1s;
		-webkit-transition:left 1s;
		-moz-transition:left 1s;
		-o-transition:left 1s;
		-ms-transition:left 1s;
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		z-index:9999;
	}

	#icono{
		position: absolute;
		color: #fff;
		background: #484848;
		top: 30px;
		left: 200px;
		width: 50px;
		height: 50px;
		border-radius: 0px 4px 4px 0px;
		font-size: 1em;
		line-height: 40px;
	}
#boton_ocultar {		
		color: #fff;
		float:left;
		width: 200px;
		height: auto;
		left: 20%;
		top:0px;
		border-radius: 0px 4px 4px 0px;
		font-size: 1em;
		line-height: 40px;
		cursor:pointer;
		text-align: center;
		position: fixed; 
		transition:left 1s;
		-webkit-transition:left 1s;
		-moz-transition:left 1s;
		-o-transition:left 1s;
		-ms-transition:left 1s;
		opacity: 0.9;
		filter: alpha(opacity=90);
		-moz-opacity: 1;
		z-index:-9;
}

.foto_sombra {
	box-shadow:10px 13px 5px rgba(50,50,50,0.38);
}

#menu_pub{
	width:100%;
	padding:0px;
	padding-right:10px;
	
}

#menu_pub ul li img{
	width:100%;
}


#menu_pub p{
	color: #ccc;
	float:right;
	font-size:10px;
	width:auto;
}

#div_publi {
	width:40%; 
	position: fixed; 
	bottom:35px; 
	right:20px;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}

#div_publi:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

#barra_cierre {
	width:5px; position: fixed;left:0;top:0;
}

#barra_home {
	width:0px; position: fixed;right:0;top:0;
}

#fondo_completo {
	width:100%;
	height: 100%;
	position: fixed; 
	top:0; 
	left:0;
	background-color: #ffffff;
	/*background-image:url('../images/logo_canalo.png'); */
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100% auto;
	z-index:-200;
	opacity: .1;
	filter: alpha(opacity=10);
	-moz-opacity: .1;
}


#red_soc{
	width:45%;
	text-align:right;
	height:auto;
	position:fixed;
	right:15px;
	top:20px;
}

#red_soc p{
	text-align:right;
	color:#ccc;
}

#red_soc img{
	width: 48px;
	margin-left:15px;
}

/* OPCIONES YOUMAX */
/* miniatura */
.youmax-video-tnail {height:90px !important; }
/* Anular cabecera */
#youmax-header{display:none !important;}
#youmax-tabs {display:none !important;}

.condiciones {
	width:70%; 
	padding:20px;
	position: fixed; 
	top:5%; 
	right:15%;
	z-index:99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color: white;
	color: #666666;
	text-align:left;
	cursor:pointer;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	box-shadow:10px 13px 5px rgba(50,50,50,0.38);
}

#div_center {
	width:50%; 
	padding:20px;
	position: fixed; 
	top:20%; 
	right:25%;
	z-index:-200;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:gray;
	color:white;
	font-weight:bold;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}

#div_center button {
	font-size:30px;
}


/* texto oculto */
/* Contenedor general contenido */
.hiddencon {
margin: 0;
padding: 0;
width: 250px;
z-index:9999;
position: fixed;
/* Desplazamiento para ocultar hacia la derecha 
todo el ancho del bloque menos el borde */
right: -230px; 
top: 10%;
opacity: .9;
}
.hiddencon2 {
top: auto;
bottom: 10px;
}
/* Contenido visible al hacer hover */
.hiddencon:hover {
right: -50px;
}
/* Pestaña para desplegar */
.hiddencon-label {
margin-top: -15px;
margin-left: -140px;
padding: 10px;
position: absolute;
top: 21%;
display: inline-block;
color: white;
background: #BE901B;
font-size: 14px;
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
}
.hiddencon, .hiddencon-label {
/* Desplegado suave con transiciones */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* El contenido incluida variante para listas */
.hiddencon p, .hiddencon ul {
line-height: 0.8em;
font-weight: normal;
margin: 0;
padding: 0;
margin-right:15px;
border: 8px solid #BE901B;
border-right: 0;
color: #ffffff;
background-color: #BE901B;
text-align:center;
vertical-align: center;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}

.hiddencon a{
color: #ffffff;
font-size:20px;

text-decoration:none;
}
.hiddencon a:hover {
color: red;
font-weight:bold;
}


.info_base {
	position: fixed; 
	bottom:20px;
	left:10px;
	width:50%;
	z-index:-1;
}



.info_copy {
	float:right;
	width:90%;
	text-align:right;
	text-decoration:none;
	line-height:70%;
}

.info_copy img {
	width:25%;
}

.info_copy p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
}

.info_copy p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#ccc;
}

.info_copy p a:hover{
	color: #FF5050;
}

.info_base_mobil {
	text-align:center;
	position: fixed; 
	top:70%;
	left:15%;
	width:80%;
	height: 20%;
	z-index:-1;
	display:none;
}

.info_base_mobil img {
	width:48%;
}



/* CSS para la animación y localización de los DIV de cookies */
.cuerpo_cookie{
	width: 100%;
	height: 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
bottom:0px;
position:fixed;
left: 0px;
}
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.0em;
        text-transform: none;
        font-weight:normal;

	clear:both;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.85;
filter:alpha(opacity=85); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999;
}

	@media only screen and (max-width:600px) {
	.cookiesms {
	height:90px;
	}}

#b_grande {
	font-size:1.2em;
}

.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */

/* Configuración móviles */

@media only screen and (max-width:600px) {
	#red_soc{
		display:none;}
	#div_center {
		display:none;}
	#fondo_completo {
		background-position: center top;}
	#boton_ocultar {		
		/*left: 0px;*/
		width: 100px;
		}
	.hiddencon {display:none}
	.condiciones {
		width:98%; 
		padding:10px;
		top:1%; 
		right:1%;
		font-size:12px;}
	#barra_cierre {width:40px;}
	#barra_home {width:40px;}

	#conduso {
		display:none;}
	#div_publi {display:none;}
	.info_base {display:none;}
	.info_base_mobil {display:block;}

}


/* portrait */
@media screen and (orientation:portrait) {
	/* portrait-specific styles */
}
/* landscape */
@media screen and (orientation:landscape) {
	/* landscape-specific styles */
}