/* -----------------------------------
	1. Reset default browser styles
------------------------------------- */
*{
	margin:0;
	padding:0;
	border:none;
}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    background: transparent;
    border: 0 none;
	font-weight: inherit;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top;
}
a{
	text-decoration:none;
	outline: none !important;
}
b, strong{
	font-weight:bold !important;
}
ul,ol{
	list-style: none;
}
q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img{
	vertical-align:top; 
}
embed{ 
	vertical-align:top;
}
input,button{
	outline: none;
}
button::-moz-focus-inner{
	border:0;
}
html,body{
	height:100%;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/regular/MyriadPro-Regular.eot');
  src: url('../fonts/regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/regular/MyriadPro-Regular.woff2') format('woff2'),
       url('../fonts/regular/MyriadPro-Regular.woff') format('woff'),
       url('../fonts/regular/MyriadPro-Regular.ttf') format('truetype'),
       url('../fonts/regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Principal*/
body{
	font-family: 'MyriadPro-Regular';
	background-size:cover;
}
.redireccionar {
    background-color: #F8E72D;
    border: 1px solid gray;
    width: 100px;
    height: 30px;
    border-radius: 15px;
}
/*#myModal {
    width: 400px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -200px;
    padding: 20px;
}*/
#contenedor-mensajes{
	width:100%;
	height:900px;
	background: url("../img/404.jpg");
	background-size:cover;
}
#mensajes{
	background:#ffffff;
	width:500px;
	height:230px;
	margin:12% auto;
	border-radius:15px;
}
.mensaje-individual{
	padding-top:12px;
	text-align:center;
}
div#cabecera{
	width:100%;
	height:489px;
	background: url('../img/ajedrez.jpg');
	background-size:cover;
}
div#home-jbecerra{
    background: url("../img/j-becerra-home-image-index.jpg") no-repeat center center;
	background-size:cover;
	height:100%;
	min-height: 960px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px;
}
#logo{
    /*background:rgba(230, 229, 214, 0.9);*/
	background:#D6d8e0;
	height:261px;
	width:494px;
	position:absolute;
	top:10%;
	left:0%;
}
#logo img{
	margin-left: 20%;
	margin-top:-5%;
	width:60%;
}
#iniciar{
    background:#FFDE16;/*rgba(236, 220, 61, 0.9);*/
	color:#404041;
	text-align:left;
	font-family: 'MyriadPro-Regular';
	font-size:15pt;
	position:absolute;
	width:253px;
	height:30px;
	right:0;
    top:20%;
}
#quienes-somos1{
	background-color:yellow;
	width:50%;
	height:647px	;
	float:left;
}
#quienes-somos2{
	background-image:url('../img/quienes-somos.jpg');
	width:50%;
	float:left;
}
.sesion {
	color:#ffffff;	
}
.control-label{
	color:#000000;
}
#iniciar p{
   margin-left:20px;
}
#iniciar a{
	color:#404041;
	text-decoration:none;
}
#registrarse a{
	color:#404041;
	text-decoration:none;
}
#frase{
	color:#ffffff;
	text-align:left;
	font-family: 'MyriadPro-Regular';
	font-size:14pt;	
	position:absolute;
	width:50%;
	height:30px;
	left:61px;
    top:52%;
}
#registrarse{
    background:#FFDE16;
	opacity:0.9;
	color:#404041;
	text-align:right;
	font-family: 'MyriadPro-Regular';
	font-size:15pt;
	position:absolute;
    width:431px;
	height:30px;
	left:0;
	bottom:20%;
}
#registrarse p{
   margin-right:20px;
}
/*Home*/
#home{
    /*background:url('../img/back.jpg');*/
	background-size:cover;
   
	width:100%;
}
#diccionario{
	margin-bottom:36px;
}
#diccionario p{
	background:#737373;
    color:#ffffff;
    text-align:center;
	margin:0 auto;
	min-height:23px;
}
#diccionario a{
	color:#ffffff;
	margin-left:10px;
	margin-right:10px;
}
#contenedor{
	margin:170px 114px 36px 114px;
	padding-top:36px;
	min-height:800px;
	background:#ffffff;
}
/*17 agosto 2015*/
.limpiar{
	clear:both;
}
#contenedor-principal{
	margin:170px 114px 36px 114px;
	background:#ffffff;
}
#titulo-ejercicio {
	position:absolute;
	bottom:25%;
}
#p1{
	padding-left:25px;
	width:530px;
	background:#e0d029;
	font-size:42pt;
	font-family: 'Roboto', sans-serif;	
}
#p2{
	padding-left:25px;
	width:860px;
	background:#e0d029;
	font-size:42pt;
	font-family: 'Roboto', sans-serif;	
}
#controles{
	width:100%;
	height:93px;
	border:2px solid gray;
}
#blog-palabras{
	width:100%;
	min-height:1024px;
	margin-left:20px;
}
.nuevas{
	text-align:center;
	float:left;
	width:30%;
	height:322px;
	margin:15px;
}
.nuevas img{
	width:100%;
	height:238px;
}
#boton-cargar{
	text-align:center;
	font-family: 'Roboto', sans-serif;	
	font-size:20px;
	color:#ffffff;
}
#boton-cargar input{
	margin:20px;
	background:yellow;
	width:300px;
}
#titulo-ejercicio2{
	background:#f8e72d;
	height:175px;
}
#titulo-ejercicio2 p{
	padding-top:50px;
	padding-left:100px;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
}
#titulo-ejercicio2 i{
	margin-left:20px;
	font-size:18px;
}
#contenedor-ejercicio2{
	width:100%;
	height:100%;
}
.contenido-ejercicio2{
	margin:54px 110px 117px 100px;
	float:left;
	width:60%;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}
