#fondo{
	width: 100%;
	background-color: #E6E6FA;
	background-attachment: fixed;
}

#fondo2{
	
	background-color: #D0D1F4;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}

#cabecera{
	width: 100%;
	background-color: blue;
	text-align: center;
	/color: white;
	left: 0px;
	height: 60px;
	top: 0; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
}

#site-name{
		font-family: 'Playball', cursive;
		color: white;
		width: 100%;
		/margin: 10px;
		font-size: 30px;
		/text-shadow: 1px 1px 1px white;
		/padding-top: 5px;
		text-align: center;
}

#site-desc{
		font-family: Arial;
		font-size: 15px;
		margin-top: 120px;
		color: yellow;
}

#menu-sup{  
		width:100%;
		margin-top: 10px;
		text-align: center;
		top: 5; /* Posicionamos la cabecera pegada arriba */
		position: fixed; /* Hacemos que la cabecera tenga una posición fija */
}  

#pagina{
		max-width:900px;
		color: black;
		background-color: #E6E6FA;
		/opacity: 0.5;
		overflow: hidden; 
		padding: 15px; 
		margin: 0 auto 10px auto;
		font-family: Arial;
		font-size: medium;
		text-align: left;
		margin-top: 100px;
		/-moz-box-shadow: 0 0 5px #888;
		/-webkit-box-shadow: 0 0 5px#888;
		/box-shadow: 0 0 5px #888;
		/-moz-border-radius: 15px; /* Firefox */
		/-webkit-border-radius: 15px; /* Google Chrome y Safari */
		/border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

#izquierda{  
		/background-color: #E6E6FA;
        float:left;  
        max-width:500px;
		margin: 5px;
		text-align: left;
		padding: 5px;
		clear: right;
} 

#derecha{  
        /background-color: #F5F5DC;  
        float:right;  
        max-width:300px; 
		text-align: left;
		padding: 15px;
		text-decoration: none;
		/-moz-box-shadow: 0 0 5px #888;
	/-webkit-box-shadow: 0 0 5px#888;
	/box-shadow: 0 0 5px #888;
	/-moz-border-radius: 15px; /* Firefox */
	/-webkit-border-radius: 15px; /* Google Chrome y Safari */
	/border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}   

#caja{  
        /background-color: #F5F5DC;  
        width: 90%; 
		text-align: left;
		font-size: 14px;
		padding: 6px;
		color: #696969;
		margin: 15px 5px 15px 1px;
		text-decoration: none;
		text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
} 

#ventana{  
		/background-color: #E6E6FA;
        float:left;  
        width:100%;
		font-size: 14px;
		margin-right: 20px;
		text-align: left;
		padding: 5px;
		clear: right;
} 

h3 {
	font-family: 'Pinyon Script', cursive;
	font-size: 30px;
	color:DarkSlateGray;
	font-weight:bold;
}
h4 {
	font-family: Arial;
	background-color: LightSteelBlue ;	
	font-size: 18px;
	color:White;
	font-weight:bold;
	text-shadow: 1px 1px 1px Black;
	text-align: center;
	-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Google Chrome y Safari */
		border-radius: 5px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}
h5 {
	font-family: Arial;
	background-color: LightBlue;	
	font-size: 18px;
	color:White;
	font-weight:bold;
	text-shadow: 1px 1px 1px Black;
	text-align: center;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Google Chrome y Safari */
	border-radius: 5px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

h6 {
	font-family: Arial;
	text-shadow: 1px 1px 1px Black;
	font-size: 14px;
	color:White;
	margin: 1px;
}
#notas {
	font-family: Arial;
	text-shadow: 1px 1px 1px white;
	font-size: 14px;
	color:DarkOliveGreen;
	margin: 10px;
}
h8 {
	font-family: 'Playball', cursive;
	font-size: 25px;
	color: CornflowerBlue ;
	font-weight:inherit;
	text-align: center;
	text-shadow: 0px 0px, 1px 1px #000000;
	line-height: 25px;
}

#base{
		font-family: Arial;
		font-size: 15px;
		color: white;
		text-shadow: 1px 1px black;
		text-align: center;
		background-color: LightSlateGray;
		padding: 10px;
		bottom: 0; /* Posicionamos la cabecera pegada arriba */
		position: relative; /* Hacemos que la cabecera tenga una posición fija */
}

ul{
    text-align:left;
	list-style-type: circle;
	font-family: Arial;	
	margin: 0 0 30px;
	padding-left: 20;
	font-size: 16px;
	text-decoration: none;
}
li {
	list-style-image: circle;
	color: red;
	padding-top: 5px;
	
	}
	
ol{
    text-align:left;
	list-style-type: decimal;
	font-family: Arial;	
	margin: 0 0 30px;
	padding-left: 20;
	font-size: 16px;
	text-decoration: none;
}
li {
	list-style-image: circle;
	color: black;
	padding-top: 5px;
	
	}

.blanco {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.blanco:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.blanco:active {
	position:relative;
	top:1px;
}
.social-links a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #2F4F4F;
  color: #808080;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding-top: 10px;
  background-color: #2F4F4F;
  -webkit-transition: .3s ease;
          transition: .3s ease;
}
.social-links a.facebook:hover {
  color: yellow;
  border-color: red;
}
.social-links a.twitter:hover {
  color: yellow;
  border-color: red;
}
.social-links a.back:hover {
  color: yellow;
  border-color: red;
}
.social-links a.mail:hover {
  color: yellow;
  border-color: red;
}
.social-links a.youtube:hover {
  color: yellow;
  border-color: red;
}

.link {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:DimGray ;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px white;
}
.link:hover {
	
	background-color:Bisque;
	color: Teal;
	text-decoration:none;
	-moz-box-shadow:1px 1px 1px 1px LightSlateGray;
	-webkit-box-shadow:1px 1px 1px 1px LightSlateGray;
	box-shadow:1px 1px 1px 1px LightSlateGray;
}
.link:active {
	position:relative;
	color: red;
	top:-2px;
}

#nota {
font-size: 12px;
color: DarkCyan;
/font: message-box;
}

hr {color: white;
	
}