@charset "utf-8";
/*
CURSO DE HTML - CAMPUS WL CONSULTORIA
DESENVOLVIDO POR: WILKER COSTA SILVA

START: configurações gerais
*/
*{margin:0; padding:0;}
body{background:url(imagens/fundo.jpg)}
img a{border:0;}
a img{border:0;}
#site{width:980px; margin:0 auto; border:1px solid #FFF;background:#FFF;margin-top:50px;}

/*
START: topo
*/
#header{width:980px; height:220px;position:relative;display:block;}
#logo a img{margin:34px 0 10px 20px;float:left}
#logo2{float:right;width:150px;height:150px;background:url(imagens/macbook.png);display:block;margin:10px 10px}
#logo2:hover{background:url(imagens/numero_dois.png)}
#menu{height:35px;background:#FF8000;float:left;width:978px;}
#menu ul{list-style:none;margin:0;padding:0;position:relative;float:left;}
#menu ul li{display:inline;}
#menu ul li a{text-decoration:none;font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF;font-weight:bold;float:left;padding:7px 10px 6px 10px;border-left:3px solid #FFF;}
#menu ul li a:hover{color:#FF8000;background:#FFF;font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-style:italic;}
#menu form{float:right;margin:3px 10px 0 0;}
#menu form input{padding:4px;width:200px;border:2px solid #CCC;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FF8000;font-weight:bold;}
#menu form .btn{width:80px;cursor:pointer;padding:3px;background:#FFF;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FF8000;border:2px solid #ccc;font-weight:bold;margin-left:6px;}
#menu form .btn:hover{background:#FF8000;color:#FFF;}


/* CONTENT */
#content{width:956px;margin:0 0 0 10px;float:left;}

#content .home .slide{border:1px solid #ccc;float:left;width:550px;height:350px;margin:10px;padding:5px;position:relative;}
#content .home .slide a p{position:absolute;margin:-54px 0 0 10px;background:#FFA953;padding:10px;width:510px;font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF; word-wrap:break-word}
#content .home .slide a:hover p{background:#FF8000;}
#content .home .top{float:right;margin:10px;width:350px;}
#content .home .top .top5{list-style:none;float:left;}
#content .home .top h3{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background:#FF8000;padding:8px;font-weight:bold;}
#content .home .top .top5{margin-top:10px;width:348px;}
#content .home .top .top5 li{float:left;width:350px;margin-bottom:6px;}
#content .home .top .top5 li a{font:bold 15px Arial, Helvetica, sans-serif; background:#FFA953; text-decoration:none; padding:10px;width:330px;float:left;color:#FFF;}
#content .home .top .top5 li a:hover{background:#FF8000;}
#content .home .top .top5 li a .num{float:left; width:30px; font:bold 26px Tahoma, Geneva, sans-serif;}

/* CONTENT => GAMES*/
#content .home .games{width:440px;float:left;margin-left:10px;margin-top:20px;}
#content .home .games h2{float:left;border-bottom:10px solid #666;width:448px;font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#666}
#content .home .games .games_list{list-style:none;margin:0;padding:0;float:left;width:438px;margin-top:14px;}
#content .home .games .games_list li{float:left; width:438px;  background:#EEEEEE;padding:10px 0 10px 10px;margin-bottom:10px;}
#content .home .games .games_list li img{float:left;margin-right:10px;}
#content .home .games .games_list li .data{font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF8000; margin:5px 0 8px;}
#content .home .games .games_list li .titulo a{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF8000; text-decoration:none;}
#content .home .games .games_list li .titulo a:hover{color:#666}
#content .home .games .games_list li .link a{color:#FFF; padding:3px 5px; background:#FF8000; float:left; font:bold 12px Arial, Helvetica, sans-serif;text-decoration:none; text-transform:lowercase;}
#content .home .games .games_list li .link a:hover{background:#666}


