/* Design by www.paulanevesdesign.com */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; }
table {
	border-collapse:separate;
	border-spacing:0pt;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
* {
	margin:0pt;
	padding:0pt;
}

body { font-size:12px; font-family:arial, sans-serif; background-color:#eae4ca; background-image: url(images/bg.jpg); background-repeat: repeat; }

a { color: #C26B2E;; text-decoration:none; }

a:hover { color:#96723D; text-decoration:underline; }

#wrapper { 
	/*width:988px; margin:0 auto; background-color: #FFF; }*/
	width:962px; margin:0 auto; background-color: #FFF; }

#content { background:#fff; width:962px; margin-top: 0px; margin-right: 0; margin-bottom: 30px; margin-left: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

#header { padding:0px; background-color: #5c2b0d; background-image: url(images/header-principal.png); height: 163px; width: 962px; }
#headeruk { padding:0px; background-color: #5c2b0d; background-image: url(images/header-principal-uk.png); height: 163px; width: 962px; }


#container { background:#fff; color: #333; }

#sidebar { width:176px; float:left; padding-top: 4px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; background-color: #fff; border-right-width: thin; border-right-style: dotted; border-right-color: #bd8c53; }


#sidebar p { font-size:12px; line-height:15px; }

#main { background-color: #fff; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 200px; padding-top: 8px; padding-right: 0px; padding-bottom: 25px; padding-left: 20px; width: 740px; min-height: 300px; }
#maincf { background-color: #fff; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; width: 962px; min-height: 300px; }

/*#col-dta { width:180px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; background-color: #fff; border-left-width: thin; margin: 0px; border-left-style: dotted; border-left-color: #bd8c53; color: #666; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; }*/
#col-dta { width:180px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; background-color: #fff; border-left-width: thin; margin: 0px; border-left-style: dotted; border-left-color: #bd8c53; color: #666; font-size: 11px; line-height: 13px; font-family: Arial, Helvetica, sans-serif; }


#main blockquote { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#bd8c53; line-height:18px; font-weight:normal; text-transform:uppercase; }
#maincf blockquote { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#bd8c53; line-height:18px; font-weight:normal; text-transform:uppercase; }

#main p { font-size:12px; color:#4b4b4b; text-align: justify; line-height:16px; padding:5px 0; }
#maincf p { font-size:12px; color:#4b4b4b; text-align: justify; line-height:16px; padding:5px 0; }


#footer { background:#5c2b0d; text-align:right; color:#fff; padding:10px 14px; clear:both; font-size: 10px; }

#footer span {
	float:left;
}

#footer ul{
	list-style:none;
}

#footer ul li{
	display:inline;
}

#footer ul li a{ color:#fff; padding:0 5px; font-size: 10px; }

#slider { position:relative; text-align:right; clear:both; color:#fff; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; vertical-align: bottom; }

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable { /* required settings */
	position:relative; overflow:hidden; width: 270px; height:72px; margin-bottom: 10px; }

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	margin:-1px 0 0 0;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0 15px 0 0;
	background-color:#fff;
	padding:2px;
	cursor:pointer;
	width:70px;
	height:70px;
}

/* active item */
.scrollable .active {
	border:2px solid #ccc;
	z-index:9999;
	position:relative;
	padding:0px;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; left: 270px; top:-25px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ left: 270px; top:10px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
	
} 	

#wrapper #content #container #main h1 { color: #C26B2E; font-size: 14px; font-weight: bold; }
#sidebar #cx_sidebar { background-color: #f3efe2; padding: 10px; }
#sidebar #cx_sidebar a { color: #926d53; line-height: 16px; }
#sidebar #cx_sidebar a:hover { color: #926d53; line-height: 16px; text-decoration: underline; }

#sidebar #cx_sidebar_bord { background-color: white; padding: 6px; margin-bottom: 5px; overflow: hidden;}
#sidebar #cx_sidebar_bord p { background-color: #f3efe2; color: #926d53; line-height: 17px; text-align: center; border: 1px solid #926d53; margin-bottom: 6px; border-radius: 10px; }
#sidebar #cx_sidebar_bord p:hover { background-color: white; color: #926d53; text-align: center; }
#sidebar #cx_sidebar_bord a { color: #926d53; /*font-weight: bold;*/ line-height: 17px; text-align: center; overflow: hidden; margin-left: 3px; margin-right: 3px; display: block; }
#sidebar #cx_sidebar_bord a:hover { background-color: white; color: #926d53; line-height: 17px; text-align: center; display: block; text-decoration: none;}

