/*
Estilo para el contenido de la página Inicio Sesion
*/

#contenidoiniciosesion {
   width: 904px;
   height: auto;
   position: relative;
   overflow: hidden;
   top: 0px;
   margin: 0 auto 20px;
   border: 1px solid rgba(255, 255, 255, 0.75);
   border-radius: 10px 10px 10px 10px;
   -o-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

a.texto-peqinicio, a.texto-peqinicio:visited, a.texto-peqinicio:active, a.texto-peqinicio:focus, a.texto-peqinicio:link {
   color: rgba(255, 255, 255, 0.75);
   text-decoration: none;
   cursor: pointer;
   width: 31%;
   float: right;
   position: relative;
   top: 0;
   font-size: 12px;
   margin-bottom: 20px;
   text-align: right;
   margin-right: 40px;
}

a.texto-peqinicio:hover {
   color: rgba(182, 43, 18, 0.75);
}

a.texto-peqinicio2, a.texto-peqinicio2:visited, a.texto-peqinicio2:active, a.texto-peqinicio2:focus, a.texto-peqinicio2:link {
   color: rgba(255, 255, 255, 0.75);
   text-decoration: none;
   cursor: pointer;
   position: relative;
   top: 4px;
   font-size: 14px;
   margin-bottom: 20px;
   text-align: right;
   float: left;
   width: 145px;
   text-align: center;
}

a.texto-peqinicio2:hover {
   color: rgba(0, 102, 204, 0.75);
}

.error-contrasenya {
   width: 40%;
   float: right;
   color: #f00;
   text-align: right;
   margin-right: 20px;
}

.error-contrasenya2 {
   width: 190px;
   color: #f00;
   text-align: right;
   margin: 0 auto;
}

/*
Estilo para el contenido de la página Registro de Usuario
*/

#contenidoregistrouauario {
   width: 800px;
   height: auto;
   position: relative;
   overflow: hidden;
   top: 0px;
   margin: 0 auto 20px;
   border: 1px solid rgba(255, 255, 255, 0.75);
   border-radius: 10px 10px 10px 10px;
   -o-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

.titulo-registro {
   width: 99%;
   font-size: 20px;
   color: #06c;
   float: left;
   margin-left: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   font-weight: bold;
   height: 30px;
   text-align: center;
}

#contenidoregistrouauario form {
   position: relative;
   float: left;
   margin-left: 40px;
}

.input-registro {
   width: 99%;
   position: relative;
   float: left;
   margin-bottom: 10px;
}

.texto-registro {
   color: #fff;
   text-align: center;
   font-weight: bold;
   background-color: #06c;
   width: 35%;
   position: relative;
   float: left;
   padding: 10px 0;
}

.input-registro input {
   background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
   position: relative;
   float: left;
   width: 58%;
   height: 33px;
   left: 15px;
}

#listabotones {
   width: 100%;
   float: left;
   margin-top: 20px;
   margin-bottom: 20px;
   list-style-type: none;
   padding: 0;
}

#listabotones li {
   float: left;
   margin-left: 149px;
}

.inputfinales {
   background-color: #06c;
   border-radius: 4px;
   color: #fff;
   cursor: pointer;
   height: 45px;
   font-size: 14px;
   font-weight: bold;
}

.textocontacto a {
   text-decoration: underline;
   color: #06c;
   font-weight: bold;
   float: left;
}

.textocontacto a:hover {
   text-decoration: none;
   opacity: 0.8;
}

/*
Estilo para el contenido de la páginas de videos
*/

#contenidovideos {
   width: 1200px;
   height: auto;
   top: 0px;
   overflow: hidden;
   position: relative;
   margin: 0 auto 20px;
}

#videotuto {
   width: 1200px;
   position: relative;
}