.sidebar-ejercicio2{
	margin-top:50px;
	margin-bottom:50px;
	float:left;
	width:20%;
	
}
.nuevos{
	width:100%;
	height:250px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;	
}
.nuevos img{
	margin-top:7px;
	width:100%;
	height:180px;
}
#linea-sidebar{
	height:7px;
	background:#f8e72d;
}
#recientes ul li{
	color:#65318f;
	font-size:12px;
}
.buscador-como-funciona{
	font-family: 'Roboto', sans-serif;
	margin-left:100px;
	margin-top:36px;
	margin-bottom:45px;
	width:100%;
}
.buscador-como-funciona input{
	width:500px;
	background:#A1A1A1;
	height:27px;
}
#como-funciona{
	font-family: 'Roboto', sans-serif;
	width:100%;
	height:646px;
	background:#F8E72D;
}
#como-se-usa{
	float:left;
	width:40%;
	font-size:16px;
	margin-top:100px;
	margin-left:100px;
}
#como-se-usa-imagen{
	float:left;
	width:40%;
	margin-left:60px;
	margin-top:200px;
}
#como-se-usa img{
	width:100%;
}
#quienes-somos{
	font-family: 'Roboto', sans-serif;
	width:100%;
	height:646px;	
}
#quienes-somos-info{
	float:left;
	width:50%;
	height:646px;		
	padding-top:50px;
	padding-left:110px;
	padding-right:80px;
	font-size:16px;
	background:#f8e72d;
}
#quienes-somos-imagen{
	float:left;
	width:50%;
}
#quienes-somos-imagen img{
	width:100%;
	height:646px;
}

#contenedor{
	margin:170px 114px 36px 114px;
	padding-top:36px;
	min-height:800px;
	background:#ffffff;
}
.menu-perfil{
	width:100%;

	margin-left:100px;
	margin-top:170px;
}
.sidebar-derecha-cuenta{
	background:#F8E72D;
	float:left;
	width:15%;
	height:100%;	
}
.sidebar-derecha-cuenta ul li{
	width:100%;
	margin:15px;
	height:35px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}
