/*
	:: ISAT Educação e Comunicação Sem Distância | www.isat.com.br
    :: Solução | Webcast 4.0
	:: Designer | Wilker Amorim
	:: Cliente | Sebrae
	:: Evento | Coletiva de Imprensa - Taxa de Mortalidade
	:: Data | Out 2011
*/

/********************************** PADRÃO **************************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:11px;
    color: #333333;
    font-size: 11px;
    line-height: normal;
    background:transparent;
	font-family: 'HelveticaCondensed';
}
p{word-wrap:break-word; text-align:justify;}
ol, ul, li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';	content:none}
focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0;}

.limpar{clear:both; display:block;}
.LimparBorda{ border: none !important;}
.left{ float:left;}
.right{ float:right;}


/********************************** TIPOGRAFIA E POSICIONAMENTOS ****************************/

@font-face {
	font-family: 'HelveticaCondensed';
	font-weight:bold;
    }

html{overflow: auto;}

body{
	background: url("../Imagens/bg-fundo.jpg") repeat-x fixed center #FFFFFF;
	height:100%;
	width:100%
	}

html, #form1 {height: 100%;}

a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
	outline:0;
	cursor:pointer;
	text-transform:none;
}
	a:hover{
		text-decoration:underline;
	}

em{color:#333; font-style:italic;}
strong{font-weight:bold;}
small{font-size:10px;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a{
    color: #045394;
    font-family: 'HelveticaCondensed';
    font-size: 14px;
    text-align: left;
    word-wrap: break-word;
    }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:underline;}

.hidden{display:none;}
.align-right{float:right; margin:5px 0px 5px 5px}
.align-left{float:left; margin:5px 5px 5px 0px}
.align-center{display:block;margin: 5px auto;}


/********************************** MEDIDAS *************************************************/

.PP{width:25px;}
.P{width:65px;}
.MM{width:85px;}
.M{width:100px;}
.G{width:125px;}
.GG{width:175px;}
.GGG{width:200px;}

.w25 { width: 25px; }
.w50 { width: 50px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }


/********************************** CSS3 BG e CANTOS ****************************************/
.Round{
    behavior: url(/PIE.htc); /* =< IE8 */
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari e Chrome */
    border-radius: 4px; /* Opera 10.5+, acima IE6+ */
    -khtml-border-radius: 4px; /* Linux browsers */
    }


/********************************** FORMULÁRIOS *********************************************/

label{color:#5f6568; font-size:18px; text-align:right; font-weight:normal; margin-left: 15px; width: 50px;display: inline-block;}

css3-container{z-index:1 !important;}
group2{display:none;}

input[type=text], input[type=password], input[type=select], input[type=textarea], select{
		border: 1px solid #bab8bb;
		background: #EEEEEE; /* para browsers sem suporte a CSS 3 */
		color: #333333;
		display: block;
		height: 18px;
		padding: 1px 5px;
		}
input[type=text]:hover, input[type=password]:hover, input[type=select]:hover, input[type=textarea]:hover{border: 1px solid #bab8bb;}
select{color: #333333;
       display: inline-block;
       height: 23px;
       padding: 0;
       width: 250px;
       }
    select:hover{border:1px solid #999;}

	option{color:#333333; background-color:#FFFFFF;}

	select.PP{width:55px;}
	select.P{width:65px;}
	select.M{width:95px;}
	select.MM{width:100px;}
	select.G{width:150px;}
	select.GG{width:200px;}

textarea{
            font-size:11px;
	        padding:2px; color:#333333;
	        position:relative;
	        text-align:justify;
	        top:1px;
	        padding: 1px 5px;

			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FDFDFD'); /* IE */
			background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FDFDFD)); /* webkit browsers */
			background: -moz-linear-gradient(top,  #DDDDDD,  #FDFDFD); /* Firefox 3.6+ */

			border: 1px solid #999999;
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px; /* Firefox */
			-webkit-border-radius: 5px; /* Safari e Chrome */
			border-radius: 5px; /* Opera 10.5+, Outros browsers, acima IE6+ */
			behavior: url(/PIE.htc); /* Permitir que todas as Tags que serão arredondadas nos cantos receba esta classe */
			color: #666666;
			display: block;
			width: 200px;
			}

/********************************** BOTÕES **************************************************/

.Botao{
    background: url("../Imagens/bg-botao.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'HelveticaCondensed';
    font-size: 15px;
    font-weight: bold;
    height: 22px;
	padding: 0 15px 2px 20px;
    text-align: center;
    text-decoration: none;
    width: 180px;
    }
	.Botao:hover{ background: url("../Imagens/bg-botao-hover.png") no-repeat scroll 0 0 transparent;}

/********************************* ESTRUTURA GERAL ******************************************/

#geral {
	height:auto !important; /* Para browsera modernos */
	margin:0 auto;
	min-height:100%; /* Para browsers modernos */
  position: relative;
	}

#topo {
    background: url("../Imagens/bg-topo.png") no-repeat scroll center 0 transparent;
    height: 225px;
	}
	#topo .redeSocial{
		display: block;
		left: 125px;
		margin: 0 auto;
		position: relative;
		top: 5px;
		width: 220px;
		}
	    #topo .redeSocial .redeSocialTitulo{color: #E1EEFF;}
	    #topo .redeSocial ul{float: right;}
	        #topo .redeSocial li{ float:left;}
	            #topo .redeSocial li a{display: block;height: 100%;width: 100%;}
	    #topo .redeSocial .facebook{
            background: url("../Imagens/redeSocial.png") no-repeat scroll 0 0 transparent;
            cursor: pointer;
            height: 35px;
            width: 30px;
	        }
	        #topo .redeSocial .facebook:hover{background: url("../Imagens/redeSocial.png") no-repeat scroll 0 -33px transparent;}
	    #topo .redeSocial .twitter{
            background: url("../Imagens/redeSocial.png") no-repeat scroll -34px 0 transparent;
            cursor: pointer;
            height: 35px;
            margin: 0 10px;
            width: 30px;
	        }
	        #topo .redeSocial .twitter:hover{background: url("../Imagens/redeSocial.png") no-repeat scroll -34px -33px transparent;}


