/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
* {
	margin:0;
    padding:0;
}
body {
		background-color: #202124;
		font-family:'Helvetica Neue',Helvetica,Arial, sans-serif;
		font-size:1em;
		
	}

.row {
		background-color: #f6f6f6;
}

.pad30 {
		width:100%; 
		margin-left:30px
}





/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ HEADER ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


.topheader {
		background-color: #101010;
		border-bottom:1px solid #ccc;
	}	
	
	.header {
		background-color: #2B5C74;
		/* background-color: #f0f0f0;*/
		height:35px;
		border-bottom:1px solid #fff;
		-moz-box-shadow:0px 0px 5px #333 inset;
		-webkit-box-shadow:0px 0px 5px #333 inset;
		box-shadow:0px 0px 5px #333 inset;
	}

.logo {
		background:  url("../img/UNLv2s.jpg") no-repeat;
		height:50px;
		width: 50px;
		float:left;
	}
.logo a {
		display:block;
		height:50px;
	}
	
.logovideo {
		background:  url("../img/logovideo.png") no-repeat;
		height:80px;
		width: 300px;
		margin:20px 0 0 20px;
		float:left;	
	}
.logovideo a {
		display:block;
		height:80px;
	}
/*.logovideo :hover {
		background:  url("../img/logovideo.png") no-repeat;
		margin:1px 0 0 1px;
	}*/
		
	
.unltext {
		display:block;
		margin:10px 0 0 15px; 
		float:left;		
	}

			.unltext h1 {
			color:#fff;
			font-size:0.8em;
			font-weight:bold;
			text-transform:uppercase;				
			}	
			.unltext p {
			color:#fff;
			font-size: 0.7em;
			margin:0
			}	
	
	
.linkheader {
		color:#fff;
		font-size:13px;
		font-weight:bold;
		float:right;
		margin:17px 0 0 20px; 
		padding:0.1em 0.9em;
		white-space:nowrap;
	}	
.linkheader a {
		color:#fff;
		border-top: 1px solid #424242;
		border-right: 1px solid #444;
		border-left: 1px solid #444;
		border-bottom:1px solid #616161;
		background:#333;
		margin-right:10px;
		padding:0.4em 0.8em;
		text-decoration:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
	}	
.linkheader a:hover {
		color:#fff;
		border: 1px solid #0071AA;
		background:#444;
		-moz-box-shadow:0px 0px 5px #0066FF;
		-webkit-box-shadow:0px 0px 5px #0066FF;
		box-shadow:0px 0px 5px #0066FF;
	}		


.inputbuscar {
		background-color:#f5f5f5;
		color:#999999;
		font-size:16px;
		font-weight:bold;
		margin-top:30px;
		padding:6px;
		width:200px;
		border:1px solid #999999;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
	}
.inputbuscar:hover {
		background-color:#fff;
		color:#999999;
		-moz-box-shadow:0px 0px 5px #333;
		-webkit-box-shadow:0px 0px 5px #333;
		box-shadow:0px 0px 5px #333;
	}	
.inputbuscar:focus {
		background-color:#fff;
		color:#999999;
		-moz-box-shadow:0px 0px 5px #fff;
		-webkit-box-shadow:0px 0px 5px #fff;
		box-shadow:0px 0px 5px #fff;
	}	
		
.botbuscar {
		font-size:16px;
		font-weight:bold;
		color:#fff;
		border: 1px solid #222;
		background:#333;
		margin-top:30px;
		padding:6px;
		text-decoration:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
}
.botbuscar:hover {
		border: 1px solid #222;
		background:#555;
		cursor:pointer;
		-moz-box-shadow:0px 0px 5px #333;
		-webkit-box-shadow:0px 0px 5px #333;
		box-shadow:0px 0px 5px #333;

}


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ CONTENIDO ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */	
	
p {
	font-size:1em;	
	color:#5D5858;
	line-height:1.3em;

	}
	
