*{margin: 0;padding: 0;box-sizing: border-box;font-family:"Arial";}
body{background-color: white;margin: auto;text-align:center;margin-top: 5px;}
header{background-color: white;width:90%;margin: auto;box-shadow:0px 0px 10px rgba(66,66,00,1);border-radius:10px 10px 10px 10px;}
nav{width: 90%;background-color:rgba(91,155,213,1);margin: auto;text-align: center;box-shadow:0px 0px 10px rgba(66,66,00,1);border-radius:10px 10px 10px 10px;margin-top: 10px;}
button{background-color: rgba(0,175,239,1);height: 30px;padding-left: 5px;padding-right: 5px;color:white;border-radius:5px 5px 5px 5px; border: 2px solid rgba(91,155,213,1);background-color:rgba(91,155,213,1);}
button:hover{background-color:#D0DCB6;border: 2px solid #ABA994;}
#textbutton{color: white;font-size: 15px;text-decoration: none;text-shadow:2px 2px #000000;}
#textbutton:hover{color: black;text-shadow:2px 2px #AAAAAA;}
a:link{color: black;}
a:hover{color: black;}
a:visited{color: black;}
#flags{padding-left: 5px;padding-right:5px;}
h1{color:rgba(91,155,213,1);text-align:center;text-shadow:1px 1px #000000,2px 2px #000000;}
h2{color:rgba(91,155,213,1);text-align:center;text-shadow:1px 1px #000000,2px 2px #000000;}
h3{color:rgba(91,155,213,1);text-align:center;text-shadow:1px 1px #000000,2px 2px #000000;}
#contenedor{display:table;width: 90%;margin: auto;margin-top: 10px;}
main{background-color: white;background-image: url(imagenes/fondologo.gif);width:70%;display:table-cell;margin: auto;margin-right: 10px;vertical-align: top;box-shadow:0px 0px 10px rgba(66,66,00,1);border-radius:10px 10px 10px 10px;margin-top: 10px;line-height:1.5em;}
#celdafantasma{width:1%;margin: auto;display:table-cell;}
#hcursup{width: 75%;background-color:rgba(254,252,214,1);box-shadow:0px 0px 10px rgba(66,66,00,1);border-radius:10px 10px 10px 10px;text-align: center;margin:auto;}
#hleft{background-color: rgba(208,220,182,1);width: 50%;display: table-cell;vertical-align: top;border-radius:10px 0px 0px 10px;font-size:13px;}
#hright{background-color: rgba(225,240,255,1);    width: 50%;    display: table-cell;    vertical-align: top;    border-radius:0px 10px 10px 0px;}
aside{background-color: rgba(221,221,221,1);width:18%;display:table-cell;margin: auto;margin-top: 10px;text-align: center;box-shadow:0px 0px 10px rgba(66,66,00,1);border-radius:10px 10px 10px 10px;font-size: 13px;}
#nuestrologo{background-color: rgba(225,240,255,1);border-radius:10px 10px 0px 0px;padding-left: 5px;padding-right: 5px;}
footer{width:90%;margin:0 auto;background-color: rgba(91,155,213,1);color:black;box-shadow:0px 0px 10px rgba(66,66,00,1);margin-top: 10px;border-radius:10px 10px 10px 10px;}
#textmain{color: black;text-align: left;text-indent: 10px;padding-left: 10px;padding-right: 10px;}
#webmaster{width: 90%;margin: auto;}
#webmastertext{color:rgba(175,00,00,1);text-decoration:none;text-shadow:0px 0px 1px rgba(255,255,255,1), 0px 0px 1px rgba(00,00,00,1);}
@media only screen and (max-width: 768px) {header{width: 98%;}nav{width: 98%;}#contenedor{width: 98%;}main{display: block;width: 98%;}#celdafantasma{display: block;}#hleft{display: block;width: 98%;border-radius:10px 10px 10px 10px;}#hright{display: block;width: 98%;margin-top: 10px;border-radius:10px 10px 10px 10px;}aside{display: block;width: 98%;margin-top: 10px;}footer{width: 98%;}}
@media only screen and (max-width: 480px) {header{width: 98%;}nav{width: 98%;}button{width: 48%;border: 2px solid rgba(55,155,255,1);}
#contenedor{width: 98%;}main{display: block;width: 98%;}#foto400{width:100%;}#celdafantasma{display: block;}#hleft{display: block;width: 98%;border-radius:10px 10px 10px 10px;}#hright{display: block;width: 98%;margin-top: 10px;border-radius:10px 10px 10px 10px;}aside{display: block;width: 98%;margin-top: 10px;}footer{width: 98%;}}