.Lancamento{
    background: url("../Imagens/lancamento-portal.png") no-repeat scroll left 0 transparent;
    float: left;
    height: 131px;
    position: relative;
    top: 46px;
    width: 253px;
	display: none;
	}
.alinhado{
    float: right;
    right: 55px;
	top: -312px;
	}

#conteudo{
    height: 100%;
    margin: 0px auto 0;
    min-height: 400px;
    width: 964px;
	}

  #conteudo .idioma {
    margin: 20px 0 -20px 54px;
  }

  #conteudo .idioma h3 {
    margin-bottom: 5px;
  }

  #conteudo .idioma span {
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin-left: 5px;
    width: 15px;
  }

  #conteudo .idioma span.ativo {
    cursor: auto;
  }

  #conteudo .idioma span.pt {
    background: url("../Imagens/br.png");
  }

  #conteudo .idioma span.en {
    background: url("../Imagens/eng.png");
  }

  #conteudo .idioma span.es {
    background: url("../Imagens/spain.png");
  }

  #conteudo .idioma span.pt.ativo {
    background: url("../Imagens/br2.png");
  }

  #conteudo .idioma span.en.ativo {
    background: url("../Imagens/eng2.png");
  }

  #conteudo .idioma span.es.ativo {
    background: url("../Imagens/spain2.png");
  }

	#conteudo .TituloEvento{
        display: block;
        margin: 0 auto 10px;
        width: 964px;
	    }
	    #conteudo h1{
            font-size: 24px;
            font-weight: bold;
	        }
	    #conteudo h2{
            font-family: trebuchet MS;
            font-size: 16px;
            font-weight: bold;
            font-weight: inherit;
	        }
	    #conteudo .Data{display: block;height: 65px;}
	        #conteudo .Data h1{text-align: right;}
	        #conteudo .Data h2{text-align: right;}
	    #conteudo .Evento{}
		.TituloGasto {
			color: #999999;
			display: block;
			font-size: 21px !important;
			left: 9px;
			margin-bottom: 25px;
			position: relative;
			top: 0px;
			width: 240px;
			*width: 250px;/*IE7*/
			}
	        #conteudo .Evento h1{text-align: left;padding: 0;}
	        #conteudo .Evento h2{text-align: left;}

		#conteudo .conteudo-login{
			background: url("../../Imagens/box-login.png") no-repeat scroll 0 0 transparent;
			display: block;
			height: 440px;
			position: relative;
			top: 50px;
			width: 420px;
			}

		#pnlWaiting{
			border: 1px solid white;
			background-color: #000000;
			opacity: 0.6;
			-moz-opacity: 0.6;
			filter: alpha(opacity=60);
			display: block;
			margin: 0 auto;
			width: 750px;
			height: 422px;
			}

		.NaoIniciado{
			color: #FFF;
			width: 420px;
			height: 200px;
			display: block;
			}
			.NaoIniciadoInfo{
				text-align: center;
				}
				.NaoIniciadoInfo li{
					color:#FFF;
					font-size:30px;
					font-weight:bold;
					margin-bottom:20px;
					}


