/* ========= [  Educativo   ] ========= */
#container #content.educativo .highlight,
#container #content.saiba-mais .highlight {  background-position:left; font:0.75em/1.5em Arial,sans-serif; padding:0 1.3em 0 2em; margin-bottom:2em; }

#container #content.educativo .box-educativo, 
#container #content.saiba-mais .box-educativo{ background:url(/_img/interna/bg-materia.png) top repeat-x; padding:0.9em 1.625em 0; }

#container #content.educativo .box-educativo li,
#container #content.saiba-mais .box-educativo li { border-top:1px dashed #000; padding:1.25em 0; font-size:0.75em; line-height:1.7em; }

#container #content.educativo .box-educativo li.first,
#container #content.saiba-mais .box-educativo li.first { border:none; }

#container #content.educativo .box-educativo li a.ico-mini-guia,
#container #content.saiba-mais .box-educativo li a.ico-mini-guia { background : url(/_img/educativo/ico-mini-guia.png) no-repeat left top; display : block; float : left; width : 14em; height : 11.5em;}

#container #content.educativo .box-educativo li a.ico-videos-tutoriais,
#container #content.saiba-mais .box-educativo li a.ico-videos-tutoriais { background : url(/_img/educativo/ico-videos-tutoriais.png) no-repeat left top; display : block; float : left; width : 14em; height : 11.5em;}

#container #content.educativo .box-educativo li a span,
#container #content.saiba-mais .box-educativo li a span { display : none; }

#container #content.educativo .box-educativo li strong,
#container #content.saiba-mais .box-educativo li strong { display:block; font-size:1.5em; font-weight:bold; }


/* ========= [  mini-guia   ] ========= */
#container #content.miniguia .box-mini-guia { background:url(/_img/interna/bg-materia.png) top repeat-x; padding:2.5em 0.7em 0; margin-bottom:2.5em; }
#container #content.miniguia .box-mini-guia p { padding:0 1.2em 1.688em; line-height:1.4em; }
#container #content.miniguia .box-mini-guia p a { font-weight:bold; text-decoration:underline; }

#container #content.miniguia ol { margin: 0.5em auto 0; width : 36em; }
#container #content.miniguia ol li { float:left; display:inline; background-repeat: no-repeat; margin:0 0.125em; width:8.75em; height:10.438em;}
#container #content.miniguia ol .olhar { background-image:url(/_img/educativo/img-mini-guia-olhar.png); }
#container #content.miniguia ol .pensar { background-image:url(/_img/educativo/img-mini-guia-pensar.png); }
#container #content.miniguia ol .fazer { background-image:url(/_img/educativo/img-mini-guia-fazer.png); }
#container #content.miniguia ol .compartilhar { background-image:url(/_img/educativo/img-mini-guia-compartilhar.png); }
#container #content.miniguia ol .aprender { background-image:url(/_img/educativo/img-mini-guia-aprender.png); }
#container #content.miniguia ol li span { display:none; }


/* ========= [  videos tutoriais   ] ========= */

#container #content p.here { font-size : 100%; }
#container #content p.here a { color : #000; font-size : 0.875em; }
#container #content p.here a span{ font-weight : bold; }

#container #content div.banner-flash div.swf-home{width : 758px; height : 217px; }
#container #content div.banner-flash div.swf-home p { background : #DD1015; padding : 8.35em; }
#container #content div.banner-flash ol{ display : none; }

#container #content div.video { background : #d30303 url(/_img/home/bg-box-videos.png) bottom repeat-x; padding : 1.375em; width : auto; height:100%;  }
#container #content div.video div.content-video { float : left; height : 20.93em; width : 26.06em; }
#container #content div.video div.content-video p.rel-videos { background : url(/_img/educativo/bt-video-left.gif) no-repeat left; float : left; margin : 0.5em 0.5em 0; }
#container #content div.video div.content-video p.rel-videos a { background : url(/_img/educativo/bt-video-right.gif) no-repeat right; color : #ee1721; display : block; padding : 0.45em; text-decoration : none; }
#container #content div.video div.content-video p.rel-videos span { background : #fff; color : #ee1721; margin : 0 0.3em; padding : 0.45em; }
#container #content div.video div.content-video div.video-container { width : 417px; height : 302px; }
#container #content div.video div.content-video div.video-container div.video-player p { background : #DD1015; padding : 12em 10em; }
#container #content div.video div.content-video div.video-container ol { display : none; }

#container #content div.video div.content-video ul.send-share { width : 100%; }
#container #content div.video div.content-video ul.send-share li span { font-size : 0.8em; font-weight : normal; margin-top : 0.9em; }
#container #content div.video div.content-video ul.send-share li ul li a span { display : none; } 
#container #content div.video div.content-video ul.send-share li ul li a { width : 1.9em; height : 1.8em; } 
#container #content div.video div.content-video ul.send-share li.ver-todas { float : right; font-size : 0.7em; font-weight : normal; }
#container #content div.video div.content-video ul.send-share li.ver-todas a { background : url(/_img/home/bg-todos-videos.png) no-repeat; display : block; height : 1.3em; padding : 0.7em 0 0.7em 2.5em; width : 10.3em; }

#container #content div.video ul.carousel-video li {  }

