/*	* { margin: 0; padding: 0; }  */
	html, body, #bg, #bg table, #bg td { height:100%; width:100%; overflow:auto; margin: 0; padding: 0; word-wrap: break-word;   } 
	#bg { position: fixed; overflow: hidden; } 
	#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; } 
	#bg td { text-align:center; vertical-align:middle; } 
	#bg img { margin:0 auto; min-height:50%; min-width:50%; } 

.button {
  background-color: gray;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  /*font-size: 2em;*/
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  width: 80%;
}

.button:hover {opacity: 1}
    }
	
/*		#bg {
			position:fixed; 
			top:-50%; 
			left:-50%; 
			width:200%; 
			height:200%;
		}
		#bg img {
			position:absolute; 
			top:0; 
			left:0; 
			right:0; 
			bottom:0; 
			margin:auto; 
			min-width:50%;
			min-height:50%;
		}

		#page-wrap { position: relative; z-index: 2; width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
		p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }		
*/

	#cont { position:absolute; top:0;left:0; z-index:70; overflow:auto; width:100; max-width: 100%; } 
	.box { margin: 0 auto; width: 90%; padding: 5%; background: transparent; padding-bottom:100px; font-family: Georgia, Serif; text-align: center;}

	.imagen {background: transparent;}
	.transparente {background: transparent;}
	.invisible {
	visibility: hidden;
	position: absolute;
	top: 0; 
	}
	
	Body {
	/*background: transparent;
	background-image: URL(./fondo2009.jpg); */
	color: #0041D1; /* fondo claro */
	/* color: yellow; /* fondo obscuro */
	font-family:Arial, Helvetica, Sans-serif;
	font-size: 2em;
	text-shadow: #cccccc 1px 1px 3px;
	}
	
	p {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    }

    UL {
	/* border-left: 1px; */
    text-align: center;
    list-style: inside;
	}
	
	LI {
	font-family: Arial, Helvetica, Sans-serif;
	list-style-image: url(./vineta.gif); 
	/*list-style-image: none;
	list-style-type: none */
        font-size: 100%;
	font-weight: bolder;
	color: #9B0000; /* fondo claro */
	/* color: yellow; /* fondo obscuro */
	text-align: left;
	/* border-left: 5px; */
	margin-bottom: 10px; 
	}