#sidebar #cx_sidebar_botoes { background-color: white; padding: 6px; overflow: hidden;}
#sidebar #cx_sidebar_botoes p { color: #7C2300; line-height: 25px; text-align: center; border: 1px solid #926d53; border-radius: 10px; margin-bottom: 8px; }
#sidebar #cx_sidebar_botoes p.b1 { background-image: url("images/botesq04.png"); background-size: cover; }
#sidebar #cx_sidebar_botoes p.b2 { background-image: url("images/botesq07.png"); background-size: cover; color: #926d53; }
#sidebar #cx_sidebar_botoes p.b3 { background-image: url("images/botesq06.png"); background-size: cover; }
#sidebar #cx_sidebar_botoes p:hover { color: white; line-height: 25px; text-align: center; }
#sidebar #cx_sidebar_botoes a { color: #7C2300; font-weight: bold; line-height: 25px; text-align: center; overflow: hidden; display: block; }
#sidebar #cx_sidebar_botoes a.b2 { color: #7C2300; }
#sidebar #cx_sidebar_botoes a:hover { color: #7C2300; font-weight: bold; text-align: center; display: block; }
#sidebar #cx_sidebar_botoes a.b2:hover { color: #7C2300; }

#cx_banner1 { height: 150px; border: 0px solid #926d53; border-radius: 10px; background-image: url("images/seguir-banner2.jpg"); background-size: cover; padding: 6px; overflow: hidden; cursor: pointer; position:relative;}
#cx_banner2 { height: 150px; border: 0px solid #926d53; border-radius: 10px; background-image: url("images/stemma-banner.jpg"); background-size: cover; padding: 6px; overflow: hidden; cursor: pointer; position:relative;}
#cx_banner3 { height: 150px; border: 0px solid #926d53; border-radius: 10px; background-image: url("images/mapa-banner2.jpg"); background-size: cover; padding: 6px; overflow: hidden; cursor: pointer; position:relative;}


#container p { font-size:12px; color:#4b4b4b; text-align: justify; line-height:16px; padding:5px 0; }

#container #cx_legenda .tit { color: #C26B2E; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; margin-left: 8px; }
#container #cx_legenda .texto { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; vertical-align: top; margin-left: 8px; margin-bottom: -5px; }
#container #cx_legenda p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; margin-left: 8px; margin-bottom: -5px; }
#container #cx_legenda a { color: #C26B2E; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; margin-left: 8px; }
#container #cx_legenda a:hover { color: #E37D35; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; margin-left: 8px; }
#container #cx_legenda .tz-horizontal { text-decoration: underline; border-top-width: thin; border-top-style: dotted; border-top-color: #c26b2e; margin-bottom: 0px; margin-left: 8px; }

#sidebar #cx_sidebar2 { background-color: #ffffff; padding: 10px; }
#sidebar #cx_sidebar2 a { color: #926d53; line-height: 20px; }
#sidebar #cx_sidebar2 a:hover { color: #926d53; line-height: 20px; text-decoration: underline; }

#sidebar #cx_legenda2 { background-color: #fff; padding: 10px; }
#sidebar #cx_legenda2 a { color: #926d53; line-height: 20px; }
#sidebar #cx_legenda2 a:hover { color: #926d53; line-height: 20px; text-decoration: underline; }


.linkSpanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}

#main #col-dta .tit { color: #C26B2E; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
#main #col-dta p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
#main #col-dta a { color: #C26B2E; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
#main #col-dta a:hover { color: #E37D35; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
#main #col-dta .tz-horizontal { text-decoration: underline; border-top-width: thin; border-top-style: dotted; border-top-color: #c26b2e; margin-bottom: 4px; }

#main h1 { color: #C26B2E; font-size: 14px; font-weight: bold; margin-top: 5px; margin-bottom: 20px; }
#main h2 { color: #C26B2E; font-size: 13px; font-weight: bold; margin-top: 5px; margin-bottom: 10px; }
#main h3 { color: #C26B2E; font-size: 13px; font-weight: bold; margin-top: 5px; margin-bottom: 0px; }
#main h4 { color: #C26B2E; font-size: 13px; margin-top: 5px; margin-bottom: 0px; }
#main h5 { color: #C26B2E; font-size: 15px; font-weight: bold; margin-top: 5px; margin-bottom: 10px; }

#main .semmargembottom { margin-bottom: 0px; }
#main .centrado { text-align: center; }
#main .verde20{ font-size: 20px; text-align: Left; font-family: Arial, Helvetica, sans-serif; color:#66c224; }



