body {
  background-image: url('fondo.jpg');
}

.button {
  background-color: #4682B4;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


body, table {border-style: none;color:back;font-family: serif; font-size: 12pt}

    

header{
  
    position: fixed;
    top: 0;
    width: 100%;
    padding: 15px 20px;
    background-color: #DEEFF1;
    font-size: 20px;
    color: #FFFFFF;


	text-align: center;
	width: 100%;
	height: auto;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	
}
header .overlay{
	width: 100%;
	height: 100%;
	padding: 50px;
	color: #FFF;
	text-shadow: 1px 1px 1px #333;
  background-image:url("https://fabiangarcia.neocities.org/fondo-blanco-semitono_115579-724.jpg");
	
}

h1 {
	font-family: 'Dancing Script', cursive;
	font-size: 80px;
	margin-bottom: 30px;
}

h3, p {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 30px;
}

button {
	border: none;
	outline: none;
	padding: 10px 20px;
	
	color: #333;
	background: #fff;
	margin-bottom: 50px;
	
}
button:hover{
	cursor: pointer;
}
        
        
      }

      #logo{
        margin: auto;
        height: 250px;
        width: 320px;
        text-align: center;
      }

      
#navlist { padding: 3px 0px;
border-bottom: 1px solid #778;
font: bold 16px Verdana, sans-serif; }

#navlist li { list-style: none; display: inline; margin-left:10px;}

#navlist li a { padding: 3px 1em;
border: 1px solid #778; border-bottom: none;
background: #DDE; text-decoration: none; }

#navlist li a:link { color: #448; }
#navlist li a:hover {color: #000; background: #AAE; border-color: #227; }
#navlist li a#current { background: #AAE; }

 
a:link, a:active, a:visited {color: #0000c0; text-decoration: none}

a:hover {color: #c00000; text-decoration: underline}
a{font-size: 12pt;color: orange; text-decoration: underline}
h1, h2, h3, h4, h5, h6 {color:#191970 ; font-family: sans-serif; font-weight: bold}

h1 {font-size: 36pt}

h2 {font-size: 24pt}

h3 {font-size: 18pt}

h4 {font-size: 14pt}

h5 {font-size: 12pt}

h6 {font-size: 10pt}

b {font-weight: bold}

i {font-style: italic}

u {text-decoration: underline}
p {color:#2E5F8E ; font-family: sans-serif; font-weight: bold}




html  {
  font: normal 13px arial,helvetica,sans-serif;
  }
   
h1  {
  text-align: center;
  color: #987;
  }
   
h2  {
  text-align: center;
  color: #777;
  }
 
ul {
  list-style: circle;
  color: #888;
  }
   
ul li a {
  color: #888;
  text-decoration: none;
  font-weight: bold;
  }
   
ul li a:hover {
  color: #f00;
  }
   
p {
  color: #456;
  }
   
/* Capas del ejemplo  */
 
div#columna {
  background-image:url("img.jpg")
  border: solid 0px #ccc;
  position: absolute;
  left: 30px;
  top: 250px;
  width: 150px;
  height: 200px;
}
 
div#contenido {
  background-image:url("fondo-blanco-semitono_115579-724.jpg")
  border: solid 0px #ccc;
  position: absolute;
  overflow: hidden;
  left: 200px;
  top: 250px;
  width: 580px;
  height: 380px;
  padding: 0 20px;
}
 
div#marco1, div#marco2 , div#marco3 , div#marco4 , div#marco5 , div#marco6, div#marco7, div#marco8  ,div#marco9  ,div#marco10 ,div#marco11 {
  height: 100%;
  width: 100%;
}