/*  ------------------------------------------- 
	Estilos media queries para VeraTv	
	------------------------------------------- */	

	/*	Media Queries
	------------------------------------------- */
	@media only screen and (min-width: 1680px) {
	
		body {
		background-image: none;
		background-color: #F8F8F8;
		}
	
		.row {
		  max-width: 85em;
		  }

		#slide .orbit-container ul li {
			height: 480px !important;
		}		  
		  
		#canalesHome {
			background-color: #1F356F;
		}
		
		#listadoTransmisiones #videosHome, #listadoVideos #videosHome {
			background-color: #F2F2F2;
		}

		#videosHome {
			background-color: #E5E5E5;
		}
		
		footer div.ayudaVera {
			background: none repeat scroll 0 0 #E8EAEF;
		}
		footer div.antelInfo {
			background: none repeat scroll 0 0 #F8F8F8;
		}
	
	}
	
/*	Media Queries
	------------------------------------------- */
	@media only screen and (max-width: 1000px) {
	
		body {
		background-image: none;
		background-color: #fff;
		}
		.bg {
		background-image: none;
		}
		.interna{
			background-image: none;
			background-color: #fff;
		}
		#canalesHome {
			background-color: #1F356F;
			padding-bottom: 20px;
		}
		#videosHome {
			background-color: #f2f2f2;
		}		
	
	}
	
@media only screen and (min-width : 768px) and (max-width : 1024px)  {
	
	p.title{
		position: relative !important;				
	}
	
	.nav-videos .dropdown-column {
		width:100% !important;
		float:none;
	}
	nav .nav-videos .dropdown-column.last {
		margin-top:30px;
		border: none;		
	}
	nav .dropdown-column.last ul {
		clear: both;
	}
	nav .dropdown-column.last ul li {
		float:left;
		width:auto;
		margin-right:15px;
		border: none;
	}	
	/* paneles en página de reproducción */	
	.panel .panel-right {
		clear:both;
		padding-left: 0;
		width: 100%;		
	}
	
 }
	
	@media only screen and (max-width: 767px) {	
	
		#logoVeraTv,
		#usr-login {
			width:50%;
		}
		#logoVeraTv {
			margin:15px 0 0;
			float:left;
			width:50%;
			padding-left: 0.9375em;
		}
		#usr-login {
			float:right;
			width:50%;
			padding-right: 0.9375em;				
		}
		#buscador {
			padding-left: 0.9375em;
			padding-right: 0.9375em;
		}
		#rep-sidebar .block-grid {
			padding-top:1.25em;
		}
		#rep-sidebar .block-grid li {
			padding-bottom:1.25em;
		}
		#reproduccion .social-list {
			float:left !important;
		}	
		#reproduccion h2.left {
			float:none !important;
		}	
		.antelInfo {
			background-color: #F8F8F8;
		}
		#reproduccionTransmision .video-details .video-title,
		#reproduccionTransmision .video-details .social-list {
			float:none !important;
			width: 100% !important;
		}
		#reproduccionGrilla .video-details .video-title,
		#reproduccionGrilla .video-details .social-list {
			float:none !important;
			width: 100% !important;
		}
		
	
	/*  Responsive Menu
		------------------------------------------- */
		
		.nav-container {
			padding-left: 0.9375em;
			padding-right: 0.9375em;
			position:relative;
			width: 100%;
		}
		.nav-container span {
			margin-left:10px;
			font-weight:bold;
			color:#fff;
		}
		#mobile-nav {
			border-radius: 5px;
			background:#182355;
			padding:10px;
			margin:15px 0 5px;
			z-index:1100;			
		}
		#mobile-nav a {
			display:block;
		}
		#mobile-nav.active-menu {
			border-radius: 5px 5px 0 0 !important;
		}		
		.nav-container nav {		
			display:none;
			background:#182355;
			border-radius: 0 0 5px 5px;
			padding-bottom:10px;
			position:absolute;
			overflow: visible;
			z-index:1000;
			top:56px;
			left: 0.9375em;
			right: 0.9375em;
		}
		.nav-container nav ul {
			border-top:1px solid #1a1a1a;
			border-bottom:1px solid #4d4d4d;
			background:#1F356F;
			margin-left:0;
			display:block;
			padding:0;
		}
		.nav-container nav ul li.divider {
			display:none;
		}		
		.nav-container nav ul li {
			margin:0;		
			width:100%;		
			display:block;
			line-height:48px;
			border-top:1px solid #464F77;
			border-bottom:1px solid #182355;
		}
		.nav-container nav ul li ul.dropdown {
			display:none !important;
		}
		.nav-container nav ul li.with-dropdown:hover a {
			background: none;
			height:auto;
		}		
		.nav-container nav ul li:hover {
			background:#182355;
		}
		.nav-container nav ul li a {
			text-decoration:none;
			font-size:1.2em;				
			padding:10px;
			display:block;
			float:none;			
			color:#ccc;			
		}
		.nav-container nav ul li a:hover {
			color:#eee;
		}
	}
	
/*	Small Screen
	------------------------------------------- */
	@media only screen and (max-width: 479px) {
	
		#slide .orbit-container ul li {
			height: 200px;	
		}
	
		#rep-sidebar .block-grid li {
			width:100%;
		}
		.orbit-caption .descripcion {
			display:none;
		}
		#slide{
			margin:0 0 1em;
		}		
		#slide .orbit-bullets {
			position: absolute !important;
			right: auto !important;
			top: 10px !important;
			left: 10px !important;
		}
		
		#videosHome .filtros {
			float: none !important;
		}
		
		#videosHome fieldset #videosCategorias, #videosHome fieldset #videosVistos {
			display: block  !important;
			width: 90%  !important;
		}
		
		#videosHome .filtros .verTodos {
			float: left;
		}

	}
	
	/*Para corregir los popups que se muestran en el player*/
	@media only screen and (max-width: 500px) {
		.content-watch-wrapper .reveal-modal {
			padding:15px;
			margin-left: -45%;
			top: 10% !important;
			width: 90%;
		}
		.content-watch-wrapper .reveal-modal #modalTitle {
			display:none;
		}
		.content-watch-wrapper .reveal-modal #register-warning {
			border:0;
			padding:0;
			background-image:none;
		}
		.content-watch-wrapper .reveal-modal #register-warning p {
			margin:0;
		}
		.content-watch-wrapper .button {
			margin:0;
		}
		
		.reveal-modal {
			padding:15px;
			margin-left: -45%;
			top: 10% !important;
			width: 90%;
		}
		.reveal-modal #modalTitle {
			display:none;
		}
		.reveal-modal #register-warning {
			border:0;
			padding:0;
			background-image:none;
		}
		.reveal-modal #register-warning p {
			margin:0;
		}
		.button {
			margin:0;
		}
	}
	
	@media only screen and (max-width: 350px) {
		.content-watch-wrapper .right {
			margin:0
		}
		.content-watch-wrapper .button,
		.content-watch-wrapper .button:hover {
			text-decoration:underline;
			background-color:none;		
			background:none;
			color: #222F66;
			border:0;
		}
		.reveal-modal {
			padding:15px;
			top: 10% !important;
			width: 100%;
			right: 10%;
		}
		
	}