/** ESTRUCTURA **/

* {
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}

body {
background-color: #ffffff;
text-align: center;
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 11px;
color: #333333;
}

/** MAIN CONTAINERS **/
div#container {
width: 780px;
margin: 0 auto;
text-align: left;
}

div#header {
border-bottom: 5px solid #4ea2ea;
background-image: url('../img/logo.jpg');
background-repeat: no-repeat;
height: 80px;
margin: 0px;
padding: 0px;
}

div#header-in { }

div#content {
padding: 0px;
margin: 0px 0px 10px 0px;
float: left;
}

div#center {
float: right;
width: 490px;
border: 0px solid #666666;
margin: 0px 0px 0px 0px;
}

div#center2 {
float: right;
width: 620px;
border: 0px solid #666666;
padding: 0px;
margin: 0px;
}

div#center-in { }

div#left {
width: 150px;
border: 0px solid #666666;
float: left;
padding: 0px;
margin: 0px 10px 0px 0px;
}

div#right {
width: 120px;
border: 0px solid #666666;
float: right;
padding: 0px;
margin: 0px 0px 0px 10px;
}

div#footer {
border: 0px solid #666666;
clear: both;
padding: 0px;
margin: 0px 0px 10px 0px;
text-align: center;
font-size: 11px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: bold;
color: #003C70;
}

div#footer-in { }

/** LISTAS **/
* { }

/** TEXTOS **/
.ays {
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: #cc3300;
}

.ays:hover {
text-decoration: none;
font-weight: bold;
color: #996800;
}

/* FORMULARIOS */
// CAJAS DE VIDEOS
#videos-index { 
width: 490px;
clear: both;
text-align: center;
}

.caja-video-index {
width: 130px;
height: 120px;
float: left;
margin: 10px;
}

#videos { 
width: 490px;
clear: both;
}

.caja-video {
width: 130px;
height: 250px;
float: left;
margin: 10px;
font-weight: normal;
}

.img-videos {
width: 130px;
height: 93px;
border: 1px solid #666666;
margin: 0px;
padding: 0px;
}

// HEADER
#botonera {
float: left;
}

.botonera1 {
width: 151px;
height: 21px;
margin: 0px 0px 10px 160px;
padding: 0px;
border: 0px solid #ffffff;
}

.botonera2 {
width: 203px;
height: 21px;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px solid #ffffff;
}

.botonera3 {
width: 100px;
height: 21px;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px solid #ffffff;
}

// MENU NAVEGACION

#menunav { }

.menu-botones {
width: 104px;
height: 24px;
border: 0px solid #ffffff;
margin: 2px 0px 2px 25px;
padding: 0px;
}

#menutitulo {
height: 19px; 
background-image: url('../img/menu-tit.jpg');
background-repeat: no-repeat;
margin: 0px 0px 10px 0px;
padding: 2px 0px 0px 20px;
font-size: 12px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: bold;
color: #003C70;
}

#menucaja {
margin: 0px 0px 10px 0px;
padding: 0px;
}

.input-boton {
background: transparent url('../img/boton-buscar.gif') no-repeat;
width: 58px;
height: 21px;
border: 0px solid #eeeeee;
margin: 0px
padding: 0px;
font-size: 11px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: normal;
color: #003C70;
}

.input-text {
width: 250px;
margin: 0px
padding: 0px;
font-size: 11px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: normal;
color: #003C70;
}

.input-select {
height: 18px;
margin: 0px
padding: 0px;
font-size: 11px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: normal;
color: #003C70;
}

.input-botonvotar {
background: transparent url('../img/boton-votar.jpg') no-repeat;
width: 58px;
height: 21px;
border: 0px solid #eeeeee;
margin: 0px
padding: 0px;
font-size: 11px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: normal;
color: #003C70;
}

.link-video {
background: transparent url('../img/icon-item.jpg') no-repeat center left;
font-size: 11px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: bold;
color: #003C70;
padding: 0px 0px 2px 7px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}

.link-tags {
font-size: 11px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: normal;
color: #003C70;
text-decoration: none;
}

.titular {
font-size: 18px;
font-family: Tahoma; Verdana, Arial, Helvetica;
font-weight: bold;
color: #003C70;
text-decoration: none;
text-align: center;
}

.separador {
background: #4ea2ea;
width: 460px;
height: 2px;
border: 0px solid #ffffff;
margin: 0px 0px 10px 0px; 
clear: both;
}

// FORM RECOMENDAR

.form {
margin: 5px 0px 5px 0px;
padding: 10px;
border: 1px solid #f2f2f2; 
background-color: #FAFAFA; 
color: #666666;
}

label {
display: block;
font-weight: bold;
margin: 5px 0;
}

input {
padding: 2px;
border: 1px solid #cccccc;
font: normal 1em Verdana, sans-serif;
color:#777;
}

input.button { 
margin: 0; 
font: bolder 12px Arial, Sans-serif; 
border: 1px solid #CCC; 
padding: 2px 3px; 
background: #FFF;
color: #275F6C;
}

.contenedor-video {
width: 460px;
text-align: center;
}

.contenedor-descripcion {
width: 460px;
text-align: center;
}

embed {
width: 425px;
height: 350px;
}

.avatar-perfil {
padding: 8px 8px 0px 0px;
border: 0px;
margin: 0px 30px 10px 0px;
float: right;
}

// FORMULARIO DE REGISTRO

.form-registro {
margin: 0px;
padding: 0px;
}

.form-registro-input {
padding: 2px;
border: 1px solid #999999;
font: normal 1em Verdana, sans-serif;
color:#777;
}

.form-registro-select {
padding: 2px;
border: 1px solid #999999;
font: normal 1em Verdana, sans-serif;
color:#777;
}

.form-registro-boton {
background: #4ea2ea;
padding: 2px;
border: 1px solid #999999;
font: normal 1em Verdana, sans-serif;
color:#ffffff;
margin: 0px 0px 10px 0px;
}

div#login {
margin: 10px 0px 10px 0px;
}

.login-input {
margin: 2px 0px 2px 0px;
}

.login-boton {
height: 25px;
margin: 2px 12px 10px 0px;
float: right;
background: #4ea2ea;
color:#ffffff;
font-weight: bold;
text-transform: uppercase;
}