/********************************** LOGIN E SENHA *******************************************/

	#conteudo-login{
		height: 100%;
		margin: 120px auto 0;
		min-height: 349px;
		width: 964px;
    padding-bottom: 80px;
	    }

	#login {
		margin: 0 auto;
		width: 345px;
		}

		#login td{ height:43px;vertical-align: top;padding-left: 10px;}
			#login td #pnlPlayer h2{font-size: 24px;padding-bottom: 5px;}
			#login td h1{font-weight: lighter;}

		#login .titulo{
		    font-weight: lighter;
            font-size: 30px;
		    }
			#login .Preencha{
		    color:#5f6568;
			font-weight: lighter;
            font-size: 16px;
		    }
			.respiro { padding-bottom: 25px;}


/********************************** Video e Chat **************************************/
#boxVideoChat{}

.Video{
    display: block;
    height: 530px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 40px;
    width: 954px;
	}

	.Video iframe.player{
		border: 1px solid white;
		background-color: #000000;
		}

#Chat{
	clear: both;
    display: block;
	min-height: 385px;
    margin: 0 auto;
    width: 954px;
	}

	#Chat .box-chat{
		background: url("../Imagens/bg-box-home.png") repeat-x scroll left -10px #FFFFFF;
		border: 1px solid #CCCCCC;
		display: block;
		height: 275px;
		padding: 25px 0 10px 20px;
		width: 545px;
		margin: 0 auto;
		}

	#Chat .box-chat span.Mensagem{
		color: #5F6568;
		display: inline-block;
		font-size: 16px;
		padding: 5px 0;
		}

	 h1.titulo-chat{
		background: #CD1628;
		color: #FFFFFF;
		display: inline-block;
		font-size: 19px !important;
		font-weight: normal !important;
		height: 28px;
		left: 186px;
		padding: 4px 20px 2px 13px;
		position: relative;
		text-transform: uppercase;
		top: 23px;
		width: 60px;
		}

