/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html, body{height:100%;}
body{position:relative;}
p {text-align:justify;margin-bottom:20px;}
ul{margin:0 0 15px 20px;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0 0 15px 20px;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}
img{max-width:100%;height:auto;}

a{color:#0170c4;text-decoration:none;}
a:hover{color:#03518c;text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family:Tahoma, Arial, sans-serif;font-weight:normal;padding:0px;margin:0; line-height:150%;color:#000;}
h1{font-size:400%;}
h2{font-size:24px;padding:0;}
h3{font-size:120%;padding:0;}
h4{font-size:100%;padding:0;}
h5{font-size:80%;padding:0;}
h6{font-size:60%;padding:0;}

/* page setup */
body{font-family:Tahoma, Arial, sans-serif;font-size:15px;line-height:150%;padding:0;margin:0;color:#222;background:#2d3030;}
#home{min-height:100vh;}

#header{display:block;width:100%;margin:0;padding:0;height:95px;background: linear-gradient(to bottom, #E3F3F5 0%, #61cddc 100%);}
#middle{display:block;width:100%;margin:0;padding:20px;min-height:550px;background:transparent;}
#content{display:block;width:100%;margin:0;padding:20px;float:left;background:#50c2b4;}
#right{width:210px;padding:0;margin:10px 10px 0;float:left;}
#footer{padding:10px;background:#2d3030;color:#999;font-size:13px;display:block;height:auto;margin:0; overflow:hidden;text-align:center;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}

.nopadding{padding:0 !important;}

/* logo */
#logo{margin:0;padding:0 20px;display:block;float:left;}

/* topmenu */
#menu{display:block;margin:0;padding:10px 0;background:#3dadc3;}
#menu a{float:leftt;margin:0;margin-right:2px;margin-bottom:1px;color:#fff;padding:5px 10px;font-weight:bold;}
#menu a:hover{color:#000;}

#banner{padding:20px;margin:0;float:left;background:#fff;}

.livedraw{display:block;margin:0;padding:0;background:#fff;}
.head-evening{
	height:90px;
	padding:15px 30px;
    letter-spacing: -1px;
    min-height: 90px;
    max-height: 100%;
    background: linear-gradient(rgba(166, 17, 17, 0.66), rgba(18, 2, 2, 0.66)), url(images/bg2.jpg);
    color: #fff !important;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 2px solid #444;
}
.head-evening h3{font-size:20px;color:#fff;font-weight:400;line-height:28px;}
.body-evening{display:block;margin:0;padding:10px;text-align:center;color:#333;}
.body-evening a{background:linear-gradient(#FFB400, #FF7500);background-color:#FFB400;padding:10px 30px;font-weight:bold;color:#fff;border-radius:27px;}
.next{display:block;margin:0;padding:10px;text-align:center;background:#666;color:#fff;font-size:12px;}

.head-morning{
	height:90px;
	padding:15px 30px;
    letter-spacing: -1px;
    min-height: 90px;
    max-height: 100%;
    background: linear-gradient(rgba(166, 18, 18, 0.66), rgba(18, 16, 2, 0.66)), url(images/bg1.jpg);
    color: #fff !important;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 2px solid #444;
}
.head-morning h3{font-size:20px;color:#fff;font-weight:400;line-height:28px;}

.head-midnight{
	height:90px;
	padding:15px 30px;
    letter-spacing: -1px;
    min-height: 90px;
    max-height: 100%;
    background: linear-gradient(rgba(204, 36, 36, 0.72), rgba(55, 6, 11, 0.92)), url(images/bg3.jpg);
    color: #fff !important;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 2px solid #444;
}
.head-midnight h3{font-size:20px;color:#fff;font-weight:400;line-height:28px;}

#content2{display:block;background:#666;}
#data{display:block;margin:0;padding:20px 40px;background:#f9f9f9;color:#94A3A1;}
#sidebar{display:block;margin:0;padding:20px;background:#666;text-align:center;}

.result{display:block;width:100%;margin:0 0 30px;padding:20px;float:left;background:#fff;box-shadow:0 0 5px #999;}
.result h4{font-size: 20px;line-height: 24px;font-weight: 400;margin: 15px 0 15px;}


.bola1{display:inline-block;text-align:center;width:34px;height:34px;margin-right:5px;color:#000;border-radius:50%;font-size:22px;font-weight:bold;padding:6px 0;text-shadow:1px 1px 0 #000;background:radial-gradient(circle at 50% 21%, #ffffff, #a5b6b4 83%, #dde3e3);background-color:#c8c8c8;}

.bola2{display:inline-block;text-align:center;width:34px;height:34px;margin-right:5px;color:#fff;border-radius:50%;font-size:22px;font-weight:bold;padding:6px 0;text-shadow:1px 1px 0 #000;background-image: radial-gradient(circle at 50% 20%, #a4e0d9, #41bbab 29%, #2c9184 84%, #50c2b4);box-shadow: 0 0 13px 0 #50c2b4;background-color:#50c2b4;}

.bola3{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;color:#000;border-radius:50%;font-size:16px;font-weight:bold;padding:2px 0;text-shadow:1px 1px 0 #000;background:radial-gradient(circle at 50% 21%, #ffffff, #a5b6b4 83%, #dde3e3);background-color:#c8c8c8;}

.bola4{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;color:#fff;border-radius:50%;font-size:16px;font-weight:bold;padding:2px 0;text-shadow:1px 1px 0 #000;background-image: radial-gradient(circle at 50% 20%, #a4e0d9, #41bbab 29%, #2c9184 84%, #50c2b4);box-shadow: 0 0 13px 0 #50c2b4;background-color:#50c2b4;}