@charset "utf-8";
/* CSS Document */
------------------------------------------------------
RESET BROWSER STYLES begin
------------------------------------------------------
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table {	border-collapse: separate; border-spacing: 0; }
a img { border: 0; }
caption, th, td { text-align: left; font-weight: normal; }
q:before, q:after { content:''; }
abbr, acronym { border: 0; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
:focus { outline: 0; }

/*
------------------------------------------------------
RESET BROWSER STYLES end
------------------------------------------------------
*/

body {
background-color:#676767;
font-family: Arial, "Helvetica", sans-serif;
font-size:100%;
color:#666;
}

#maincontainer{
width: 978px; /*Width of main container*/
margin: 5px auto 0 auto;/*Center container on page*/
padding: 0;
}

/* --- IMAGE GALLERY --- */
.pics {  
    height:  50px;  
    width:   50px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
/*    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  */
	height:  50px;  
    width:   50px;  
    top:  0; 
    left: 0 
}

#middle .content .galleryEsq { float:left; width: 630px; height:450px; }
/*#middle .content .galleryEsq .galleryImage img { float:left; }*/
/*#middle .content .galleryEsq .galleryImage p { width:100%; text-align:right; }*/
#middle .content .galleryDir { float:left; width: 267px; margin-left:12px; }
#middle .content .galleryDir #nav a { float:left; width: 76px; height: 76px; margin: 4px 4px 4px 4px; overflow: hidden; }

#middle .content .banner { float:left; width: 840px; height:450px; }

