@charset "utf-8";
/* CSS Document */

*{
	font-family: Trebuchet MS, sans-serif,"trebuchet MS", Tahoma, Calibri;
}


body
{
	background-image: url('../imgs/filete_outras_pags.jpg');
	background-repeat:repeat-x;
	color:#3E5159;
	background-color:#FFF
}


/* CLEAR FIX rodape infinito*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


h1,h2,h3{
	font-weight:normal;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 5px;
}

p{
	margin-bottom: 6px;
}

a:link {color:#FFF} /* unvisited link */
a:visited {color:#FFF} /* visited link */
a:hover {color:#3E5159} /* mouse over link */
a:active {color:#333} /* selected link */


#conteudo{
	height:auto;
}

#principal #conteudo{
	height:auto;
	margin-top: -135px;
}


#rodape{
		
}

/* Classes */

.left{
	float:left;
}

.fixfont{
	font-size: 14px;
	text-align:left;
	width:300px;
	margin:60px 0 0 100px;
}

.fixfont a:link{
	color:#3E5159;
}

.fixfont a:visited{
	color:#3E5159;
}

.fixfontdir{
	font-size: 16px;
	text-align:center;
	margin: 60px 0 0px 20px;
}

h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

.icone_peq {
	float:left;
	width:102px;
	height:86px;
	margin:25px 0 0 0;
}

#listaoutros
{
	float:left;
	margin:0 0 20px -10px;
}

#corporativo #listaoutros
{
	float:left;
	margin:-20px 0 0 -10px;
}

#listaoutros li
{
	float:left;
	display:inline;
}


/* cabecalho */
h1.logo_img {
	float:left;
	margin-top:13px;
	display:inline;
	width:233px; height:96px;
	background:url('../imgs/logo_principal.jpg') no-repeat;
	margin-left:73px; margin-right:409px; margin-bottom:0; background-repeat:no-repeat
}

h1.logo_img span{
	display: none;
}

#principal h1.logo_img {
	
	width: 638px; height: 119px;
	float: left;
	background:url('../imgs/logo_principal.jpg') no-repeat;
	margin-left:77px; margin-right:0; margin-top:-7px; margin-bottom:0; background-repeat:no-repeat
}
	
h1.logo_img span {
	display: none;
}

#clicktocall{
	width:187px;
	height:38px;
	float: left;
	background-image:url('../imgs/botao_clicktocall.png');margin-left:15px; margin-right:0; margin-top:20px; margin-bottom:0
}

#clicktocall a{
	width:187px;
	height:38px;
	display: block;
}

#clicktocall a:hover{
	width:187px;
	height:38px;
	display: block;
}

/* Menu top */

#menu{
	width:846px;
	height:61px;
	padding-top:9px;
	margin:0 auto;
}

#menu ul{
	list-style:none;
}

#menu li {
	width:164px;
	height:36px;
	display:inline;
}

#menu li a{
	width:164px;
	height:36px;
	background-image:url('../imgs/botoes.jpg');
	float:left;
	font-size:16px;
	text-align:center;
	padding-top:17px; margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0
}

#menu li.fixli a{
	width:164px;
	height:39px;
	background-image:url('../imgs/botoes.jpg');
	background-repeat:no-repeat;	
	padding-top:14px
}


#menu li a:hover{
	background-position: 0px -53px;
}

#menu li a:active{
	background-position: 0px -106px;
}

/* menu rodape */

#menurodape{
	width:590px;
	height:14px;
	padding-top:9px;
	margin:0 auto;
	clear:both;
}

#menurodape ul{
	padding:0;
	margin:0;
}

#menurodape li{
	width:95px;
	height:9px;
	display:inline;
}

#menurodape li a{
	width:95px;
	height:9px;
	float:left;
	background-image:none;
		
	font-size:14px;
	text-align:center;
	padding-top:9px;
	line-height:15px;
}

#menurodape li.fixli a{
	width:164px;
	height:39px;
	float:left;
		
	text-align:center;
	margin:0 5px 0 0;
	padding-top:10px;
}

#menurodape li a:visited{
	color:#3E5159;
}

#menurodape li a:hover{
	color:#000;
}

#menurodape li a:link{
	color:#3E5159;
}


.rodapetxt{
	font-size:11px;
	margin:0 auto;
	clear:both;
	text-align:center;
	margin:30px 0 0 0
}

/* Pagina principal */

#listasolucoes
{
	padding:0;
	margin:0;
}

#listasolucoes ul
{
	list-style-type:none;
	display:inline;
}