.contenido-perfil{
	background:#ffffff;
	float:left;
	width:75%;
	margin-left:20px;
	height:100%;	
}
.contenido-perfil-usuario{
	margin:30px;
	font-family: 'Roboto', sans-serif;	
}
.informacion-sesion{
	float:left;
	width:43%;
	height:350px;
}
.cerrar-sesion{
	float:left;
	width:50%;
	height:350px;	
}
#editar-perfil{
	float:left;
	width:50%;
}
#editar-perfil input{
	background:#F8E72D;
	width:388px;
	height:59px;
	font-size:24px;
}
#cerrar-sesion-ahora{
	float:left;
	width:50%;
}
#cerrar-sesion-ahora input{
	background:#F8E72D;
	width:388px;
	height:59px;	
	font-size:24px;	
}
#vacio{
	float:left;
	width:50%;
}
#restablecer-contrasena{
	float:left;
	width:50%;
}
#restablecer-contrasena input{
	background:#F8E72D;
	width:388px;
	height:59px;	
	font-size:24px;
	margin-bottom:30px;
}
#restablecer-contrasena p{
	font-size:17px;
	margin:30px 30% 30px 5%;
}
.informacion-sesion  p{
	margin-left:5%;
	font-size:17px;	
}
.cerrar-sesion {
	margin-left:5%;
	font-size:17px;	
}
.cerrar-sesion p {
	margin-left:5%;
	margin:30px 30% 30px 5%;	
}
.preguntas{
	margin:170px 114px 36px 114px;
	background:#65318F;
	height:88px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#ffffff;
	padding-left:50px;
	padding-top:5px;
}
.preguntas-categorias{
	margin:0px 114px 0 114px;
	height:431px;
	font-family: 'Roboto', sans-serif;	
	font-size:16px;
}
#disponibles{
	float:left;
	background:#F8E72D;
	height:50%;
	width:100%;
	padding-top:5px;
	padding-left:50px;
	padding-right:50px;
}
#seleccionada{
	float:left;
	background:#FFFFFF;
	height:50%;
	width:100%;
	padding-top:5px;
	padding-left:50px;
	padding-right:50px;	
}
.preguntas-contenido{
	margin:36px 114px 36px 114px;
	background:#ffffff;
	height:650px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;	
}
#preguntas{
	padding:70px;
}
#preguntas ul li{
	list-style:square;
}
#preguntas textarea{
	margin: 0 auto;	
	background:#e8e0ee;
}









#contenedor2{
	margin:0 110px 0 110px;
}
.buscador input{
	width:620px;
	background:#A1A1A1;
	min-height:26px;
	margin-top:-3px;
}
.actualizaciones{
	margin-top:38px;
}
#historial{
	float:left; 
	width:28%;
	margin-right:23px; 
	color:#000000;
	height:412px;
	display:block;
}
#borrar a{
	font-family: 'MyriadPro-Regular';
	text-decoration:none;
 	background:#4B1D77;  
	color:#ffffff;
	height:30px;
	display:block;
	padding-left:15px;
}
#conceptos{
	margin:27px;
}
#carga{
	background:#65318F;
	overflow:scroll;
	height:100%;
	color:#ffffff;
}
#entradas{
	float:left;
	width:68%;
	color:#000000; 
	height:412px;
	display:block;
}
#foro{
	margin-top:80px;
	padding-bottom: 30px;

}
#foro img{
	width:100%;

}
/*text-hover*/
.cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height: 200px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(0,0,0,0.7);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}
/*Footer JBecerra*/
#footer{
    background:#343434;
    width:100%;
	padding:67px;
    min-height:160px;
	color:#ffffff;
	font-family: 'MyriadPro-Regular';	
}
#left{
	width:70%; 
	float:left;
}
#left a{
	text-decoration:none;
	color:#ffffff;
}
#right{
	width:20%; 
	float:left;
	text-align:center;
}
.device{
	height:40%;
}
#device{
	margin:0 auto;
	width:100%;
	border:1px solid #D2CBCB;
	padding:20px;
}
#device tbody tr th{
	padding-top:5px;
	padding-bottom:5px;
}
#device table img{
	cursor:pointer;
}
/*Mediaqueris*/
/*Para 1041*/
@media only screen and (max-width: 1110px) and (min-width: 1041px) {
#logo{
	height:173px;
	width:290px;
	position:absolute;
	top:10%;
	left:0%;
}
#logo img{
	margin-left: 20%;
	margin-top:-5%;
	width:70%;
}
#iniciar {
  top: 38%;
}
#frase {
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 48%;
}
#frase h3{
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#registrarse{
	color:#404041;
    width:331px;
	left:0;
	bottom:10%;
}
#registrarse p{
   margin-right:15px;
}
#footer{
	padding:10px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
