/* -------------------------  BuscadorIndex */

#buscadorindex {
	width: 100%;
    text-align: center;
}

#buscadorindex h2 {
	display:none;
}

#buscadorindex #busqueda {
	font-family: Economica;
	font-size: 3em;
    text-align: center;
    width: 95%;
	background-color: #fff;
    color: #53560a;
    border: #53560a solid 2px;
  	border-radius: 10px;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
   	padding: 6px 6px 4px 8px;
    margin-bottom: 5px;
    -webkit-appearance: none;
}

#buscadorindex .boton {
    font-size: 2.5em;
	color: #53560a;
    margin-top: 10px;
    background-color: #fff;
    border: 0px;
}

#buscadorindex #busqueda::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 0.5;
}
#buscadorindex #busqueda::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 0.5;
}
#buscadorindex #busqueda:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 0.5;
}
#buscadorindex #busqueda:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 0.5;
}

/* ------------------------- MosaicoSecciones */

#mosaicosecciones {
	width: 100%;
    padding: 0.1em;
    border: 0;
    text-align: center;
}

#mosaicosecciones h2 {
	margin-bottom: 0.42em;
    margin-top: 0.42em;
    margin-left: 0.5em;
    text-align: left;	
}

#mosaicosecciones .bloqueg {
	width: 42%;
    padding: 4px 3px;
    border: 0px;
    float: left;
    text-align: center;
    margin: 5.5px;
	background-color:#BDC12B;
    opacity: 0.7;
  	border-radius: 6px;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px; 
}

#mosaicosecciones .bloquem {
	width: 29%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
	background-color:#BDC12B;
    opacity: 0.7;
  	border-radius: 6px;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
}

#mosaicosecciones .bloquep {
	width: 21%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
	background-color:#BDC12B;
    opacity: 0.7;
  	border-radius: 5px;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
}

#mosaicosecciones .bloquegapagado {
	width: 42%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
	background-color:#BDC12B;
    opacity: 0.3;
  	border-radius: 6px;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px; 
}

#mosaicosecciones .bloquemapagado {
	width: 29%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
	background-color:#BDC12B;
    opacity: 0.3;
  	border-radius: 6px;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
}

#mosaicosecciones .bloquepapagado {
	width: 20%;
    padding: 0.3em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
	background-color:#BDC12B;
    opacity: 0.3;
  	border-radius: 5px;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
}

#mosaicosecciones .bloqueg:hover, #mosaicosecciones .bloquem:hover, #mosaicosecciones .bloquep:hover,
#mosaicosecciones a:hover, #mosaicosecciones a:hover, #mosaicosecciones a:hover {
    color: #171800;
    opacity: 1;
    transition: opacity 0.5s;
}

#mosaicosecciones .secciong {
	font-family: "Titillium Web";
	font-size: 1.6em;
	color:#171800;	
  	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;   
    padding-top: 2px; 
    padding-bottom: 2px; 	
}


#mosaicosecciones .seccionm {
	font-family: "Titillium Web";
	font-size: 1.3em;
	color:#171800;	
  	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;   
    padding-top: 2px; 
    padding-bottom: 2px; 	
}


#mosaicosecciones .seccionp {
	font-family: "Titillium Web";
	font-size: 1em;
	color:#171800;	
  	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;   
    padding-top: 2px; 
    padding-bottom: 2px; 	
}

#mosaicosecciones .secciong:hover, #mosaicosecciones .seccionm:hover, #mosaicosecciones .seccionp:hover {
    text-decoration: none;
}

#mosaicosecciones .iconog {
    font-size: 4em;
    color: #171800;          
}

#mosaicosecciones .iconog .mini {
    font-size: 2em;          
}

#mosaicosecciones .iconom {
    font-size: 3em;
    color: #171800;          
}

#mosaicosecciones .iconom .mini {
    font-size: 0.5em;          
}

#mosaicosecciones .iconop {
    font-size: 2em;
    color: #171800;          
}

#mosaicosecciones .iconop .mini {
    font-size: 0.25em;          
}

#mosaicosecciones .iconog:hover, #mosaicosecciones .iconom:hover, #mosaicosecciones .iconop:hover {
    text-decoration: none;	
}

