body { background:url(FONDO.jpg);
         color: #efefef ;   }

body, table {color:#87CEFA;font-family: serif; font-size: 12pt}

a:link, a:active, a:visited {color: #FFFFFF; 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:#FFFFFF ; 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:#FFFFFF ; font-family: sans-serif; font-weight: bold}


.blogheading {background:#4682B4; color:#191970; font-family: sans-serif; font-size: 16pt; font-weight: bold}

.blogentry {background: #ffffff; color: #191970; font-family: serif; font-size: 12pt}

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;
  }
  table { margin: auto; }

#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 60%;
    border-collapse: collapse;
}

#customers td, #customers th {
    font-size: 1em;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}

#customers th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #A7C942;
    color: #ffffff;
}

#customers tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}

   
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 {
  border: solid 1px #ccc;
  position: absolute;
  left: 30px;
  top: 50px;
  width: 150px;
  height: 350px;
}
 
div#contenido {
  border: solid 1px #ccc;
  position: absolute;
  overflow: hidden;
  left: 200px;
  top: 50px;
  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%;
}
select{
    margin:40px;
     width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(down_arrow_select.jpg) no-repeat right #ddd;
   border: 1px solid #ccc;
}
input[type=text] {
    border: 5px solid white; 
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    height: 30px;
    width: 200px;
    background: 	#90EE90;
    color: #000000;
}
.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}