#left{
	text-align:center;
	padding-top:36px;
	padding-bottom:16px;
	width:100%; 
	float:left;
}
#right{
	text-align:center;
	width:100%; 
	float:left;
}
#right img{
	width:10px;
}
/* home*/
}
/* Para 1000px 1024max */  
@media only screen and (max-width: 1040px) and (min-width: 981px) {
#logo{
	height:173px;
	width:290px;
	position:absolute;
	top:10%;
	left:0%;
}
#logo img{
	margin-left: 20%;
	margin-top:-5%;
	width:70%;
}
#iniciar {
  top: 38%;
}
#historial{
	width:100%;
}
#contenedor2{
	margin: 0 10px 0 10px;
}
#entradas {
    padding-top: 90px;
} 
#entradas{
	width:100%;
}
#frase {
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 48%;
}
#frase h3{
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#registrarse{
	color:#404041;
    width:331px;
	left:0;
	bottom:10%;
}
#registrarse p{
   margin-right:15px;
}
#footer{
	padding:10px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
#left{
	text-align:center;
	padding-top:36px;
	padding-bottom:16px;
	width:100%; 
	float:left;
}
#right{
	text-align:center;
	width:100%; 
	float:left;
}
#right img{
	width:10px;
}
/* home*/
}
/* Para 960px */  
@media only screen and (max-width: 980px) and (min-width: 821px) {
#logo{
	height:173px;
	width:290px;
	position:absolute;
	top:10%;
	left:0%;
}
#logo img{
	margin-left: 20%;
	margin-top:-5%;
	width:70%;
}
#iniciar {
  top: 38%;
}
#frase {
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 48%;
}
#frase h3{
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#registrarse{
	color:#404041;
    width:331px;
	left:0;
	bottom:10%;
}
#registrarse p{
   margin-right:15px;
}
#footer{
	padding:10px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
#left{
	text-align:center;
	padding-top:36px;
	padding-bottom:16px;
	width:100%; 
	float:left;
}
#right{
	text-align:center;
	width:100%; 
	float:left;
}
#right img{
	width:10px;
}
/* home*/
}  
  
/* Para 800px */  
@media only screen and (max-width: 820px) and (min-width: 621px) {
#logo{
	height:173px;
	width:290px;
	position:absolute;
	top:10%;
	left:0%;
}
#logo img{
	margin-left: 20%;
	margin-top:-5%;
	width:70%;
}
#iniciar {
  top: 38%;
}
#frase {
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 48%;
}
#frase h3{
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#registrarse{
	color:#404041;
    width:331px;
	left:0;
	bottom:10%;
}
#registrarse p{
   margin-right:15px;
}
#footer{
	padding:10px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
#left{
	text-align:center;
	padding-top:36px;
	padding-bottom:16px;
	width:100%; 
	float:left;
}
#right{
	text-align:center;
	width:100%; 
	float:left;
}
#right img{
	width:10px;
}
#contenedor2{
	margin: 0 10px 0 10px;
}
#entradas {
    padding-top: 30px;
} 

}  
  
