/* CSS Document */
/*

	Copyright 2010 Hpito design
  
*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BODY */ 
body,html {width: 100%; height:100%; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#c7c8ca}

a{outline:none; text-decoration:none; color:#c7c8ca}  
:focus {outline:none;}/* para o chrome */
p{margin:0px; padding:0px;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// HOME */
.div_centro{width:956px; height:auto; margin: 0 auto;}
.div_top{width:956px; height:128px; padding-top:22px;}
.home_frame{width:956px; height:474px; background-color:#FFF; z-index:7}

.div_frame{position:absolute; width:956px; height:474px;}
.div_tapa{position:absolute; width:956px; height:474px; z-index:9; background-color:#fff; opacity:0; filter:Alpha(opacity=0)}
.tl, .tr, .bl, .br{position:absolute; width:10px; height:10px; background-image:url(../media/tl.png); z-index:10}
.tr{right:0px; background-image:url(../media/tr.png);}
.bl{bottom:0px; background-image:url(../media/bl.png);}
.br{right:0px; bottom:0px; background-image:url(../media/br.png);}

.homerand{position:relative}

.home_seta{position:absolute; width:117px; height:88px; top:157px; background:#000; opacity:0.65; filter:Alpha(opacity=65); z-index:3}
.cubo_seta{position:absolute; overflow: hidden; width:117px; height:88px; top:157px; z-index:5}
.texto_seta{position:relative; width:266px; height:88px; left:-148px; background-image:url(../media/seta_video.png); background-repeat:no-repeat; background-position:36px }

.home_ver_video{position:absolute; width:267px; height:72px; top:245px; background:#000; opacity:0.65; filter:Alpha(opacity=65); z-index:3}
.texto_ver_video{position:absolute; width:267px; height:72px; top:245px; background-image:url(../media/texto_ver_video.png); background-repeat:no-repeat; background-position:center; z-index:5}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// DESTAQUE */
.desta_link_video{position:relative; top:-101px; left:48px; width:93px; height:19px; background-color:#000; opacity:0; filter:Alpha(opacity=0)}
.desta_link_video:hover{opacity:0.4; filter:Alpha(opacity=40); cursor:pointer}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// TOP */
.div_logo{float:left; margin-left:38px; width:118px; height:101px; background-image:url(../media/logo.png); cursor:pointer}
.div_menu{float:left; margin-left:75px; width:410px; height:110px;}
.div_menu01, .div_menu02, .div_menu03{float:left; margin-right:28px; width:auto; height:auto;}
.div_menu01 img, .div_menu02 img, .div_menu03 img{margin-bottom:4px;}
.div_menu01{width:96px;} .div_menu02{width:137px;} .div_menu03{width:89px;}
.div_menu_link{float:left; width:100%; height:18px;}
.div_destaque{float:left; margin-left:30px; width:235px; height:104px; background-image:url(../media/destaque.png); background-repeat:no-repeat}
.div_destaque_link{margin-left:28px; margin-bottom:12px;}
.div_destaque_link img{opacity:1; filter:Alpha(opacity=100); cursor:pointer}
.div_destaque_link img:hover{opacity:0.7; filter:Alpha(opacity=70); cursor:pointer}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BOTTON */
.div_botton{position:absolute; width:956px; height:140px; top:640px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; color:#c7c8ca}

.div_news{float:left; margin-left:38px; width:350px; height:100px;}
.news_news{width:100%; height:16px; background-image:url(../media/texto_noticias.png); background-repeat:no-repeat}
.news_titulo, .news_data{width:100%; max-height:18px; font-size:14px; font-weight:bold;}
.news_texto{width:100%; max-height:48px; font-size:12px;} .news_texto a{color:#ffffff}

.div_links{float:right; margin-right:45px; width:220px; height:100px;}
.links_news{width:100%; height:16px; background-image:url(../media/texto_newsletter.png); background-repeat:no-repeat}
.links_frame{width:100%; height:30px; }
.links_encontrar{width:100%; height:16px; background-image:url(../media/texto_encontrar.png); background-repeat:no-repeat}
.links_links{width:100%; height:18px; font-size:14px; font-weight:bold;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CONTIUDO */
.div_conte{float:left; width:956px; height:474px; background-color:#000}
.titulo_historia{width:213px; height:28px; margin-top:26px; margin-left:36px; background-image:url(../media/texto_desde.png); background-repeat:no-repeat}
.historia_left, .historia_right{float:left; width:425px; height:auto; margin-left:36px;}
.historia_font1{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#cbedea;}
.historia_font2{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.contacto01{background-image:url(../media/contacto01.png); background-repeat:no-repeat}
.contacto02{width:348px; height:17px; background-image:url(../media/contacto02.png); background-repeat:no-repeat; cursor:pointer}
.contacto02:hover{background-image:url(../media/contacto02.png); background-repeat:no-repeat; background-position:0 -17px}
.contacto03{width:614px; height:17px; background-image:url(../media/contacto03.png); background-repeat:no-repeat; cursor:pointer}
.contacto03:hover{background-image:url(../media/contacto03.png); background-repeat:no-repeat; background-position:0 -17px}
.contacto04{width:435px; height:19px; background-image:url(../media/contacto04.png); background-repeat:no-repeat; cursor:pointer}
.contacto04:hover{background-image:url(../media/contacto04.png); background-repeat:no-repeat; background-position:0 -19px}
.contacto05{width:192px; background-image:url(../media/contacto05.png); background-repeat:no-repeat}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// DOCUMENTARIOS */ 
.div_doct{margin-left:40px; margin-top:45px; width:840px; height:350px;}
.div_doct_imag{float:left; width:280px; height:350px;}
.div_doct_texto{margin-left:40px; margin-top:30px; width:400px; height:40px; font-size:11px}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// VIDEO */ 
.div_titulo{margin-left:45px; margin-top:30px; margin-bottom:30px; width:100%; height:31px;}
.div_video{float:left; margin-left:30px; width:530px; height:298px;}
.div_video2{width:600px; height:400px; margin: 35px 170px;}
.div_tecnica{float:left; margin-left:30px; width:150px; height:330px; color:#FFF; font-size:12px}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SCROLLBAR */ 
.div_thumb1{float:left; position:relative; margin-left:45px; width:136px; height:330px; overflow:visible; background-image:url(../media/bar_scroll.png); z-index:1;}
.div_thumb2{float:left; position:relative; width:100px; height:330px; overflow:visible; z-index:1;}

.noimag{position:absolute; width:100px; height:60px; z-index:5;}

.conten_thumb{position:absolute; width:110px; z-index:2}
/* <Scroll> */
.track{position:relative; float:left; width:35px; height:100%; z-index:4;}
.drag_bar{position:relative; margin-left:28px; margin-bottom:30px; width:5px; height:80px; cursor:s-resize; z-index:3; background-color:#FFF;}
.selec{position:relative; overflow:hidden; max-height:40px; font-size:11px}

/*.drag_bar{-moz-user-select:none;}
.drag_bar{-webkit-user-select:none;}
.drag_bar{selection:none;}*/

*.drag_bar{-moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none;}
*.div_thumb1{-moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none;}
*.div_titulo{-moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none;}

.div_destaque_link img[src *="../media/null"] {display:none}


/*
	Slideshow
*/

#slides {position:absolute; z-index:100;}


.slides_container {
	width:956px;
	height:474px;
	overflow:hidden;
	position:relative;
	display:none;
}

.homerand {
	width:956px;
	height:474px;
	display:block;
}


#slides .next,#slides .prev {
	position:absolute;
	top:440px;
	left:880px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:920px;
}

.pagination { display:none}