@charset "utf-8";
/* 
########################################################

@ Project: COLMEIA TI - SOLUCOES EM TECNOLOGIA DA INFORMAÇAO

@ Author: Tiago Cardoso 

@ Date: August - 2009 - All rights reserved.

########################################################
*/




@import "empresa.css";
@import "servicos.css";
@import "clientes.css";
@import "blog.css";
@import "contato.css";
@import "detalhesProdutos.css";
@import "restrito.css";
@import "detalhesProjetos.css";


/*reset*/
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {vertical-align: baseline;font-family: inherit;font-weight: inherit;font-style: inherit;font-size: 100%; outline:0;padding:0;margin: 0;border: 0; list-style:none;}

/**/
a {color:#0F5067; text-decoration: none;}
a:hover{color:#999999;  text-decoration:underline;}
/**/

body{ margin:0; padding:0; background:url(../img/bgrMain.jpg) no-repeat 50% 0 ; font-family: "Lucida Sans", Arial, Tahoma, sans-serif;
     line-height:1.125em;  font-size:0.8em; color:#0F5067;}
	 
html{background:#FFFFFF url(../img/bgr.gif) repeat-x;}

/*ESTRUTURA*/

#content{ width:940px; margin:auto; }
#header{ width:auto; height:150px; }
#meio{ width:auto; height:280px; background:url(../img/bgMeio.jpg) no-repeat; margin-top:20px; }
#box{ width:auto; height:300px; background:url(../img/bgBox.gif) no-repeat left;}
#footer{ width:auto; height:125px; background:url(../img/bgFooter.gif) no-repeat; padding-bottom:20px;} 

/**/

/*FORM LOGIN*/

#login{ width:263px; height:31px; background:url(../img/bgr_login.jpg) no-repeat; float:right;}
.nomeLg, .senhaLg{ width:80px;color:#0F5067; height:15px; margin-top:9px; border:none; background:none; }
.nomeLg {margin-left:68px; }
.senhaLg{ margin-left:5px;}
.btnLogin{ clear:right;  margin-top:-25px; margin-left:235px; }

/***************/

.logo{ margin-top:25px; float:left;}

/*####  MENU ####*/
.navigation{width:511px; height:60px; float:right; margin-right:30px; margin-top:40px; background: url(../img/bgMenu.png) no-repeat bottom }
ul#menu li {display:inline;} /* por causa do bug no IEca 6 */
#menu li {margin:5px; text-indent:-9999px;} 
ul#menu li a:hover{background-position: bottom;}
a.home{display:inline-block;width:62px;height:25px; background:url(../img/menu/home.gif) 0 0 no-repeat;}
a.empresa{display:inline-block;width:76px;height:25px;background:url(../img/menu/empresa.gif) 0 0 no-repeat;}
a.servicos{display:inline-block;width:81px;height:25px;background:url(../img/menu/servicos.gif) 0 0 no-repeat;}
a.clientes{display:inline-block;width:76px;height:25px;background:url(../img/menu/clientes.gif) 0 0 no-repeat;}
a.blog{display:inline-block;width:54px;height:25px;background:url(../img/menu/blog.gif) 0 0 no-repeat;}
a.contato{display:inline-block;width:82px;height:25px;background:url(../img/menu/contato.gif) 0 0 no-repeat;}
/*######################################*/


div#meio h1{ width:197px; height:28px; background:url(../img/oquefazemos.gif) no-repeat; text-indent:-9999px; margin-top:50px; margin-left:80px; float:left;} 

div#meio ul{ float:left; margin-top:90px; margin-left:-175px;}
div#meio ul li{ list-style:url(../img/bullet.gif); padding-bottom:4px; }

div#box h2{ width:76px; height:28px; background:url(../img/tit_blog.gif) no-repeat; overflow:hidden; text-indent:-9999px; margin-top:50px; margin-left:53px; float:left;}

div#box ul { float:left; margin-top:90px; margin-left:-55px;}

div#box ul li{ list-style:url(../img/bullet-blog.gif); padding-bottom:8px; width:220px;  }

div#box ul li p { font-size:x-small; padding-bottom:8px;  background:url(../img/bar-bottom.gif) no-repeat bottom left;}



div#box h3{ width:125px; height:23px; background:url(../img/produtos.gif) no-repeat; overflow:hidden; text-indent:-9999px; margin-top:50px; margin-left:40px; float:left;}

div#box .produtos{ width:240px; height:195px;  float:left; margin-left:-130px; margin-top:90px; }

div#box .textProd{ margin-top:-5px;  }

/*FORM NEWSLETTER*/
div#box .newslt{ width:260px; height:240px; float:right;  margin-top:45px; margin-right:60px;   }
div#box h4{ width:142px; height:23px; background:url(../img/newsletter.gif) no-repeat; overflow:hidden; text-indent:-9999px; margin-top:4px; margin-left:0px; float:left;}
div#box .newslt p { font-size:x-small; padding-top:7px;}
.bgLabel { width:242px; height:150px; background:url(../img/bginput.gif) no-repeat 0 18px;}
.formnome, .formmail{ width:180px; color:#999999; height:17px; background:none; border:none; margin-left:18px;margin-top:23px; padding:5px;}


.btnEnviar{ clear:right; float:right;  margin-top:-23px; margin-right:8px; }
/*********************/

/*SOCIAL ICONS*/
.twitter{ width:22px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../img/social-icons/twitter.png) no-repeat; float:right; margin-right:0px; padding-right:5px; margin-top:30px}
.rss{ width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../img/social-icons/rss.png) no-repeat; float:right; margin-right:10px; margin-top:45px}
a:hover.twitter{background-position:bottom;}
a:hover.rss {background-position:bottom;}



/*FOOTER*/
div#footer span{ margin-top:53px; color:#999999; display:block; margin-left:10px; float:left;}
div#footer span a{color:#999999}
div#footer span a:hover{ color:#0F5067}


#divcursos { margin:10px 0px 0px 60px; }
#divcursos h1 { font-size:16px; color:#333333; }
#divcursos #cursos { font-size:14px; padding:3px 3px 3px 3px; margin:3px 3px 3px 3px; }
#divcursos #cadastro label { display:inline-block; width:300px; font-weight:normal; margin: 5px 5px; }
#divcursos #cadastro input { display:inline-block; font-weight:normal; margin: 5px 5px; }