@font-face  /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
{font-family: 'Fertigo'; src: url('fertigo.eot'); src: url('fertigo.eot?#iefix') format('embedded-opentype'), url('fertigo.woff') format('woff'), url('fertigo.ttf') format('truetype')}

@media handheld, screen and (max-width: 768px) 
{
body
{background-color: #3d113d; font: normal .938em/1.4em Fertigo,sans-serif,sans; color: #f2daf2; margin: .5em}
#centro
{width: 100%}
#logo
{display: block; margin: 0 auto; clear: both; max-width: 100%}
article img
{display: block; margin: .7em auto; max-width: 450px; float: none}
nav
{text-align: left}
nav div h3, nav div p, nav div img 
{display: none}
aside
{width: 300px; display: block; margin: 0 auto}
.aside
{width: 90%; padding: 1em; border: 1px dashed #a6a; margin: 0.5em auto}
.l
{float: none; margin-right: 0em}
.r
{float: right; margin-left: .4em}
.c
{text-align: center}
h1,h2,h3,em
{color: #ffdead}
h1,h2,h3
{font: normal 1.8em/1.5em fertigo}
h2
{font-size: 1.5em}
h3
{font-size: 1.2em}
em
{font-style: normal}
p
{margin: 1.2em 0}
a
{color: #f7ab40; text-decoration: none}
a:hover,a:focus
{color: #ffcc7f}
img
{border: 0}
form
{text-align: center; border: 1px dashed #a6a}
input, textarea
{font: normal .8em fertigo,verdana; background-color: #3d113d; color: #fff; margin: .3em 0}
abbr
{border-bottom: 1px dotted #ffdead}
hr
{border: 0px dashed #a6a; border-bottom: thin dashed #a6a; clear: both}
sup, sub
{font-size: 60%}
}

@media screen and (min-width: 769px)
{
body
{background-color: #3d113d; font: normal 1em/1.4em fertigo; color: #f2daf2; margin: 0 2em}
#centro
{max-width: 75em; margin: 1em auto; position: relative}
article,nav,aside
{display: block; position: absolute}
article
{top: 210px; right: 21em; left: 0}
article img
{display: block; margin: .7em auto}
nav
{top: 110px; right: 0px; border-bottom: thin dashed #a6a}
nav li
{float: left; margin-left: 1em; list-style: none}
nav li a
{border-bottom: 0; font-size: 1.1em}
nav div
{position: absolute; font-size: .9em; z-index: 2; background-color: #3d113d; left: -9999px; border: thin dashed #a6a}
nav div h3
{font: normal 1.4em/1em fertigo; color: #ffdead; margin-left: 1.5em}
nav div p
{margin: -.7em 0 .7em; margin-left: 2.5em}
nav div li
{float: none; font-size: .9em}
nav div img
{float: right; width: 175px; height: 175px; margin: 0 .7em .7em 0}
nav li:hover div
{left: 0; width: 100%}
aside
{top: 220px; right: 0; width: 300px}
aside div
{position: static}
.aside
{width: 240px; margin: .3em; padding: 1em; border: 1px dashed #a6a}
.l
{float: left; margin-right: .4em}
.r
{float: right; margin-left: .4em}
.c
{text-align: center}
img
{border: 0}
h1,h2,h3,em
{color: #ffdead}
h1,h2,h3
{font: normal 1.8em/1.5em fertigo}
h2
{font-size: 1.5em}
h3
{font-size: 1.2em}
em
{font-style: normal}
p
{margin: 1.2em 0}
a
{color: #f7ab40; text-decoration: none}
a:hover,a:focus
{color: #ffcc7f}
form
{text-align: right; border: 1px dashed #a6a}
input, textarea
{font: normal .8em fertigo,verdana; background-color: #3d113d; color: #fff; margin: .3em 0}
abbr
{border-bottom: 1px dotted #f7ab40}
hr
{border: 0; border-bottom: thin dashed #a6a; clear: both}
sup, sub
{font-size: 60%}
.signup
{width: 300px; margin: .7em 0; padding: 1em 0; font-size: .9em; text-align: center; border: thin dashed #a6a}
video
{display: block; margin: 0 auto}
}

@media print
{
body
{background-color: white; color: black; font-size: 11pt; font-family: Fertigo,georgia}
#centro
{width: 100% !important}
article img
{display: block; margin: .7em auto}
#logo,nav,aside
{display: none}
.aside
{width: 230px; margin: .3em; padding: 1em; border: 1px dashed #a6a}
.l
{float: left; margin-right: .4em}
.r
{float: right; margin-left: .4em}
.c
{text-align: center}
h1, h2
{font: normal 1.8em/1.4em fertigo,'bitstream vera serif',georgia; color: #000}
h2
{font-size: 1.4em}
p
{margin: 1.2em 0}
a
{color: #333; text-decoration: underline}
em
{color: #333; font-style: normal}
img
{border: 0}
form
{text-align: right; border: 1px dashed #a6a}
input, textarea
{font: normal .8em fertigo,verdana; background-color: #3d113d; color: #fff; margin: .3em 0}
abbr
{border-bottom: 1px dotted #ffdead}
hr
{border: none; border-bottom: thin dashed #333; clear: both}
sup, sub
{font-size: 60%}
}

ins
{margin-bottom: .4em}