body{background:none !important;overflow:hidden;font-family:Arial, Helvetica, sans-serif;font-size:12px; padding:0px; margin:0}

a:hover { color:#111}
.msj-ok{}

.usuario-activado { border:1px solid #e2e2e2; padding:40px 30px 60px; margin:15% auto 0; width:600px; text-align:center}
.usuario-activado header {border-bottom:1px solid #e2e2e2; padding-bottom:40px; margin-bottom:40px; background:none; padding-top:0}
.usuario-activado h2.logo { background:url(/images/logo.png) no-repeat; width:200px; height:42px; font-size:0; margin:0 auto; } 
.usuario-activado h2.logo a { width:200px; height:42px; float:left; font-size:0; background:none}
.usuario-activado .avatar { clear:both; overflow:hidden; width:64px; height:64px; margin-bottom:16px; display:inline-block; clear:both}
.usuario-activado .usuario {font-family: 'Open Sans', sans-serif; font-size:20px; color:#111; text-transform:uppercase; clear:both; font-weight:700; display:block; margin-bottom:20px} 
.usuario-activado p { font-size:16px; width:80%; text-align:center; margin:0 auto 30px}
.usuario-activado  a{ background:#111; padding:10px 25px; display:inline-block; margin:0 auto; text-align:center; color:#fff;font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase; font-weight:700; text-decoration:none}
.usuario-activado  a:hover { background:#DF0A0A}
.derechos { font-size:12px; color:#888; text-align:center;font-family: 'Open Sans', sans-serif; padding:20px 0; display:block}

.registro p.disc-txt {font-family: 'Lato', sans-serif; font-size:16px; font-weight:400; color:#111; line-height:160%; padding:28px 30px; background:#fff}

/* header */
header { background:#111; padding:27px 28px 28px}
header h2 { font-family: 'Lato', sans-serif; font-size:20px; font-weight:700; color:#fff;}
p {font-family: 'Open Sans', sans-serif; font-size:14px; line-height:180%; margin-bottom:15px}
h5 {font-family: 'Lato', sans-serif; font-size:16px; font-weight:400; color:#111; margin:0 0 18px 29px}
.btn-redes h5 { margin-bottom:17px}
header h2 .ico-avatar { border-radius:50%; overflow:hidden; width:32px; height:32px; float:left; margin-right:15px; position:relative; top:-6px}

.bottom-top select { height:42px; width:280px; margin-left:30px; font-size:14px; font-weight:700; text-transform:uppercase; color:#111;font-family: 'Lato', sans-serif; float:left; padding-left:10px}
.bottom-top .salir { float:right; margin-right:30px; background:#DF0A0A; padding:8px 23px 7px; color:#fff; font-size:14px;font-family: 'Lato', sans-serif; margin-top:7px}
.bottom-top .salir:hover { background:#CB0A0A; text-decoration:none}
/* btn redes */
.btn-redes, .bottom-top, .legend { background:#f2f2f2; padding:28px 0 31px; clear:both; overflow:hidden}
.bottom-top { margin-bottom:0px}
.btn-redes { margin-bottom:0px}
.legend { padding:24px 0; margin-bottom:0px}
.edit-perfil .bottom-top, .contrasenia .bottom-top { padding:20px 0;margin-bottom:0px}
.fb-login {display:inline-block; float:left;padding:0 10px; width:230px; margin:0 20px 0 29px; background:#3C5A99;cursor:pointer; color:#fff;font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; line-height:44px;}
.fb-login:hover { background:#365189;}
.fb-login:hover .ico {background: url(/images/ico/ico.png) 0px -60px;}
.fb-login .ico { background: url(/images/ico/ico.png) 0px -0px; width:32px; height:32px; float:left; margin-right:10px; position:relative; top:5px}
.gp-login {display:inline-block; float:left;padding:0 10px; width:230px; margin:0; background:#D73D32;cursor:pointer;color:#fff;font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; line-height:44px;}
.gp-login:hover { background:#CD3427;}
.gp-login:hover .ico { background: url(/images/ico/ico.png) -36px -60px;}
.gp-login .ico { background: url(/images/ico/ico.png) -36px 0px; width:32px; height:32px; float:left; margin-right:10px; position:relative; top:5px} 

/*mensaje de error*/
.msj-error{color:#F90000;padding-left:0px;margin:10px 0 0 0; clear:both; line-height:138%}
.entrar .msj-error{ margin-top:17px}

.encuesta{width:488px;height:370px;padding:10px;margin:0 auto;}
.inner-encuesta{ border:4px solid #E3E4E6;padding:20px; }
	
.title{ height:29px;border-bottom:1px solid #E3E4E6;font-weight:bold;color:#F96914;position:relative;}
.title .ico{width:7px;height:4px;background:url(/images/fondos.png) -279px -212px;float:left;margin:6px 7px 0 0;}
a.close{position:absolute;top:0;right:0;color:#F96914;}
.title span{float:left;}
	
/*modalidad*/
.modalidad{ padding:15px 0 15px 0;line-height:160%;color:#676767;}
.modalidad b{color:#000;display:block;}
	
.verificacion{background:#E3E4E6;width:440px;height:80px;position:relative;margin-bottom:10px;}
.verificacion span{position:absolute;top:0;left:0;display:block;height:25px;padding:9px 0 0 0;width:105px;text-align:right;}
.verificacion span b{color:#F96914;}
.verificacion div.img{position:absolute;top:10px;left:115px;width:300px;height:60px;background:#FFF;}
.verificacion div.img img{position:absolute;top:16px;left:90px;}
		
/*cofdigo*/
.codigo{background:#E3E4E6;width:440px;height:40px;position:relative;margin-bottom:24px;}
.codigo span{position:absolute;top:0;left:0;display:block;height:40px;line-height:40px;width:105px;text-align:right;}
.codigo input{background:#FFF;border:1px solid #FFF;color:#676767;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:14px;left:115px;padding:2px;position:absolute;top:10px;width:296px;}

.pop-votar{background: url(/images/fondos.png) -247px -231px;margin:0 auto;width:53px;height:17px;display:block;text-indent:-100000px;overflow:hidden;padding:0;}	
.disclaimer{color:#676767;border-top:1px solid #E3E4E6;margin-top:20px;padding-top:16px;}

/*resultados encuesta*/
#resultados{width:628px;height:419px;}

/*ver resultados*/
a.vr{background:url(/images/fondos.png) -257px -262px;width:111px;height:17px;display:block;padding:0;font-size:0;text-indent:-10000px;overflow:hidden;margin:15px auto 0;}

/*tabla*/
tr.row1{}
td.col1{width:201px;font-weight:bold;color:#F96914;height:21px;border-bottom:1px solid #E3E4E6;}
td.col2{width:85px;color:#676767;height:21px;border-bottom:1px solid #E3E4E6;}
td.col3{width:95px;color:#676767;height:21px;border-bottom:1px solid #E3E4E6;}
td.col4{width:58px;color:#676767;height:21px;border-bottom:1px solid #E3E4E6;}	
td.col5{width:88px;font-weight:bold;color:#000;height:21px;border-bottom:1px solid #E3E4E6;}
td.col6{width:53px;font-weight:bold;color:#000;height:21px;border-bottom:1px solid #E3E4E6;}

/*margin!!!*/
tr.fake td{height:20px;}
tr.fake2 td{height:38px;}	

/*segunda row encuesta resultados*/
tr.row2{}
tr.row2 td{height:25px;vertical-align:middle;}
td.center span{padding-left:21px;}
td.last span{padding-left:10px;color:#F96914;}

/*votos totales*/
tr.cant{}
tr.cant td{border-top:1px solid #E3E4E6;height:30px;vertical-align:bottom;color:#676767;}
tr.cant b{color:#F96914;font-weight:normal;}

/***
version para imprimir
***/
#pop-imprimir{width:590px;margin:0 auto;}
#pop-imprimir .interior{	width:558px;border:1px solid #E3E4E6;/*height:528px;*/margin:10px auto;}
.nota{width:505px;margin: 0 auto;padding:20px 0 10px;}
.header{background:#000;height:108px;width:505px;margin:0 0 6px 0;position:relative;}
.header img{position:absolute;top:0;left:0;}
.footer{text-align:center;color:#676767;border-top:1px solid #E3E4E6;padding-top:12px;margin-top:55px;}
.lectores.clave footer { background:#fff; padding-bottom:77px}
.lectores.clave footer p { font-size:16px; color:#111; line-height:160%; font-family: 'Lato', sans-serif; margin-left:30px; padding:30px; padding-left:0}
.continuar { background: #111;color: #fff;font-size: 14px;font-family: 'Lato', sans-serif;border: 0 none;cursor: pointer;padding: 10px 25px;width: auto;margin-top:30px;display: inline-block; margin-left:30px}

	/*temas y fecha*/
a.print{display:block;position:absolute;top:0;right:0;background:url(/images/fondos.png) repeat scroll -97px -181px;width:16px;height:16px;padding:0;overflow:hidden;font-size:0; }
#pop-imprimir h2{font-size:21px;font-weight:bold;line-height:125%;display:block;padding:10px 0 14px 0;}
	
.nota-bajada{line-height:160%;border-bottom:1px solid #E3E4E6;padding-bottom:12px;}

/*foto*/
#alone{margin:15px 12px;padding-bottom:12px;border-bottom:1px solid #E3E4E6;}
.foto{width:368px;margin:0 auto;}	
.foto-pie{color:#F96914;font-style:italic;width:368px;margin:0 auto;padding-top:8px;}	

.nota-texto{line-height:160%;}
	
/*enciar nota*/
#fcontacto { padding:27px 0 27px; overflow-y:auto; height:400px; margin-bottom:30px; background:#fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.entrar #fcontacto { height:auto; background:#fff}
.perfil #fcontacto { padding:28px 0 27px;}
.olvide #fcontacto { padding: 30px 0 34px;height:235px;}
span.line-contact{height:1px;background:#E3E4E6;width:440px;margin:15px 0 15px;	display:block;}

.form-block { clear:both; overflow:hidden;padding:0 0 30px;position:relative;width:90%;margin:0 0 29px 30px}
.olvide .form-block { margin-bottom:0; padding-bottom:19px;}
.olvide .form-block:first-child input { width:250px; float:none}
.olvide .form-block.form-bt { border-bottom:none}
.olvide .msj-error { margin-top:17px}
.contrasenia .form-block { padding-bottom:0; margin-bottom:20px}
.edit-perfil .form-block { margin-bottom:0; padding-bottom:20px}
.edit-perfil .form-block input { width:51%}
.form-block.wd { padding-bottom:0; margin-bottom:20px}
.form-block span { display:block;  color:#676767; position:relative;}
.noticias .form-block span { float:right}
.form-block span b { color:#F47621; font-weight:normal;}
.formulario .form-block { width:92.1%}

.form-block label {padding:0 0 10px;display:block;font-family: 'Lato', sans-serif; font-size:14px; color:#111; font-weight:700; float:none}
.form-block .txt { border:1px solid #e2e2e2; color:#111; font-family: 'Lato', sans-serif; font-size:14px; padding:11px 15px; width:218px; float:left}
.form-block textarea {border:1px solid #e2e2e2;}
.form-block .txt:last-child { margin-right:0} 

.form-block span.faketxt { background:#f2f2f2; padding:14px 15px; font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; width:250px; color:#111} 

.perfil .formulario .form-block.redes { border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; padding:30px 0 30px; margin:0px 0 28px 30px}
.formulario .form-block.redes .asociar-fb, .formulario .form-block.redes .asociar-gp { float:left; margin-right:30px; width:230px}
.formulario .form-block.redes .asociar-gp { margin-right:0}
.asociar-fb .ico { background:url(/images/ico/ico.png) -72px -41px; width:42px; height:40px; float:left; margin-right:14px}
.asociar-fb.active .ico { background:url(/images/ico/ico.png) -72px 0; width:42px; height:40px; float:left; }
.asociar-fb label { padding:2px 0 5px}
.asociar-fb span { font-weight:400; color:#111;font-family: 'Lato', sans-serif; font-size:14px}
.asociar-fb a { clear:both; display:block;font-weight:400; color:#666;font-family: 'Lato', sans-serif; font-size:14px;}
.asociar-fb .desc { float:left}


.asociar-gp .ico { background:url(/images/ico/ico.png) -116px -41px; width:42px; height:40px; float:left; margin-right:14px}
.asociar-gp.active .ico { background:url(/images/ico/ico.png) -116px 0; width:42px; height:40px; float:left; margin-right:10px}
.asociar-gp label { padding:2px 0 5px}
.asociar-gp span { font-weight:400; color:#111;font-family: 'Lato', sans-serif; font-size:14px}
.asociar-gp a { clear:both; display:block;font-weight:400; color:#666;font-family: 'Lato', sans-serif; font-size:14px;}
.asociar-gp .desc { float:left}

.asociar-fb a:hover, .asociar-gp a:hover { color:#111}

.form-block select {height:42px;width:280px;font-size:14px; font-weight:400; text-transform:none; color:#111; font-family: 'Lato', sans-serif; float: left;}

.perfil .formulario .form-block.highblock { padding-bottom:34px}
.highblock .cont { float:left; margin-right:15px;}
.highblock figure { width:64px; height:64px; border-radius:50%; overflow:hidden; position:relative; top:15px}
.highblock label { clear:both; display:block; margin:0px auto}
.perfil .cabinet span, .perfil .cabinet { position: relative; top:3px; padding-bottom:0; margin-bottom:0}
.perfil .cabinet span:hover { color:#111}
.cabinet { position:relative}
.cabinet .file { opacity:0; position:absolute; top:0; left:0; cursor:pointer}
.cabinet .cambiar {font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#666; margin-bottom:10px; float:left; margin-right:20px; position:relative; top:8px; cursor:pointer; z-index:30}
.cabinet .cambiar:hover { text-decoration:underline}
.cabinet .quitar-avatar { font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#666; position:relative; float:left; position:relative; top:3px}

.contrasenia .form-block.form-bt { border-bottom:none; padding-top:30px; border-top:1px solid #e2e2e2; margin-top:30px}
.form-block.highblock p { float:left}
p.disc{ color:#666;font-family: 'Open Sans', sans-serif; font-size:11px; line-height:140%; width:200px; margin-bottom:5px }
.disclaimer2 b{color:#F96914;}

.form-bt {border-bottom:1px solid #e2e2e2; padding-bottom:30px; margin-bottom:30px;}
.form-bt input {background:#111; color:#fff; font-size:14px; font-family: 'Lato', sans-serif; border:0 none; cursor:pointer; padding:8px 30px 9px; width:auto; float:left}
.form-bt .msj-error { clear:none; float:none; width:95%; line-height:160%; margin-top:0; padding-top:0; margin-bottom:20px}
.entrar .form-bt input { float:left}
.entrar .form-bt .msj-error { float:left; width:250px; margin-bottom:0; clear:none}
.form-bt input:hover { background:#222}
.edit-perfil .form-bt input { width:auto; float:left}
.edit-perfil .form-bt, .formulario .form-block.form-bt { border-bottom:none; border-top:1px solid #e2e2e2; padding-top:30px; margin-top:10px}
.perfil .formulario .form-block.form-bt, .clave .formulario .form-block.form-bt { margin-top:2px}
.noticias .formulario .form-block.form-bt { width:90%; margin-top:0}

.entrar .form-block.form-bt { border-top:none; border-bottom:1px solid #e2e2e2; padding-bottom:30px; margin-bottom:22px; padding-top:0; margin-top:0}
.registro .formulario .form-block.form-bt { margin-top:0}
.registro .formulario .form-block:nth-last-child(2) { padding-bottom:22px}
.fb-asoc, .gp-asoc { width:170px; line-height:136%; color:#666}
/*.form-block.error input.txt, .form-block.error textarea, .form-block.error select { border:1px solid #DF0A0A;}*/

.msj-ok { display:block; margin-left:0px; margin-bottom:20px}
.msj-ok span {font-family: 'Lato', sans-serif; font-size:14px; color:#59B200}
.msj-ok span .ico { display:none /*background:url(/images/ico/ico.png) 0 -37px; width:12px; height:9px; float:left; margin-right:10px; position:relative; top:2px*/}

.msj-not { padding-top:10px; display:inline-block; margin-left:30px;}
.msj-not span {font-family: 'Lato', sans-serif; font-size:14px; color:#df0a0a}
.msj-not span .ico { background:url(/images/ico/ico.png) 0 -48px; width:9px; height:9px; float:left; margin-right:10px; position:relative; top:2px}


p.legend { padding-left:30px; padding-right:30px}
.registro p.legend { padding:22px 30px 26px}
.legend a { float:left; font-size:12px; color:#666; margin-left:30px;font-family: 'Lato', sans-serif;}
.legend a:hover { color:#111}
.legend a:last-child  { float:right; font-size:14px; color:#111; margin-right:30px;font-family: 'Lato', sans-serif;}

/* editar nota */
.formulario .form-block { margin-bottom:0; padding-bottom:30px}
.perfil .formulario .form-block { padding-bottom:28px}
.entrar .formulario .form-block  { padding-bottom:20px}
.entrar .formulario .form-block  input.txt { width:218px; margin-right:20px}
.entrar .formulario .form-block  input.txt:nth-child(2) { margin-right:0}
.entrar .form-block.form-bt { padding-bottom:30px}
.formulario .form-block.desc label { float:left}
.formulario .form-block.desc textarea { width:91.5%; min-height:80px; padding:10px 15px; line-height:160%}
.formulario .form-block.desc.texto textarea { min-height:178px}
.formulario .form-block.desc span { float:right; margin-top:2px;font-family: 'Lato', sans-serif; font-size:11px; margin-right:10px}
.formulario .form-block .txt{ width:248px; float:left}
.noticias .formulario .form-block input.txt{ width:91.5%; float:left}
.formulario p.disc { float:left; width:200px; margin-top:0px;}
.clave .formulario p.disc { float:right; margin-right:35px; margin-top:5px}
.clave .formulario .form-block.error p.disc { margin-right:20px;}
.formulario p.disc2 { float:none; clear:both; width:500px; font-size:11px; color:#666;font-family: 'Open Sans', sans-serif;}
.registro .formulario .form-block.wd p.disc, .registro .formulario .form-block .detalle { float:right; clear:none}
.registro .formulario .form-block.wd p.disc { margin-right:17px; margin-top:5px; float:right}
.form-block.highblock input { float:left; clear:none}
.fin-clave .cont { background:#fff; width:100%; height:299px}

#new_foto_1, #new_foto_2, #new_foto_3, #new_foto_4, #new_foto_5 { position:relative; clear:both; overflow:hidden}
.formulario .form-block input.file-foto { padding:10px; width:488px; margin-bottom:12px}
.noticias .form-block.img label, .noticias .form-block.img span { color:#111; font-size:12px;font-family: 'Lato', sans-serif; font-weight:400; text-align:center}
.noticias .form-block.img span { background:url(/images/ico/cerrar.png) no-repeat right; width:21px; height:21px; position:absolute; top:11px; right:-10px; display:block; font-size:0; cursor:pointer}
.cont-img { margin-top:0px; clear:both; overflow:hidden}
.noticias .form-block.img span a { width:21px; height:21px; float:right}
.formulario .form-block.carg-img { margin-bottom:0; padding-bottom:16px}
.noticias .form-block span.img-info, .perfil .cabinet span.info-avatar { font-size:12px; color:#F90000;font-family:Arial, Helvetica, sans-serif; padding-bottom:12px; text-align:left; float:left}
.perfil .cabinet span.info-avatar {clear: both; margin-top: 10px; margin-bottom: 0; padding-bottom: 0; width:200px; font-weight:400; display:none; line-height:148%}
.noticias .form-block.img { margin-left:0; margin-right:17px; width:88px; min-height:60px; float:left; clear:none; overflow:visible; margin-bottom:20px; padding-bottom:5px}
.noticias .form-block.img #foto_1, .noticias .form-block.img #foto_2, .noticias .form-block.img #foto_3, .noticias .form-block.img #foto_4, .noticias .form-block.img #foto_5{ border:1px solid #e2e2e2; padding:5px; width:76px; height:76px; float:left}
.noticias .form-block.img img { width:76px; height:76px; cursor:pointer}
.noticias .form-block.img.foto-img-5{ margin-right:0}

.listado-noticias { background:#fff; padding-bottom:20px}
.listado-noticias .msj-error { display:none}
.listado-noticias .sin-notas { margin:27px 0 30px 30px; padding-right:30px; background:#fff}
.listado-noticias .sin-notas p {font-family: 'Lato', sans-serif; font-size:14px; color:#111;}
.listado-noticias .sin-notas a  {background:#111; color:#fff; font-size:14px; font-family: 'Lato', sans-serif; border:0 none; cursor:pointer; padding:10px 25px; width:auto; margin-top:10px; display:inline-block}
.listado-noticias .sin-notas a:hover { background:#222; text-decoration:none}

.entrar .legend { background:none; padding:0}

/* registro */
.registro h5 {font-family: 'Lato', sans-serif; font-size:16px; color:#111; text-transform:uppercase; font-weight:700; margin-bottom:26px}
.registro h5.border  { border-top:1px solid #e2e2e2; margin-top:2px; padding-top:27px; width:90%}
.registro .disponibilidad { font-weight:700; color:#111;margin-bottom:8px; display:block; text-align:left; position:relative; float:none; margin-left:17px}
.registro  .form-block.highblock label { float:left}
.registro  .form-block { padding-bottom:28px}
.registro  .form-block.highblock input{ display:block}
.registro  .form-block .nombre-error, .registro  .form-block .nombre-exito { float:left; margin:10px 60px 0 0;font-family: 'Lato', sans-serif; font-size:11px; color:#59B200; display:none; clear:both}
.registro  .form-block .nombre-exito .ico { background:url(/images/ico/ico.png) 0 -37px; width:12px; height:9px; margin-right:5px; position:relative; top:1px; float:left}
.registro  .form-block .nombre-error { color:#DF0A0A}
.registro  .form-block .nombre-error .ico { background:url(/images/ico/ico.png) 0 -48px; width:9px; height:9px; margin-right:5px; position:relative; top:1px; float:left}
.registro  .form-block:nth-child(4) input { clear:both}

.registro .fecha select.d2, .registro .fecha select.m2, .registro .fecha select.a2, .perfil select.d2, .perfil select.m2, .perfil select.a2 { width:70px; float:left; color:#111;font-family: 'Lato', sans-serif; padding:10px 15px 10px 23px; height:auto; width:auto}
.registro .fecha select.m2, .registro .fecha select.a2, .perfil select.m2, .perfil select.a2 { margin-left:-1px}
.registro .fecha select.m2, .perfil select.m2 { width:auto}
.registro .fecha select.a2, .perfil select.a2 { width:100px}
.registro .detalle { float:right; text-align:left; margin-right:18px; position:relative;}
.form-block.captcha { padding-top:2px}

.item-normas .checkbox { float:left; margin-right:3px; position:relative; top:-4px}
.item-normas label { font-size:11px; padding:0; color:#111; font-weight:400; margin-top:2px}
.item-normas label a { color:#DF0A0A}

/* mis notas */
.editar-nota{ height:320px; overflow:auto; background:#fff}
.misanuncios { margin:27px 30px;}
.lista-nota { border-bottom:1px solid #e2e2e2; margin-bottom:28px; padding-bottom:28px; clear:both; overflow:hidden}
.lista-nota h2 {font-family: 'Lato', sans-serif; font-size:16px; color:#111; margin-bottom:10px; font-weight:700; line-height:160%}
.lista-nota h2 a { color:#111}
.lista-nota h2 a:hover {text-decoration:underline}
.lista-nota p {font-family: 'Lato', sans-serif; font-size:14px; color:#111; font-weight:400; margin-bottom:25px}
.lista-nota p .fecha { font-family: 'Lato', sans-serif; font-size:14px; color:#DF0A0A; margin-right:5px; font-weight:400}
.estado {font-family: 'Lato', sans-serif; font-size:14px; color:#878787; float:left;}
.estado .ico-pendiente { background:url(/images/ico/ico.png) -16px -38px; width:16px; height:16px; float:left; margin-right:7px; position:relative; top:-1px; }
.estado .ico-aprobado { background:url(/images/ico/ico.png) 0 -37px; width:12px; height:9px; float:left; margin-right:7px; position:relative; top:3px; }
.estado .ico-desaprobado { background:url(/images/ico/ico.png) 0 -48px; width:9px; height:9px; float:left; margin-right:7px; position:relative; top:3px;}
.lista-nota .btn-editar-nota a, .btn-eliminar-nota a {font-family: 'Lato', sans-serif; font-size:14px; color:#878787; float:right}
.lista-nota .btn-editar-nota a:hover { color:#111}
.btn-eliminar-nota a:hover { color:#F90000}
.btn-eliminar-nota a{ margin-left:30px}

.form-block input::-webkit-input-placeholder {color: #666;}
.form-block input:-moz-placeholder {color: #666;}
.form-block input:-ms-input-placeholder { color: #666;}

.form-block input:focus::-webkit-input-placeholder,  input[type="text"]:active {color: #111;}
.form-block input:focus:-moz-placeholder,  input[type="text"]:active {color: #111;}
.form-block input:focus:-ms-input-placeholde,  input[type="text"]:active { color: #111;}

.mfp-close {top:31px; right:23px; background:url(/images/ico/ico.png) -39px -40px; width:13px; height:13px; position:absolute; z-index:3000; text-indent:-9000px; cursor:pointer; z-index:3000}

@media only screen
and (max-width : 800px) {
.usuario-activado { width:80%}
}
	
@media only screen
and (max-width : 560px) {
.clave .formulario p.disc { float:left; margin-right:0; margin-top:0px; margin-bottom:12px}
.formulario p.disc { margin-left:0; margin-bottom:12px}
h5 { margin-left:20px}
.form-block span.faketxt { width:90%}
.form-bt input { padding:12px 30px 13px; float:none}
.entrar #fcontacto {overflow:hidden; height:100%;}
.registro #fcontacto, .edit-perfil #fcontacto { height:380px; overflow-y:auto}
.bottom-top select { width:200px}
.gp-login { margin-left:30px; margin-top:20px}
.fb-login, .gp-login { width:85%; margin:0 auto 20px; float:none; display:block}
.gp-login { margin-bottom:0}
.form-block .txt:last-child { margin-left:0; clear:both;}
.entrar .formulario .form-block .txt:last-child { margin-bottom:0}

.entrar .legend a { float:none; text-align:center; margin:0 auto 10px; display:block}

/* nueva nota editar */
.btn-editar-nota { float:left; margin-top:24px}
.formulario .form-block.img { height:auto; margin-right:25px}
.formulario .form-block.img img { width:100%}
.formulario .form-block.img:nth-child(3n){ margin-right:0} 
.formulario .form-block.img:nth-child(3n) #foto_3 { margin-right:0}
.noticias .formulario .form-block input.txt, .entrar .formulario .form-block input.txt { padding:10px 5px; width:95.8%; margin-right:0}
.entrar .formulario .form-block input.txt { margin-bottom:25px}
.formulario .form-block input.file-foto { width:91.5%}
.registro .formulario .form-block.wd p.disc, .registro .formulario .form-block .detalle { float:left; margin-top:0}
.form-bt .msj-error { margin-left:0px; margin-top:0px; padding-left:0; width:100%; float:none; margin-bottom:20px}
.entrar .form-bt .msj-error { width:100%; margin-bottom:8px}

.formulario .form-block.desc span { margin-bottom:10px; margin-right:0}
.formulario .form-block.desc span.txt-you { margin-bottom:12px; float:left; clear:both}
.registro .form-block.highblock label { float:none}

.form-block.asociar-fb { margin-left:15px}
.form-block { width:92.1%; margin-left:15px}
.edit-perfil .form-block input, .form-block .txt { width:90%}
.formulario .form-block .txt { width:95%; padding:10px 5px}
.formulario .form-block.img input { width:90%}
.formulario p.disc2 { width:auto}
.olvide .form-block:first-child input { width:87.5%}
.formulario .form-block.desc textarea { width:95%}

.edit-perfil .form-block.form-bt input, .form-bt input { width:99%}
.formulario .form-block.redes .asociar-gp { margin-top:30px}
.perfil .formulario .form-block.redes { margin-left:15px}
.form-block select{ width:99%}
.registro .fecha select { padding:10px 9px}
.lista-nota .formulario a { float:left; margin-top:25px}
.btn-eliminar-nota { float:right; clear:both; margin-top:25px}
.lista-nota.aprobada .btn-eliminar-nota { margin-top:0; clear:none}
.item-normas label { line-height:160%}
.item-normas .checkbox { top:0}

.registro .detalle { top:0; margin-left:0}
.registro .disponibilidad { float:none; margin:0px; margin-bottom:8px}
.formulario.registro .form-block .txt { width:90.5%}
.formulario.registro .form-block.desc textarea { width:93.5%}
.registro h5.border { width:89%; margin-left:15px}
.registro h5 { margin-left:15px}
}

@media only screen
and (max-width : 360px) {
header { padding:27px 15px 28px;}
.bottom-top .salir { margin-right:15px}
.olvide .form-block:first-child input { width:89%}
.bottom-top select { margin-left:15px}
.formulario .form-block.desc textarea { width:88.5%}

.formulario .form-block.img:nth-child(3n) { margin-right:25px}
.formulario .form-block.img:nth-child(2){ margin-right:0}

.entrar .formulario .form-block input.txt { width:95%; margin:0 auto 20px; float:none; display:block}
.entrar .formulario .form-block input.txt:nth-child(2) { margin-bottom:0}
}