#mosaicosecciones .bloquestat {
	width: 21%;
    padding: 0.1em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 0.3em;
	background-color:#EFF3F5;
    opacity: 0.9;
  	border-radius: 6px;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
}

#mosaicosecciones .iconostat {
    font-size: 2em;
    color: #53560a;          
}

#mosaicosecciones .numstat {
	font-family: "Titillium Web";
	font-size: 2em;
    font-weight: bold;
	color:#323400;	
}

#mosaicosecciones .stat {
	font-family: "Titillium Web";
	font-size: 1em;
	color:#53560a;	   	
}

/* -------------------------  MosaicoLetras */

#mosaicoletras {
	width: 100%;
    padding: 0.1em;
    border: 0px;
    text-align: center;
}

#mosaicoletras .bloqueletra {
	width: 11%;
    padding: 0.1em;
    border: 0px;
    float: left;
    text-align: center;
    margin: 4px;
	background-color:#EFF3F5;
  	border-radius: 6px;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
    opacity: 0.8;
}

#mosaicoletras .bloqueletra:hover {
    opacity: 1;
}

#mosaicoletras .iconoletra {
    font-size: 3em;
    color: #53560a;          
}

#mosaicoletras .iconoletra:hover {
    text-decoration: none;   
}

#mosaicoletras .numletra {
	font-family: "Titillium Web";
	font-size: 2em;
    font-weight: bold;
	color:#53560a;	
}

#mosaicoletras .letra {
	font-family: "Titillium Web";
	font-size: 1.2em;
	color:#53560a;	   	
}

#mosaicoletras .numletra:hover, #mosaicoletras .letra:hover {
    text-decoration: none;
}

/* ------------------------- ResultadosBuscador */

#resultadosbuscador {
    clear:both;
    margin-top: 1em;
}

#resultadosbuscador table {
    width: 100%;
    margin-top: 1em;
}

#resultadosbuscador .lupa {
    width: 2em;
}

#resultadosbuscador .totalresultados {
	font-family: "Titillium Web";
	font-size: 0.6em;
    line-height: 0.5em;
}

#resultadosbuscador .busqueda {
    text-align: left;
	font-family: Economica;
	font-size: 2em;
    font-weight: bold;
	color: #666;
   	padding: 6px;	
	margin: 1em 1.5em;
    background-color: #fff;
}

/* -------------------------- EnviarInfo */

#enviarinfo {
	width: 100%;
}

#enviarinfo .boton { 
	font-family: LaconicLight;
	font-size: 1.5em;
    font-weight: bold;
	color: #FFFFFF;
	background-color: #154994;
    border: #53560a solid 1px;
  	border-radius: 6px;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
   	padding: 0.5em;
    margin-bottom: 2em; 
}

#enviarinfo .boton:hover { 
	background-color: #B6D7E6;
    color: #000;
}

#enviarinfo .cuadrocontacto {
    width: 95%;
	font-family: LaconicLight;
	font-size: 1.5em;
	color: #000000;
    border: #53560a solid 1px;
  	border-radius: 8px;
	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
   	padding: 0.5em;
    margin-bottom: 0.3em;
    -webkit-appearance: none;  
}

#enviarinfo em {
	font-family: LaconicLight;
	font-size: 1em;
	color: #999999;
    margin-bottom: 0.5em;  
}

#enviarinfo table.mceLayout {
    border: #B6D7E6 solid 1px;
  	border-radius: 8px;
	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;   
}

#enviarinfo a {
	color: #533C1F;
}

/* -------------------------- ElementoInfo */

#elementoinfo {
    padding-top: 1em;
}

#elementoinfo a {
    font-size: 1.8em;
	font-family: Economica;
	color:#fff;	
	background-color: #53560a;
    text-align: center; 
    vertical-align: middle;  
  	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
}

#elementoinfo a:hover {
	background-color: #B6D7E6;
    color: #000;
    text-decoration:none;
}

#elementoinfo img {
    border: 0px;
    vertical-align: middle;
    padding-right: 2px;
}

.quiz-wrapper { position: relative; }
.quiz-wrapper-inner { padding: 0 0 200%; }
.quiz-wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }