@import url("http://www.tvcultura.com.br/css/geral.css");

.apagar{
width:100%;
margin:0 auto;
background-color:#639;
color:#FFF;
font-size:18px;
text-align:center;
}

.campo{
height:20px;
line-height:20px;
border:none;
color:#333;
font-size:11px;
padding:0 2px;
background-color:#c2ee85;
}

.btOK{
width:26px;
height:22px;
margin-left:3px;
background:#69b401;
border:#69b401 2px solid;
color:#FFF;
font-weight:bold;
padding:0;
line-height:24px;
display:block;
text-align:center;
cursor:pointer;
}

.btOK:hover, .btOK:active{
border:#3c6700 2px solid;
}

.check{
display:block;
float:left;
}

.check input{
float:left;
display:block;
margin:3px 2px 0 0;
}


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

.clear {
clear: both;
}

.left{
float:left;
}

.right{
float:right;
}

#topWrapper, #menuTop{
background:#f2f2f2 !important;
}

.overimg:hover img, #lista-videos li a:hover img, #lista-artistas li a:hover img, #thumbs ul li a:hover img, #mais-galera ul li a:hover img,
#arquivo-bandas ul li a:hover img{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);
opacity: .8;	
}

body{
background:#f2f2f2 url(../images/bg-neuronios.gif) center top no-repeat;
padding-bottom:0 !important;
}

.lightoff{
position:static !important;	
	}

.tag{
position: absolute;
top: -1px;
left: -1px;
}


#shadow {
	background: #000000;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 15;
	display: block;
	display: none;
}



#bodyWrapper{
width:990px;
margin:0 auto;
font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
}

h2#title{
font-size:24px;
display:block;
color:#e5297b;
font-weight:normal;
background-color:#FFF;
line-height:30px;
float:left;
padding:0 5px;
margin-bottom:5px;

}

/* 
---------------------HEADER AO PONTO---------------------
*/

#header h1 {
float:left;
margin-left:-115px;
}


#header h1 a{
display:block;
float:left;
width:641px;
height:360px;
background:url(../images/bg-logo.png) left -370px no-repeat;
}

#header h1 a:hover{
background-position:left top;
}

#horario {
margin-top:30px;
color:#C20C21;
float:right;
font-size:12px;
padding:5px;
text-align:right;
background-color:#FFF;
}

#horario span{
display:block;
}

#horario .item{
margin-bottom:25px;
}

#horario .canal{
font-weight:bold;
}


/* 
---------------------------------------------CONTEUDO--------------------------------------------------
*/
#contentHolder {
clear:both;
padding:5px 0 25px 0;
margin-top:-165px;
float:left;
}


#chamadaRemix{
clear:both;
display:block;
width:450px;
height:144px;
background:url(../images/chamadaRemix.jpg) top no-repeat;
overflow:hidden;
text-indent:-9999px;
}

#chamadaRemix:hover{
background-position:bottom;
}


.box {
width:260px;
float:left;
margin:10px 5px;
}

.box a{
color:#000;
text-decoration:none;
font-size:14px;
line-height:18px;
display:block;
}

.box a:hover{color:#FFF;}

.box a .chamada{
display:block;
padding:5px;
}

.blog a{background-color:#f1d7d7;}

.blog a:hover{background-color:#a81616;}

.bandas a{background-color:#ddbdee;}

.bandas a:hover{background-color:#7414a6;}

.galera a{background-color:#f1d1e8;}

.galera a:hover{background-color:#a6145c;}

.videoblog a{background-color:#b8dbee;}

.videoblog a:hover{background-color:#1d509e;}


/* 
---------------------COLUNA ESQUERDA | MENU---------------------
*/

#leftColumn {
float:left;
width:175px;
margin-right:5px;
}

#menu {
background:#fff;
padding:5px 5px 1px 0;
}

#menu li{
margin-bottom:5px;
}

#menu li a{
padding-left:5px;
line-height:20px;
}

#menu li a span{
display:block;
}

#menu a {
display:block;
margin-bottom:5px;
padding-left:5px;
text-decoration:none;
font-size:14px;
}

#menu a span {
display:block;
padding-left:3px;
background-color:#69B401;
color:#FFF;
}

#menu a:hover, #menu a.selected  {
background-color:#EB3E88;
}

#boxBusca {
background-color:#C2EE85;
color:#136C00;
font-size:12px;
margin:10px 0;
padding:5px;
}

#boxBusca h2 {
font-size:14px;
}

#boxBusca .buscaFormField {
border-style:none;
margin:7px 0;
padding:0;
}

#boxBusca select, #boxBusca .formTf {
font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
font-size:12px;
width:165px;
}

#boxBusca #imageField{
border:#C2EE85 1px solid;
}

#boxBusca #imageField:hover{
border:#62a00d 1px solid;
}

