body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #727272;
	background-image: url(../img/01b.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
a{
	color: #333;
	text-decoration: none;
}
a:hover{
	color: #333;
	text-decoration: underline;
}
#bg_site{
	background-image: url(../img/01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	clear: both;
	float: left;
}
#coluna_1 {
	float: left;
	height: 100%;
	width: 228px;
	color: #A9A9A9;
	clear: both;
}

img{
	border:none;
}
h1{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#site {
	margin: auto;
	width: 974px;
}
#frase {
	background-image: url(../img/02.png);
	height: 67px;
}
#form_news{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#form_news #nome_news {
	background-image: url(../img/bg_input_news.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	width: 203px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 28px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#form_news #email_news {
	background-image: url(../img/bg_input_news.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	background-color: transparent;
	width: 203px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 28px;
	color: #FFF;
}


#rede_social{
	margin-bottom: 10px;
}
#rede_social ul {
	height: 32px;
	width: 158px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#rede_social ul li {
	height: 32px;
	width: 32px;
	float: left;
	background-image: url(../img/icone_social.png);
	background-repeat: no-repeat;
	margin-right: 2px;
	margin-left: 2px;
}
#rede_social ul li a {
	height: 32px;
	width: 32px;
	float: left;
}

#rede_social ul .twitter {
	background-position: left top;
}
#rede_social ul .facebook {
	background-position: -32px top;
}
#rede_social ul .in {
	background-position: -64px top;
}
#rede_social ul .rss {
	background-position: -96px top;
}

#rede_social ul .twitter:hover {
	background-position: left bottom;
}
#rede_social ul .facebook:hover {
	background-position: -32px bottom;
}
#rede_social ul .in:hover {
	background-position: -64px bottom;
}
#rede_social ul .rss:hover {
	background-position: -96px bottom;
}



#rodape {
	background-image: url(../img/bg_rodape.jpg);
	height: 250px;
	width: 100%;
	margin: auto;
	float: left;
	padding-top: 36px;
	text-align: center;
}
#form_news img {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#coluna2 {
	width: 746px;
	float: left;
}
#menu_topo {
	background-image: url(../img/bg_menu.png);
	height: 59px;
	width: 741px;
	margin-top: 21px;
	margin-bottom: 9px;
	position: relative;
}
#menu_topo #botao-cliente {
	position: absolute;
	top: 15px;
	right: 10px;
}

#menu_topo ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#menu_topo ul li {
	height: 29px;
	width: 67px;
	background-image: url(../img/03.png);
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
#menu_topo ul li:hover{
	background-image: url(../img/03.png);
	background-repeat: no-repeat;
	background-position: left -29px;	
}

#menu_topo #box_login_cliente {
	height: 90px;
	width: 220px;
	position: absolute;
	top: -15px;
	right: 0px;
	background-image: url(../img/04.png);
	z-index: 50;
	padding-top: 9px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#menu_topo #fechar_login_cliente {
	position: absolute;
	height: 35px;
	width: 35px;
	right: -13px;
	bottom: -13px;	
}
#form_login_cliente input{
	color: #CCC;	

}
#form_login_cliente #user {
	background-image: url(../img/input_cliente.png);
	width: 190px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 30px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#form_login_cliente #senha {
	background-image: url(../img/input_cliente.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 190px;
	padding-left: 30px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 6px;
	padding-bottom: 6px;
}
#conteudo{
	width: 746px;
}
#banner_home {
	height: 378px;
	width: 746px;
	background-image: url(../img/10.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-position: left top;
	position: relative;
}
#banner_home_2 {
	margin-right: 31px;
	margin-left: 31px;
	height: 385px;
	width: 684px;
}
#banner_home img{
	background:none !important;
}

#pagina_banner , .pagina_banner{
	position: absolute;
	right: 85px;
	bottom: 30px;
	z-index: 20;
}

#pagina_banner a , .pagina_banner a {
	background-image: url(../img/bot_pag_banner.png);
	height: 19px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	text-indent: -90px;
}
#pagina_banner a.activeSlide ,.pagina_banner a.activeSlide {
	background-image: url(../img/bot_pag_banner.png);
	height: 19px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: left -1px;
	float: left;
	text-indent: -90px;
}