/* ESTILOS ANTERIORES DO SITE LITTERA */

.center { font-size: 12px; text-align: Center; }
.left { font-size: 12px; text-align: left; }
.right { font-size: 12px; text-align: right; }

.center17{ font-size: 17px; text-align: Center; }
.left17{ font-size: 17px; text-align: Left; }
.right17 { font-size: 17px; text-align: right; }
.justify17 { font-size: 17px; text-align: justify }

.center16{ font-size: 16px; text-align: Center; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
.left16{ font-size: 16px; text-align: Left; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
.right16 { font-size: 16px; text-align: right; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }

#main .center15{ font-size: 15px; text-align: Center; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .left15{ font-size: 15px; text-align: Left; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .right15 { font-size: 15px; text-align: right; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .justify15 { font-size: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }

#main .center14 { font-size: 14px; text-align: Center; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .left14 { font-size: 14px; text-align: Left; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .right14 { font-size: 14px; text-align: right; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .justify14 { font-size: 14px; text-align: justify; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }

#main .center13 { font-size: 13px; text-align: Center; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .left13 { font-size: 13px; text-align: left; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .right13 { font-size: 13px; text-align: right; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .justify13 { font-size: 13px; text-align: justify; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }

#main .center12 { font-size: 12px; text-align: Center; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .left12 { font-size: 12px; text-align: left; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .right12 { font-size: 12px; text-align: right; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .justify12 { font-size: 12px; text-align: justify; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }

#main .left11 { font-size: 11px; text-align: Left; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .center11 { font-size: 11px; text-align: Center; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .right11 { font-size: 11px; text-align: Right; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .justify11 { font-size: 11px; text-align: justify; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }

#main .left10{ font-size: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .center10 { font-size: 10px; text-align: Center; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }
#main .justify10{ font-size: 10px; text-align: justify; font-family: Arial, Helvetica, sans-serif; color:#4b4b4b; }

.discreto { font-size: 11px; color: #808080; text-align: left; }
.centerdiscreto { font-size: 11px; color: #808080; text-align: left; }
.marca { font-size: 10px; color: #808080; text-align: left; }

.drag { position: relative; cursor: move; }

.caracteres { font-size: 13px; font-weight: bold }
.caracteres a { border-right: #999999 1px solid; padding-right: 2px; border-top: #999999 1px solid; padding-left: 2px; border-left: #999999 1px solid; color: black; border-bottom: #999999 1px solid; text-align: center; text-decoration: none }
.caracteres a:hover { border-right: #0E7EDA 1px solid; border-top: #0E7EDA 1px solid; border-left: #0E7EDA 1px solid; border-bottom: #0E7EDA 1px solid; color: black; background-color: #BBE1FD; text-decoration: none }


.Nota1{
	position:absolute;
}
.Nota1 a, nota1 a:visited{
font: bold 10px arial, helvetica, sans-serif;	
padding:0px;
text-decoration: none;
text-align:center;
vertical-align: center;
color:#ffffff;
background:url(imagens/nota1.jpg) no-repeat right center;	
width:11px;  
height:11px;	
display:block;
}
.Nota1 a:hover { 
background:url(imagens/nota1.jpg) no-repeat right center;
font: bold 10px arial, helvetica, sans-serif;	
padding:0px;
text-decoration: none;
text-align:center;
vertical-align: center;	
color:#ffffff;
}

.Nota2{
	position:absolute;
}
.Nota2 a, nota1 a:visited{
font: bold 10px arial, helvetica, sans-serif;	
padding:0px;
text-decoration: none;
text-align:center;
vertical-align: center;
color:#ffffff;
background:url(imagens/nota2.jpg) no-repeat right center;	
width:11px;  
height:11px;	
display:block;
}
.Nota2 a:hover { 
background:url(imagens/nota2.jpg) no-repeat right center;
font: bold 10px arial, helvetica, sans-serif;	
padding:0px;
text-decoration: none;
text-align:center;
vertical-align: center;	
color:#ffffff;
}

span.nota0 { text-align: Left; }
span.nota1 { text-align: Left; }
span.nota2 { text-align: Left; }
span.nota3 { text-align: Left; }
span.nota4 { text-align: Left; }
span.nota5 { text-align: Left; }
span.nota6 { text-align: Left; }
span.nota7 { text-align: Left; }
span.nota8 { text-align: Left; }
span.nota9 { text-align: Left; }
span.nota10 { text-align: Left; }
span.nota11 { text-align: Left; }
span.nota12 { text-align: Left; }
span.nota13 { text-align: Left; }
span.nota14 { text-align: Left; }
span.nota15 { text-align: Left; }
span.nota16 { text-align: Left; }
span.nota17 { text-align: Left; }
span.nota18 { text-align: Left; }
span.nota19 { text-align: Left; }
span.nota20 { text-align: Left; }
span.nota21 { text-align: Left; }
span.nota22 { text-align: Left; }
span.nota23 { text-align: Left; }
span.nota24 { text-align: Left; }
span.nota25 { text-align: Left; }
span.nota26 { text-align: Left; }
span.nota27 { text-align: Left; }
span.nota28 { text-align: Left; }
span.nota29 { text-align: Left; }
span.nota30 { text-align: Left; }

a.nota0 { text-align: Left; }
a.nota1 { text-align: Left; }
a.nota2 { text-align: Left; }
a.nota3 { text-align: Left; }
a.nota4 { text-align: Left; }
a.nota5 { text-align: Left; }
a.nota6 { text-align: Left; }
a.nota7 { text-align: Left; }
a.nota8 { text-align: Left; }
a.nota9 { text-align: Left; }
a.nota10 { text-align: Left; }
a.nota11 { text-align: Left; }
a.nota12 { text-align: Left; }
a.nota13 { text-align: Left; }
a.nota14 { text-align: Left; }
a.nota15 { text-align: Left; }
a.nota16 { text-align: Left; }
a.nota17 { text-align: Left; }
a.nota18 { text-align: Left; }
a.nota19 { text-align: Left; }
a.nota20 { text-align: Left; }
a.nota21 { text-align: Left; }
a.nota22 { text-align: Left; }
a.nota23 { text-align: Left; }
a.nota24 { text-align: Left; }
a.nota25 { text-align: Left; }
a.nota26 { text-align: Left; }
a.nota27 { text-align: Left; }
a.nota28 { text-align: Left; }
a.nota29 { text-align: Left; }
a.nota30 { text-align: Left; }

span.ref0 { text-align: Left; }
span.ref1 { text-align: Left; }
span.ref2 { text-align: Left; }
span.ref3 { text-align: Left; }
span.ref4 { text-align: Left; }
span.ref5 { text-align: Left; }
span.ref6 { text-align: Left; }
span.ref7 { text-align: Left; }
span.ref8 { text-align: Left; }
span.ref9 { text-align: Left; }
span.ref10 { text-align: Left; }
span.ref11 { text-align: Left; }
span.ref12 { text-align: Left; }
span.ref13 { text-align: Left; }
span.ref14 { text-align: Left; }
span.ref15 { text-align: Left; }
span.ref16 { text-align: Left; }
span.ref17 { text-align: Left; }
span.ref18 { text-align: Left; }
span.ref19 { text-align: Left; }
span.ref20 { text-align: Left; }
span.ref21 { text-align: Left; }
span.ref22 { text-align: Left; }
span.ref23 { text-align: Left; }
span.ref24 { text-align: Left; }
span.ref25 { text-align: Left; }
span.ref26 { text-align: Left; }
span.ref27 { text-align: Left; }
span.ref28 { text-align: Left; }
span.ref29 { text-align: Left; }
span.ref30 { text-align: Left; }

a.ref0 { text-align: Left; }
a.ref1 { text-align: Left; }
a.ref2 { text-align: Left; }
a.ref3 { text-align: Left; }
a.ref4 { text-align: Left; }
a.ref5 { text-align: Left; }
a.ref6 { text-align: Left; }
a.ref7 { text-align: Left; }
a.ref8 { text-align: Left; }
a.ref9 { text-align: Left; }
a.ref10 { text-align: Left; }
a.ref11 { text-align: Left; }
a.ref12 { text-align: Left; }
a.ref13 { text-align: Left; }
a.ref14 { text-align: Left; }
a.ref15 { text-align: Left; }
a.ref16 { text-align: Left; }
a.ref17 { text-align: Left; }
a.ref18 { text-align: Left; }
a.ref19 { text-align: Left; }
a.ref20 { text-align: Left; }
a.ref21 { text-align: Left; }
a.ref22 { text-align: Left; }
a.ref23 { text-align: Left; }
a.ref24 { text-align: Left; }
a.ref25 { text-align: Left; }
a.ref26 { text-align: Left; }
a.ref27 { text-align: Left; }
a.ref28 { text-align: Left; }
a.ref29 { text-align: Left; }
a.ref30 { text-align: Left; }