@charset "utf-8"
*{
  margin: 0px;
  padding: 0px;
  border: 0px;
}
body{
 background-color: #436587;
 width:1024px;
 margin-left: auto;
 margin-right: auto;
 text-align:center;

}

header{
  height: 45px;
  background-color: #A35AA7;
  font-family: Arial, serif;
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  padding-top: 20px;
  border-bottom: solid;
  border-bottom-width: 5px;
  border-bottom-color: #CCC;
}
section{
  height: auto;
  font-family: Comic Sans  serif, Time New Roman, Arial, serif;
  text-align:left;
  background-color: #F9F2F9;
  padding: 20px;

}
section h1{
  font-family: Arial serif;
  font-size: 24px;
  color:#436587;
  padding-bottom: 15px;
}

section p{
<!--  font-family:Times New Roman sans-serif;!-->
  text-align: justify;
font-family: 'Open Sans Condensed', sans-serif;   <!--qui colocamos la tipografia desde google fonts !-->
}

section h2{
  font-family: Arial serif;
  font-size: 22px;
  color:#436587;
  text-align:center;
  padding: 15px;
}



.art1{
  background-color: #9C9C9C; 
 padding: 20px;
  margin-top: 30px;
  margin-left: 10px;
  color: #fff;
  font-size:22px;
 
        

        

}
#foto {
    float:left;
    width:190px;
    height:210px;
    border: solid;
    border-color: #66FFCC;
    border-width: 5px;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
        
}

#contenedor{
width:560px;
height:442px;
margin-top:30px;
margin-left: 25%;
border-radius: 15px;
background-color:#436587;
text-align:center;
        
}


footer{
  height: 60px;
  background-color: #A3AAA1;
  border-top: solid;
  border-top-color: #FF6C6C;
  padding-top: 4px;

}