#cont_home{
	margin: auto;
	width: 600px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/06.jpg);
	padding-top: 60px;
}
#cont_home .home_list {
	background-image: url(../img/07.png);
	height: 194px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
}
#cont_home .home_list #imagem {
	background-image: url(../img/08.jpg);
	height: 131px;
	width: 312px;
	float: right;
	padding-top: 23px;
	margin-right: 10px;
}
#cont_home .home_list #text {
	height: 159px;
	width: 270px;
	float: left;
}
#imagem .botao_mais {
	position: absolute;
	right: 14px;
	bottom: 25px;
}
.cont_pagina{
	width: 722px;
	background-image: url(../img/11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: auto;
	margin-left: 15px;
}

.cont_pagina .titulo{
	padding-top: 15px;
	margin-bottom: 20px;
}
.port_list{
	margin-top: 20px;
	position: relative;
}
.port_list .player-rtvc{
	margin-top: 20px;
	position: absolute;
	left: 1px;
	bottom: 30px;
	z-index: 20;
}

.port_list  .pagina_banner{
	right: 12px;
	bottom:34px;
}
.port_list .informacao_box{
	padding: 5px;
	height: 232px;
	width: 708px;
	position: absolute;
	background-color: #FFF;
	z-index: 100;
	border: 2px solid #CCC;
}
.port_list #pagina_banner{
	right: 10px;
	bottom:34px;
}
.port_list .cat_port{
	height: 20px;
	width: 50px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: right;
	margin-right: 10px;
}
.port_list  .informacao{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-right: 5px;
	cursor: pointer;
}
.port_list img{
	border: 7px solid #C0C0C0;
}
.port_img img{
	height: 228px;
	width: 708px;
}
.port_list #box{
	border: 1px solid #C0C0C0;
	height: 20px;
	background-image: url(../img/12.jpg);
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	color: #CCC;
}

#contato #coluna_1{
	float: left;
	height: 260px;
	width: 350px;
}
#contato #coluna_2{
	float: left;
	height: 260px;
	width: 250px;
}
#mapa_contato{
	height: 380px;
	width: 700px;
	float: left;
	background-color: #F8F8F8;
	margin-bottom: 10px;
}

#contato input,textarea{
	padding: 5px;
	border: 2px solid #D0D0CF;
}
.box_cont{
	background-image: url(../img/t13.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	height: 30px;
	margin-right: 19px;
	text-align: right;
	padding-top: 10px;
}
.list_clientes{
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}

.list_clientes li{
	float: left;
	height: 126px;
	width: 180px;
	background-image: url(../img/bg_cliente.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.list_clientes li img{
	margin-top: 13px;
	margin-left: 6px;
	margin-bottom: 5px;

}
#cliente_coluna{
	background-image: url(../img/box_cliente.png);
	height: 133px;
	width: 213px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}
#cliente_coluna_2{
	position: absolute;
	left: 15px;
	right: 15px;
	height: 95px;
	width: 183px;
	top: 23px;
	background-color: transparent;
}
#cliente_coluna_2 img{
	background-image: none;	
}
#cliente_coluna #ant_c{
	height: 59px;
	width: 14px;
	position: absolute;
	left: 0px;
	background-image: url(../img/voltar.png);
	top: 39px;
}
#cliente_coluna #prox_c{
	height: 59px;
	width: 15px;
	position: absolute;
	background-image: url(../img/avancar.png);
	top: 39px;
	right: 0px;
}
.twtr-ft{
	display:none;
}
.twtr-tweet-text{
	width:187px;
}
.twtr-tweet-text em , .twtr-hd{
	display:none;
}
#novidades{
	margin-left: 8px;
	}
#novidades #top{
	background-image: url(../img/1.png);
	height: 47px;
	width: 211px;	
}
#novidades #cont{
	background-image: url(../img/bg-novidades.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-right: 5px;
	padding-left: 5px;
}
#novidades #pe{
	background-image: url(../img/13.png);
	height: 13px;
	width: 211px;
	margin-bottom: 20px;
}
#categoria_port{
	height: 27px;
	width: 710px;
}
#categoria_port img{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #696969;
	padding-right: 10px;
	padding-left: 10px;
}
#paginacao {  /*div que conterá a paginação*/
	width: 720px;
	height: 25px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#paginacao a { /*formatação CSS para a tag <a>*/
	text-decoration: none;/*retira o underline do link*/
	color:#FFFFFF;/*cor do texto*/
	background-color: #666666;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: right;
	margin: 2px;
	border: 1px solid #CCC;
	float: left;
}
#paginacao .ativo { /*formatação CSS para a tag <a>*/
	text-decoration: none;/*retira o underline do link*/
	color:#333;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: right;
	background-color: #E9E9E9;
}
#paginacao .ativo:hover {
	background-color: #E9E9E9;
	color: #333;
}

#paginacao a:hover { /*formatação CSS para a tag <a> quando o mouse estiver sobre ela*/
	background-color: #202604;/*cor de fundo*/
	color:#FFFFFF;/*distancia da margem*/
	text-decoration: none;
}





/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

