/* CSS Document */

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

body{ background-image:url(../images/fd_web.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px }

.clear_b{ clear:both}


/*CONTENEDOR*/
#contenedor{ width:970px; margin:0 auto}
#contenedor #top{ width:950px; height:80px; margin:0 auto; clear:both}
#contenedor #top .logo{ float:left; margin:20px 0 0 0}
#contenedor #top .right{ float:right; width:830px; margin:10px 0 0 0; text-align:right }
#contenedor #top .facebook{ margin:43px 0 10px 20px; float:right; vertical-align:middle}
#contenedor #top .titulo{margin:32px 10px 0 0; float:right; vertical-align:middle}


/*CONTENIDO*/
#contenido_top{ width:937px; height:27px; margin:0 auto; background-image:url(../images/contenido_top.png)}
#contenido_fd{ width:937px; margin:0 auto; background-image:url(../images/contenido_fd.png); background-position:bottom; display:table}
#contenido_fd .top_tit{ width:937px; margin:0 auto}
#contenido_fd .tit_int{ margin:10px 0 0 20px; float:left; vertical-align:middle}
#contenido_fd .inicio{ margin:0 20px 0 0; float:right; vertical-align:middle}
#contenido_fd .left_int{ width:433px; float:left; margin:0 23px 0 4px }
#contenido_fd .right_int{ width:433px; float:left; margin:0 0 0 20px}
#contenido_bott{ width:937px; height:41px; margin:0 auto; background-image:url(../images/contenido_bottom.png)}


/*OTROS*/
#otros{ width:929px; margin:0 auto 0 auto; clear:both}
#otros .resumen{ width:453px; height:30px; margin-top:5px;  background-color:#eceff5; float:right}
#otros .resumen .left{ float:left; width:200px;  margin:8px 5px 5px 5px}
#otros .resumen .left img{ vertical-align:middle; margin:0 5px 0 0}
#otros .resumen .right{ float:right; width:100px}
#otros .resumen .right img{margin:8px 0 0 0}
#otros .otros{ width:453px; height:30px; margin-top:5px; background-color:#eceff5; /*background-image:url(../images/fd_otros.gif)*/;  float:left}
#otros .otros .left{ float:left; width:420px;  margin:8px 5px 5px 5px}
#otros .otros .left img{ vertical-align:middle; margin:0 5px 0 0}


/*BUSCADOR*/
#busca{ width:929px; height:65px; margin:0 auto; background-image:url(../images/fd_busca.gif); background-repeat:no-repeat; background-position:50px 4px; background-color:#5570a5; clear:both}
#busca #buscador{ width:303px; height:57px; float:right; background-image:url(../images/fd_buscador.gif); background-repeat:no-repeat; margin:5px 50px 0 0}
#busca #buscador input{ width:190px; height:16px; margin:16px 0 0 10px; padding:3px; border:none; float:left }
#busca #buscador input.bot{ float:left}

/*REGISTRO*/
#registro{ width:929px; margin:0 auto}
#registro .intro{ width:929px; height:138px; margin:0 auto; background-image:url(../images/il_registro.png); background-repeat:no-repeat; background-position:50px 0}
#registro .intro .texto{ width:690px; float:right; margin:30px 0 0 0 }
#registro .intro .texto h2{ font-size:12px; font-weight:bold}
#registro .opciomes{ width:790px; margin:0 auto; clear:both; text-align:right}
#registro .opciomes img{ margin:10px 10px 0 10px}
#registro fieldset{ width:929px; margin:0 auto; clear:both}
#registro fieldset .formul{ width:929px; margin:0 auto; padding:6px 0 6px 0; background-color:#ececee; clear:both}
#registro fieldset .formul_int{ width:790px; margin:20px auto}
#registro fieldset .dat_personales{ width:600px; float:left; margin:0 0 0 20px}
#registro fieldset .subir_foto{ width:210px; float:left; margin:10px 0 0 70px}
#registro fieldset .subir_foto .foto{ width:50px; float:left; margin:0 6px 0 0}
#registro fieldset .subir_foto label.foto{ width:140px; float:left; font-size:11px}
#registro fieldset .formul_r{ width:790px; margin:20px auto}
#registro label.control{ float:left; margin:10px 20px 0 0}
#registro input.control{ width:169px; height:18px; background-image:url(../images/fd_control.gif); padding:5px 5px 2px 5px}
#registro div.control{ width:179px; height:25px; float:left; margin:10px 20px 0 0; background-image:url(../images/fd_control.gif)}
#registro select.control_sel{ width:155px; height:18px; padding:5px 5px 2px 5px; margin:3px auto 0 9px; border:none}
#registro label.mail{ float:left; margin:10px 20px 0 0}
#registro input.mail{ width:229px; height:18px; background-image:url(../images/fd_mail.gif); padding:5px 5px 2px 5px}
#registro legend{ color:#c10727; font-size:12px; font-weight:bold; margin:6px 60px}
#registro .nota_legal{ font-size:10px; text-align:justify;display:none}
#registro .nota_legal h2{ font-size:12px; font-weight:bold; margin:20px auto 5px auto}
#registro .condiciones{ width:790px; margin:0 auto}
#registro .otros{ width:790px; margin:0 auto 20px auto}
#registro label.otros{ width:350px; float:left; margin:10px 20px 20px 0 }



/*CONTENT*/
#content{ width:929px; margin:20px auto }
#content #comment{ width:929px; margin:0 auto; background-image:url(../images/top_comentario_ppal.gif); background-repeat:no-repeat; background-color:#eceff5; clear:both; display:table}
#content #comment .youtube{ width:461px; float:left; margin:40px 0 20px 10px }
#content #comment .youtube .autor{ width:461px }
#content #comment .youtube .autor .tema{ width:220px; float:right; font-size:14px; font-weight:bold; margin:5px 10px 0 0}
#content #comment .youtube .autor .foto{ float:left; width:50px; height:50px; margin:0 10px 0 0}
#content #comment .youtube .autor .foto img{ margin:8px}
#content #comment .youtube .autor .nombre{ width:150px;float:left; margin:5px 0 0 5px}
#content .tit_videos{ width:900px; margin:0 auto}
#content .display{ width:929px; margin:0 auto 20px auto; clear:both }
#content .left{ width:453px; float:left; background-image:url(../images/fd_modulo.gif); background-repeat:no-repeat;background-position:0 30px; margin:20px 0 0 0 }
#content .right{ width:453px; float:right; background-image:url(../images/fd_modulo.gif); background-repeat:no-repeat;background-position:0 30px; margin:20px 0 0 0 }
#content .tit{ margin:0 0 10px 0; clear:both}
#content .modulo{ width:433px; height:170px; margin:19px 0 0 0; padding:10px; background-color:#eceff5; clear:both}
#content .modulo_it{ width:433px; clear:both}
#content .modulo_itl{ width:433px; float:left;margin:0 23px 0 4px}
#content .modulo_itr{ width:433px; float:left; margin:0 0 0 20px}
#content .foto_user{ width:50px; float:left}
#content .detalle_user{ width:366px; float:right}
#content .user_left{ width:276px; float:left}
#content .detalle_user a.user{color:#3d5d9a; font-weight:bold; display:block}
#content .detalle_user a.user_vot{color:#d90025; font-weight:bold; display:inline }
#content .megusta{ width:100px; height:49px; float:right; font-size:18px; font-weight:bold; color:#d90025; text-align:right}
#content .megusta img{ vertical-align:middle}
#content .resumen{ width:453px; height:30px; clear:both; background-color:#eceff5}
#content .resumen .left{ float:left; width:300px;  margin:8px 5px 5px 5px}
#content .resumen .left img{ vertical-align:middle; margin:0 5px 0 0}
#content .resumen .right{ float:right; width:100px; margin:0 5px 0 0}
#content .resumen .right input{margin:7px 0 0 0}
#content .resumen .right img{margin:7px 0 0 0}
#content .comentario_user{ width:433px; margin:10px 0 0 0; clear:both}
#content .video_th{ width:120px; float:left; margin:0 10px 0 0}
#content .video_detalle_user{ width:290px; float:left}
#content .video_user{ width:433px; margin:10px 0 0 0; color:#d90025; font-weight:bold; clear:both}
#content .vermas{ float:right; color:#3d5d9a; font-weight:bold; display:block; margin:5px 10px 10px 0}
#content .video_user a.user_coment{color:#3d5d9a; font-weight:bold; display:inline}
#content .user_right{ width:150px; float:left; margin:0 0 0 5px}
#content .total_dest{ width:61px; height:33px; padding:10px 0 0 0; background-image:url(../images/fd_total_dest.gif); float:right; font-size:14px; font-weight:bold; color:#fff; text-align:center}
#content .total{ width:61px; height:33px; padding:10px 0 0 0; background-image:url(../images/fd_total.gif); float:right; font-size:14px; font-weight:bold; color:#fff; text-align:center}
#content .video_detalle_user a.user{color:#3d5d9a; font-weight:bold; display:block}
#content .video_detalle_user a.user_vot{color:#d90025; font-weight:bold; display:inline }
#content .user_left{ width:276px; float:left}
#content .comentario_video{ width:423px; margin:10px auto; clear:both}
#content a{ color:#3d5d9a}
#content .publi{ width:930px; margin:20px auto; clear:both}
#content .publi img{ margin:0 11px 0 11px; float:right}
#content .publi .vertodos{ float:left; width:460px; text-align:right; margin:10px 0 0 0}
#content .publi img{ float:right}
#content .comentario_sel{ width:423px; margin:32px 0 0 0; padding:10px; background-color:#eceff5; float:left}
#content .comentario_user_sel{ width:423px; margin:10px 0 0 0; float:right}
#content .comentario_sel .compartir{ float:right; cursor:pointer}




/*PAGINACION*/
#paginacion{ width:880px; margin:20px auto; clear:both; text-align:right; padding:10px 20px 0 0}
#paginacion a{ color:#3d5d9a; font-size:12px; font-weight:bold}


/*BASES*/
#bases_top{ width:871px; height:20px; margin:0 auto; background-image:url(../images/top_tutoyota.png);}
#bases{ width:871px; margin:0 auto; background-image:url(../images/content_bases.png); background-repeat:no-repeat; background-position:bottom}
#bases .top{ width:871px; height:20px; margin:0 auto; background-image:url(../images/top_tutoyota.png);}
#bases h1{ color:#3d5d9a; font-weight:bold; font-size:14px; margin:0 0 20PX 0}
#bases .texto{ width:780px; margin:0 auto; padding:20px}
#bases .texto p{ margin:0 0 5px 0}
#bases .texto a{ color:#3d5d9a; font-weight:bold}


/*BOTTOM*/
#bottom{ width:100%; height:420px; margin:0 auto; clear:both; background-color:#3d5d9a}
#bottom .bases{ width:920px; margin:10px auto; color:#fff; clear:both; text-align:right; font-weight:bold}
#bottom .bases a{ color:#fff; font-weight:bold; text-decoration:none}
#bottom .bases a:hover{ color:#fff; font-weight:bold; text-decoration:underline}
#bottom .widget{ width:920px; margin:0 auto; background-color:#3d5d9a; clear:both; padding:10px 0 0 7px}
#bottom .logo{ width:920px; margin:15px auto 5px auto; clear:both}