50 .body {margin: 0;
 
 
}


.header {
        padding:70px 50px 75px 100px;
        background:#FFFF00;
        text-align:center;
       
  }
  
.besponjasa1.img{
             border: 2px #FFFF00;
             border-style: dashed;
             border-color:#FFFF00;
             
 }
 
 

.img {
     border: 1px #FFFF00;
     border-radius: 4px;
     padding:70px 50px 75px 100px;
     background:30px;
     float:right;
    
   
}



.iframe {
        padding: 70px 0;
        border: 3px #0000ff;
        text-align:center;
}

 
 .body {
        font-family:"Verdana", sans-serif;
        color:green;
        padding: 70px 50px 75px 100px;
        background:#FFFF00;
        text-align:left;
}
.h1 {
  text-decoration: underline;
  text-shadow: 2px 2px #ff0000;
  text-align:left;
}

.h2 {
    border-style: solid;
    border-width: 2px;
    border-color: #AAA;
    text-decoration: underline;
    text-align:left;
}

.p.dotted {border-style: dotted;}
.p.dashed {border-style: dashed;}
.p.double {border-style: double;}
.p.ridge {border-style: ridge;}


.table .td .th {
                 border: 1px black;
}
.table {
       border-collapse: collapse;
       width: 100%;

}
.th {
     text-align: left;
}



.aside {
       width: 100%;
       padding-left:10px;
       margin-left: 10px;
       float:left;
       background-color:#FFFF00;
}



.p {
    background-color:#FFFF00;
    color:green;
    text-align: left;

 }
 
 .table {
  border-collapse: collapse;
  border: 1px solid black;
} 

.th.td {
  border: 1px solid black;
}

.table.a {
  table-layout: auto;
  width: 180px;  
}

.table.b {
  table-layout: fixed;
  width: 180px;  
}

.table.c {
  table-layout: auto;
  width: 100%;  
}

.table.d {
  table-layout: fixed;
  width: 100%;  
}

.div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-align: center;
}

.div.b {
  text-decoration-line: underline;
  text-decoration-style:wavy;
  text-align:left;
  
}

.div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
  text-align: right;
} 

.div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
  text-align: justify;
} 
 

.input[type=submit]:hover { 
      background-color: #205c5e; 
  } 
   
 
.li a:hover {
  background-color: #111;
}


.a:link {
  color:#ff0000;
}

/*link visitado */
.a:visited {
  color:#3cb371;
}

/* mouse sobre link */
.a:hover {
  color: #ffa500;
}

/* link seleccionado */
.a:active {
  color: #0000ff;
}

.button1{
  color:white;
  background-color:black;
  border-radius:50%
}


.button1:hover {
  background-color: green; 

 button2 {
  color:red;
  background-color:red;
  border-radius:50%
  
}


.button2:hover {
  background-color: green; 

 button3{
  color:green;
  background-color:blue;
 border-radius:50%
}


.button3:hover {
  background-color: green{
  }


.footer {
  border-radius: 20px;
  padding: 20px;
 text-align: center;
  background-color:green;
 
}