/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 501px) {
#logo{
	height:173px;
	width:290px;
	position:absolute;
	top:10%;
	left:0%;
}
#logo img{
	margin-left: 20%;
	margin-top:-5%;
	width:70%;
}
#iniciar {
  top: 38%;
}
#frase {
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 48%;
}
#frase h3{
  text-align: center;
  font-size: 13pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#registrarse{
	color:#404041;
    width:331px;
	left:0;
	bottom:10%;
}
#registrarse p{
   margin-right:15px;
}
#footer{
	padding:10px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
#left{
	text-align:center;
	padding-top:36px;
	padding-bottom:16px;
	width:100%; 
	float:left;
}
#right{
	text-align:center;
	width:100%; 
	float:left;
}
#right img{
	width:10px;
}
/* home*/
 .buscador input{
	width:300px;
}
#contenedor{
	margin:36px 5px 36px 5px;
	min-height:800px;
} 
#entradas{
	width:100%;
}
#historial{
	width:100%;
	padding-bottom:50px;	
}
	.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 432px;
	height: 100%;
}
#contenedor2{
	margin: 0 10px 0 10px;
}
#entradas {
    padding-top: 30px;
} 
}  
  
/* Para 480px */  
@media only screen and (max-width: 500px) and (min-width: 341px) {
 div#home-jbecerra{
	background-size:cover;
	min-height:960px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -230px;
}
#logo {
  height: 130px;
  width: 100%;
  top: 3%;
}
#logo img{
	margin-left: 30%;
	margin-top: -9%;
	width: 45%;
}
#iniciar {
  text-align:center;
  font-size: 13pt;
  width: 119px;
  height: 30px;
  right: 38%;
  top: 30%;
}
#iniciar p{
   margin:2px 2px;
}
#frase {
  text-align: center;
  font-size: 10pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#frase h3{
  text-align: center;
  font-size: 11pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#registrarse {
  width: 136px;
  bottom: 20%;
  text-align:center;
  font-size: 13pt;  
  left:33%;
}
#registrarse p{
   margin-right:0px;
}
#footer{
	padding:10px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
#left{
	text-align:center;
	padding-top:36px;
	padding-bottom:16px;
	width:100%; 
	float:left;
}
#right{
	width:100%; 
	float:left;
}
#right img{
	width:10px;
}
 .buscador input{
	width:300px;
}
#contenedor{
	margin:36px 5px 36px 5px;
	min-height:800px;
}
#contenedor2{
	margin: 0 10px 0 10px;
}
#entradas {
    padding-top: 30px;
} 
#entradas{
width:100%;
}
#historial{
width:100%;
padding-bottom:50px;	
}

}  
  
/* Para 320px */  
@media only screen and (max-width: 340px) and (min-width: 5px)  {
div#home-jbecerra{
	background-size:cover;
	min-height:960px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -250px;
}
#logo {
  height: 130px;
  width: 100%;
  top: 3%;
}
#logo img{
	margin-left: 20%;
	margin-top:-9%;
	width:60%;
}
#iniciar {
  text-align:center;
  font-size: 13pt;
  width: 119px;
  height: 30px;
  right: 35%;
  top: 30%;
}
#iniciar p{
   margin:2px 2px;
}
#frase {
  text-align: center;
  font-size: 10pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#frase h3{
  text-align: center;
  font-size: 11pt;
  width: 90%;
  left: 15px;
  top: 41%;
}
#registrarse {
  width: 136px;
  bottom: 20%;
  text-align:center;
  font-size: 13pt;  
  left:25%;
}
#registrarse p{
   margin-right:0px;
}
#footer{
	padding:10px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
#left{
	text-align:center;
	padding-top:36px;
	padding-bottom:16px;
	width:100%; 
	float:left;
}
#right{
	width:100%; 
	float:left;
}
#right img{
	width:10px;
}
.buscador input{
    width: 272px;
}
#entradas {
    padding-top: 30px;
}
#contenedor{
	margin:36px 5px 0 5px;
	min-height:800px;
}
#contenedor2{
	margin: 0 10px 0 10px;
}
#entradas{
width:100%;
}
#historial{
width:100%;
padding-bottom:50px;	
}
}