#listasolucoes li
{
	width:220px;
	height:370px;
	float:left;
	margin:0 3px;
	background-image:url('../imgs/fundo_quadrado.png');
	background-repeat:repeat;
	font-size: 30px;
	text-align:center;
	display:inline; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}

#listasolucoes li h2
{
	font-size:23px;
	margin:10px 0 20px 0;
}

#listasolucoes li a
{
	color:#3E5159;
}

#listasolucoes li .img{
	width:168px;
	height:140px;
	margin:15px 0 0 0;
}

#listasolucoes li p{
	font-size: 12px;
	clear: both;
	text-align:justify;
	line-height: 16px;
}




/* Pagina solucoes */
#solucoes #listasolucoes
{
	padding:0;
	margin:10px 0 0 0;
}

#solucoes #listasolucoes li
{
	height:250px;
}


/* Pagina Transmissão */

#transmissao h2
{
	font-size:23px;
	margin:10px 0 20px 35px;
	width:500px;
}


#transmissao #conteudo a:link {
	color:#666;
}

#transmissao #conteudo a:hover {
	color:#666;
}

#transmissao #conteudo a:visited {
	color:#666;
}

#transmissao #esquerda{
	width:400px;
	height:500px;
	float:center;
	display:inline;
	font-size: 36px;
	background-image:none;
	margin:0 0 0 35px;
}

#transmissao #divplayer{
	width:480px;
	height:384px;
	border:2px solid #39F;
}

#transmissao #direita{
	width:490px;
	height: auto;
	float:right;
	margin:0 40px 50px 0;
	display:inline;
	background-image:none;
	font-size:14px;
	color:#3E5159;
	text-align:justify;
	line-height:20px;
}

#transmissao .esquema_transmissao{
	margin: 5px 0 15px 0;
}

/* Pagina Cases */

#cases h2
{
	font-size:23px;
	margin:10px 0 20px 35px;
	width:800px;
}

#cases #conteudo{
	height:900px;
}

#cases #conteudo a:link {
	color:#666;
}

#cases #conteudo a:hover {
	color:#666;
}

#cases #conteudo a:visited {
	color:#666;
}

#cases #esquerda{
	width:480px;
	height:500px;
	float:left;
	display:inline;
	font-size: 36px;
	background-image:none;
	margin:0 0 0 35px;
}

#cases #divplayer{
	width:480px;
	height:384px;
}

#cases #direita{
	width:410px;
	height: auto;
	float:right;
	margin:0 40px 50px 0;
	display:inline;
	background-image:none;
	font-size:14px;
	color:#3E5159;
	text-align:justify;
	line-height:20px;
}

#lista_videos li{
	border: 1px solid #b0d4f0;
	padding: 5px;
	background-color: #eaf5fd;
	height: 80px;
}

#lista_videos li a:hover{
	background-color:#FFF;
	display:block;
	height: 80px;
}

#lista_videos h3{
	color: #39F;
	display: inline;
	font-size:17px;
}

#lista_videos p{
	font-size:13px;
}

#cases .video_small{
	float: left;
	margin-right: 5px;
	display: block;
	clear: both;
}

#cases .esquema_transmissao{
	margin: 5px 0 15px 0;
}


/* Pagina corporativo */

#corporativo #conteudo a:link {
	color:#666;
}

#corporativo #conteudo a:hover {
	color:#666;
}

#corporativo #conteudo a:visited {
	color:#666;
}

#corporativo h2 {
	font-size:23px;
	margin:10px 0 20px 35px;
}

#corporativo #conteudo{
	height:670px;
}

#corporativo #esquerda{
	width:400px;
	height:285px;
	float:left;
	margin:0 0 0 40px;
	display:inline;
	background-image:none;
	background-repeat:repeat-x;
	font-size: 36px;
	text-align:center;
}

#corporativo #direita{
	width:490px;
	height:auto;
	float:right;
	margin:0 40px 10px 0;
	display:inline;
	background-image:none;
	font-size:14px;
	color:#3E5159;
	text-align:justify;
	line-height:20px;
}

/* Pagina webtv */

#webtv #conteudo a:link {
	color:#666;
}

#webtv #conteudo a:hover {
	color:#666;
}

#webtv #conteudo a:visited {
	color:#666;
}

#webtv h2 {
	font-size:23px;
	margin:10px 0 20px 35px;
}

#webtv #conteudo{
	height:690px;
}

#webtv #esquerda{
	width:400px;
	height:285px;
	float:left;
	margin:0 0 0 40px;
	display:inline;
	background-image:none;
	background-repeat:repeat-x;
	font-size: 36px;
	text-align:center;
}

#webtv #direita{
	width:490px;
	height:auto;
	float:right;
	margin:0 40px 10px 0;
	display:inline;
	background-image:none;
	font-size:14px;
	color:#3E5159;
	text-align:justify;
	line-height:20px;
}


