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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
}
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;
}
a
{
	text-decoration: none;
}
a img
{
	text-decoration: none;
	border: none;
}
*
{ 
	outline:none;
}

body
{
	background-image: url(../img/bg-mapa-2015-2.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position:center top;
	margin: 0px;
}

.backgroundLogin
{
	background-image: url(../img/bg-mapa-2015-2.jpg);
	background-repeat: repeat;
}
.swiss
{
	font-family: 'Swis721CnBTRoman' , sans-serif;
	font-size: 20px;
}

.containerMapa
{
	position: relative;
	width: 780px;
	height: 797px;
	background-image: url(../img/mapa.png);
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom:35px;
}

.containerMapaMobile{
	position: relative;
	width: 780px;
	height: 716px;
	background-image: url(../img/mapaMobile.png);
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom:35px;
}

.posto
{
	position: absolute;
	cursor: pointer;
	width: 54px;
	height: 45px;
	background-image: url(../img/posto.png);
	z-index: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
.posto:hover
{
	position: absolute;
	cursor: pointer;
	width: 54px;
	height: 45px;
	background-image: url(../img/posto2.png);
}

/*Tooltip jQuery*/
.tooltip
{
	display: none;
	background: transparent url(  '../img/bg-tooltip-carnaval.png' );
	font-size: 8px;
	height: 41px;
	width: 104px;
	padding: 13px 0px 0px 0px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	background-repeat: no-repeat;
	text-align: center;
	z-index: 0;
	font-family: 'Swis721CnBTRoman' , sans-serif;
	text-transform: uppercase;
	margin-top: 20px;
	position: absolute;
	line-height: 11px;
}


#posto1-terreiro
{
	top: 150px;
	left: 364px;
}
#posto2-montanha
{
	top: 232px;
	left: 354px;
}
#posto3-piedade
{
	top: 260px;
	left: 390px;
}
#posto4-politeama
{
	top: 295px;
	left: 350px;
}
#posto5-aflitos
{
	top: 300px;
	left: 238px;
}
#posto16-pracaMunicipal
{
	top: 195px;
	left: 366px;
}
#posto5-tca
{
	top: 340px;
	left: 275px;
}
#posto7-santaMaria
{
	top: 475px;
	left: 135px;
}
#posto6-farolBarra
{
	top: 476px;
	left: 290px;
}
#posto7-shopBarra
{
	top: 412px;
	left: 315px;
}
#posto8-clubeEspanhol
{
	top: 400px;
	left: 390px;
}
#posto9-sabinoSilva
{
	top: 395px;
	left: 478px;
}
#posto10-isba
{
	top: 348px;
	left: 564px;
}


#circuitoDodo
{
	position: absolute;
	cursor: pointer;
	width: 105px;
	height: 56px;
	background-image: url(../img/tooldodo1.png);
	z-index: 0;
	top: 460px;
	left: 190px;
	
}
#circuitoDodo:hover
{
	background-image: url(../img/tooldodo2.png);
	width: 150px;
}


#circuitoOsmar
{
	position: absolute;
	cursor: pointer;
	width: 109px;
	height: 56px;
	background-image: url(../img/toolomar1.png);
	z-index: 0;
	top: 209px;
	left: 408px;
}
#circuitoOsmar:hover
{
	background-image: url(../img/toolomar2.png);
	width: 152px;
}

#circuitoBatatinha
{
	position: absolute;
	cursor: pointer;
	width: 119px;
	height: 56px;
	background-image: url(../img/toolBatatinha1.png);
	z-index: 0;
	top: 110px;
	left: 443px;
}
#circuitoBatatinha:hover
{
	background-image: url(../img/toolBatatinha2.png);
	width: 162px;
}



.bg-paginasInternas
{
	position: fixed;
	width: 100%;
	height: 452px;
	background-image: url(../img/bg-inter.png);
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	z-index: -1;
}

.containerLogin
{
	position: relative;
	width: 426px;
	height: 231px;
	margin: 0 auto;
	background-image: url(../img/bg-login.png);
	padding: 410px 0px 0px 58px;
	margin-top: 100px;
	background-repeat: no-repeat;
}

.containerFormLogin
{
	position: relative;
	width: 130px;
	float: left;
}
.containerFormSenha
{
	position: relative;
	width: 144px;
	float: left;
	left: 25px;
}
.ContainerFormBotao
{
	position: relative;
	float: left;
	top: 23px;
	left: 45px;
}


.containerFull
{
	position: relative;
	width: 976px;
	margin: 0 auto;
}

h1
{
	background-image: url(../img/bg-h1.png);
	height: 57px;
	margin: 0px;
	font-size: 24px;
	color: #a35427;
	padding: 29px 0px 0px 86px;
}
.containerH2
{
	background-image: url(../img/bg-h2.png);
	height: 43px;
	margin: 0px;
	padding: 22px 21px 0px 71px;
}
h2
{
	font-size: 19px;
	color: #585858;
	float: left;
	padding: 0px;
	margin: 0px;
}
.opcoesRelatorio
{
	position: relative;
	padding: 35px;
	background-image: url(../img/bg-opcoes.png);
	background-position: bottom;
}
.containerRelatorios
{
	position: relative;
	background-image: url(../img/bg-relatorios.png);
	background-repeat: repeat-y;
	padding: 0px;
	left: 0px;
}
.labelPergunta
{
	position: relative;
	color: #914a15;
	font-size: 20px;
	border-bottom: solid 1px #914a15;
	width: 100%;
	width: 906px;
}
.rodape
{
	position: relative;
	height: 139px;
	background-color: #9d5124;
	width: 100%;
	margin-top: 20px;
}
.infoRodape
{
	position: relative;
	height: 152px;
	width: 976px;
	margin: 0 auto;
	top: -20px;
}

.cadastrarUsuario
{
	position: relative;
	float: right;
	top: -7px;
	right: 12px;
}

.legenda
{
	border: solid 1px #555;
	width: 870px;
	margin-top: 25px;
	font-size: 13px;
	color: #555;
	padding: 15px;
}

.botaoForm1
{
	background-color: #036b94;
	padding: 9px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	opacity: 0.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

.botaoForm1:hover
{
	opacity: 0.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.1,9;
}

input[type='text']
{
	width: 400px;
	height: 15px;
	background-color: #f8f8f8;
	border: solid 1px #036b94;
	padding: 6px;
	font-size: 16px;
	margin: 5px 15px 15px 0px !important;
	display: block;
	text-transform: uppercase;
}

input[type='text']:hover
{
	width: 400px;
	height: 15px;
	background-color: #f2f2f2;
	border: solid 1px #045676;
	padding: 6px;
	font-size: 16px;
	margin: 5px 15px 15px 0px;
	display: block;
}

input[type='text']:focus
{
	width: 400px;
	height: 15px;
	background-color: #f2f2f2;
	border: solid 1px #045676;
	padding: 6px;
	font-size: 16px;
	margin: 5px 15px 15px 0px;
	display: block;
}

input[type='password']
{
	width: 400px;
	height: 15px;
	background-color: #f8f8f8;
	border: solid 1px #036b94;
	padding: 6px;
	font-size: 16px;
	margin: 5px 15px 15px 0px;
	display: block;
}

input[type='password']:hover
{
	width: 400px;
	height: 15px;
	background-color: #f2f2f2;
	border: solid 1px #036b94;
	padding: 6px;
	font-size: 16px;
	margin: 5px 15px 15px 0px;
	display: block;
}


input[type='password']:focus
{
	width: 400px;
	height: 15px;
	background-color: #f2f2f2;
	border: solid 1px #036b94;
	padding: 6px;
	font-size: 16px;
	margin: 5px 15px 15px 0px;
	display: block;
}

.DropDownList
{
	width: 500px;
	height: 35px;
	background-color: #f8f8f8;
	border: solid 1px #b57300;
	padding: 6px;
	font-size: 16px;
	margin: 5px 15px 15px 0px !important;
	display: block;
}

.DropDownList:hover
{
	background-color: #f2f2f2;
	border: solid 1px #8c3f00;
}

/******GRIDVIEW******/

table.gridview
{
	background-color: #fff0db;
	border: solid 1px #ffffff;
	font-family: Arial;
	font-size: 13px;
	margin-top: 25px;
	float: left;
	margin-right: 6px;
}

table.gridview TR
{
	background-color: #fff0db;
	color: #994b17;
}

table.gridview TR a
{
	color: #994b17;
	font-weight: bold;
}

table.gridview TR a:hover
{
	color: #994b17;
	text-decoration: underline;
	font-weight: bold;
}

table.gridview TR:hover
{
	background-color: #fff5e7;
	color: #994b17;
}

table.gridview TH
{
	background: #c5813e;
	color: #FFFFFF;
	padding: 8px 10px 8px 10px;
	font-weight: bold;
	font-size: 12px;
	background-image: url(img/bg-head-grid.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

table.gridview TD
{
	padding: 5px 10px 5px 10px;
	height: 18px;
}

.gridviewSelected
{
	background-color: #ebc9aa !important;
	color: #000000 !important;
	font-weight: bold;
}

.containerRelatorios
{
	width: 900px;
	margin: 0 auto;
}


.tituloGeralMapa {position:relative; width:576px; margin:0 auto; margin-top:30px; margin-bottom:20px; }

.tituloGeralMapaEndereco {position:relative; width:579px;  margin:0 auto; margin-top:20px; margin-bottom:20px; }

.Sair {position:relative; width:100px; height:10; margin:0 auto; margin-top:10px; margin-bottom:10px; }

.instrucaoMapa 
{
	position:absolute;
	width:199px;
	height:92px;
	background-image:url(../img/instrucao-mapa.png);
	background-repeat:no-repeat;
	top:55px;
	left:213px;
	}
	
	
	.instrucaoMapaEndereco
{
	position:absolute;
	width:199px;
	height:92px;
	background-image:url(../img/instrucao-mapa-endereco.png);
	background-repeat:no-repeat;
	top:55px;
	left:213px;
	}
	
	
	/* MAPA ENDEREÇOS */

#circuitoDodoEndereco
{
	position: absolute;
	width: 91px;
	height: 56px;
	background-image: url(../img/tooldodo1-localizacao.png);
	z-index: 0;
	top: 460px;
	left: 190px;
	
}


#circuitoOsmarEndereco
{
	position: absolute;
	width: 95px;
	height: 56px;
	background-image: url(../img/toolomar1-localizacao.png);
	z-index: 0;
	top: 209px;
	left: 408px;
}

#circuitoBatatinhaEndereco
{
	position: absolute;
	width: 105px;
	height: 56px;
	background-image: url(../img/toolbatatinha-localizacao.png);
	z-index: 0;
	top: 110px;
	left: 443px;
}