/********************************** TESTE DE REQUISITOS **************************************/
	#TesteSistema {
        border: 2px solid #0079BC;
        height: 275px;
        margin: 0 auto;
        padding: 15px;
        width: 500px;
		}

	#TesteSistema p{
        background: none repeat scroll 0 0 #E1ECF3;
        color: #0079BC;
        font-size: 10px;
        position: relative;
        padding-left: 130px;
        top: 45px;
		}

	#TesteSistema span{
		display:block;
		font-size:12px;
		margin:6px 30px;
		width:250px;
		height:23px;
		}

	#TesteSistema span img{
		margin-right:5px;
		vertical-align:middle;
		}

	#TesteSistema span img.Resultado{
		float:right;
		vertical-align:middle;
		}

	#TesteSistema h4{
        margin: 5px 0 10px 10px;
        text-align: left;
		}

	#TesteSistema h6{
		color:#000000;
		display:inline;
		font:bold 11px;
		margin-right:6px;
		}

	#TesteSistema div.Teste{
		margin-left:30px;
		}

	#TesteSistema div.Info{
		margin-left:50px;
		margin-top:15px;
		}

	#TesteSistema span.help{
        border-top: 1px solid #0079BC;
        font-size: 11px;
        font-weight: normal;
        margin: 45px auto 0;
        padding: 5px 10px;
        text-align: center;
        width: 480px;
		}

	#TesteSistema span.help b{
		color:#163563;
		font-weight:bold;
		}


/************** ONDEMAND ***************/

    #ondemand {
      clear: both;
      display: block;
      margin: 0 auto;
      padding: 50px 0 275px;
      width: 972px;
    }

    #ondemand h1{font-size:24px;color:#000}

    #ondemand  a img:hover{border:3px solid #FFFFFF;}

    #ondemand h4{}

    #ondemand h6{ font-size: 12px;}


    .videosOndemand{
      clear: both;
      margin-bottom: 190px;
    }


    .videosOndemand li {
      background-color: #E6E6E6;
      float: left;
      height: 104px;
      margin-right: 10px;
      margin-top: 10px;
      opacity: 1;
      text-align: center;
      width: 184px;
    }
      .videosOndemand li:hover{opacity:0.7; -moz-opacity: 0.7; filter: alpha(opacity=70);}

      .videosOndemand li a {
        display: block;
        height: 104px;
        margin: 0 auto;
        position: relative;
        width: 184px;
      }
      .videosOndemand li a:hover{text-decoration:none;}


    .videosOndemand li .data{font-weight:bold;font-size:14px;}
    .videosOndemand li .dia{font-weight:bold;font-size:14px;}
    .videosOndemand li .evento {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        color: #000000;
        display: block;
        font-size: 12px;
        font-weight: normal;
        margin: 0 auto;
        min-height: 14px;
        padding: 5px;
        width: 94%;
        text-align: left;
        text-transform: uppercase;
      }
    .desativado{display:none!important;}
    .item-aovivo{background: url("../Imagens/imagem_video_aovivo.png") no-repeat scroll center 0;}
      .item-aovivo a span.evento{position:absolute; top: 104px;}
    .item-1{background: url("../Imagens/1353.jpg") no-repeat scroll center 0;}
      .item-1 a span.evento{position:absolute; top: 104px;}
    .item-2{background: url("../Imagens/1354.jpg") no-repeat scroll center 0;}
      .item-2 a span.evento{position:absolute; top: 104px;}
    .item-3{background: url("../Imagens/1355.jpg") no-repeat scroll center 0;}
      .item-3 a span.evento{position:absolute; top: 104px;}
    .item-4{background: url("../Imagens/1356.jpg") no-repeat scroll center 0;}
      .item-4 a span.evento{position:absolute; top: 104px;}
    .item-5{background: url("../Imagens/1357.jpg") no-repeat scroll center 0;}
      .item-5 a span.evento{position:absolute; top: 104px;}
    .item-6{background: url("../Imagens/1358.jpg") no-repeat scroll center 0;}
      .item-6 a span.evento{position:absolute; top: 104px;}


/* RODAPÉ */


	#rodape {
    background: #045394;
    bottom: 0;
    height: auto;
    height: 80px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
		}

		#rodape .conteudo-rodape {
			width: 960px;
			margin: 0 auto;
		}

		#rodape .copyright {
			color: #fff;
			display: inline;
			font-family: arial;
			font-size: 11px;
			height: 15px;
			margin-top: 22px;
			padding: 10px 5px;
			position: relative;
			top: 35px;
		}
		#rodape .seloIsat {
		margin-top: 30px;
		*left: 0 !important;/*IE7*/
		}