/* Projetos */

#projetos #conteudo a:link {
	color:#666;
}

#projetos #conteudo a:hover {
	color:#666;
}

#projetos #conteudo a:visited {
	color:#666;
}

#projetos h2 {
	font-size:23px;
	margin:10px 0 20px 35px;
}

#projetos #conteudo{
	height:1170px;
}

#projetos #esquerda{
	width:400px;
	height:285px;
	float:left;
	margin:0 0 0 40px;
	display:inline;
	background-image:none;
	background-repeat:repeat-x;
	font-size: 36px;
	text-align:center;
}

#projetos #direita{
	width:490px;
	height:auto;
	float:right;
	margin:0 40px 10px 0;
	display:inline;
	background-image:none;
	font-size:14px;
	color:#3E5159;
	text-align:justify;
	line-height:20px;
}

#projetos #vantagens{
	width:355px;
	height:auto;
	float:left;
	display: inline;
	margin:18px 40px 0 0;
	display:inline;
	background-color: #e9f4f8;
	padding: 14px 14px 5px 14px;
	font-size:13px;
	color:#3E5159;
	text-align:justify;
	line-height:20px;
	border: 2px solid #45b6ea;
}

#projetos #comentario{
	font-size:11px;
	line-height:11px;
	font-style:italic;
}

/* Empresa */

#empresa h2{
	font-size:28px;
	margin:15px 0 15px 35px;
}

#empresa #conteudotxt{
	width:922px;
	font-size:14px;
	line-height:20px;
	text-align:justify;
	margin:0 0 0 35px;
	height: 370px;
}


/* Modelo */

#modelo h2{
	font-size:28px;
	margin:15px 0 15px 35px;
}

#modelo #conteudotxt{
	width:544px;
	font-size:14px;
	line-height:20px;
	height:440px;
    text-align:justify;
	float:left;
	margin:0 0 0 35px;
	padding:0 45px 0 0;
	display:inline;
}

#modelo_img{
	float:left;
}


/* Contato */

#contato #conteudo{
	padding-top:13px;
	height: 615px;
}

#contato h2{
	font-size:28px;
	margin:5px 0 0 40px;
}


#contato #conteudotxt{
	font-size:16px;
	float:right;
	width:405px;
	height:340px;
	margin:10px 30px 0 0;
	line-height:20px;
	display:inline;
}


/* ----------- Formulario ----------- */
.form{
	width:410px;
	height:420px;
	padding:12px;
	display:inline;
	margin:0 0 20px 20px;
	float:left;
	font-size:16px;
}


/* ----------- Estilo fomulario ----------- */

#estiloform{
	font-weight:normal;
	color:#3E5159;
}

#estiloform label{
	width:140px;
	float:left;
	margin:0 0 5px 10px;
}

#estiloform input{
	float:left;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:400px;
	margin:2px 0 10px 10px;
}

#estiloform textarea{
	width:400px;
	height:140px;
	border:solid 1px #aacfe4;
	margin:0 0 0 10px;
}

a button{
	width:150px;
	height: 25px;
	border: 1px solid #F00;
	color:#3E5159;
	height:35px;
	background:#DFE4E6;
	text-align:center;
	line-height:31px;
	font-size:18px;
	font-weight:bold;
	border:1px solid #aacfe4;
	margin:15px 0 0 10px;
	cursor: pointer;
}

a:hover button{
	color: #1F86AD;
	background-color: #E7EAEB;
}

select{
	width:400px;
	margin:0 0 15px 0;
	color:#3E5159;
	border:1px solid #aacfe4;
	height: 26px;
    font-size: 16px;
	width: 100%;
}

.msg{
	font-size:16px;
	color:#611705;
	margin:15px 0 0 10px;
}

#box_clicktocall{
	width: 350px;
	height: 370px;
	float: left;
	margin: 0 0 10px 0;
	border:1px solid #aacfe4;
}

#lista_contato{
	height:26px;
	clear: both;
}

#lista_contato ul{
	padding:0;
	margin:0;
}

#lista_contato li{
	width:250px;
	height:70px;
}

#lista_contato .img{
	float:left;
	padding:0 0 0 0;
	width:58px;
	height:58px;
}

#lista_contato span{
	padding:5px 10px 5px 0;
	float:left;
}

#lista_contato li a{
	color: #666;
}

#lista_contato li a:hover{
	color: #1F86AD;
}

/* ajax cases */
/*
#petsdivcontainer
{
	border:1px solid gray;
	padding: 5px; 
	margin-bottom:1em;
}*/