@charset "UTF-8";
@import url('normalize.css');

html,body,section,div,nav,span,h1,h2,h3,h4,p,a,big,em,font,img,small,strong,b,i,span,center,ul,li,label,tr,th,td {margin:0px;padding:0px;border:0px;outline:0px;font-size:17px;vertical-align:baseline;background:transparent}
ul{list-style:none} :focus{outline:0px} a{text-decoration:none}
div {position:relative}
*{box-sizing:border-box;-webkit-box-sizing:border-box}

body {font-family:Cambria,Georgia,serif;font-weight:400;font-size:16px;color:#777;line-height:22px}

.header{width:100%;height:82px;background:#fff}
.header img{float:left;min-width:120;padding-top:3px;padding-left:8px}
.dropdown{float:right;margin:20px;text-transform:uppercase}
.dropbtn{font-size:14px;border:none;outline:none;color:#555;padding:4px 6px;font-family:inherit;background-color:#D1D1D1}
.dropbtn:hover{background-color:white}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:60px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}
.dropdown-content a{float:none;color:#555;padding:12px 16px;display:block;text-align:left;font-size:14px}
.dropdown-content a:hover {background-color:#ddd}
.dropdown:hover .dropdown-content{display:block}
.triangle {width:0;height:0;margin:8px 5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #555;float:right}

.navbar{display:flex;text-transform:uppercase;background:transparent;max-width:100%}
.navbar a{background:#000;color:white;padding:14px 20px;text-align:center;border:2px solid #fff}
.navbar a:hover{background-color:#ddd;color:#000}

.row{display:flex;flex-wrap:wrap}
.main{flex:70%;padding:30px;font-style:italic}
.side {flex: 30%;background-color: #f1f1f1;padding: 20px}
.img1 {width:100%;padding:20px;max-width:420px;max-height:300px;float:right}
.img2 {width:100%;padding:20px;max-width:420px;max-height:300px;float:left}
.main h1{text-align:center;font-style:italic}
.main h2 {color: #687272;font-size:25px;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}
.main h3{color: #687272;font-size:20px;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}
.main hr {color:#DC730F}
.aclarar{clear: both}
.pequena {text-align:center;font-size:14px}
.back {font-style:normal;font-size:14px;font-family:verdana}

.footer {padding: 10px;text-align: center;background: #555;color:#fff}
@media screen and (max-width:500px){.row, .navbar{flex-direction:column} }