@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:#ffd65c; 
	}

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:980px;
margin:0 auto;
padding:0 5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bg{
background-color:#ffe69d;	
	}

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

.overimg:hover img{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7;
}


#paginacao {
text-align:center;
	}

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

#paginacao li a{
color:#000;
font-weight:normal;
text-decoration:underline;
	}

#paginacao li a:hover{
color:#336699;
text-decoration:none;
	}
		

/*********************TOPO***********************/
#topo-local{
width:100%;
background: url(/images/sme/bg-topo.gif) center top no-repeat;			
}


#topo-local h1{
float:left;
margin:25px 0 0 60px;
	}


#topo-local h2{
float:right;
width:413px;
height:75px;
padding:80px 0 0 45px;
margin-right:20px;
background:url(/images/sme/kids.gif) no-repeat;
color:#FFF;
font-size:12px;
font-weight:normal;
	}

#area-video {
width:440px;
float:left;
padding-top:10px;
	}

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

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

#area-videos {
width:530px;
float:right;
padding-bottom:10px;
background-color:#FFF;
margin-top:5px;
	}
	
#area-mural {
width:530px;
float:right;
padding-bottom:10px;
	}

#area-mural h3{
color:#FFF;
font-weight:normal;
font-size:24px;
	}

#mural{
background-color:#FFF;
padding:0 10px;
font-size:12px;
	}

#mural li{
padding:15px 0 10px 0;
border-top:#336699 1px dashed;
	}

#mural li.first{
border-top:none;
padding-top:5px;
	}

#mural li .date{
display:block;
color:#336699;
margin-top:10px;
font-style:italic;
line-height:12px;
	}

#mural li .who{
color:#336699;
font-style:italic;
}

#mural li .who span{
font-weight:bold;	
	}

#area-mural #bottomBar{
background-color:#FFF;
*overflow:hidden;
	}

#area-mural #paginacao{
float:left;
margin:5px 0 0 10px;
	}

#bottomBar .contentActions{
clear:none;
float:right;
background:none;
margin:0 10px 0 0;
padding:0 0 10px 0;
}

#bottomBar .contentActions ul li a span.comentar{
background: url(/images/sme/ico-comentar.gif) no-repeat left center;
padding-left: 19px;
}


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


/*********************SOBRE***********************/
#sobre {
width:430px;
float:left;
color:#333;
font-size:12px;
padding:0 5px;
	}

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


#sobre p {
padding:5px 0 15px 0;	
	}

#sobre .bt-programacao{
margin:10px 0 0 70px ;	
	}

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

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

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

#lista-videos li{
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: #ffe69d 2px solid;	
	}

#area-videos .thumb-video a {
border: #fff 2px solid;	
	}

.thumb-video a:hover, #area-videos .thumb-video a:hover {
border: #336699 2px solid;	
	}

.thumb-video a:hover .icon-play{
background:none;
	}

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

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

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

#lista-videos li h4 a:hover{
color:#336699;	
	}

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

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


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

/*********************RODAPE***********************/
#bt-topo{
clear:both;
width:100%;
padding-top:50px;
background:url(../images/bg-topo.gif) center -50px no-repeat;
	}

#bt-topo .container{
height:17px;	
	}

#bt-topo .container a{
margin-left:15px;	
	}

#rodape {
width:100%;
background:#FFF;
padding:25px 0 0 0;
	}

#rodape .container{
position:relative;	
	}
	
#kid{
position:absolute;
top:-135px;
left:-130px;
width:96px;
height:173px;
background:url(/images/sme/kid.png) no-repeat;
_background:none;
	}

#rodape h5{
color:#333;
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:#333;
font-size:10px;
line-height:12px;
height:13px;
text-decoration:none;
	}
	
#rodape #fpa ul li a:hover{
text-decoration:underline;	
	}


#rodape #realizacao {
float:right;
margin-right:20px;
	}

#rodape #realizacao ul  {
margin-left:80px;
	}

#rodape #realizacao ul li  {
float:left;	
	}

#rodape .copyright{
width:100%;
clear:both;
padding:2px 0;
margin-top:20px;
color:#333;
font-size:10px;
text-align:center;
border-top:#ddd 1px solid;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
/*********************FIM RODAPE***********************/	
	

/*********************MODAL***********************/

#area-modal {
width:470px;
padding:10px 15px;
background-color:#fff;
/* border:#ffcc66 2px solid; */
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#area-modal h3{
clear:both;
color:#336699;
margin:10px 0;
font-size:24px;
font-weight:normal;
	}
	
#area-modal .warning{
color:#cc3333;
font-size:12px;
background:#eee url(../images/ico-alert.gif) center left no-repeat;
padding:5px 10px 5px 60px;
margin-bottom:15px;
	}

#area-modal .contentActions{
background:none;
padding-bottom:10px;
}

#area-modal .formulario label {
font-weight:bold;
color:#000;	
font-size:13px;
/* float:left; */
margin-right:5px;
}


input, textarea, select  {
border:#ccc 1px solid;
padding:3px;
margin-bottom:5px;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
}

#area-modal .formulario input{
float:right;
width:410px;
	}

#area-modal .formulario select.cidade{
width:300px;	
	}

#area-modal .formulario select.estado{
width:50px;	
margin-right:20px;
	}

#area-modal .formulario textarea {
height:80px;
width:460px;
	}

#area-modal .formulario .bt{
clear:both;
margin:10px 0 0 150px;	
	}


	
.error {
clear:both;
color:red;
/* float:right; */
}