@font-face {
    font-family: 'Narrow';
    src: url('fonts/ARIALN.eot');
    src: url('fonts/ARIALN.eot?#iefix') format('embedded-opentype'),
         url('fonts/ARIALN.woff') format('woff'),
         url('fonts/ARIALN.ttf') format('truetype'),
         url('fonts/ARIALN.svg#arial_narrow') format('svg');
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	margin: 0;
	padding: 0;
	color: #333;
}

table{
	font-size: 1em;
}

h2{
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	line-height: 35px;
	display: block;
	padding: 0 15px;
	margin: 0;
	background: #c3c86a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#banner_topo{
	width: 100%;
	height: 130px;
	border-bottom: 3px solid #DDD;
	background: #FFF;
	
}

#fontes{
	width: 150px;
	padding: 5px 10px;
	position: absolute;
	right: 0;
}
#fontes a{
	font-size: 14px;
	cursor: pointer;
}

#pagina{
	min-width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 5px 1%;
	background: #EEE;
}

.box_login{
	width: 400px;
	margin: 0 auto;
}

#conteudo{
	width: 100% !important;
	height: auto;
	float: right;
	border: 3px solid #CCC;
	background: #FFF;
	margin: 0 auto;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#rodape{
	background: #FFF;
	width: 100%;
	padding: 10px 0;
	height: 80px;
	text-align: center;
	border-top: 3px solid #DDD;
}

#barra_menu{
	width: 200px;
	height: auto;
	float: left;
	border: 3px solid #CCC;
	background: #FFF;
	margin: 0 auto;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#barra_menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	height: auto;
	margin: 0 auto;
}
#barra_menu li{
	margin: 0;
	padding: 0;
}
#barra_menu li + li{
	border-top: 1px solid #DDD;
}
a.princ:link, a.princ:visited, a.princ{
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	line-height: 35px;
	display: block;
	padding: 0 15px;
	margin: 0;
	background: #c3c86a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	
}

.sub{
	margin: 0 !important;
	font-size: 1em;
	height: auto !important;
	border-top: none;
}
.sub li{
	display: block !important;
	text-align: left;
}
.sub a:link, .sub a:visited{
	text-decoration: none;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	display: block !important;
	padding: 10px 10px 10px 15px !important;
}
.sub a:hover{
	background: #DDD;
}

.inputbox{
	border: 1px solid #666;
	padding: 0 5px;
	height: 27px;
	line-height: 150%;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background: #EEE;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.valor, .valor2, .valor3{
	width: 80px;
	text-align: right;
	padding: 5px 5 5px 5px;
}

.button{
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 20px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #CCC;
	background: #DDD;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.tblcadastro{
	border-collapse: collapse;
	clear: both;
	margin: 1%;
	width: 98%;
}
.tblcadastro td{
	border: 1px solid #DDD;
	padding: 10px;
}
.tblcadastro th{
	background: url(imagens/bg_th.png) center repeat-x;
	color: #000;
	border: 1px solid #CCC;
	padding: 10px;
}

.tblcadastro a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.tblcadastro .val{
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
}

.legenda{
	font-weight: bold;
}

.listra2{
	background: #EEE !important;
}

.dataTables_length{
	width: 200px;
	float: left;
	margin: 10px;
}
.dataTables_length select{
	border: 1px solid #666;
	padding: 5px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	background: #EEE;
}

.dataTables_filter{
	width: 300px;
	float: right;
	text-align: right;
	margin: 10px;
}
.dataTables_filter input{
	border: 1px solid #666;
	padding: 5px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	background: #EEE;
}

.dataTables_info{
	text-align: center;
	margin-bottom: 10px;
}

.dataTables_paginate{
	text-align: center;
}
.dataTables_paginate span{
	padding: 0 10px;
	cursor: pointer;
}
.paginate_active{
	font-weight: bold;
}

.sorting{
	background: url(imagens/sort.gif) no-repeat 90% center;
	cursor: pointer;
}
.sorting_asc{
	background: url(imagens/sort_asc.gif) no-repeat 90% center;
	cursor: pointer;
}
.sorting_desc{
	background: url(imagens/sort_desc.gif) no-repeat 90% center;
	cursor: pointer;
}
.sorting_1{
	font-weight: bold;
}