/*RSS*/
#feedWrapper {
display: inline;
float: left;
width: 170px;
position: relative;
}

#feedWrapper #btnRSS {
font-size: 14px;
color: #000;
line-height:23px;
display:block;
text-decoration: none;
padding:3px;
}
#feedWrapper #btnRSS img{
margin-right:5px;
}

#feedWrapper #btnRSS:hover, #feedWrapper a.selected{
background: url(../images/pattern-square.gif) repeat;
color:#fff;
	}

#feedWrapper .feedOptions {
color: #FFF;
background: url(../images/pattern-square.gif) repeat;
position: absolute;
font-size:12px;
padding: 5px;
width: 235px;
z-index: 100;
left: 0px;
top: 30px;
display: none;
}

#feedWrapper .feedOptions h3 {
color:#FFF;
font-weight:normal;
line-height: 12px;
font-size:12px;
margin: 5px 0 10px 0;
}

#feedWrapper .feedOptions .colWrapper{
float:left;
width:100px;
}

#feedWrapper .feedOptions .feedOptionItem {
float: left;
display: inline;
width: 100%;
}

#feedWrapper .feedOptions .feedOptionItem .radioOption {
display: inline;
float: left;
height: 13px;
width: 13px;
margin: 2px;
}

#feedWrapper .feedOptions #clipboardLinkHolder {
display: inline;
float: left;
margin-top: 5px;
}
#feedWrapper  .feedOptions  #clipboardLinkHolder  .campo {
width: 229px;
display: inline;
float: left;
}


/*
------------------MIOLO------------------------------
*/
#mainContent {
float:left;
width:810px;
}


/* MEDIAPLAYER */

.mediaplayer {
	height: 294px;
	width: 440px;
	display: inline;
	clear: both;
	float: left;
	position: relative;
	z-index: 2;
}


.videoTop {
	z-index: 20;
}

/*VIDEO*/
#video{
float:left;
padding:0 5px 10px 5px;
background:url(../images/bkg-video.gif) top left no-repeat;
}

#video h2{
float:right;
margin:25px 0 5px 0;
}

#video #legenda{
clear:both;
padding:5px 15px;
margin-top:10px;
display:block;
color:#e5297b;
background:url(../images/dot-alpha-white.png);
}

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

#video #legenda .desc{
display:block;
font-size:12px;
}

#video .btsBottom{
margin:10px 0;
}

#video .btsBottom .navVideo{
float:left;
*height:40px;
text-transform:uppercase;
margin-left:5px;
}

#video .btsBottom .navVideo a{
float:left;
margin:0 5px 0 0;
padding:0 2px;
text-align:center;
line-height:20px;
display:block;
color:#fff;
background:#e5297b;
text-decoration:none;
font-size:11px;
}

/*
--------------WEB SHARE--------------
*/

.bts li{
float:left;
padding:0;
}

a.comentarios, a.btshare{
text-align:center;
line-height:24px;
padding:0 3px 0 25px;
display:block;
color:#fff;
text-decoration:none;
font-size:11px;
}


a.btshare{
background:#e5297b url(../images/ico-share.png) 3px top no-repeat;
}

a.comentarios{
background:#e5297b url(../images/ico-comentarios.png) 3px top no-repeat;
}

a.comentarios:hover, a.btshare:hover, #video .btsBottom .navVideo a:hover, #video .btsBottom .navVideo a.selected, a.comentarios:hover, a.btshare:hover, .bts .action a.on, .share li a:hover span{
color:#e5297b;
background-color:#fff;
background-position:3px bottom;
}


.bts .action a.on:hover{
background-position:3px top;
color:#fff;
background-color:#e5297b;
}

.share li a{
display:block;
text-decoration:none;
}

.share li a:hover{
background-color:#fdea6a;
}

.share li a span{
font-size:11px;
height:24px;
color:#FFF;
line-height:24px;
display:block;
padding:0 5px 0 25px;
text-decoration:none;
background-color:#e5297b;
background-position:3px top;
background-repeat:no-repeat;
}


.bts li a span.email{
background-image:url(../images/ico-email.png);
	}

.bts li a span.twitter{
background-image: url(../images/ico-twitter.png);
	}

.bts li a span.orkut{
background-image:url(../images/ico-orkut.png);
	}

.bts li a span.facebook{
background-image:url(../images/ico-facebook.png);
	}

.bts li a span.permalink{
background-image:url(../images/ico-permalink.png);
	}
	
.toggle li.action {
position:relative;	
	}

.toggle li.action .share {
position:absolute;
top:25px;
right:0;
width:305px;
padding:5px 0;
z-index:50;
background: #F9D308;
}

.toggle li.action .share li {
float:left;
margin:0 3px;
}




/*THUMBS*/


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