/* CONTENT => TECNO*/
#content .home .tecno{float:right;width:448px;margin-right:10px;margin-top:20px;}
#content .home .tecno h2{float:left;border-bottom:10px solid #FF8000;width:448px;font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#FF8000}
#content .home .tecno .tecno_list{list-style:none;margin:0;padding:0;float:right;margin-top:14px;width:438px}
#content .home .tecno .tecno_list li{float:right;width:438px;background:#FFF4EA;margin-bottom:10px;padding:10px 0 10px 10px;}
#content .home .tecno .tecno_list li img{float:left;margin-right:10px;}
#content .home .tecno .tecno_list li .data{font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:5px 0 8px;}
#content .home .tecno .tecno_list li .titulo a{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
#content .home .tecno .tecno_list li .titulo a:hover{color:#FF8000}
#content .home .tecno .tecno_list li .link a{color:#FFF; padding:3px 5px; background:#666; float:left; font:bold 12px Arial, Helvetica, sans-serif;text-decoration:none; text-transform:lowercase;}
#content .home .tecno .tecno_list li .link a:hover{background:#FF8000}

/* CONTENT => INTERNET*/
#content .home .internet{float:left;width:936px;margin-left:10px;margin-top:20px;margin-bottom:40px;}
#content .home .internet h2{font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF8000; margin-bottom:10px;border-bottom:10px solid #FF8000; padding-bottom:2px;}
#content .home .internet .inter{float:left;list-style:none;margin:0;padding:0;display:inline;width:936px;}
#content .home .internet .inter li{float:left;width:200px;height:150px;border:1px solid #ccc;padding:5px;margin-right:20px;;background:#FFF;position:relative;}
#content .home .internet .inter li .titulo{position:absolute; left:5px; bottom:5px; padding:5px; background:#FFF;float:left; width:190px; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF8000}
#content .home .internet .inter li:hover .titulo{display:none;}

/* CONTENT => CONTATO*/
#content .home .contato{float:left;width:550px;}
#content .home .contato form fieldset{padding:10px;background:#F4F4F4;border:2px solid #ccc;margin-bottom:10px;}
#content .home .contato form fieldset legend{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;color:#FF8000;margin-left:20px;}
#content .home .contato form label{display:block;float:left;margin-bottom:5px;}
#content .home .contato form label .tt{display:block; margin-bottom:2px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;margin-left:10px;}
#content .home .contato form input{padding:5px 5px; font:12px Arial, Helvetica, sans-serif; color:#333; background:#FFF; border:1px solid #CCC;width:500px;margin-left:10px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#999;}
#content .home .contato form textarea{width:505px;margin-left:10px;resize:none;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#999;padding-left:5px;margin-bottom:10px;}
#content .home .contato form .btn{padding:10px 10px; background:#F4F4F4; font:bold 16px Arial, Helvetica, sans-serif; color:#FF8000; border:2px solid #ccc;width:150px;margin-bottom:18px;margin-left:0px;margin-top:10px;cursor:pointer}
#content .home .contato form .btn:hover{background:#FF8000;color:#FFF;}

/* CONTENT => GAMES2*/
#content .home .games2{width:350px;margin-top:10px;float:right;margin-bottom:20px;}
#content .home .games2 .games_list2{list-style:none;margin:0;padding:0;float:right;width:348px;}
#content .home .games2 .games_list2 li{float:right; width:338px;  background:#EEEEEE;padding:10px 0 10px 10px;margin-bottom:10px;}
#content .home .games2 .games_list2 li img{float:left;margin-right:10px;}
#content .home .games2 .games_list2 li .data{font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF8000; margin:5px 0 8px;}
#content .home .games2 .games_list2 li .titulo a{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF8000; text-decoration:none;}
#content .home .games2 .games_list2 li .titulo a:hover{color:#666}
#content .home .games2 .games_list2 li .link a{color:#FFF; padding:3px 5px; background:#FF8000; float:left; font:bold 12px Arial, Helvetica, sans-serif;text-decoration:none; text-transform:lowercase;}
#content .home .games2 .games_list2 li .link a:hover{background:#666}


/*FOOTER*/
#clear{clear:both;}
#footer{height:230px;background:#fff;width:981px;margin:0 auto;margin-bottom:16px;float:left;margin-top:10px;}
#footer .logo_footer{float:left;margin:40px 20px;}
#footer .rsociais{float:right;margin-top:70px;margin-right:20px;}
#footer .rsociais ul{margin:0;padding:0;list-style:none;}
#footer .rsociais ul li{display:inline;margin:10px;}
#footer .copy{float:left;font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;color:#FF8000;margin-top:100px;margin-left:20px;}