h2 {
	font-size:1.4em;
	color:#006699;	
	-moz-text-shadow:0px 0px 1px #ccc;
	-webkit-text-shadow:0px 0px 1px #ccc;
	text-shadow:0px 0px 1px #ccc;	
	margin: 100px;
	}	
h3 {
	font-size:1.2em;
	color:#006699;		
	}			
		

hr {
border-bottom: 1px solid #fff;
border-top: 1px solid #999;
height:2px;
margin:10px 0 10px 0;
}	


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲ Formulario ▲▲▲▲▲▲▲▲▲ */	
input, select {
		background-color:#fff;
		color:#333;
		font-weight:bold;
		margin-top:7px;
		padding:4px;
		border:1px solid #999999;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
	}
input:focus, select:focus {
		color:#222;
		-moz-box-shadow:0px 0px 5px #0066FF;
		-webkit-box-shadow:0px 0px 5px #0066FF;
		box-shadow:0px 0px 5px #0066FF;
	}
	
button {
		font-weight:bold;
		color:#fff;
		border: 1px solid #444;
		background:#333;
		margin-top:7px;
		padding:6px;
		text-decoration:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
}
button:hover {
		border: 1px solid #222;
		background:#444;
		cursor:pointer;
		-moz-box-shadow:0px 0px 5px #333;
		-webkit-box-shadow:0px 0px 5px #333;
		box-shadow:0px 0px 5px #333;
}

.button, #bot a {
		font-weight:bold;
		color:#fff;
		border: 1px solid #444;
		background:#333;
		margin-top:7px;
		padding:6px;
		text-decoration:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
}
.button:hover, #bot a {
		border: 1px solid #222;
		background:#444;
		cursor:pointer;
		-moz-box-shadow:0px 0px 5px #333;
		-webkit-box-shadow:0px 0px 5px #333;
		box-shadow:0px 0px 5px #333;
}

#bot {
margin:30px 0 0 10px
}

/* imagenes */
#data input[type="radio"] {display:none; visibility:hidden;}
#data img {border:4px solid #ccc}
#data img.imgselect {border:4px solid #006699} 

img:hover, .logovideo:hover, .logo:hover {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85; 
}
.login {border:1px solid #ccc;width:560px; height:350px; background-color:#EBEBEB}


/* Tabla */ 

.tabla p {
	font-size:1em;	
	color:#636363;
	line-height:1.3em;
	margin-top:7px;
	border-bottom:1px solid #ccc;
	}
	

.tabla td {
padding:3px;
}	

/* Tabla Administracion de Videos*/ 

.tablavideos p {
	font-size:0.9em;	

}
	

.tablavideos tbody tr {
background-color:#E9E9E9;
border-bottom: 1px solid #ccc;
}	
.tablavideos tbody tr:hover {
background-color:#fff;
}	


.tablavideos img {
margin-right:8px;
}	


.titulo  {
	font-size:1em;	
	color:#006699;
	
}	
.noprocesado p {
padding:3px;
background-color:#B2CDF8;
color:#06398D;
font-size:0.8em;
margin-top:5px;
}	




.alert  {
	font-size:1em;	
	color:#8E1212;
}	
.alertbox  {
	font-size:1.1em;	
	color:#8E1212;
	background:#CB9797;
	line-height:1.3em;
	padding:10px;
	border:1px solid #red;
	}	
	
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ FOOTER ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */		
.footer {
		background-color: #c4c4c4;
		height:60px;
		border-top:2px solid #fff;
}





/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
.header {
		background-color: #2B5C74;
		/* background-color: #f0f0f0;*/
		height:90px;
		border-bottom:1px solid #fff;
		-moz-box-shadow:0px 0px 5px #333 inset;
		-webkit-box-shadow:0px 0px 5px #333 inset;
		box-shadow:0px 0px 5px #333 inset;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}