.icon-play{
position:absolute;
top:0px;
left:0px;
height:52px;
width:82px;
background:url(../images/tb-ico_video.gif) no-repeat right bottom;
	}

.icon-photo{
position:absolute;
top:0px;
left:0px;
height:52px;
width:82px;
background:url(../images/tb-ico_foto.gif) no-repeat right bottom;
	}


.thumb-video a:hover .icon-play, .thumb-video a:hover .icon-photo{
background:none;
border: #e5297b 2px solid;
	}
.thumb-txt {
height:52px;
width:82px;
display:inline;
float:left;
background: url(../images/ico_txt.gif) center no-repeat;
	}


/*PAGINACAO*/
.paginacao{
text-align:center;
	}

.paginacao a{
text-align:center;
color:#FFF;
background-color:#e5297b;
text-decoration:none;
display:inline-block;
margin:0 1px;
width:20px;
line-height:20px;
	}

.paginacao a[text="proximo"], .paginacao a[text="anterior"] {
width:60px !important;
}


.paginacao a:hover{
background-color:#FFF;
color:#e5297b;
	}



.paginacao span{
text-align:center;
background-color:#C2EE85;
color:#136C00;
font-weight:bold;
width:20px;
line-height:20px;
text-decoration:none;
display:inline-block;
margin:0 1px;
}

/*
BOXES INTERNOS QUE SE REPETEM
*/

/*TAGCLOUD*/
#tagCloud{
margin-top:20px;
}

#tagCloud .boxTags{
text-align:center;
font-size:12px;
background:#FFF;
padding:5px 2px;
}

#tagCloud .boxTags a{
color:#7F9144;
text-decoration:none;
}

#tagCloud .boxTags a:hover{
text-decoration:underline;
}


/*VEJA TAMBEM*/
#veja-tambem {
background-color:#FFF;
color:#26A2F2;
font-size:12px;
padding:10px 5px;
}

#veja-tambem ul  {
clear:both;
overflow:hidden;
}

#veja-tambem ul li {
width:235px;
float:left;
margin:5px 0;	
	}


#veja-tambem ul li h3{
float:right;
width:140px;
	}

#veja-tambem ul li h3 a {
font-size:12px;
color:#7C7C7D;
text-decoration:none;
	}



#veja-tambem ul li h3 a:hover{
color:#26A2F2;
	}
#veja-tambem ul li h3 a span{
display:block;
font-size:11px;
font-weight:normal;
}

/*FORMULARIO RECADOS E COMENTARIOS*/
#formContato{
margin-bottom:20px;
}
#formContato form{
font-size:11px;	
clear:both;
padding:10px;
}

#formContato form label{
clear:both;
float:left;
display:block;
font-weight:bold;
padding:5px 0 2px 0;
*width:40px;
*text-align:right;

}

#formContato form input, #formContato form textarea{
float:right;
width:80%;
margin:0 0 10px 5px;
background:#FFF;
border:#e5297b 1px solid;
line-height:20px;
padding:0 3px;
color:#333;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
	}

#formContato form textarea {
margin:0;
width:98%;
	}

#formContato form .cidade{
width:100px;
	}

#formContato form select.uf{
width:40px;
margin:0 0 0 3px;
border:#e5297b 1px solid;
line-height:20px;
color:#333;
display:block;
	}

#formContato form  .btenviar{
border:#fff 1px solid;
clear:both;
color:#fff;
cursor:pointer;
width:57px;
height:21px;
padding:0;
margin-top:10px;
}

#formContato form .btenviar:hover{
border:#e5297b 1px solid;
}

.alerta{
clear:both;
background: #CCC;
padding:5px;
color:#a01209;
margin-bottom:10px;
	}

.alerta div{
padding-left:50px;
min-height:40px;
background:url(../images/ico-alert.gif) left center no-repeat;
	}

.alerta span{
font-weight:bold;	
	}

.error{
display:block;
clear:both;
color:#a01209;
font-size:9px;
font-weight:bold;
margin-bottom:15px;
}


/*RODAPE*/
#rodape {
	clear: both;
	background-color: #e9e9e9;
	width:100%;	
	overflow:hidden;
}
#rodapeContent {
	margin: auto;
	width: 990px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #e0e0e0;
	background-color: #e0e0e0;
	padding-bottom: 5px;
}

#btnBackTop{
margin-left:5px;
float:left;
display:block;
}

#btnRssRodape{
margin-right:15px;
float:right;
display:block;
}

#logosRodape{
margin-top:25px;
clear:both;
}

#logosRodape li{
float:left;
}

#logosRodape li#fpa{
margin:10px 600px 0 50px;
}

#logosRodape li#futura{
margin-right:30px;
}

#copyright{
color:#666;
font-size:9px;
display:block;
clear:both;
text-align:center;
padding-top:20px;
}

#middleColunm {
    float:left;
}