@CHARSET "ISO-8859-1";
/*--------class-----------*/ 
.right{ display: block; float: right; }
.left{ display: block; float: left; }
.middle{ display: block; }
.clear{ clear:  both; }
.relative{ display: block; position: relative; }
.help{ cursor: help; }
.block{ display: block; }
.notEmpty{ color: red; }
.validate-error{ color: red; font-size: 85%; font-weight: bold; }
/*--------end class-------*/

/*--------tags---------*/
a{ color: #000; text-decoration: none; }
body{ height: 100%; position: relative; }
em{ font-style: italic; }
label{ display: block; }
html{ background: #fff; _overflow-y: hidden; }
strong{ font-weight: bold; }
textarea{ overflow: auto; }

/*-------end tags-------*/

/*------overlay/lightbox--------*/
#overlay{ 
	background: #000;
	display: none;
	filter: alpha(opacity=30);
	height: 100%;
	opacity: 0.3;
	position: absolute;
	width: 100%; 
	_width: 98.6%; /* for ie 6 */ 
	z-index: 10; 
}

#lightbox{
    background: #fff;
    color: #7d7d7d;
    display: none;
    border: 1px solid #aaa;
	left: 50%;
    margin-left: -385px;
    padding: 5px;
    position: absolute;
    text-align: justify;
    top: 60px;
	z-index: 11;
}
#lightbox.lightbox{ width: 770px; }

#lightbox .hd{ background: #2d99c1; color: #fff; margin-bottom: 15px; padding: 4px 6px;  }
#lightbox .title{ font-size: 1.2em; font-weight: bold; text-align: left; }
#lightbox .close{ font-weight: bold; padding: 2px 4px 0 0; }
#lightbox .close a{ color: #fff; }
#lightbox li{ list-style-type: square; margin-left: 16px; }
#lightbox #description{ line-height: 20px; padding: 0 15px; }
#lightbox #description h3{ color: #2d99c1; font-weight: bold; font-size: 1em; }
/*---------------------*/

#newBody{ 
	height: 100%;
	_overflow-y: scroll;
	position: relative; 
}

/*---------------------------------menu----------------------------------*/
#fixed{ 
	left: 0;
	position: fixed; 
	_position: absolute; 
	top: 0; 
	width: 100%; 
	_width: 98.6%; /* for ie 6 */
	z-index: 20;
}
#menu{ background: url( ../img/background/menu/background.jpg ) repeat-x; height: 36px; }
#menu .left{ margin: 6px 0 0 40px; position: relative; text-align: center; width: 76px;  }
#menu .left .left, #menu .left .right{ height: 20px; margin: 0; width: 11px; }
#menu .left .left{ background: url( ../img/background/menu/left.jpg ) no-repeat; margin-right: -3px; }
#menu .left .right{ background: url( ../img/background/menu/right.jpg ) no-repeat; margin-left: -3px; }
#menu .middle{ background: url( ../img/background/menu/middle.jpg ) repeat-x; height: 20px; }
#menu .middle a{ color: #000; display: block; margin-right: 18%; padding-top: 2px; }
#menu .middle a img{ vertical-align: 1.7px; }
#menu .logo{ 
	background: url( ../img/icones/preceptor_small.png ) no-repeat;
	_background: none;
	filter: none;  
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icones/preceptor_small.png', sizingMethod='scale' ); /* for ie 6 */ 
	height: 28px; 
	margin: 2px 40px 0 0; 
	width: 90px;
}
#menu-options{
    background: #000;
    display: none;
    left: 2px;
    position: absolute;
    text-align: left;
    width: 150px;
}
#menu-options img{ padding: 5px 0 6px 15px; }
#menu-options a{ color: #fff; display: block; height: 25px; padding: 5px 0 0 15px; }
#menu-options a:hover{ background: #8e0000; }
#menu-options #options-preceptor{ background: #0a5572; }
#menu-options #options-parceiros{ background: #2c758f; }
/*-------------------------------end menu-----------------------------------*/

