* { margin:0; padding:0; }
body { background:#fff; height:100%; }
img { border:none; }
html{  height:100%}

a:link {text-decoration: none;color:#fff;}
a:visited {text-decoration: none;color:#fff;}
a:hover {text-decoration: none;color:#ccc;}

#topo {position: relative; min-width:1100px; width:100%; height:80px; }

#logo{position: absolute; width: 154px; height: 123px; left:35px; top: 10px}

#maill{position: absolute; width: 80px; height: 30px; right:35px; top: 30px}

#conteudo {position: relative; min-width:1100px; min-height:75%}

#quadros {position: relative;  width: 100%;  min-width:1100px;}


#quadro1 {position: relative; float:left; width: 30%; height: 110px; background:#796E5A;}
#quadro2 {position: relative; float:left; width: 70%; height: 110px; background:#EF7F37; font-family: 'Lato', sans-serif; font-weight: 300; color:#fff; font-size:22px;}
#quadro2in {position: absolute; top:45px; left:50px}

#quadro3 {position: relative; float:left; width: 30%; height: 200px; background:#424242;}
#quadro3in {position: absolute; top:35px; left:50px; width: 270px; font-family: 'Lato', sans-serif; font-weight: 300; color:#fff; font-size:18px;}
#quadro3in p{font-size:22px; font-weight: bold}

#quadro4 {position: relative; float:left; width: 70%; height: 200px; background:#A54A37; font-family: 'Lato', sans-serif; font-weight: 300; color:#fff; font-size:18px;}
#quadro4in {position: absolute; top:20px; left:50px; width: 70px;}
#logo2 {position: absolute; bottom:0px; right:0px;}

.efeito a:hover img {filter:alpha(opacity=50); opacity: 0.5;}





#wrapper {
				background-color: #fff;
				width: 100%;
				min-width:1100px;
				height: 430px;
				overflow: hidden;
				position: relative;
				
			}
			#carousel img {
				display: block;
				float: left;
			}
			#prev, #next {
				background-color: rgba(255, 255, 255, 0.7);
				display: block;
				height: 430px;
				width: 50%;
				top: 0;
				position: absolute;
			}
			#prev:hover, #next:hover {
				background-color: #fff;
				background-color: rgba(255, 255, 255, 0.6);
			}
			#prev {
				left: -258px;
			}
			#next {
				right: -258px;
			}
			#pager {position: relative; padding-top:9px; height: 20px; min-width:1100px; width: 100%; background:#EF7F37}

			#pager a {
				border: 2px solid #fff;
				border-radius: 8px;
				display: inline-block;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			#pager a:hover {
				background-color: rgba(255, 255, 255, 0.5);
			}
			#pager a span {
				display: none;
			}
			#pager a.selected {
				background-color: #fff;
			}