/*Documento de definición de estilos del sitio www.juegosdepalabras.com*/

html{
font-size: 100%;
} 

body{
font-size: 1.3rem;
font-family: 'Comic Sans MS', Verdana;
text-align: center;
padding: 0;
margin: 0;
background-color: #ffcc99;
}

a:link, a:visited { 
	text-decoration: underline;
}

a:hover { 
	font-size: 1.4rem;
	color:green;
	background-color: #f5f5f5;
}

/*CAJAS*/

/*CONTENEDOR*/

#contenedor{
	width:98%;
	margin: auto;
	max-width: 1200px;
	text-align: center;
	border-right: 0.2em outset #ff6600;
	border-left: 0.2em outset #ff6600;
	background-image:url('../fondos/fondo-papel.jpg');
}

/*FIN CONTENEDOR*/

/*CAJA DEL TÍTULO, situada arriba, contiene el título */

#title{
	width:99%;
	overflow: visible;
	text-align: center;
	margin: 0 auto;
	clear: both;
}

/*ANUNCIO ADAPTABLE*/
#anuncio{
	text-align: center;
	margin: auto;
	clear: both;
	background-image:url('../fondos/fondo-papel.jpg');
}

/*CÓDIGO MIGA PAN*/

#migadepan{
	width: 90%;
	border-radius:10px;
	font-size: 1.1rem;
	text-align: left;
	background-color: #ffffcc;
	margin: 5px auto;  
	padding: 0 0 0 2%;
	border-right: 1px solid #008080;
	border-bottom: 1px solid #008080;
}
/*fin de código de miga de pan*/

/*CAJAS FLEX*/

#caja-flex{
	display: flex;
	display: -webkit-flex; /* Safari */
	display: -ms-flexbox;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:space-around; /* Safari */
	justify-content:space-around;
	-ms-justify-content:space-around;
}

#caja1 {
	flex: 2 1 500px;
	-webkit-flex: 2 1 500px; 
	-ms-flex: 2 1 500px;
	margin: 2px 2px;
	background-image:url('../fondos/fondo-papel.jpg');
	padding: 0 5px;
	text-align: center;
}	

#caja2 {
	flex: 2 1 300px;
	-webkit-flex: 2 1 300px;
	-ms-flex: 2 1 300px;
	margin: 2px 2px;
	background-image:url('../fondos/fondo-papel.jpg');
	padding: 0 5px;
	text-align: center;
}

#caja3 {
	flex: 1 2 32rem;
	-webkit-flex: 1 1 32rem;
	-ms-flex: 1 1 32rem;
	margin: 2px 2px;
	background-image:url('../fondos/fondo-papel.jpg');
	padding: 5px 5px;
	text-align: center;
	border-top: 1px solid #ff6600;
	border-right: 2px solid #ff6600;
	border-bottom: 2px solid #ff6600;
	border-left: 1px solid #ff6600;
}

/*FIN CAJAS FLEX*/

#caja98{
	width:98%;
	margin: 0 auto;
	padding: 0 1%;
	text-align:center;
	clear: both;
	background-image:url('../fondos/fondo-papel.jpg');
}

#caja95{
	width: 95%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align:center;
	border-width:0;
	clear: both;
}

#caja90{
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align:left;
	border-width:0;
	clear: both;
}

#caja80{
	width: 80%;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align:center;
	border-width:0;
}

#izquierda{
	float: left;
	width: 32%;
	text-align: center;
	padding: 0 1% 0 1%;
	margin: 0 0 1% 0;
}

#centro{
	float: left;
	width: 32%;
	padding:0;
	margin: 0 0 1% 0;
	text-align: center;
}

#derecha{
    float: right;
    width:32%; 
   	text-align: center;
	padding: 0 1% 0 1%;
	margin: 0 0 1% 0;
} 

#caja65{
    float: left;
    width:66%; 
    / width: 67%;
	text-align: center;
    padding: 10px 5px 0 5px;
     margin: 5px 0 5px 0;
color:#000000;
} 

#caja60{
	float: left;
	width:60%; 
	text-align: justify;
	padding: 1% 1% 0 1%;
	margin: 0 1% 1% 0;
} 

#dos{
    float: left;
    width:60%; 
    padding: 10px 5px 0 5px;
     margin: 5px 5px 5px 0;
	text-align: center;
}

#caja38em{
    float: left;
    width:27em; 
    padding: 10px 5px 0 5px;
    margin: 5px 0;
	text-align: justify;
}

#caja47em{
    float: left;
    width:75%; 
    padding: 10px 5px 0 15px;
    margin: 5px 5px 5px 0;
	text-align: center;
}

#izq50{
	float: left;
	width: 48%;
	/ width: 48%;
	text-align: center;
	padding: 0 0 0 1%;
	margin: 0 0 2px 0;
}

#der50{
	float: right;
	width:48%; 
	/ width: 48%;
	text-align: center;
	padding: 0 1%;;
	margin: 0 0 2px 0;
	border-left: 2px solid  #ff6600;
} 

#caja25{
    float: left;
    width:23%; 
    / width: 24%;
	text-align: center;
    padding: 5px 5px 0 5px;
    margin: 0 5px 5px 0;
    color:#000;
} 

