/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #E4E6EA;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.clearer { clear:both; }
* { font-size:12px; font-family:  sans-serif; }


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

li {
line-height: 20px;
}




html {
	min-height:100%;
	padding: 0;
	background:#EDF0F4;
	background: #E4E6EA; /* Old browsers */
	background: -moz-linear-gradient(top,  #E4E6EA 0%, #EDF0F4 40%, #F5F6F7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E6EA), color-stop(40%,#EDF0F4), color-stop(100%,#F5F6F7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E4E6EA 0%,#EDF0F4 40%,#F5F6F7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E4E6EA 0%,#EDF0F4 40%,#F5F6F7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E4E6EA 0%,#EDF0F4 40%,#F5F6F7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #E4E6EA 0%,#EDF0F4 40%,#F5F6F7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E6EA', endColorstr='#F5F6F7',GradientType=0 ); /* IE6-9 */
}
body {
	background: transparent;
}

#header {
	width: 100%;
	position:fixed;
	top:0px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	border-bottom:1px solid #888;
	z-index:2;
 }

	#logo {
		float:left;
		margin:13px;
		/*width: 300px;*/
		width: 250px;
	}
	#logo img {
		max-height:45px;
		max-width: 100%;
	}


	#menu { float: right; margin-right: 1px; width: 650px; margin-bottom: 10px;}
	#menu ul { list-style:none; display: block; margin: 0; padding: 0;}
	#menu ul li { float:left; margin-right: 2px;}
	#menu ul.options li a {
		display: block;
		border: 1px solid #888; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-decoration: none; padding:5px 10px; background: #0073E2; /* Old browsers */
	background: -moz-linear-gradient(top,  #0073E2 0%, #0073E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0073E2), color-stop(100%,#0073E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0073E2 0%,#0073E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0073E2 0%,#0073E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0073E2 0%,#0073E2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0073E2 0%,#0073E2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073E2', endColorstr='#0073E2',GradientType=0 ); /* IE6-9 */
	color:#fff; }

	#menu ul.options li a:hover { background: #920508; /* Old browsers */
	background: -moz-linear-gradient(top,  #0A3D66 0%, #0A3D66 46%, #0A3D66 50%, #0A3D66 53%, #0A3D66 76%, #0A3D66 87%, #0A3D66 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0A3D66), color-stop(46%,#0A3D66), color-stop(50%,#0A3D66), color-stop(53%,#0A3D66), color-stop(76%,#0A3D66), color-stop(87%,#0A3D66), color-stop(100%,#0A3D66)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0A3D66', endColorstr='#0A3D66',GradientType=0 ); /* IE6-9 */
	}


/*	#menu ul.options li a:hover { background: #959595; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
/*	}*/


	#menu ul li#cliente, #menu ul li#usuario, #menu ul li#logout {
		text-transform: uppercase;
		text-align: left;
		color:#888;
		font-size: 11px;
		margin-right: 60px;
	}
	#cliente label, #usuario label , #logout label {
		display: inline;
	}
	#cliente span, #usuario span , #logout span {
		font-weight: bold;
		color:#444;
		font-size: 10px;
	}

#main {
	margin-top: 87px;
	margin-bottom: 46px;
	padding: 0 20px;
}

#main.login {
	margin-top: 0;
}


