@charset "utf-8";
/* CSS Document */
body{
	background-image:url("terminado produsscto.jpg");
	background-repeat:no-repeat;
	font-family:"Helvetica",Arial;
}
#contenido{
	width:960px;
	margin:0 auto;
	text-align:center;
	}
	h1{
		color:#3FF;	
		font-family: 'Russo One', sans-serif;
		}
		h1 a{
		color:#FF0;	
		font-family: 'Russo One', sans-serif;
		margin:25px
		}
		h1 a{
			text-decoration:none
			}
		header hgroup h1{
			border-bottom:solid;
			padding-bottom:10px;
			border-width:1px;
			border-color:#00F;
			text-shadow:0px 0px 20px rgba(100,50,100,5);
			
			transition:all 0.5s linear;
						}
						header hgroup h1:hover{
			border-bottom:solid;
			padding-bottom:10px;
			border-width:10px;
			border-color:#0FF;
			;
						}
						
nav ul li{
	display:inline-block;
	margin:20px;
	color:#0F0;
	cursor:pointer;
	padding:5px;
	
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	}
nav ul li:hover{
		background-color:#309;
		color:#00F;
		border-radius:5px;
		}
nav ul li a{
	text-decoration:none;
	}
#textoPr{
	width:600px;
	height:300px;
	background-image:url("banner.jpg");
	color:#FFF;
	margin:0 auto;
	text-align:left;
	border-radius:10px;
	padding:20px;
	box-shadow:0px 0px 20px rgba(0,0,0,5);
	}
a{
	color:#60F;
	font-weight:bold;
	}
	p{
	color:#FFF;	
	}
	aside p{
		color:#FFF;
	}
aside p a{
text-decoration:none;
transition:all 0.1 linear;
}
aside p a:hover{
border-bottom:solid;
}
#textoPr li{
	display:inline-block;
	margin:10px;
	font-weight:bold;
	color:#FF0;
}
#textoPr ul{
	display:inline-block;
	margin:14px;
	font-weight:bold;
}
	#miCanvas{
		position:absolute;
		bottom:0px;
		left:0px;		
		}
meter{
	background-color:#FFF;
	padding:3px;
	margin-left:20px;
	width:200px;
	}
label{
	display:block;
	}
#btnSubmit{
	border:none;
	background-color:#FFF;
	color:#00F;
	padding:4px;
	margin:20px;
	cursor:pointer;
	font-family: 'Russo One', sans-serif;
	}
#calificacion{
	width:150px;
	-webkit-appearance:none;
	background-color:#FFF;
	height:20px;
	border-radius:5px;
	cursor:pointer;
	}
	#calificacion::-webkit-slider-thumb{
		-webkit-appearance:none;
		background-color:#00F;
		border-radius:0px;
		height:18px;
		width:10px;
		
		transition:all 0.1s linear;		
		}
#calificacion::-webkit-slider-thumb:hover{
}
		background-color:#F00;
		border-radius:50px;
#mediaC{
	box-sizing:border-box;
	}
	.particion{
	display:inline-block;
	width:45%;	
		}
#mediaC audio{
	width:200px;
	}
#mediaC video{
	height:180px;
	}