#container #content div.video div.desc-video { float : left; margin : 0.2em 0 0 1.5em; width : 8.5em; }
#container #content div.video div.desc-video h3 { margin-bottom : 1em; }
#container #content div.video div.desc-video h3 a { background : url(/_img/educativo/titulos/tit-microcurtas.png) no-repeat; display : block; height : 2.55em; width : 8.06em;  }
#container #content div.video div.desc-video h3 a span { display : none; }
#container #content div.video div.desc-video strong { color : #fff; font-size : 1em; font-weight : bold;  }
#container #content div.video div.desc-video p { margin-top : 0.4em; }

#container #content ul.tabNav { background : url(/_img/home/bt-tab-noticia.png) no-repeat; float : left; margin-top : 0.625em; width: 29.7em; height : 16.6em; }
#container #content ul.tabNav li { float : left; position : relative; width: 14.8em; }
#container #content ul.tabNav li a.abas { display : block; font-size : 1.125em; padding : 0.5em 1em; text-decoration : none; }
#container #content ul.tabNav li a.selected { color : #db0202; background : url(/_img/home/bt-tab-noticia-hover.png) no-repeat left center; }
#container #content ul.tabNav li ul { left : 0.2em; position : absolute; top : 2.5em; width : 29em; }
#container #content ul.tabNav li ul li { float : none; width : 100%; height : auto; margin : 0.5em; }
#container #content ul.tabNav li ul li a { background : url(/_img/home/ico-lista.png) no-repeat left center; font-size : 0.75em; padding-left : 0.7em;}
#container #content ul.tabNav li.article { width : 14.6em; }
#container #content ul.tabNav li.article ul { left : -14.7em; }
#container #content ul.tabNav li.article ul li { float : none; width : 99%; height : auto; } 


/* ========= [  jquery.jcarousel.css  ] ========= */

#microcurtas .jcarousel-container { position : relative; }
#microcurtas .jcarousel-clip { margin : 0; overflow : hidden; padding : 0; position : relative; z-index : 2; }
#microcurtas .jcarousel-list { margin : 0; overflow : hidden; padding : 0; position : relative; z-index : 1; top: 0; left: 0; }
#microcurtas .jcarousel-list li,
#microcurtas .jcarousel-item { float : left; list-style: none; padding : 3px 0 2px; margin:0; width : 75px; height : 48px; }
#microcurtas .jcarousel-item-1 { margin-top : 0; }
#microcurtas .jcarousel-next,
#microcurtas .jcarousel-prev { display: none; z-index: 3; }

#curiosities .jcarousel-container { position : relative; }
#curiosities .jcarousel-clip { margin : 0; overflow : hidden; padding : 0; position : relative; z-index : 2; }
#curiosities .jcarousel-list { margin : 0; overflow : hidden; padding : 0; position : relative; z-index : 1; top: 0; left: 0; }
#curiosities .jcarousel-list li,
#curiosities .jcarousel-item { float : left; font-size : 0.75em; list-style: none; width : 278px; height : 45px; }
#curiosities .jcarousel-next,
#curiosities .jcarousel-prev { display: none; z-index: 3; }


/* ========= [  skin.tango.css  ] ========= */

.jcarousel-skin-microcurtas  { background : url(/_img/home/bg-lista-thumb-video.png) repeat-x; float : left;  margin-right : 11px; overflow : hidden; padding : 0 0.2em;  width : 5.4em; height : 20.9em; }
.jcarousel-skin-microcurtas .jcarousel-container-vertical { padding : 2em 0.32em; width : 75px; height : 270px; }
.jcarousel-skin-microcurtas .jcarousel-clip-vertical { width : 75px; height : 266px; }
.jcarousel-skin-microcurtas .jcarousel-item { width: 75px; }
.jcarousel-skin-microcurtas .jcarousel-item-vertical { margin-bottom : 0.2em; }

.jcarousel-skin-microcurtas .jcarousel-next-vertical { background : url(/_img/home/bt-nav-inf-video.png) no-repeat 0 0; bottom : 5px; cursor: pointer; left: 0.127em; position: absolute; width: 81px; height: 22px; }
.jcarousel-skin-microcurtas .jcarousel-next-vertical:hover { background-position: -81px 0; }
.jcarousel-skin-microcurtas .jcarousel-next-vertical:active { background-position: -162px 0; }
.jcarousel-skin-microcurtas .jcarousel-next-disabled-vertical,
.jcarousel-skin-microcurtas .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-microcurtas .jcarousel-next-disabled-vertical:active { background-position: -243px 0; cursor: default; }

.jcarousel-skin-microcurtas .jcarousel-prev-vertical { background : url(/_img/home/bt-nav-sub-video.png) no-repeat 0 0; cursor : pointer; left : 0.127em; position : absolute; top : 5px; width : 81px; height : 22px; }
.jcarousel-skin-microcurtas .jcarousel-prev-vertical:hover { background-position: -81px 0; }
.jcarousel-skin-microcurtas .jcarousel-prev-vertical:active { background-position: -162px 0; }
.jcarousel-skin-microcurtas .jcarousel-prev-disabled-vertical,
.jcarousel-skin-microcurtas .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-microcurtas .jcarousel-prev-disabled-vertical:active { background-position: -243px 0; cursor: default; }