/*
Theme Name: In Service
Theme URI: http://www.inservice.com.br
Description: In Servise
Author: InterAmplitude
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:url(images/bg_header.png) repeat-x;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong, b {font-weight:bold; }

p { font-size:13px;  color:#1b005a; line-height:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
a { font-size:13px; color:#d21b64;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#333;}

/* CONTAINER */



/* CABECALHO */
.cabecalho {width:970px; height: 77px; background:url(images/menu_background.png) no-repeat; margin:0 auto; }

.logo { width:102px; height:57px; float:left; background:url(images/logo_dreves.png) no-repeat;  text-indent:-9999px; display:block; margin-top:15px;}

/* MENU PRINCIPAL */
.menuPrinc > ul { text-align:center; float:left; margin-top:30px; }
.menuPrinc li {display:block; float:left; position:relative; }
.menuPrinc a {font-size:16px; color:#1c005b; line-height:30px; text-decoration:none; padding:0 13px; display:block; text-transform:uppercase; }
.menuPrinc a:hover {color:#fff; line-height:none; background:#ff7200;}

/* MENU PRINCIPAL (SUB MENU) */
.menuPrinc li .sub-menu { display:none; position:absolute; font-size:12px; width:150px; z-index:1000; background:#1a0056; }
.menuPrinc li:hover .sub-menu { display:block; z-index:1000;}
.menuPrinc li .sub-menu li a { padding:5px 0; line-height:15px; border-bottom:1px solid #e4e4e4; z-index:1000; color:#FFF; font-size:12px;}
.menuPrinc li .sub-menu li a:hover { background:#ff7200;}
.menuPrinc li .sub-menu li { float:none; z-index:1000;}

.menu01 a:hover { background:url(images/menu_01.jpg) no-repeat;}
.menu02 a:hover { background:url(images/menu_02.jpg) no-repeat;}
.menu03 a:hover { background:url(images/menu_03.jpg) no-repeat;}
.menu04 a:hover { background:url(images/menu_04.jpg) no-repeat;}
.menu05 a:hover { background:url(images/menu_05.jpg) no-repeat;}
.menu06 a:hover { background:url(images/menu_06.jpg) no-repeat;}
.menu07 a:hover { background:url(images/menu_05.jpg) no-repeat;}

/* CONTAINER */
.container { width:970px; margin: 0 auto; overflow:hidden;}

/* CONTEUDO HOME */
.slide {height:416px; background: url(images/bg_slide_01.jpg) repeat-x; padding-top:19px; }
.slideArq {width:980px; margin:0 auto;}

.conteudohm { width:237px; float:left; height:133px; margin:0 0 30px 5px; background:url(images/bg_home_op.jpg) no-repeat; text-align:center; 
padding:20px 0 10px 0;}
.conteudohm a { font-size:14px; color:#333; text-decoration:none;}
.conteudohm a:hover {color:#ff7200;}

.conteudohm img {margin:0 auto; display:block;}
.conteudohmIns { width:103px; height:21px; background:url(images/bg_ins.jpg) no-repeat; margin:15px 0 0 67px;}
.conteudohmIns a {font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; display:block; text-align:center; line-height:21px;}
.conteudohmIns a:hover { color:#1b005a; text-decoration:none;}
.conteudohmimg { height:70px;}
.conteudohm h2 { margin:10px;}

.tithm { width:955px; height:69px; background:url(images/tit_hm.png) no-repeat; padding:8px 0 0 15px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.tithm h1 { font-size:31px; color:#FFF;}
.tithm a { font-size:31px; color:#FFF; text-decoration:none;}
.tithm a:hover {color:#ddd; display:block;}

.titInt { width:953px; height:69px; background:url(images/tit_hm.png) no-repeat; padding:8px 0 0 15px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:30px;}
.titInt h1 { font-size:31px; color:#FFF;}

/* PAGINA INTERNA */


.conteudo {border:1px solid #ddd; width:968px; min-height:440px; float:left; margin-top:20px;}
.conteudoTxt {width:690px; min-height:440px; float:left; margin:10px 0 20px 10px;}
.cont_txt {width:945px; min-height:440px; float:left; margin:10px 0 20px 10px; text-align:justify; }
.conteudoTxt p { text-align:justify; margin-bottom:10px;}
.conteudoTxt * {color:#1b005a;}
.conteudoTxt ul li {list-style:none;}
.conteudoTxt ol li {list-style:none;}
.conteudoTxt, .conteudoTxt ul, .conteudoTxt ol {font-size:1em; line-height:1.3em; margin-bottom:20px;}	
.conteudoTxt li {margin-left:1em; background: url(images/seta.png) no-repeat; padding:0 0 5px 19px; clear:both;}
.conteudoTxt {width:690px; min-height:440px; float:left; margin:10px 0 20px 10px;}
.conteudoTxt p { text-align:justify; margin-bottom:10px;}
.conteudoTxt * {color:#1b005a;}
.conteudoTxt ul li {list-style:none;}
.conteudoTxt ol li {list-style:none;}
.conteudoTxt, .conteudoTxt ul, .conteudoTxt ol {font-size:1em; line-height:1.3em; margin-bottom:20px;}	
.conteudoTxt li {margin-left:1em; background: url(images/seta.png) no-repeat; padding:0 0 5px 19px; clear:both;}
.conteudoTxt h1, .conteudoTxt h2, .conteudoTxt h3, .conteudoTxt h4, .conteudoTxt h5, .conteudoTxt h6 {font-weight:bold; color:#1b005a; margin-top:20px; margin-bottom:10px;}
.conteudoTxt h1 {font-size:1.8em;}
.conteudoTxt h2 {font-size:1.4em; background:#1b005a; float:left; padding:5px; color:#fff;}
.conteudoTxt h3 {font-size:1.2em; background:#d93476; float:left; padding:5px; color:#fff;}
.conteudoTxt h4 {font-size:1.1em; background:#ff7200; float:left; padding:5px; color:#fff;}
.conteudoTxt h5 {font-size:0.8em; background:#d93476; float:left; padding:3px; color:#fff;}
.conteudoTxt h6 {font-size:1.0em;}
.conteudoTxt a:hover {color:#ff7200;}
.conteudoTxt q, .conteudoTxt blockquote {margin-bottom:20px; padding:10px 20px 15px; font-style:italic; color:#4d4d4d; background:#F3F3F3; }
.conteudoTxt q p, .conteudoTxt blockquote p {margin:0}
.conteudoTxt pre {margin-left:20px; white-space:pre-warp; }
.conteudoTxt code {font-family:"Courier New", Courier, monospace; color:#ff7200; }	


.titConteudo { width:953px; height:69px; background:url(images/tit_Int.png) no-repeat; padding:8px 0 0 15px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.titConteudo h1 { font-size:31px; color:#FFF; margin-top:0; line-height:33px;}

.opPage { width:678px; float:left; min-height:200px; border:1px solid #ddd; padding:10px;}
.opPageimg { float:left; margin-right:10px; width:200px; height:200px; overflow:hidden; border:1px solid #ddd;}
.opPagetxt { width:466px; float:left;}
.opPagetxt h2 {margin:0 0 10px 0;}
.opPageIns { width:103px; height:21px; background:url(images/bg_ins.jpg) no-repeat; margin-top:10px;  }
.opPageIns a {font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; display:block; text-align:center;}
.opPageIns a:hover { color:#1b005a;}
.opPage ul, .opPage ol { margin-bottom:5px;}

.opListPage { width:668px; float:left; min-height:200px; border:1px solid #ddd; margin-bottom:20px; padding:10px;}
.opListPageimg { float:left; margin-right:10px; width:200px; height:200px; overflow:hidden; border:1px solid #ddd;}
.opListPagetxt { width:446px; float:left;}
.opListPagetxt h2 {margin:0 0 10px 0;}
.opListPageIns { width:103px; height:21px; background:url(images/bg_ins.jpg) no-repeat; margin-top:10px;  }
.opListPageIns a {font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; display:block; text-align:center;}
.opListPageIns a:hover { color:#1b005a;}
.opListPage ul, .opListPage ol { margin-bottom:5px;}

.conteudobs { width:205px; float:left; height:133px; margin:0 5px 12px 6px; text-align:center; border: 1px solid #DDDDDD; padding:20px 5px 10px 5px;}
.conteudobs a { font-size:14px;  color:#333;  text-decoration:none;}
.conteudobs a:hover {text-decoration:none;}
.conteudobs img {margin:0 auto; display:block;}
.conteudobsIns { width:103px; height:21px; background:url(images/bg_ins.jpg) no-repeat; margin:0 auto;}
.conteudobsIns a {font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; display:block; text-align:center; line-height:21px;}
.conteudobsIns a:hover { color:#1b005a; text-decoration:none;}
.conteudobsimg { height:70px;}
.conteudobs h2 {color:#333333; background:none; padding:0; text-align:center; overflow:hidden; float:none; margin:0; font-size:14px; margin-bottom:10px; margin-bottom:10px;}

.bannerProp { width:238px; min-height:440px; float:left; margin-top:10px; margin-left:10px;}

.banner { width:236px; min-height:440px; float:left; margin-top:10px; border: 1px solid #DDDDDD; margin-left:10px; padding:5px; margin-bottom:10px;}
.buscaOp { background:url(images/bg_busca2.png) no-repeat; height:61px; padding-top:6px;}
.buscaOp h2 { color:#FFF; text-transform:uppercase; margin-left:45px; font-size:14x;}

.buscaOp2 { background:url(images/bg_busca.png) no-repeat; height:50px; padding-top:15px; margin-top:25px;}
.buscaOp2 h2 { color:#FFF; text-transform:uppercase; margin-left:45px; font-size:14x;}

.categorias {height:150px; margin-top:15px; text-align:center; padding:10px;}
.categorias h2 a { color:#FFF;  font-size:14x; background:#ec5089; padding:5px 60px; line-height:30px; text-decoration:none;}
.categorias h2 a:hover {padding:5px 80px; background:#b83d6a;}

.filtro { width:248px; min-height:440px; float:left; margin-top:10px;}
.bannerbt {background:#1b005a; float:left; padding:5px; color:#fff; text-align:center; margin:10px 90px; border:1px solid #110037; cursor:pointer;}
.bannerbt hover {background:#d93476;}
.banner h2 a { color:#FFF;  font-size:16px; background:#ec5089;  text-decoration:none; text-align:center; margin-bottom:10px; float:left; width:100%; padding:17px;}
.banner h2 a:hover {background:#ff7200;}


/* RODAPÉ */
.rodape { background:url(images/bg_rodape.jpg) repeat-x; height:159px; }
.rodapeInt { width:970px; height:121px; margin:0 auto; padding-top:30px;}
.rodPremio { width:191px; height:62px; background:url(images/bg_rodapeImg.png) no-repeat; float:left; margin-right:30px;}
.rodPremio h1 { font-size:14px; font-weight:bold; text-align:center; color:#FFF; margin-top:2px; margin-bottom:3px;}
.rodPremio h2 {font-size:12px; color:#FFF; font-weight:normal; line-height:12px; margin-left:5px;}
.rodPremio img { float:right; margin-top:5px; margin-right:5px;}
.rodSocial { width:332px; height:62px; background:url(images/bg_rodapeSocial.png) no-repeat; float:right;}
.rodSocial h1 { color:#FFF; text-transform:uppercase; margin-top:20px; margin-left:50px;}
.rodSocial img { float:right;  margin-right:10px; margin-top:-22px; }
.rodSocial a:hover {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}



.direitosreservados { width:970px; height:20px; line-height:20px; text-align:center; float:left; margin-top:25px;}

.meteor-buttons a { background: none repeat scroll 0 0 #005488; display: block; float: left; margin: 0 3px 0 0; outline: medium none; padding: 8px; text-decoration: none; text-indent: -1px; color:#fff; text-align:center; }
.meteor-buttons a:hover { background: none repeat scroll 0 0 #005488; display: block; float: left; margin: 0 3px 0 0; outline: medium none; padding: 8px; text-decoration: none; text-indent: -1px; color:#fff; }
.meteor-buttons a.activeSlide {background: none repeat scroll 0 0 #a2a2a2; display: block; float: left; margin: 0 3px 0 0; outline: medium none; padding: 8px; text-decoration: none; text-indent: -1px; color:#005488;}
.meteor-buttons { left:750px; bottom:25px;}

.galeria_item { color: #FFFFFF; float: left; margin-right: 30px; text-align: center; width: 178px;}		
.galeria_item img {border:1px solid #ddd; text-decoration:none; margin-bottom:3px;}	
.galeria_item a:hover img {border:1px solid #005488; }
.gallery-item {margin-bottom:15px; }
.galeria_item a { background: #fff; display: block; line-height: 23px;  padding: 5px; text-decoration: none; width: 154px; border:1px #ddd solid;}

.separacao { background:url(images/separacao.png) repeat-x; height:5px; margin:20px 0;}

.cadastro { border:#ccc 1px solid; width:130px; margin-bottom:10px;}
.cadastro2 { border:#ccc 1px solid; width:233px; margin:10px 0;}
.loginBt {background:#1b005a; float:left; padding:5px; color:#fff; text-align:center; margin:10px 90px; border:1px solid #110037; cursor:pointer;}
.loginBt hover {background:#d93476;}


/* CONTATO */

table.form { margin: 25px 0 0 29px; border-collapse: collapse; }

table.form th, table.form td { padding: 4px 5px; text-align: left; font-weight: normal; vertical-align: top; }

table.form label { font-family: Arial, Helvetica, sans-serif; color: #181818; margin-right: 12px; }
table.form td span { font-size: 0.9em; color: #181818; margin-left: 8px; }
table.form td samp { font: 1em Arial, Helvetica, sans-serif; color: #000000; }

table.form input { width: 340px; }
table.form input.answer { width: auto; }
table.form textarea { width: 350px; height: 160px; max-width:350px; min-width:350px; max-height:160px; min-height:160px; }

table.form input.inp-text, table.form input.answer, table.form textarea { border: 1px solid #909090; padding: 0 3px; line-height:24px; width:350px; font-family: Arial, Helvetica, sans-serif;  }
table.form input:focus, table.form textarea:focus { border: 1px solid #606060; } /* does not work in IE */

table.form th.message-up { vertical-align: top !important; }

table.form label.invisible { visibility: hidden; }

table.form td.submit-button-right { text-align: right !important; }
table.form input.submit-text { font: 14px Arial, Helvetica, sans-serif; width: auto; }



td.td_enviar {text-align:center; padding:20px; }
  #quiz_enviar {background:#1B005A; color:#FFF; font-weight:bold; padding:5px 20px; text-align:center; border:0 none; cursor:pointer;     }



/* ANIMACAO */

#outer {
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;
}
#container {
  position:relative;
  *top: 20%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  height: 256px;
}
#inner {
  width: 980px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

#splash {
  padding: 0px; 
  position: relative;
  text-align: left;
}

#splash,
canvas {
	width: 980px;
	height: 396px;
}

#progressIndicator {
  padding-top: 19px !important;
}

p#copyright {
  margin: 0 10px;
  text-align: right;
  font-size: 11px;   
}

#stageframe h1 {color:#140047; font-size:48px; text-transform:uppercase; text-align:left; line-height:1.3em; height:40px;    }

#textframe_p[id] {vertical-align:top; }

h1.frases {color:#140047; font-size:42px; text-transform:uppercase; text-align:left; line-height:0.8em; height:32px; padding:10px; margin:5px 0; font-weight:normal;  }
#frase1 {width:320px; background:#d93476;  }
#frase2 {width:380px; background:#b1ac7b;  }
#frase3 {width:400px; background:#79d1b4;  }
#frase4 {width:180px; background:#ff7200;  }

/* PÁGINAS DO QUESTIONÁRIO */
.cont_quest {width:670px; min-height:440px; float:right; margin:10px 0 20px 10px; padding-right:10px; }
.banner_gol { width:186px; min-height:129px; float:left; margin-top:10px; margin-left:10px;}
.time {width:185px; height:113px; float:left; margin-top:10px; margin-left:10px; background:url(images/tempo_restante.png) no-repeat; }
.input_time {width:100px; height:25px; font-family: Arial, Verdana, Tahoma; font-size:16px; font-weight:bold; text-align:center; border:2px solid #000; margin:65px 0 0 70px;}
.sair_quiz {width:70px; height:25px; float:left; margin-top:10px; margin-left:10px; background:url(images/bt_sair.jpg) no-repeat; }
.iniciar_quiz {width:87px; height:30px; float:right; margin-top:10px; margin-left:10px; background:url(images/bt_iniciar.png) no-repeat; }
.voltar_quiz {width:87px; height:30px; float:right; margin-top:10px; margin-left:10px; background:url(images/bt_voltar.png) no-repeat; }
.bv_teste {margin-bottom:30px; }
#quiz_geral {background:#1B005A; color:#FFF; font-weight:bold; padding:5px 20px; text-align:center; border:0 none; cursor:pointer; float:right; margin-top:50px; }
.lista_restrita {line-height:18px; }
.lista_restrita li {margin:10px 20px 10px 10px; text-align:justify; font-size:14px; }
.lista_restrita li a {color:#D21B64; text-decoration:none; }
.lista_restrita li a:hover {text-decoration:underline; }
.perguntas_quiz {padding:5px; margin-top:20px; }

/* BANNER LATERAL */
.banner_logos { width:248px; min-height:440px; float:left; margin-top:10px; margin-left:10px; background:url(images/banner1.jpg) no-repeat; position:relative; }
#slides { position:absolute; width:48px; height:48px; z-index:100; top:158px; left:42px; }
.slides_container {width:48px; overflow:hidden; position:relative; display:none; }
.slides_container a {width:48px; height:48px; display:block; }
.slides_container a img {display:block; }

.banner { width:248px; min-height:440px; float:left; margin-top:10px; margin-left:10px; background:url(../images/banner.png) no-repeat; position:relative; }
#slides { position:absolute; width:48px; height:48px; z-index:100; top:158px; left:42px; }
.slides_container {width:48px; overflow:hidden; position:relative; display:none; }
.slides_container a {width:48px; height:48px; display:block; }
.slides_container a img {display:block; }