/*CSS PADRÃO PARA A HOME*/

/******* MENU *******/
.menu {width:183px; margin-top:0; margin-left:5px; }
.menu ul li{display:block; border-bottom:solid 1px #F5F5F5; padding:0px; /*background:#D3D3D3 url(setaMenu.gif) no-repeat left;*/ padding-bottom:0px !important; background: url(btMenuProdutos.png) no-repeat left; width:183px; height:27px; margin: 0 0 3px 0; font: 15px/27px Arial, Helvetica, sans-serif }
.menu ul li a{display:block; text-decoration:none; color:#333 !important; margin-left:15px;/* padding-left:3px;*/}
.menu ul li a:hover{display:block; color:#fff !important;  background: url(btMenuHover.png) no-repeat left !important ;width:183px; height:27px;text-decoration:none !important; margin-left:0;padding-left:15px;}
#colLeftMenu p {font: 10px Arial, Helvetica, sans-serif; padding:0; margin:0}
/******* MENU *******/



/******* BANNER MENOR *******/
.bannerMenor{width:200px; height:250px; background:url(bgBanner2.jpg) no-repeat bottom; margin-top:20px; *margin-top:10px;}
/*.bannerMenor embed{margin-left:14px; margin-top:10px}*/
/*.bannerMenor object{*margin-left:14px; *margin-top:10px}*/
.bannerMenor .bannerInterno{margin-left:5px; padding-top:5px;}
/******* BANNER MENOR *******/


/***** BANNER PRODUTOS********/
.bannerProdutos .bannerInterno{margin-left:3px; padding-top:4px;}


/*******  BOX  *******/                                                                             
.box {width:98%; text-align:left;}
.box h1 {background:#990000 url(barraRight.gif) no-repeat right top; margin: 13px 0 10px 0 !important; padding: 1px 0 1px 5px; color:#FFFFFF; font: bold 12px  Tahoma, Arial, Helvetica, sans-serif; text-align: left;}
.box h2 {color:#333333; font: bold 12px/18px  Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 5px 0 5px 0;}
.box p {margin-bottom:10px;}
.box ul li {padding:0px 10px 10px 10px; background:url(marcador.gif) no-repeat 0 4px ; margin-left:0px;}
/*******  BOX  *******/


                                                                      
/******* DESTAQUES E SUB-DESTAQUES *******/
#colLeft h1 {background:#990000 url(barraRight.gif) no-repeat right top; margin: 13px 0 10px 0; padding: 1px 0 1px 5px; color: #FFFFFF; font: bold 12px  Tahoma, Arial, Helvetica, sans-serif; text-align: left; } /* O h1 ficará fixo no código */
.destaque .titulo{font-weight:bold !important; color:#333333; text-decoration:none; font-size:13px;}
.destaque .chamada {font-weight:normal !important;}
.destaque  a:hover, #conteudo .subDestaque a:hover{}
.destaque ul li, .subDestaque ul li {list-style:none; list-style-type:none}
.destaque img {}
.subDestaque {margin-top:20px}
.subDestaque .titulo{font-weight:bold !important; }
.subDestaque img {float:left; margin-right:3px}
/******* DESTAQUES E SUB-DESTAQUES *******/


/******* LINKS IMAGEM *******/                                                                             
a img.link {text-align:center; border:3px solid #FFFFFF }
a:hover img.link, a:hover img.link {border:3px solid #CC0000;}
/******* LINKS IMAGEM *******/    


/******* CONTEÚDO PADRÃO ********/
#conteudo h1 {background: url(bgTitulo.jpg) repeat-x left top; margin: 13px 0 10px 0; padding: 1px 0 1px 5px; color: #FFFFFF; font: 12px/18px  Tahoma, Arial, Helvetica, sans-serif; text-align: left;}

/*******  LINKS  *****/
#conteudo a:link, #conteudo a:visited {text-decoration:none; color:#000000}
#conteudo a:hover, #conteudo a:active {color:#CC0000;; text-decoration:underline;}
/*******  LINKS  *******/

.botao {background-color:#990000; color:#FFFFFF; border-style:outset; font: bold 11px Arial, Helvetica, sans-serif; vertical-align:top; height:20px}
.yui-calcontainer{margin-left:15px !important; _margin-left:7px !important}
.listaCopleta a{margin-left:15px !important}


#rodapeFundo{top: 0 !important;}



/******* SELEÇÃO DE CÂMPUS ********/
#selecao {height: 35px; background-color:#600; clear:both; }
#selecao .idiomas {float:left; *padding: 8px 5px}
#selecao .idiomas img{padding: 8px 5px; }
#selecao .campus {margin-left: 50px;}
#selecao .campus h3 {color: #FFF; float:left; font:  14px/35px Tahoma, Geneva, sans-serif; margin-left: 20px;}
#selecao .campus form {float: left; padding: 4px 10px; font: 12px/18px Tahoma, Geneva, sans-serif}


#tabMenu {margin: 0;padding:0;list-style:none;}
#tabMenu li {float:left;height:23px;width:38px;cursor:pointer;cursor:hand;list-style:none !important; margin-left:0 !important; padding-left:0 !important; padding-bottom:0 !important; padding-top: 0!important;}

/*#facebook .show{background:url(imagens/btFacebook.png) no-repeat 0 0 !important;}*/
/*li.facebook {background:url(imagens/btFacebook.png) no-repeat 0 -32px;}
li.blog {background:url(imagens/btBlog.png) no-repeat 0 -32px;}
li.twitter {background:url(imagens/btTwitter.png) no-repeat 0 -32px ;}
*/

li.twitter {background:url(btTwitter.jpg) no-repeat 0 -32px ;}
#twitter .show{background:url(btTwitter.jpg) no-repeat 0 0 !important;}
li.orkut {background:url(btOrkut.jpg) no-repeat 0 -32px ;}
li.youtube {background:url(btYoutube.jpg) no-repeat 0 -32px;}
li.facebook {background:url(btFacebook.jpg) no-repeat 0 -32px;}
li.flickr {background:url(btFlickr.jpg) no-repeat 0 -32px;}
li.vida {background:url(btVida.jpg) no-repeat 0 -32px;}
li.blog {background:url(btBlog.jpg) no-repeat 0 -32px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 0;}

.boxRedes {width:268px;}
.boxTop {clear:both; height:0;}
*html .boxTop {margin-bottom:-2px;}
.boxBody {/* border: 1px solid #999; height: 270px; */*margin-top: -15px;}
.boxBottom {height:11px;}

.boxBody div {display:none;border: 1px solid #EFEFEF;}
.boxBody div.show {display:block;}
.boxBody #twitter {/*background:#fff url(bgRedesSociais.png) repeat-x;*/ padding: 8px;}
.boxBody #facebook {/*background:#fff url(bgRedesSociais.png) repeat-x; */padding: 5px 0 0 3px;}
.boxBody #orkut {/*background:#fff url(bgRedesSociais.png) repeat-x;*/ padding: 8px;}
.boxBody #orkut a img{margin: 10px auto; padding-left:10px;}
.boxBody #youtube {/*background:#fff url(bgRedesSociais.png) repeat-x; padding: 8px;*/}
.boxBody #flickr2 {/*background:#fff url(bgRedesSociais.png) repeat-x;*/ padding: 8px;}
.boxBody #blog {/*background:#fff url(bgRedesSociais.png) repeat-x;*/ padding: 8px;}
.boxBody #vida {/*background:#fff url(bgRedesSociais.png) repeat-x;*/ padding: 8px 8px 8px 5px;}
.boxBody #category a {display:block;}

.boxBody div ul {margin:0 5px 0 5px;padding:0;width:210px;list-style-image:url(arrow.gif)}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;list-style:none !important; margin-left:0 !important; padding-left:0 !important;}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}