/* li:hover  {
	text-decoration: underline overline;
	color: #FF6600;
	} */

	LI.platicas {
        font-size: 80%;
	}
	
	li.sinimagen {
	list-style-image: none;
	list-style-type: none;
	font-weight: bold;
	font-style: italic;}


	
	/* FONT { } */
	font.titulo { 
	font-family: Verdana;
    	font-weight: bolder;
	color: #0000FF;
	/*color:yellow;*/
	font-size: 150%;}
	font.correo { 
    	font-family: Arial, Helvetica;
    	font-weight: bold;
	color: #0041D1;
	font-size: 100%;}
	
	A  {
	text-decoration:underline;
	color: #0000aa; /* fondo claro */
	/* color: white; /* fondo obscuro */
	background:transparent;
	/*text-shadow: transparent 0 0 0 ;*/} 
	
	A:hover  {
	text-decoration: underline;
	/*color: #ddddff;
	background:transparent;
	text-shadow: black 1px 1px 1px ;*/
}
    	
	A.oscuro{
	text-decoration:underline;
	color: #ffffff;
	background:transparent;} 
	
	A.oscuro:hover  {
	text-decoration: underline overline;
	color: #FF6600;
	background:transparent;}

		 
	H2 {
	font-family: Arial, Helvetica, Sans-serif;
	color: #9B0000;}
	H4 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #FF6600; }

	TABLE	 {
		border-width: 0;
		width: 97%;
			   }
			   
	table.sinancho {
		width: auto;
	}
			   
    
	 /* TD       {
			   padding: 2px;
}  */


	td.claro4 {background-color: transparent;
			 color: #9B0000;	
			
			  font-family: Arial, Helvetica, Sans-serif;
              font-size: 100%;
			  font-weight: normal;
			  text-align: left;
              vertical-align: top;
			  background-image: URL(./db4.png);
			  background-repeat: repeat;
			  background-position: center;
			  }
	td.claro4b {background-color: transparent;
			  color: #9B0000;	
			  font-family: Arial, Helvetica, Sans-serif;
              font-size: 100%;
			  font-weight: bold;
			  text-align: center;
              vertical-align: top;
			  background-image: URL(./db4.png);
			  background-repeat: repeat;
			  background-position: center;
			  }

    td.oscuro4  {background-color: transparent;
			  color: #ffffff;
			  text-shadow: black 1px 1px 2px ;
			  font-family: Arial, Helvetica, Sans-serif;
			  font-size: 150%;
			  font-weight: normal;
			  letter-spacing: 0.1 cm;
			  text-align: center;
              vertical-align: top;
			  background-image: URL(./dh4.png);
			  background-repeat: repeat;
			  background-position: center;
			  }

    td.oscuro4  a{
		  text-shadow: white 1px 1px 2px ;
		}
    td.oscuro4  a:hover{
		  text-shadow: black 1px 1px 2px ;
		}

	td.claro2 {background-color: transparent;
			  color: #9B0000;
			  font-family: Arial, Helvetica, Sans-serif;
              font-size: 100%;
			  font-weight: normal;
			  text-align: left;
              vertical-align: top;
			  background-image: URL(./db2.png);
			  background-repeat: repeat;
			  background-position: center;
			  }
    td.oscuro2  {background-color: transparent;
			  color: #ffffff;
			  font-family: Arial, Helvetica, Sans-serif;
			  font-size: 200%;
			  font-weight: normal;
			  letter-spacing: 0.1 cm;
			  text-align: center;
			  vertical-align: top;
			  background-image: URL(./dh2.png);
			  background-repeat: repeat;
			  background-position: center;
			  }
    td.image {background-image: URL(./tdback.jpg);
			  background-repeat: no-repeat;
			  background-position: center;
              font-weight:bold;
              }
    td.border0 {border: 0;}
    td.separa2 {background-color: transparent;
			  background-image: URL(./db2.png);
			  background-repeat: repeat;
			  background-position: center;
			  background-attachment: fixed;
        	  height: 5px;
			  }
    td.separa4 {background-color: transparent;
			  background-image: URL(./dbv.png);
			  background-repeat: repeat;
			  background-position: center;
			  background-attachment: fixed;
  			  color: #ffffff;
			  font-family: Arial, Helvetica, Sans-serif;
			  font-size: 100%;
			  font-weight: normal;
			  text-align: center;
			  vertical-align: top;
        	  height: 5px;
			  border:0;
			  }

			  
/* 	HR {
    		height: 5px;
    		width: 80%;
    		background: blue;
    		margin: 0px 20px 0px 20px; 
	   } */


	div.imagen_mes {
		position:absolute;
		visibility:hidden;
		/* height:200px; */
		width:50%;
		top:175px;
		left:25%;
		border-width: 2px;
		border-color: red;
	}

.toggler { 
width: 97%;
color: #ff5500;
text-shadow: black 1px 1px 3px;
margin: 0; 
padding: 2px 5px; 
background: transparent; 
background-image: URL(./dha2.png);
/*border-bottom: 3px solid #ddd; 
border-right: 3px solid #ddd; 
border-top: 3px solid #f5f5f5; 
border-left: 3px solid #f5f5f5; */
font-size: 150%; 
font-weight: normal; 
font-family: 'Andale Mono', sans-serif; 
cursor: pointer;
cursor: hand;
}   

.element {
font-size: 100%;
width: 97%;
color: #9B0000;
background: transparent;
background-image: URL(./dba2.png);
   }   

.element p { 
margin: 0; 
padding: 4px; 
}   
.float-right { 
padding:10px 20px; 
float:right; 
}
   
blockquote { 
text-style:italic; 
padding:5px 0 5px 30px; 
}

body #picture {
  background-image: url("http://localhost/arcoiriseditado.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
body #layer1 {
  background: repeating-linear-gradient(90deg, rgba(236, 240, 241, 0), rgba(236, 240, 241, 0.6), rgba(236, 240, 241, 0));
  animation: layer1 10s linear infinite alternate;
}
body #layer2 {
  background: repeating-linear-gradient(90deg, rgba(236, 240, 241, 0), rgba(236, 240, 241, 0.6), rgba(236, 240, 241, 0));
  animation: layer2 15s linear infinite alternate;
}
@keyframes layer1 {
  0% {
    background-position: 1000px 0;
  }
  50% {
    background-position: 500px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes layer2 {
  0% {
    background-position: 0 0%;
  }
  50% {
    background-position: 500px 0%;
  }
  100% {
    background-position: 1000px 0;
  }
}