/* CSS Document */
/*-------------------------------------------*/

	
	.verificar {
	    font-size: 20px;
	    text-align: center;
	    background-image: url(../images/tablon2.png);
	    background-size: 100% 100%;
	    padding: 12px;
	    padding-top: 5px;
	    font-family: Chewy;
	    margin-right: 30px;
	    color: white;
	    cursor: url(../images/cursor/hand.cur), auto!important;
	    bottom: -9px;
	    left: 45%;
	    position: absolute;
}
	.verificar:hover {
		color:white;
		
	}
	
	
#pregunta span{
		float: left;
		width: 98%;
		font-family: Chewy;
		font-size: 21px;
		color: rgba(27, 94, 32, 0.82);
		padding: 6px 4px 6px 4px;
		text-align: center;
		margin-left: 6px;
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 0.92);
	}
	
	#contenedora_respuestas{
		height: 162px;
		float: left;
		margin: 16px;
		border-radius: 6px;
		position: relative;
		top: 2px;
	}

	.respuesta{
		margin: 8px 0 0px 4px;
		height: 46px;
		position:relative;
		
	    -webkit-transition:all 1s ease-out;  /* Chrome y Safari */
	    -o-transition:all 1s ease-out;  /* Opera */
	    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
	    -ms-transition:all 1s ease-out;   /* Internet Explorer */
	    transition:all 0.6s ease-out;  /* W3C */
	}
	
	.respuesta span{
		float: left;
		cursor: url(../images/cursor/hand.cur), auto;
		font-family: Chewy;
		font-size: 26px;
		color: #FFFFFF;
		padding: 0 10px 0 10px;
		border-radius:4px;
		
		font-size:24px;
		background-color: #9E9E9E;

		-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
	    -o-transition:all 1s ease-out;  /* Opera */
	    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
	    -ms-transition:all 1s ease-out;   /* Internet Explorer */
	    transition:all 0.2s ease-out;  /* W3C */
	}
	
	.respuesta img{
		float: left;
		width: 30px;
		top: 0.5px;
		left: 12px;
		position: relative;
		-webkit-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	
	.respuesta span:hover{
		font-size:30px;
		color:rgba(27, 94, 32, 0.82);
		background-color:rgba(249,247,247,0.82);
	}

	/*estilos del juego de crusigrama*/

	.ecw-answerbox
{
    color: black;
    background-color: #FFFAF0;
    border-color: #00838F;
    border-style: solid;
    border-width: 3px;
    border-radius: 16px;
    display: block;
    padding: .75em;
    width: 100%;
}

.ecw-box
{
	border-style: solid;
	border-width: 1pt;
	cursor: pointer;
	font-size: .12in;
	font-weight: bold;
	height: .18in;
	overflow: hidden;
	text-align: center;
	width: .18in;
}

.ecw-boxcheated_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #2080D0;
}

.ecw-boxcheated_unsel
{
	background-color: #ffffff;
	border-color: #606060;
	color: #2080D0;
}

.ecw-boxerror_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #BF0000;
}

.ecw-boxerror_unsel
{
	background-color: #FFF0F0;
	border-color: #606060;
	color: #BF0000;
}

.ecw-boxnormal_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #000000;
}

.ecw-boxnormal_unsel
{
	background-color: #ffffff;
	border-color: #606060;
	color: #000000;
}

.ecw-button
{
	width: 64pt;
}

.ecw-cluebox
{
	border-bottom-width: 1px;
	border-color: #c0c0c0;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-top-width: 1px;
	margin-top: 1em;
	padding-bottom: .5em;
	padding-left: 0pt;
	padding-right: 0pt;
	padding-top: .5em;
        font-family: Roboto;
}

.ecw-crosswordarea
{
	background-color: rgba(208,216,224,0.7);
    border-radius: 20px;
    padding: .5em;
    font-family: "Roboto", sans-serif;
    font-size: 50px;
}

.ecw-copyright
{
	margin-bottom: 1em;
	font-size: x-small;
	font-family: "Roboto", sans-serif;
}

.ecw-input
{
	font-family: "Roboto", sans-serif;
    border: 1.5px solid #00838F !important;
}

.ecw-wordlabel
{
	text-transform: uppercase;
	margin: 0;
	color:black;
}

.ecw-wordinfo
{
	font-size: 8pt;
	color: #808080;
}

.ecw-worderror
{
    color: #D50000;
    font-weight: bold;
    display: none;
    top: -22%;
    left: -1%;
    position: absolute;
    background: rgba(255,255,255,0.7);
    padding: 2%;
    font-size: 19px;
    border-radius: 15px;
    animation: 0.5s pulse infinite;
}

.img1
{
	border-radius: 6px;
	position: absolute;
	width: 93%;
	margin: 1px;
    margin-left: -11px;
    margin-top: 32px;
    
}