#caja20{
    float: left;
    width:18%; 
    / width: 19%;
	text-align: center;
    padding: 5px 5px 0 5px;
    margin: 0 5px 5px 0;
    color:#000;
}

/*CLASES PARA TEXTO EN COLUMNAS*/

.doscolumn { 
	column-count: 2;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-rule: 0.15rem solid #ff6600;
	-webkit-column-rule: 0.15rem solid #ff6600;/* Chrome, Safari, Opera */
	-moz-column-rule: 0.15rem solid #ff6600; /* Firefox */
	column-gap: 3em;
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
}

.trescolumn { 
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
-webkit-column-rule: 0.15rem solid #ff6600;/* Chrome, Safari, Opera */
-moz-column-rule: 0.15rem solid #ff6600; /* Firefox */
column-rule: 0.15rem solid #ff6600;
}

.cuatrocolumn { 
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
-webkit-column-rule: 0.15rem solid #ff6600;/* Chrome, Safari, Opera */
-moz-column-rule: 0.15rem solid #ff6600; /* Firefox */
column-rule: 0.15rem solid #ff6600;
}


/*FIN CLASES PARA TEXTO EN COLUMNAS*/


#copy{
	width: 95%;
	clear: both;
	margin: 0 auto 10px auto; 	
	padding: 0 0 0 0;
	text-align: center;
	border-top: 2px solid  #ff6600;
	border-bottom: 2px solid  #ff6600;
	border-left: 0px;
	border-right: 0px;	
	font-size:1rem;
	color: #008000;
}

#pie{
	font-size: 1.3rem;
	text-align:center;
	margin: auto; 	
	padding:0;
	clear: both;
}

/*BARRA HORIZONTAL  está ok*/

hr{
	width:95%;
	height: 0.15rem;
	margin: 1px auto 1px auto;
	clear: both;
	border: 0 none;
	border-top: 0.15rem solid  #ff6600;
}

/*PÁRRAFOS*/
p{
font-style: normal;
text-align: justify;
}   

.center-p{
text-align: center;
}   

.naranja{
text-align: center;
color: #ff6600;
font-style: italic;
}   

.rojo{
color: red;
text-align: center;
}   

.sangria{
text-indent: 50px;
}

.big
{
color: #880022;
text-align: center;
font-size: 1.5rem;
font-style: normal;
text-shadow: 2px 2px 10px #ffcc66;
}

.small{
	font-style: normal;
	text-align: center;
	font-size: 1rem;    
}   

.small2{
	font-style: normal;
	text-align: justify;
	font-size:1rem;
}   

.cursiva{
text-align: center;
font-style: italic;
}   

/*FIN PÁRRAFOS*/

/*ENCABEZAMIENTOS*/
h1{
	text-align: center;
	color: orange;
	font-size: 2.5rem;
	font-weight: normal;
	text-decoration: underline;
	margin: 0;
	text-shadow: 2px 2px 2px #ff0550;
	overflow-x: auto;
	display: block;
}

h2
{
	color: #996633;
	text-align: center;
	font-size:2.2rem;
	text-decoration: underline;
	text-shadow: 2px 2px 5px orange;
}

h3
{
	color: #880000;
	text-align: center;
	font-size:1.9rem;
	text-decoration: underline;
	text-shadow: 2px 2px 10px #ffff33;
}

h4
{
	color: #323232;
	text-align: left;
	margin:0;
	padding:0;
	font-size: 1.6rem;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #ff0550;
}

h5
{
	color: red;
	text-align: left;
	font-size: 1.3rem;
	text-decoration: underline;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 5px #ccff33;
}

/*FIN ENCABEZAMIENTOS*/

/*IMÁGENES*/

img,
object,
embed 
{
max-width:100%;
}



/*para centrar las imágenes*/

.img-centrar{
text-align: center;
}

/*para poner las imágenes a la izquierda del texto*/

img.float-left { 
	float: left; 
	margin: 0 1px 0 0; 
}

/*para poner las imágenes a la derecha del texto*/

img.float-right { 
	float: right; 
	margin: 0 0 0 1px; 
}
/*FIN DE IMÁGENES*/

/*TABLAS*/

table{
	width:98%;
	border-collapse: collapse;
	padding:0;
	margin: 0 auto; 
	empty-cells: show;
}

.tabla2{
	width:98%;
	/ width: 98%;
}

.tabla3{
	width:40rem;
	height:40rem;
}

.tabla5{
	width:98%;
	height:98%;
}


.tabla14{
	width:98%;
	max-width: 400px;
}

.table-crucis{
	width: 80%;
 }

.tablasopa{
	width:22em;
	height:20em;
}

td {
	border-width: 3px; 
	border-style:double;
	border-color: #008080;
	text-align: center;
	font-size:1.1em;
}

.izq{
	text-align: left;
	padding:0 0 0 15px;	
}	

th {
	border-width: 3px; 
	border-style:double;
	border-color: #008080;
	font-size:1.2em;
	text-align:center;
	color: #008080;
}

/*FIN TABLAS*/

/*LISTAS*/

ul{
	list-style-type: square;
	list-style-position:inside;
}

li {
	margin: 0;
	padding:0;
}