#login{
	width: 200px;
	height: auto;
	padding: 10px;
	font-size: 1em;
	margin: 30px 30px 0 0;
	float: right;
	border: 3px solid #CCC;
	background: #FFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#login a{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}


.ico{
	font-size: 1em;
}

.lista_fotos{
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

.lista_fotos li{
	display: inline-block;
	margin: 10px;
}

small{
	font-weight: bold;
}

.cp, #recado{
	font-weight: bold;
	color: #C00;
}

.porcentagem{
	font-weight: bold; 
	font-size: 16px; 
	color: #666;
}

dl{
	width: 100%;
	clear: both;
}
dt{
	border: 1px solid #FFF;
	padding: 5px;
	background: #CCC;
	font-weight: bold;
}
dd{
	border: 1px solid #DDD;
	border-top: 0;
	padding: 5px;
}
dd + dt{
	margin-top: 5px;
}
.paginacao{
	text-align: center;
}

label{
	cursor: pointer;
}

#baixatitulo{
	background: #FFF;
	padding: 20px;
	width: 500px;
	height: 450px;
	position: fixed;
	margin-left: 200px;
	margin-top: -220px;
	border: 5px solid #000;
	z-index: 10;
}
#baixatitulo{
	height: 200px;
}
#baixatitulo div{
	height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
}
#baixatitulo div{
	height: 200px;
}

#additens{
	background: #FFF;
	padding: 20px;
	width: 800px;
	height: 210px;
	position: fixed;
	margin-left: 70px;
	margin-top: -50px;
	border: 5px solid #000;
}
#additens div{
	height: 210px;
	overflow: hidden;
}

#tabs{
	width: 98%;
	margin: 10px auto;
}
#tabs h2{
	font-size: 1em;
}
#tabs td{
	font-size: 0.9em;
}

.fotospacotes{
	list-style: none;
	padding: 0;
	margin: 0;
}
.fotospacotes li{
	float: left;
	border: 1px solid #EEE;
	text-align: center;
	padding: 10px;
	margin: 10px;
	width: 210px;
	height: 210px;
}
.fotospacotes img{
	margin: 5px 0;
}

#status{
	font-size: 12px;
	color: #C00;
}

#files{
	list-style: none;
	margin: 20px 0 20px 0;
	padding: 0;
}

#files li{
	float: left;
	width: 218px;
	height: 290px;
	margin: 5px;
	padding: 10px;
	background: #EEE;
	border: 1px solid #DDD;
	text-align: center;
}

#files .inputbox{
	background: #FFF;
	margin: 0;
}

.fotoprev{
	cursor: move !important;
}

.exclui_imagem{
	float: right;
	cursor: pointer;
	margin: -10px -10px 0 0;
}

#alerta{
	text-align:center;
}
#alerta div{
	padding: 10px 0 0 0;
}

.lista_fundo{
	margin: 0;
	padding: 0;
	list-style: none;
}
.lista_fundo li{
	display: inline-block;
	margin: 0 30px 20px 0;
	text-align: center;
}

.mais_galeria{
	padding: 0;
	margin: 0;
	list-style: none;
	
}
.mais_galeria li{
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

/*/////////////////////// ESTILOS PREVIEW PAGINDA //////////////////*/
#previewpag{
	width: 200px;
	height: 280px;
	border: 1px solid #DDD;
}
#prevmenu{
	border-top: 10px solid #C00;
	margin-top: 20px;
}
#prevbrasao{
	width: 31px;
	height: 31px;
	background: #FFF;
	position: absolute;
	margin: 10px 0 0 100px;
	z-index: 10;
}
#prevbrasao div{
	width: 25px;
	height: 25px;
	border: 1px solid #C00;
	margin: 2px 0 0 2px;
}
#lente{
	width: 200px;
	height: 64px;
	background: rgba(255,0,0,0.2);
	position: absolute;
}
#previtens{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 150px;
	margin: 0 auto;
}
#previtens li{
	border-bottom: 1px solid #DDD;
	height: 40px;
}

.pnum{
	width: 7px;
	height: 7px;
	background: #F33;
	float: left;
	margin: 8px 20px 0 10px;
}
.ptxt{
	width: 60px;
	float: left;
}
#prevrodape1{
	border-top: 10px solid #F33;
	margin-top: 23px;
}
#prevrodape2{
	border-top: 30px solid #C00;
}