/*
Criacao : Marcelo Santos
site : http://msdesigner.vndv.com 
Copyright 2010
*/
/*====================================================================*/
/* Estilos criados por Marcelo Santos - http://msdesigner.vndv.com */
/* vndvmsdesigner@gmail.com - 08-03-2010 */
/*====================================================================*/

body{ margin:0; padding:0; text-align: center; background:url(../img/bg_r.png) repeat-x center top #f0f0f0; text-shadow: 1px 1px 0 #fff; font: 26px "Century","Trebuchet MS", Calibri, Arial, sans-serif}
ul,li{margin:0}
h1,h2,h3,p{margin: 0}
h1,h2,h3{margin: 10px 0}
img{border: none}
a:link,a:visited,a:hover,a:active{text-align: none; color:#CCCCCC;border: none;}


#tudo{margin: 0 auto; padding-top:13px; width:100%; background:url(../img/bg_.png) no-repeat center top}
#top{height: 212px; width: 1004px; margin: 0 auto}
#logo{height:212px; width:168px; float: left; background: url(../img/logo.png) no-repeat center top; display:block }

/*--------------menus nav principal-----------*/
ul#nav{height: 180px;list-style: none; margin:0; padding:0; float:left;}
ul#nav li{float:left;}
ul#nav li a.home{height: 101px; width: 136px; margin-top:111px; display:block; background:url(../img/home_a.png) no-repeat center top}
ul#nav li a.home:hover{background: url(../img/home_h.png) no-repeat center top}
ul#nav li a.home_ativo{height: 101px; width: 136px; margin-top:111px; display:block; background: url(../img/home_h.png) no-repeat center top}

ul#nav li a.quem{height: 101px; width: 188px; margin-top:111px; display:block; background:url(../img/quem_a.png) no-repeat center top}
ul#nav li a.quem:hover{background: url(../img/quem_h.png) no-repeat center top}
ul#nav li a.quem_ativo{height: 101px; width: 188px; margin-top:111px; display:block; background: url(../img/quem_h.png) no-repeat center top}

ul#nav li a.serv{height: 101px; width: 132px; margin-top:111px; display:block; background:url(../img/servico_a.png) no-repeat center top}
ul#nav li a.serv:hover{background: url(../img/servico_h.png) no-repeat center top}
ul#nav li a.serv_ativo{height: 101px; width: 132px; margin-top:111px; display:block; background: url(../img/servico_h.png) no-repeat center top}

ul#nav li a.contato{height: 101px; width: 150px; margin-top:111px; display:block; background: url(../img/contato.png) no-repeat center top}
ul#nav li a.contato:hover{background: url(../img/contato_h.png) no-repeat center top}

ul#nav li a.isso{display: block;height:212px; width:230px; margin-top:0; background: url(../img/ligue.png) no-repeat center top}
/*----------------------------------------------fim nav principal------------------------------*/

/*----------------banner rotativo--------------------------------------------------------------*/
#banner{height: 290px; width: 1004px; margin: 0 auto; margin-top: 5px }
#t_service{width: 1004px;height:38px; background:url(../img/frame_edu.png) no-repeat left top; display:block;z-index: 2000;position:absolute}
/*----------------banner rotativo--------------------------------------------------------------*/

/*----------------container--------------------------------------------------------------*/
#container{ width: 1004px; margin: 0 auto; text-align: left }
/*----------------fim continer--------------------------------------------------------------*/

#box_quem_somos{ background: url(../img/bg_quem_somos.jpg) no-repeat right 0; text-align: left; height: 400px; margin-left: 30px}
#box_quem_somos #box_quem_somos_texto p{ width: 480px; color: #006699; font: 22px Century, "Trebuchet MS", Calibri, Arial, sans-serif }
#box_quem_somos #box_quem_somos_texto span a{ float: left}


#box_servicos{text-align: left; height: 500px; margin-left: 30px; font: 20px Century, "Trebuchet MS", Calibri, Arial, sans-serif; text-shadow: 1px 1px 0 #fff}
#box_servicos p{ height: 120px; display: block}
#box_servicos img{ float: left; margin: 0 20px 0 0}
#box_servicos span a{ float:left }


#box_cliente{ width: 1003px; margin: 0 auto;}
#box_cliente p{ display: block; height: 170px}
#box_cliente span{ color: #006699}
#box_cliente p img{ float: left }
#box_cliente ul { list-style: none; padding: 0; margin: 0 }
#box_cliente li{ padding: 5px; float: left; border: 2px solid #CCCCCC; margin: 10px; text-align: center; background: #FFFFFF; width: 215px; height: 200px; line-height: 200px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
#box_cliente ul li img{ text-align:center; margin: 0; vertical-align: middle; }
.clear { clear: right }



/*footer*/
#footer{ width:100%; height: 320px; background:url(../img/footer_r.png) repeat-x center top #005C8B; clear:both; margin: 0 auto}
#footer_in{ width: 1004px; height: 220px; margin: 0 auto;}
#footer_box_logo{ width:198px; height: 216px; background: url(../img/footer_logo.png) no-repeat left top; display: block; float:left}
#footer_box_menu{ width: 410px; height: 120px; float: left; margin: 0;list-style: none; background: url(../img/copyright.png) no-repeat center bottom; margin-top: 20px }
#footer_box_menu a{ text-decoration: none; padding: 2px 10px; color: #FFFFFF; text-shadow: none; font: 20px "Trebuchet MS", Calibri, Arial, sans-serif }

#footer_box_contato{ float: right; background: url(../img/bg_contato.png) no-repeat center top; width: 330px; height: 193px; padding-left: 32px; padding-top: 20px; position: relative; text-align: left; text-shadow: none; color: #FFFFFF}
#footer_box_contato a{ text-decoration: none; padding: 2px 10px; color: #FFFFFF; text-shadow: none; font: 18px "Trebuchet MS", Calibri, Arial, sans-serif }
#footer_box_contato p span{color:#FFFFFF; font: 18px "Trebuchet MS", Calibri, Arial, sans-serif}
/*fim footer*/



/*-----menus internos as divs animadas-----*/
a.bt_h{ display: block; background:url(../img/bts_quem_somos.png) no-repeat 0 0 ; width: 81px; height: 65px}
a.bt_h:hover{ display: block; background:url(../img/bts_quem_somos.png) no-repeat 0 -67px ; width: 81px; height: 65px}
a.bt_quem{ display: block; background:url(../img/bts_quem_somos.png) no-repeat -269px 0 ; width: 173px; height: 65px}
a.bt_quem:hover{ display: block; background:url(../img/bts_quem_somos.png) no-repeat -269px -67px ; width: 173px; height: 65px}
a.bt_serv{ display: block; background:url(../img/bts_quem_somos.png) no-repeat -81px 0 ; width: 188px; height: 65px}
a.bt_serv:hover{ display: block; background:url(../img/bts_quem_somos.png) no-repeat -81px -67px ; width: 188px; height: 65px}
a.bt_fale{ display: block; background:url(../img/bts_quem_somos.png) no-repeat -442px 0 ; width: 188px; height: 65px}
a.bt_fale:hover{ display: block; background:url(../img/bts_quem_somos.png) no-repeat -442px -67px ; width: 188px; height: 65px}