/* CSS Document */
@import url("http://www.iptvcultura.com.br/css/geral.css");
@import url("http://www.iptvcultura.com.br/css/top.css");
@import url("http://www.tvcultura.com.br/css/contentActions.css");

* {
margin:0;
padding:0;
list-style:none;
	}

body {
background-color:#eee;	
	}

hr {
clear:both;
display:block;
height:0px;
visibility:hidden;
*margin:-8px 0 -7px 0;
}

.left {
float:left;	
	}

.right {
float:right;	
	}

.clear {
clear:both;	
	}

.container{
width:990px;
margin:0 auto;
}
	
	
#topo-univesp, .container{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#topo-iptv{
width:100%;
background-color:#FFF;
text-align:center;
	}

/*********************TOPO***********************/
#topo-univesp{
width:975px;
margin:0 auto;
padding:40px 5px 20px 20px;
}

#topo-univesp h1 a:hover img,  #bt-topo a:hover img, #rodape #logos li a:hover  img, #paginacao li a:hover img{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: .8;
}

#topo-univesp h2{
margin-top:10px;
line-height:34px;
color:#FFF;
font-size:18px;
/* width:500px; */
background:#af111d;
	}

/*********************FIM TOPO***********************/

/*********************AREA TRANSMISSAO VERDE***********************/

#area-transmissao{
clear:both;
width:100%; 
background:url(/images/univesp/bg_player.gif) repeat;
padding:10px 0;
margin-bottom:20px;
overflow:hidden;
	}

#area-video {
width:440px;
float:left;
margin-left:5px;
	}

#video {
height:294px;
	
	}

#area-video #legenda {
padding:5px;
background-color:#FFF;
color:#000;
font-size:13px;
}

#area-video #legenda h4 {
font-size:18px;
font-weight:bold;
	}

#bts-idiomas{
float:right;
	}

#bts-idiomas a {
float:left;
margin-left:5px;
display:block;
	}


	
#area-chat  {
width:530px;
float:right;
margin-right:5px;
	}


/*********************FIM AREA TRANSMISSAO VERDE***********************/


/*********************SOBRE***********************/
#sobre {
width:440px;
float:left;
color:#000;
font-size:12px;
margin-bottom:40px;
	}

#sobre h3, #lista-videos h3{
font-size:24px;
font-weight:normal;
color:#000;
	}

#sobre p {
padding-bottom:20px	;	
	}


/*********************FIM SOBRE***********************/

/*********************LISTA DE VIDEOS***********************/

#lista-videos{
width:530px;
list-style:none;
float:right;
	}

#lista-videos ul li{
width:250px;
_width:250px;
float:left;
margin:5px;
	}

#lista-videos ul {
clear:both;	
	}

.thumb-video a, .thumb-video a img {
display:inline;
float:left;
overflow:hidden;
position:relative;
width:86px;
height:56px;
cursor:pointer;
	}

.thumb-video a {
border: #eee 2px solid;	
	}

.thumb-video a:hover {
border: #000 2px solid;	
	}

.icon-play{
position:absolute;
bottom:3px;
right:3px;
height:18px;
width:18px;
background:url(/images/univesp/icoVideo.gif) no-repeat; 
	}

#lista-videos li h4{
float:right;
width:160px;
	}

#lista-videos li h4 a{
font-size:13px;
color:#000;
text-decoration:none;
font-weight:bold;
	}

#lista-videos li h4 a:hover{
text-decoration:underline;	
	}

#lista-videos li h4 a span{
font-weight:normal;
	}

.player{
background-color:#FFF;
padding:5px;
margin-bottom:10px;
	}

#lista-videos #paginacao {
text-align:center;
margin:4px 0 3px 0;
	}

#lista-videos ul#paginacao li{
width:auto;
float:none;
display:inline;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#666;
padding:0 1px;
margin:0;
	}

#lista-videos ul#paginacao li a{
color:#000;
font-weight:none;
text-decoration:underline;
	}

#lista-videos ul#paginacao li a:hover{
color:#666;
text-decoration:none;
	}
/*********************FIM LISTA DE VIDEOS***********************/

/*********************RODAPE***********************/
#bt-topo{
clear:both;
width:990px;
height:17px;
margin:0 auto 0 auto;
	}

#rodape {
width:100%;
background:#FFF;
padding-bottom:10px;
	}
	
#rodape #topo-rodape{
height:20px;
width:100%;
margin-bottom:20px;
background-color:#666;
	}

#rodape h5{
color:#000;
font-size:10px;
font-weight:bold;
	}

#rodape #fpa {
float:left;
margin-left:20px;
width:130px;
	}

#rodape #fpa ul li {
height:13px;	
	}

#rodape #fpa ul li a {
color:#000;
font-size:10px;
text-decoration:none;
display:block;
	}
	
#rodape #fpa ul li a:hover{
text-decoration:underline;	
	}


#rodape #logos {
float:left;
margin:20px 0 0 70px;
	}

#rodape #logos li  {
float:left;	
	}
/*********************FIM RODAPE***********************/