.toParkContentLinkBg
{
	width: 410px; height:60px; position:relative; top:20px; z-index:98; text-align:right;
	background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    -moz-opacity: 0.50;
}
.toParkContentLink
{
	width: 410px; height:50px; position:relative; top:-30px; z-index:99; text-align:right;
}
.toParkContentLink a { font-size: 12px; color:#fff; }

/* ---CONTAINERS---------*/
#top { background:url(images/top_bg.jpg) no-repeat top left; width:926px; height:30px;}
#middle { background:url(images/fundo.jpg) repeat-y top left; height:500px;}
#down { background:url(images/footer2.jpg) no-repeat bottom left; width:926px; height:80px; margin:0px; padding:0px;}
.chrome #down, .webkit #down { margin-top: -16px; }

/* ---TOP-------*/
#top .lang { float:right; padding-right:20px; padding-top:10px; }
#top .lang a { font-size:12px; color:#090; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; text-decoration:none;}
#top .lang a:hover { color:#666;}

/* ---MENU-------*/
#middle .esq .menu { padding-left:30px; width:760px;}
#middle .esq .menu ul { list-style:none; margin:0; padding:0; display:inline;}
#middle .esq .menu ul li { float:left; padding: 0 5px 0 5px;}
#middle .esq .menu ul li a {font-size:11px; font-weight:bold; letter-spacing:-0.5px; text-transform:uppercase; color:#747474; text-decoration:none;}
#middle .esq .menu ul li a.selected, #middle .esq .menu ul li a:hover { color:#090;} 
#middle .esq .menu ul li span { padding-right:5px; font-size:15px;}
#middle .esq .menu ul li .barra2 { padding-left:5px; font-size:15px;}



/* ---CONTEUDO------*/
#middle .esq { float:left; width:763px; height:490px; }
#middle .dir { float:left; width: 215px; }

/* ---CONTEUDO ESQ------*/
#middle .esq .foto { float:left; width:699px; height:435px; padding-left:30px; padding-top:35px; }
#middle .esq .blog { float:left; width:28px; height:72px; padding-top:55px;}
/* ---CONTEUDO DIR------*/
#middle .dir .top { background:url(images/top1.jpg) no-repeat top left; width:212px; height:17px; }
#middle .dir .mid { background:url(images/mid1.jpg) repeat-y top left; width:212px; height:453px; }
#middle .dir .bot{ background:url(images/bot1.jpg) no-repeat top left; width:212px; height:18px; }

#middle .dir .mid .t1 { font:normal 10px "Lucida Sans Unicode", "Lucida Grande", Arial sans-serif; text-transform:uppercase; padding-bottom:0px; /*border-bottom:2px solid #49963e;*/ margin-left:35px; margin-right:15px; text-align:right; }
#middle .dir .mid .t1 a { text-decoration:none; color:#49963e; }
#middle .dir .mid .t1 a span.sintra { font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; }
#middle .dir .mid .t1 a span.ajuda  { color:#666; text-decoration:none; }
#middle .dir .mid .quiz { padding:7px 8px 0 14px; position:absolute; }
#middle .dir .mid .quiz object { position:relative; left: -562px; top:-12px; }
#middle .dir .mid .quiz embed { position:relative; left: -522px; top:-12px; }

/* ---agenda------*/
#middle .dir .mid .agenda { margin:5px 15px 0 35px;}
#middle .dir .mid .agenda .t2 { font:bold 12px Arial, sans-serif; text-transform:uppercase; text-align:right; padding:3px 0; border-bottom:2px solid #49963e;}
#middle .dir .mid .agenda .t2 a { text-decoration:none; color:#49963e; }
#middle .dir .mid .agenda .cal { width:160px; height:160px; position:relative; top:1px; }

/*----- CONTEUDO CALENDAR --------*/
#middle .dir .mid .agenda .calendar { margin-left:5px; }
#middle .dir .mid .agenda .calendar table { display:inline; width:auto; font: normal 11px, Arial,"Helvetica",sans-serif; }
#middle .dir .mid .agenda .calendar td { text-align:center; border: 1px solid Gray; width:20px; height:20px; }
#middle .dir .mid .agenda .calendar td.monthTitle { font: bold 11px, Arial,"Helvetica",sans-serif; color:#666; border-left:none; border-right:none; width:auto; }
#middle .dir .mid .agenda .calendar td.monthTitle input {  }
#middle .dir .mid .agenda .calendar td.weekDays { background-color:Gray; color:White; }
#middle .dir .mid .agenda .calendar td.otherDays { background-color:White; color:White; }
#middle .dir .mid .agenda .calendar td.monthDays { background-color:#F7F7F7; color:Gray; }
#middle .dir .mid .agenda .calendar td.todayDay { background-color:#F7F7F7; color:Gray; }
#middle .dir .mid .agenda .calendar td.eventDays { background-color:#63B063; }
#middle .dir .mid .agenda .calendar td.eventDays a.eventDays { color:White; width:10px; text-decoration:none; }
#middle .dir .mid .agenda .calendar td.activDays { background-color:#CCFF99; }
#middle .dir .mid .agenda .calendar td.activDays a.eventDays { color:Gray; width:10px; text-decoration:none; }
	
#middle .dir .mid .agenda .items { overflow:auto; width:480px; height:220px; font: normal 12px, Arial,"Helvetica",sans-serif; }
#middle .dir .mid .agenda .items .titEvent { color:Green; font-size:14px; margin-bottom:10px; }
#middle .dir .mid .agenda .items .location { color:Green; margin-bottom:10px; }
#middle .dir .mid .agenda .items .location .location2 { color:#333; }
#middle .dir .mid .agenda .items .textEvent { color:#666; margin-bottom:20px; }

/* ---projectos em curso------*/

#middle .dir .mid .proj { margin:25px 15px 10px 35px;}
#middle .dir .mid .proj .t3 { font:bold 12px Arial, sans-serif; color:#49963e; text-transform:uppercase; padding-bottom:5px; border-bottom:2px solid #49963e;  text-align:right;}
#middle .dir .mid .proj .t3 a { text-decoration:none; color:#49963e; }
#middle .dir .mid .proj .pcurso { width:160px; height:60px; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial sans-serif; color:#666; line-height:13px; text-align:right; padding:5px 0;}
#middle .dir .mid .proj .saber { text-align:right;}
#middle .dir .mid .proj .saber a { font:bold 9px Arial, sans-serif; color:#49963e; text-transform:uppercase;  text-align:right; text-decoration:none;}
#middle .dir .mid .proj .saber a:hover { text-decoration:underline;}
#middle .dir .mid .proj .data { display:none; }

/* ---noticias------*/
#middle .dir .mid .nots { margin:15px 15px 10px 35px;}
#middle .dir .mid .nots .t4 { font:bold 12px Arial, sans-serif; text-transform:uppercase; padding-bottom:5px; border-bottom:2px solid #49963e;  text-align:right;}
#middle .dir .mid .nots .t4 a { text-decoration:none; color:#49963e; }
#middle .dir .mid .nots .pcurso { width:160px; height:40px; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial sans-serif; color:#666; line-height:13px; text-align:right; padding:5px 0;}

#middle .dir .mid .nots .saber { text-align:right;}
#middle .dir .mid .nots .saber a { font:bold 9px Arial, sans-serif; color:#49963e; text-transform:uppercase;  text-align:right; text-decoration:none;}
#middle .dir .mid .nots .saber a:hover { text-decoration:underline;}
#middle .dir .mid .nots .data { font:normal 10px Arial, Helvetica, sans-serif; color:#666; text-align:right; padding-top:10px}

/* ---FOOTER MENU-------*/
#down .projs { float:left; width:390px; margin-top:10px; margin-left:5px;}
#down .projs ul { margin:0; padding:0; list-style:none; float:left}
#down .projs ul li { float:left;}

/* ---FOOTER MAILING LIST-------*/
#down .mailing { float:left; padding-left:80px; padding-top:25px; font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; text-align:right; color:#666; line-height:12px;}
#down .mailing span { font:bold 12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; text-align:right; color:#666; color:#339933; text-transform:uppercase}
/*#down .mail div.formInput { background:url(images/inputverde.jpg) no-repeat; }*/
#down .mail input {-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px; border:solid 1px #348c26; height:18px; width:116px; float:left; margin:30px 2px 0 15px; padding:2px; font:11px Arial, Helvetica, sans-serif; color:#666; }
#down .mail form a img { float:left; margin-top:32px; }

#down .errorMessage span { float:left; font:normal 10px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; }

/* ---FOOTER LOGO PARQUES-------*/

#down .parques { width:137px; float:left; padding-top:10px; padding-left:30px;}

/* -- POPUP MENU (PROJECTOS) --*/
.projectsMenu { display:block; padding-top:10px; padding-left:30px; float:left; position:static; }
html>body .projectsMenu {display:block; height:24px; background-position:0 top; float:left;}
/* get rid of the bullets and margin */
.projectsMenu ul {margin:0; padding:0 0 0 10px; list-style-type:none;}
/* make the list horizontal and giving a 1px gap */
.projectsMenu li {float:left; padding:0; margin-top:0px;}

/* hack for older versions of IE with incorrect box model */
* html .projectsMenu a:link, * html .projectsMenu a:visited {height:16px; height:0;}

#projectsMenu {padding:0; z-index:20; margin:0; list-style-type:none; }
#projectsMenu span {display:block;}
#projectsMenu a {text-decoration:none; color:#F4BC53; text-transform:uppercase; font-size:12px; font-weight:bold; letter-spacing:-0.5px;}

#projectsMenu li { float:left; display:block; }
#projectsMenu li a.mainItem { color:#747474; font-size:11px; }
#projectsMenu ul { background-color:White; width:200px; padding:0px;  display:none; z-index: 99; margin:0; line-height:16px; list-style-type:none; position: absolute; }
#projectsMenu ul li { width:200px; padding:0; margin:0; background-color:White; }
#projectsMenu ul a { width:194px; padding:0; display:block; margin:0; border: solid 1px #CCCCCC; padding: 2px; }
#projectsMenu ul li a { display:block; text-decoration:none; color:#747474; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:-0.5px; }
#projectsMenu ul li a:hover { color:#c6d43f; }
#projectsMenu ul ul {margin-top:-17px; display:none; margin-left:135px; position:absolute; border-top:none;}
#projectsMenu li:hover ul ul { display:none; }
#projectsMenu li:hover ul ul ul { display:none; }
#projectsMenu li:hover ul ul ul ul { display:none; }
#projectsMenu li:hover ul ul ul ul ul { display:none; }
#projectsMenu li:hover ul {display:block;}
#projectsMenu ul li:hover ul {display:block;}
#projectsMenu ul ul li:hover ul {display:block;}
#projectsMenu ul ul ul li:hover ul {display:block;}
#projectsMenu ul ul ul ul li:hover ul {display:block;}

#tooltip { height:32px; width:100%}
#tooltip .seta { float:left; background:url(images/tooltip1.gif) no-repeat; height:32px; width:23px;}
#tooltip .msg { height:20px;font-family:Arial, Helvetica, sans-serif; font-size:10px; background: url(images/tooltip_repeat.gif) repeat-x bottom left; float:left; color:#666; text-align:left; padding:12px 2px 0 2px}
#tooltip .fecha { float:left; background:url(images/tooltip3.gif) no-repeat bottom; height:32px; width:7px;}