@font-face {
    font-family: 'BrEscolarRegular';
    src: url('./fonts/Br_Escolar_Regular.eot');
    src: url('./fonts/Br_Escolar_Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrEscolarNegra';
    src: url('./fonts/Br_Escolar_Negra.eot');
    src: url('./fonts/Br_Escolar_Negra.ttf');
    font-weight: normal;
    font-style: normal;
}

/* =Reset
-------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
li {list-style-type:none;}
img {border:none;}
.clear {clear:both; font-size:1px; height:0; line-height:0;}

blockquote {quotes:none;}
blockquote:before, blockquote:after {content:''; content:none;}
del {text-decoration:line-through;}

h1, h2, h3, h4, h5, h6 {clear:both; font-weight:normal;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}
a, :focus {outline-style:none;}

/* =Clearfix
------------------------------------------------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


body {color:#333; font-family:'BrEscolarRegular'; font-size:62.5%;}
.wrapper {height:466px; margin:20px auto; position:relative; width:640px;}
.header {font-size:1.9em;}
.content {background:#E2D6B5; height:420px; position:relative; width:640px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0 3px 4px #333;}

/* =Home
------------------------------------------------------*/
#statement {color:#000; font-family:'BrEscolarNegra'; font-size:3.4em; line-height:1.1em; margin-bottom:15px; }

#interior { background-color:#E10020; }

#zone { position:absolute; top:7px; left:0px; height:400px; width:640px; }
#logo { position:absolute; left:550px; top:390px; width:82px; height:20px; background-image: url('logo.png'); background-repeat:no-repeat; }
.option { font-family:'BrEscolarRegular'; font-size:1.0em; }
.mascota{ position:absolute; left:-80px; top:0px; }#block0 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block1 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block2 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block3 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block4 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block5 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block6 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block7 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block8 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }

#block0 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block1 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block2 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block3 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block4 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block5 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block6 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block7 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block8 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }

#block0 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block1 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block2 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block3 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block4 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block5 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block6 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block7 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }
#block8 { position:absolute; width:600px; height:auto; left:20px; top:0px; font-size:2.4em; }