body{ background-color:#FFF; color:#000; font-family:'Open Sans', arial, verdana, sans-serif; font-size:18px; } h2 { color:#C80000; line-height:38px; } iframe { width:100%; } a { color:#9C030D; text-decoration:none; } a:visited { text-decoration:none; color:#9C030D; } a:hover { color:#020E65; text-decoration:underline; } .header { width:96.5%; background-color:#000; color:#fff; font-size:18px; margin:0 auto; padding:1%; border-radius:5px; z-index:1; } .headerIn { width:99%; background-color:#000; color:#fff; font-size:18px; margin:0 auto; } .logo { width:15%; margin-top:5px; float:left; z-index:-3; } .logo img { width:100%; border:0; } .logoBr { height:15px; } .menuBt { width:2%; margin-left:82.5%; float:left; z-index:-3; } .menuBt img { width:24px; border:0; } .brSt1 { width:90%; height:35px; } .brSt2 { display:none; } .brSt3 { width:90%; height:5px; } .brSt5 { width:90%; height:10px; } .menuMain { width:25%; background-color:#393939; color:#f1f1f1; font-size:18px; margin:-21px 65.7%; padding:2%; border-radius:5px; line-height:28px; position:absolute; display:none; } .menuMain a { color:#F1F1F1; text-decoration:none; } .menuMain a:visited { text-decoration:none; color:#F1F1F1; } .menuMain a:hover { color:#FF520D; text-decoration:underline; } .header2Desk { width:98%; background-color:#F89B00; color:#9C030D; font-size:18px; margin:0 auto; padding:1%; border-radius:5px; } .header2Mob { width:94.3%; background-color:#F89B00; color:#9C030D; font-size:18px; margin:0 auto; padding:1%; border-radius:5px; display:none; } .content { width:90%; font-size:19px; line-height:32px; margin:-15px auto; padding:2%; } .content img { width:99%; border-radius:5px; } .contentX { width:95%; font-size:18px; line-height:25px; margin:-15px auto; padding:2%; } .contentX img { width:13%; float:left; margin-right:8px; margin-left:-15px; border-radius:5px; box-shadow: 5px 5px 5px #333333; } .contentXCategory { width:100%; font-size:18px; line-height:30px; margin:-5px -2px; text-align:right; } .contentXAdmin img { width:90px; float:left; margin-right:5px; border-radius:5px; } .intest1 { width:98%; font-size:20px; background-color:#9C030D; color:#F1F1F1; margin:0 auto; border-radius:5px; padding:1%; text-align:left; } .contentY img { width:54%; float:left; margin-right:10px; border-radius:5px; box-shadow: 5px 5px 5px #333333; } .share { margin-left: auto; margin-right: auto; width: 100%; } .share img { width:42px; border-radius: 5px; border:0; } .stream { width:100%; border-radius:5px; box-shadow: 5px 5px 5px #000; padding:1%; } .streamAdmin { width:98%; border-radius:5px; box-shadow: 5px 5px 5px #000; padding:1%; } .boxLeft { width:30%; font-size:18px; margin:0 auto; padding:1%; background-color:#333333; color:#f1f1f1; float:left; margin-right:5px; border-radius:5px; } .boxLeft a { color:#F1F1F1; text-decoration:none; } .boxLeft a:visited { text-decoration:none; color:#F1F1F1; } .boxLeft a:hover { color:#FF520D; text-decoration:underline; } .boxCenter { width:64.5%; font-size:20px; margin:0 auto; padding:1%; background-color:#fff; float:left; margin-right:5px; } .boxCenterAdmin { width:98%; font-size:18px; margin:0 auto; padding:1%; background-color:#fff; float:left; margin-right:5px; } .boxRight { width:30%; font-size:18px; margin:0 auto; padding:1%; background-color:#333333; color:#F1F1F1; border-radius:5px; float:right; text-align:center; } .boxRight a { color:#F1F1F1; text-decoration:none; } .boxRight a:visited { text-decoration:none; color:#F1F1F1; } .boxRight a:hover { color:#FF520D; text-decoration:underline; } .boxRight img { border-radius:5px; } .barra { width:96%; background-color:#f1f1f1; color:#000; text-align:center; font-size:18px; margin:0 auto; padding:2%; } .field { width:95%; font-size:20px; padding: 12px 20px; color:#000; border-radius:5px; } .field2 { width:95%; height:600px; font-size:20px; padding: 12px 20px; color:#000; border-radius:5px; } .field3 { width:95%; height:100px; font-size:20px; padding: 12px 20px; color:#000; border-radius:5px; } .send{ width:99%; font-size:20px; padding: 20px 20px; border-radius:5px; } .footer { width:96%; background-color:#000; color:#FF8000; text-align:center; font-size:16px; margin:0 auto; padding:2%; border-radius:5px; line-height:25px; border-radius:5px; } .footer a { color:#F1F1F1; text-decoration:none; } .footer a:visited { text-decoration:none; color:#F1F1F1; } .footer a:hover { color:#FF520D; text-decoration:none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .sameGuide { display:none; width:100%; font-size:20px; background-color:#F54337; color:#FFF; margin:0 auto; border-radius:5px; padding:1%; text-align:left; } .sameGuide2 { display:none; width:100%; font-size:20px; background-color:#44269E; color:#FFF; margin:0 auto; border-radius:5px; padding:1%; text-align:left; } @media screen and (max-width:900px) { .header { height:92px; } .logo { width:45%; } .logoBr { height:10px; } .menuBt { width:24px; margin-top:5px; margin-left:45%; } .brSt2 { width:90%; height:2px; margin:-1px auto; display:block; } .menuMain { width:55%; margin:-14px 33.9%; } .header2Desk { display:none; } .header2Mob { display:block; } .content { width:97.7%; margin:0 -5px; } .contentX { width:86%; margin:-9px 3px; } .contentX img { width:30%; } .contentXCategory { margin:-5px -12px; padding:5px; } .contentY img { width:99%; float:auto; margin-bottom:10px; } .share { width:100%; margin-left: auto; margin-right: auto; } .share img { width:12%; } .stream { height:auto; } .boxLeft { display:none; } .boxCenter { width:99%; font-size:21px; } .boxRight { width:99%; } .barra { width:99%; font-size:21px; } .field { width:100%; } .field2 { width:102%; } .send{ width:102%; } } @media screen and (min-width:1200px) { .contentX img { width:6%; } }