/*----------------------------------header---------------------------------*/
#yui-d3-hd .hd{ background: url( ../img/background/header.jpg ) 0 34px no-repeat; height: 295px; padding: 90px 0 0 330px; }
#yui-d3-hd .hd span{ 
	background: url( ../img/icones/preceptor.png ) no-repeat;
	_background: none;
	display: block;
	filter: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icones/preceptor.png', sizingMethod='crop' ); 
	height: 100%; 
}
/*-------------------------------------------------------------------------*/

/*-----------------------------------body----------------------------------*/
#yui-d3-hd .bd{ background: url( ../img/background/footer.jpg ) 2px bottom no-repeat; text-align: center; }
#yui-d3-hd .icons{ height: 230px; margin-left: 60px; margin-top: -130px; position: relative; }
#yui-d3-hd .icons-systems{ display: block; float: left; height: 165px; width: 165px; }

/* icons */
#icon-dictionary{
    background: url( ../img/icones/dicionario.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icones/dicionario.png', sizingMethod='crop' );
}

#icon-context{
    background: url( ../img/icones/contexto.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icones/contexto.png', sizingMethod='crop' );
}

#icon-trails{
    background: url( ../img/icones/trilhas.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icones/trilhas.png', sizingMethod='crop' );
}

#icon-station{
    background: url( ../img/icones/estacao.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icones/estacao.png', sizingMethod='crop' );
}

#icon-intwopenny{
    background: url( ../img/icones/nacachola.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icones/nacachola.png', sizingMethod='crop' );
}
/*------------------------------------------------------------------------*/

/*-----------------------------------boxes--------------------------------*/

#boxes .box{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    _width: 98.6%;
}
#boxes .info{ display: none; left: 50%; margin-bottom: 10px; margin-left: -350px; position: relative; width: 75%; }

#boxes .box .content{
    font-size: 88%;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    text-align: left;
    width: 73em;
}
#boxes .title{ cursor: pointer; }
#boxes .call{ color: #000; padding-bottom: 8px; text-align: justify; text-decoration: none; width: 80%; }
#boxes .more-learn{ font-style: italic; font-weight: bold; color: #ccc; }
#boxes .more-learn:hover{ color: #000; text-decoration: underline; }

#boxes .box .icon-system-thumb{ height: 100px; width: 100px; }

/* icons tbumb systems */
#icon-thumb-dictionary{
    background: url( ../img/background/box/dicionario_logo.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background/box/dicionario_logo.png', sizingMethod='crop' );
}

#icon-thumb-context{
    background: url( ../img/background/box/contexto_logo.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background/box/contexto_logo.png', sizingMethod='crop' );
}

#icon-thumb-trails{
    background: url( ../img/background/box/trilhas_logo.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background/box/trilhas_logo.png', sizingMethod='crop' );
}

#icon-thumb-station{
    background: url( ../img/background/box/estacao_logo.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background/box/estacao_logo.png', sizingMethod='crop' );
}
#icon-thumb-intwopenny{
    background: url( ../img/background/box/nacachola_logo.png ) no-repeat;
    _background: none;
    filter: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background/box/nacachola_logo.png', sizingMethod='crop' );
}

/*-----------------form - contact----------------*/
#form-contact label{ margin-bottom: 3px; }

#form-contact input , #form-contact textarea{
    background: #eee;
    border: none;
    padding: 5px;
    width: 46%;
}

#form-contact input.normal{ background: #aaa; border: 1px solid #eee; font-weight: bold; margin-bottom: 0; padding: 3px; text-align: center; width: auto; }

/*-----------------------------------------------*/

/*-----------------------------------------------------------------------*/

/*----------------------------------footer-------------------------------*/
#yui-d3-ft .ft .ft-menu{												 
    color: #a9a9a9;
    font-size: 0.8em;
    line-height: 18px;
    padding: 15px 3px 3px 3px;
    text-align: center;
}
#yui-d3-ft .ft .ft-menu a{ color: #a9a9a9; }
#yui-d3-ft .ft .ft-menu a:hover{ color: #000; text-decoration: underline; }
/*----------------------------------------------------------------------*/

/*-------------------------container google maps---------------------------*/
#address{ width: 400px; }
#map-google{ height: 400px; }
/*------------------------------------------------------------------------*/