#footer {
	position:fixed;
	bottom:0px;
	width:100%;
	background: #AAB3B7;
	background: -moz-linear-gradient(top,  #AAB3B7 0%, #AAB3B7 50%, #AAB3B7 51%, #AAB3B7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAB3B7), color-stop(50%,#AAB3B7), color-stop(51%,#AAB3B7), color-stop(100%,#AAB3B7));
	background: -webkit-linear-gradient(top,  #AAB3B7 0%,#AAB3B7 50%,#AAB3B7 51%,#AAB3B7 100%);
	background: -o-linear-gradient(top,  #AAB3B7 0%,#AAB3B7 50%,#AAB3B7 51%,#AAB3B7 100%);
	background: -ms-linear-gradient(top,  #AAB3B7 0%,#AAB3B7 50%,#AAB3B7 51%,#AAB3B7 100%);
	background: linear-gradient(to bottom,  #AAB3B7 0%,#AAB3B7 50%,#AAB3B7 51%,#AAB3B7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAB3B7', endColorstr='#AAB3B7',GradientType=0 );
	border-bottom:1px solid #888;
	padding: 0;
	text-align: right;
}

	#footer .info {
		padding: 15px;
/*		background: url("../mostazaDigital/logo.png") no-repeat 10px center;*/
	}






/*login*/
#welcome {
	text-align: center;
	font-weight: 200;
	font-size: 6em;
	color:#333;
}

#login {
    margin: 0px auto;
    width: 308px;
    height: 350px;
  /*  box-shadow: 0px 0px 8px 0px black;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    padding: 30px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #fff;
    display: block;
}

#login table { margin:0 auto; }
#login input{ width: 130px;}
#login strong,#login span{ font-size:15px;}
.logine {  }



#politica {
	display:none;
	margin: 5% 10%;
}
	#politica .buttons{
		text-align: center;
	}
	#politica .buttons input{
		left: auto;
		margin: 0 20px;
	}


.bar {
	padding: 2px;
}





































h3 { font-size: 14px; font-weight: 200; color: #fff; border-left: 9px solid #fa0; padding-left: 6px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: #fc0; padding-top:4px; padding-bottom:4px; text-transform: uppercase; }
textarea { width: 280px; }



.franja { clear:both; }
#parrilla { position:relative; width:100%; }
#parrillaHeader { position: fixed; top:62px; width:100%; height:25px; z-index:2; background: #666; color:#fff; min-width: 877px; }
#parrillaHeader>div { position:relative; float:left; width:11.85%; min-width: 88px; border:1px solid #999; height: 25px; text-align: center; text-transform: uppercase; padding-top:3px; }
#parrillaContent .franja>div>div { height:20px; border-bottom:1px solid #777; text-align: center; }
#parrillaContent .franja>div>div.clearer { height:1px; border-bottom:none; text-align: center; }
#parrillaContent .franja>div { position:relative; float:left; width:11.85%; min-width: 88px; border-right: 1px solid #cfcfcf; }
#parrillaContent #fran1>div { height:960px; }
#parrillaContent #fran2>div { height:279px; }
#parrillaContent #fran3>div { height:319px; }
.parrillaHours { position:relative; padding:10px; clear:both; background: #666; color:#fff; text-align: center; text-transform: uppercase; }
.firstParrilla { width:10% !important; min-width: 61px; }
.programa { position: absolute; color:#fff; width: 100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-top: 1px solid #fff; display: table; }
.programa a { display: table-cell; vertical-align: middle; color:#fff; text-decoration: none; }
.programa:hover { background: #363636; }

#fran1 .programa { background: #fb0; }
#fran2 .programa { background: #f90; }
#fran3 .programa { background: #f60; }

#privacidad{margin: 0 20px 0 20px;}

#main2 { position: relative; margin-top:72px; padding:10px; padding-bottom: 70px; }
#panel{width: 1250px;}
#canalesForm, #canalesList { width: 44%; float: left; padding: 20px; min-width: 300px; background: #fff; margin-left: 1%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding-top: 0px; border: 1px solid #888; box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
#canalesList { width: 510px; height: 620px; }
#canalesScroll { height:550px; overflow-y: scroll; }
#canalesForm { margin-bottom:30px; min-width: 610px;  min-height:600px}
#canalesForm label { float:left; width:157pxpx; text-align: right; margin-right:10px; }
#canalesList ul { list-style: none; margin:0px; padding: 0px; }
#canalesList ul li { float:left; width: 45%; margin:6px; border:4px solid #fff; }
#canalesList ul li a { position: relative; width: 100%; height: 100%; display: block; }
#canalesList ul li a>span { position: absolute; z-index: 1; width: 100%; bottom:0px; left:0px; background: #000; background: rgba(0,0,0,0.7); color: #fff; padding:5px; }
#canalesList ul li:hover { border:4px solid #fc0; }
#canalesList ul li a:hover span { background: #f60; background: rgba(255,213,0,0.78); color: #fff;  }
#canalesList ul li a:hover .canalesMeta { height: 85px; padding:10px; }
.canalesMeta { display:block; position: relative; width: 100%; overflow: hidden; height: 1px; background: #555 !important; padding:0px; }
.canalesMeta label { float:left; clear: left; width:50px; text-align: right; }
.canalesMeta b { float:left; margin-left:10px; }
#titolPage { margin:0px; margin-bottom:10px; margin-left:20px; font-weight: 200; font-size: 30px; color:#333; }
#CanalSelecionat { margin:0px; margin-bottom:10px; margin-left:20px; font-weight: 200; font-size: 30px; color:#333; }
#canalesList ul li img { width: 100%; }
#canalesForm #labelPujar { float:none; width: 100%; }



input[type="submit"] { -webkit-appearance: button; cursor: pointer; position: relative; left: 141px; width: 140px; height: 35px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration: none; padding:10px; background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(top,  #0073E2 0%, #0073E2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0073E2), color-stop(100%,#0073E2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0073E2 0%,#0073E2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0073E2 0%,#0073E2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0073E2 0%,#0073E2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0073E2 0%,#0073E2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073E2', endColorstr='#0073E2',GradientType=0 ); /* IE6-9 */
color:#fff; border: 1px solid #888; }
#login input[type="submit"] {left: 0px;
width: 169px; }
input[type="submit"]:hover { background: #0A3D66; /* Old browsers */
background: -moz-linear-gradient(top,  #0A3D66 0%, #0A3D66 46%, #0A3D66 50%, #0A3D66 53%, #0A3D66 76%, #0A3D66 87%, #0A3D66 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0A3D66), color-stop(46%,#0A3D66), color-stop(50%,#0A3D66), color-stop(53%,#0A3D66), color-stop(76%,#0A3D66), color-stop(87%,#0A3D66), color-stop(100%,#0A3D66)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0A3D66 0%,#0A3D66 46%,#0A3D66 50%,#0A3D66 53%,#0A3D66 76%,#0A3D66 87%,#0A3D66 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

.help { position:relative; display: inline-block; left:5px; width: 16px; height: 16px; text-align: center; padding:0px; font-size: 10px; border:2px solid #ccc; color:#000; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(top,  #f9c667 0%, #920508 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#920508)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9c667 0%,#920508 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9c667 0%,#920508 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9c667 0%,#920508 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9c667 0%,#920508 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#920508',GradientType=0 ); /* IE6-9 */}

.moreinfo{width: 40px;}

fieldset div { margin-bottom:6px; }
#upload_frame { height: 30px; }
/*
.drago li {   -webkit-transition: background-position 0s ease 0s;
    -moz-transition: background-position 0s ease 0s;
    -o-transition: background-position 0s ease 0s;
    -ms-transition: background-position 0s ease 0s;
    transition: background-position 0s ease 0s; }
#sortLeft { float:left; width: 320px; }
#sortRight { float:right; }
#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 10px; float: left; margin-right: 10px; display: block; width:260px; min-height: 600px; border:1px solid #ccc; }
#sortable1 { overflow-y: scroll; height: 370px; }
#sortable2 { width: 765px; height: 290px; }
#sortable1 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 200px; overflow: hidden; }
#sortable2 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 200px; overflow: hidden; float:left;} */
/*#sortable2 li { margin: 3px 3px 3px 3px; padding: 1px; float: left; width: 210px; height: 120px; font-size: 4em; text-align: center; border:1px solid #ccc;}	*/
/*#sortable1 li img, #sortable2 li img { width: 200px; }
#exportarSort { margin-top:15px; left: 0px; float: right;margin-right: 10px;}

*/
#contenedorimagenprograma{
    margin: 0 0 10px 60px;
}
.bloc { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px;width:178px }
 .bloc select { padding:10px; margin:-5px 0px -5px -5px;min-height:208px; width: 183px;}

 .invfont{font-size:0px;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}




/*
* {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
*/









/* movile ----------- */
@media only screen
and (max-width : 768px) {
	body {
		padding: 0;
	}

	#main {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#header, #footer {
		height: auto;
		width: 100%;
		position:relative;
	}
	#logo, #menu {
		float: none;
		width: auto;
		margin: 10px;
	}
	#logo img {
		max-width: 300px;
	}
	#welcome {
		font-size: 3em;
		color:#333;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	#welcome {
		font-size: 5em;
		color:#333;
	}
}