@charset "utf-8";
@import url("reset.css");
/* Microlins Pelotas - www.microlinspelotas.com.br */
body {
color:#666;
line-height:1;
font:normal 12px Helvetica, Arial, sans-serif;
background:url(../imagens/bg.jpg) top no-repeat #137FBF;
background-attachment:fixed;
}

#geral {
width:900px;
min-height:500px;
height:auto !important;
height:500px;
margin:0 auto;
}

/* Topo */
#header {
width:100%;
height:170px;
}


/* Logotipo */
#logo a {
width:150px;
height:129px;
display:block;
float:left;
margin-top:20px;
cursor:pointer;
text-indent:-9999em;
background:url(../imagens/logo-microlins.png) center no-repeat;
}


/* Menu */
ul#menu {
margin-top:123px;
float:right;
}

ul#menu li {
display:inline;
}

ul#menu li a {
width:105px;
padding:5px 2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
text-decoration:none;
font-size:10px;
font-weight:bold;
color:#0F7AAE;
background:#FFF;
}

ul#menu li a:hover {
color:#FFF;
background:#0F7AAE;
}

ul#menu li a.destaque {
color:#FFF;
background:#0F7AAE;
}


/*Anima o (Flash) */
#animacao {
width:100%;
height:300px;
margin-bottom:30px;

background:#EEE;
}


/* Div Corpo (Conteudo) */
.box-menor {
width:290px;
height:120px;
float:left;
position:relative;
}

.box-menor img {
margin:0 !important;
}

.box-menor.meio {
margin-left:15px;
margin-right:15px;
display:inline;
}




/* Div de conteudo geral */
#corpo {
width:100%;
min-height:460px;
height:auto !important;
}

#corpo img {
margin:0 5px 5px 0;
}


/* Rodapé */
#rodape {
width:900px;
min-height:155px;
height:auto !important;
height:155px;
padding:10px 0;
margin:0 auto;
display:block;
clear:both;
border-top:1px dashed #FFF;
}



/* Menu Curso Rodapé */
ul.menu-rodape {
width:290px;
float:left;
display:block;
color:#EEE;
}

ul.menu-rodape.meio {
margin-left:15px;
margin-right:15px;
}

ul.menu-rodape h3 {
font-size:14px;
text-transform:uppercase;
color:#EEE;
}

ul.menu-rodape li {
display:block;
}

ul.menu-rodape li a {
display:inline-block;
text-align:center;
text-decoration:none;
font-size:11px;
color:#EEE;
}

ul.menu-rodape li a:hover {
text-decoration:underline;
}


/***** GALERIA DE FOTOS *****/
.individual {
width:740px !important;
padding:50px 80px;
background:#FFF;
}

.individual img {
padding:0 3px 3px 0;
}


/***** FALE CONOSCO *****/
form#contato {
width:445px;
height:260px;
margin:0 auto;
display:block;
}

form#contato label {
width:80px;
padding:5px;
float:left;
}

form#contato input, textarea {
width:340px;
padding:5px;
margin-bottom:10px;
display:block;
}

form#contato .bt-enviar {
width:100px;
float:right;
cursor:pointer;
}


/* Copyright */
#copyright {
width:900px;
padding:5px 0;
margin:0 auto;
clear:both;
text-align:center;
color:#EEE;
}

/*Artimidia*/
#artimidia {
width:75px;
height:20px;
display:block;
float:right;
position:relative;
margin-top:-34px;
text-indent:-9999em;
background:url(../imagens/artimidia.png) center no-repeat;
}


/* Classes variadas */
.no-margin {margin:0}
.clear {clear:both}
.float-left {float:left}