/* CSS Document */

/* links */

a {
	text-decoration:none;
	/*color:#373737;*/
	color:#ED1C24;
	background-color: transparent;
	font-weight: normal
  }

a:visited { 
	text-decoration: none 
  }

a:active {
	text-decoration:none
  }

a:hover {
	text-decoration: underline;
  }

hr{
border: 1px dotted #CCCCCC

}

#bg-link-menu-texto-a{
	/*background-color: #ED1C24;*/
	width:145px;
	height:17px;
	line-height:17px;
	background-image:url(../img/bg-link-menu-texto-a.jpg)
}

#link-menu-servicos-a {
	font-family: 'Trebuchet MS', Verdana, Calibri;
	font-size:16px;
	font-weight: bold	
}

#link-menu-texto-a{
	font-family: 'Trebuchet MS', Verdana, Calibri;
	font-size:16px;
	font-weight: bold;	
	/*color: #373737;*/
	color: #FFFFFF;
	/*color: #003399; -- cinza*/
	text-decoration: none;
	clear:right;
	/*border-bottom:1px solid #CCCCCC;*/
	/*background-color:#EEEEEE;*/
	margin-left:7px
}

#link-menu-texto-b{
	font-size:11px;
	/*color:#E10F0F;*/
	color: #333333;
	text-decoration: none;
	width:135px;
	height:18px;
	border-bottom:1px solid #E7E7E7;
	margin-left:7px;		
}

body{
	background-image:url(../img/bg_geral.jpg);
	font-family: Arial, 'Trebuchet MS' , Arial, 'Trebuchet MS', Verdana, Calibri;
	font-size:12px;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;	
	margin-right:auto;
	color:#000000;
	border:0;
	padding:0;

}

table {
	font-family: Arial, 'Trebuchet MS' , Arial, 'Trebuchet MS', Verdana, Calibri;
	font-size:12px;
}

#master{
	width:778px;
	text-align: center;
    margin-left:auto;	
    margin-right:auto;

}

#header{
	position:relative;
	width:778px;
	height:140px;
	clear:both;
}

#principal{
	margin-top: 0px;
	clear:both
}

#conteudo_interna{
	text-align: justify
}

#coluna-esquerda{
	width:147px;
	float:left;
}

#menu-header-superior{
	font-size:11px
}

#bg-menu-servicos{
	width:147px;
	height:118px;
	background-image:url(../img/bg-menu-servicos.jpg)
}

#menu-servicos{
	list-style-type: none;
	text-align:left;
	padding-top: 10px;
	margin-left:10px
}

#menu-servicos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menu-servicos li {
	border: 0;
	margin: 0;
	display:block;
	padding:0
}

#menu-servicos ul li a {
	border: 0;
	margin: 0;
	padding: 0;
	clear:both;
	display:block;
}

#menu-servicos a{
	font-size:15px;
	color: #FFFFFF
}

#menu-principal{
	width:145px;
	text-align:left;
	/*padding-top: 10px;
	margin-left:10px*/
	min-height:700px;
	/* background-image:url(../img/bg-menu-principal.jpg);*/
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:2px solid #F0F0F0
}

#menu-principal-interno{
	list-style-type: none;
	margin-left: 0px
	/*padding:5px*/
	/*padding-top: 10px;
	margin-left:10px*/
}

#menu-principal-interno ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu-principal-interno li {
	border: 0;
	margin: 0;
	display:block;
	padding:0;
}
#menu-principal-interno li a{
	border: 0;
	margin: 0;
	padding: 0;
	clear:both;
	display:block;
}

#coluna-meio{
	width:395px;
	margin:0px 0px 0px 15px;
	/*border: 1px solid #999999;*/
	float:left;
	text-align:justify;
}

#box-hp-comunicados {
	background-color:#FFFFFF; 
	border:2px solid #F0F0F0; 
	height:80px; 
	width:395px; 
	text-align:left
}

#dentro-box-hp-comunicados{
	padding:2px 10px 5px 10px
}

#coluna-direita{
	width:199px;
	/*border: 1px solid #999999;*/
	float:right;
	text-align:left
}

#tit-coluna-direita-calendario{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold
}
#tit-coluna-direita-comunidades{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold
}

#tit-coluna-direita-instalacoes{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold
}

#tit-hp-comunicados{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold;
	text-align:left
}
#tit-hp-noticias{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold;
	text-align:left
}

#tit-hp-aconteceu{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold;
	text-align:left	
}

#tit-coluna-direita-cadastrese{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold
}

#tit-internas{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#ED1C24;
	font-weight:bold;
	text-align:left
}

#link-menu-interno-sel{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size:12px;
	color:#E10F0F;
	text-decoration: none;
}

#link-menu-interno {
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size:12px;
	text-decoration: none;
}

#bg-coluna-direita-calendario{
	background-image: url(../img/bg-coluna-direita-calendario.gif);
	background-repeat:no-repeat;
	width:199px;
	height:155px;
	clear:both
}

#dentro-coluna-direita-calendario{
	margin: 5px 8px 8px 8px;
	font-size:11px
}

div.tabsBlog{
	width: 618px;
	border-bottom: 1px solid #666;
	float: left;
	clear: both;
	height: 35px;
}

div.tabsBlog>div{
	border: 1px solid #666;
	padding: 10px;
	float: left;
	background-color: #ED1C24;
}

div.tabsBlog>div>a{
	color: white;
}

div.tabsBlog>div.ativo{
	border: 1px solid #666;
	padding: 10px;
	float: left;
	background-color: #FFF;
	border-bottom: 1px solid white;
}

div.tabsBlog>div.ativo>a{
	color: #ED1C24;
}

#footer{
	width:778px;
	height:65px;
	border: 1px solid #F0F0F0;
	clear:both;
	margin-top:20px;
	background-color: #FFFFFF
}

#logo-colegio{
	width:220px;
	float:left
}

#endereco-colegio{
	width:500px;
	float:right;
	font-size:12px;
	margin-top:15px
}

#calendario{
	float:left
}

#banner_noticias{
	float: right
}

#lista_noticias{
	clear:both;
	padding-top: 20px
}

#barra-header{
	width:100%;
	height:25px;
	border-bottom: 2px solid #FF3300;
	background-color: #FFFFFF;
	text-align:center;
	margin:auto;
}


/*
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../js/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../js/overlay.png", sizingMethod="scale");
	}

#barra-header{
	width:100%;
	height:25px;
	border-bottom: 2px solid #FF3300;
	background-color: #FFFFFF;
	text-align:center;
	margin:auto;
}

#flash{
	position:relative;
	margin:0;
	padding:0;
	width:778px;
	height:136px;
	border-left:0px solid #EEEEEE;
	border-right:0px solid #EEEEEE;
	clear:both
}

#spacer-hp{
	height:10px;
	clear:both
}

#spacer-menu-principal{
	height:5px;
	line-height:5px;	
	clear:both;
}
*/

/*
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(js/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/overlay.png", sizingMethod="scale");

	}
*/

/* NOVO LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.passionista.com.br/saopaulodacruz/js/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.passionista.com.br/saopaulodacruz/js/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
label{clear:both}

#InscrComuFrm label {
	width: 120px;
	font-weight: bold;
	float: left;
	display: block;
}


#InscrComu h2 {
	color:red;
}

#InscrComu h1 {

}

.video-title{font-size:12px; height:15px;margin-left:10px;}

.horizontal{width:580px;}

.vertical{float:left;margin-right:10px;width:280px;}

#mais-votados{ margin-left:10px;}


/*Exibição interna de Vídeos*/

ul#video-list{ padding:0; margin:0; height:82px;}

ul#video-list:hover li{ cursor:pointer;}

div#scroll-videos:hover div.seta, div#scroll-videos:hover div.seta70{ visibility:visible;}

/*div#scroll-videos:hover{ background-color:#FBD0D2;}*/


ul#video-list li.img{
	padding:6px; margin:0;
	float:left;
	display:block;
	list-style:none;
	}
	
ul#video-list li:hover{
	background-color:#EA272F;
	}
	
ul#video-list li a.link-video{ color: #000;}
	
ul#video-list li:hover a.link-video{ color:#FFFFFF;}	
	
div.seta{
	float:left; /*display:block;*/
	width:14px; height:123px;
	padding:6px 0 6px 0; margin:0;
	/*background-color:#FBD0D2;*/
	visibility:hidden;
	}
	
div.seta70{
	float:left; /*display:block;*/
	width:14px; height:70px;
	padding:6px 0 6px 0; margin:0;
	/*background-color:#FBD0D2;*/
	visibility:hidden;
	}
	
div#back{background-image:url(../img/arrowleft.png); background-position:center center; background-repeat:no-repeat; cursor:pointer;}

div#next{background-image:url(../img/arrowright.png); background-position:center center; background-repeat:no-repeat; cursor:pointer;}


div#player{ width:580px; height:380px; background-image:url(../img/videobground1.png) }

.norelated{color:#CCCCCC; widows:595px; display:block; text-align:center; padding-top:45px;}


/*Videos mais vistos*/

ul.list-vertical{padding:0; margin:0;}

ul.list-vertical li.img-vert{margin:0; padding:6px; clear:both; height:70px; list-style:none;}

ul.list-vertical li:hover{background-color:#EA272F;}

div.box-img{float:left; cursor:pointer; }

ul.list-vertical li.img-vert span.views{color:#666;}

ul.list-vertical li:hover span.views{color:#CCCCCC;}

a.link-video{color:#000;}

ul.list-vertical li.img-vert div.title{text-align:left;height:70px;}

ul.list-vertical li.img-vert:hover a.link-video{color:#FFFFFF;}

ul.list-vertical li.img-vert a:hover{ text-decoration:underline;}

.img-videos{ margin-right:10px;  }

#masterbar{ height:30px; clear:both;}

.pesquisabar{
float:left;
width:475px; height:22px;
margin:0px 5px 0px 0;
padding:5px;
background-color:rgb(239, 239, 239);
/*IE*/
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#DFDFDF)
       progid:DXImageTransform.Microsoft.Glow(color=#888888, strength=1)
       progid:DXImageTransform.Microsoft.Shadow(direction=180, strength=2, color=#888888); 
box-shadow:0px 1px 3px #888;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
/*Firefox*/
background-image: -moz-linear-gradient(top, white, #DFDFDF);
-moz-box-shadow: 0 1px 3px #888;
-moz-border-radius: 5px;
/*Chrome*/
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DFDFDF));
-webkit-box-shadow: 0 1px 3px #888;
-webkit-border-radius: 5px;
}

#pesquizar{float:left; height:19px;}

#homeVideos{ height:19px; padding:3px 0 0 18px; float:left;}

#homeVideos a{color:#666; font-weight:bold;}

#homeVideos a:hover{ color:#333;}

.logobar{
text-align:center;
float:left;
width:90px; height:22px;
padding:5px;
background-color:#ED4952;
/*IE*/
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8C0000, endColorStr=#EA272F)
       progid:DXImageTransform.Microsoft.Glow(color=#8C0000, strength=1)
       progid:DXImageTransform.Microsoft.Shadow(direction=180, strength=2, color=#8C0000); 
box-shadow:0px 1px 3px #888;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
/*Firefox*/
background-image: -moz-linear-gradient(top, #8C0000, #EA272F);
-moz-box-shadow: 0 1px 3px #888;
-moz-border-radius: 5px;
/*Chrome*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#8C0000), to(#EA272F));
-webkit-box-shadow: 0 1px 3px #888;
-webkit-border-radius: 5px;
}

.logobar a{ 
color:#FFFFFF;
font-weight:bold;
font-size:18px;
}

.logobar a:hover{ text-decoration:none;}

.chapeuTitle{ border:none; border-bottom:1px solid #CCCCCC; font-size:14px; font-weight:bold; color:#EA272F; padding-bottom:3px; margin-bottom:3px;}


/*barra compartilhe (tlp_1)*/
.barra-compartilhe{
	clear:both;
	height:33px; 
	width:630px; 
	margin: 15px 0 20px 0; 
	border-bottom:dotted #989898 1px; 
	border-top:dotted #989898 1px; 
	padding-top:7px;
	}

.barra-compartilhe div{float:left;}

.barra-compartilhe div.print-indique{ 
	border:0; 
	border-left:1px solid #999; 
	margin-left:10px; 
	padding-left:10px;
	}

.barra-compartilhe div span{ float:left; margin:6px 7px;}
	
.barra-compartilhe a{
	width:20px; height:24px;
	padding:0;
	margin:0 10px 0 0;
	background-image:url(../img/sprite-redes-sociais.png);
	background-color:transparent;
	background-position:0 0;
	background-repeat:repeat;
	text-decoration:none;
	display:block;
	float:left;
	}
.barra-compartilhe a.link{ 
	background-image:none !important; 
	width:55px !important; 
	height:15px !important; 
	border:0; border-right:1px solid #999; 
	padding:6px;
	color:#000000;
	}
	
.barra-compartilhe a.face { background-position:0 -25px;}

.barra-compartilhe a.twitter{ background-position:-20px -25px;}

.barra-compartilhe a.orkut{ background-position:-80px -25px;}

.barra-compartilhe a.indique{ background-position:-160px -25px;}

.barra-compartilhe a.print{ background-position:-18px -53px;}

/*hover redes sociais*/
.barra-compartilhe a.face:hover { background-position:0 -3px;}

.barra-compartilhe a.twitter:hover{ background-position:-20px -3px;}

.barra-compartilhe a.orkut:hover{ background-position:-80px -3px;}

.barra-compartilhe a.indique:hover{ background-position:-160px -3px;}

.barra-compartilhe a.print:hover{ background-position:-18px -55px;}



#BannerLogo{
	width:283px;
	height:126px;
	float:left;
	margin-top:8px;
	margin-bottom:8px;
}

#BannerTopo{
	width:495px;
	height:126px;
	float:left;
	margin-top:8px;
	margin-bottom:8px;
}

ul.bannerDestaque{margin:0;padding:0;float:left; text-align:center; width:27px;}

ul.bannerDestaque li{list-style:none;}

.button{width:27px;height:24px;background-color:#EBEBEB;cursor:pointer;margin-top:1px;}

.buttonActive{width:27px;height:24px;background-color:#E2E2E2;cursor:pointer;margin-top:1px;}

.buttonText{color:#999999;height:24px;line-height:24px;font-weight:bold;}


/*Reserva de auditorio e recanto*/
#exibe{clear:both;}
.reserva{color:#000000; font-weight:bold;}
.dateAgenda{color:#EA1B23; font-weight:bold; font-size:16px;}
.labelRes{display:inline !important; float:none !important; cursor:pointer;}


#dados label {
	width: 60px;
	font-weight: bold;
	float: left;
	display: block;
}

#dados div{ margin-bottom:5px;}

#btConfirma{margin-top:10px;}

/*Urna Eletrônica*/
div#box-election{ height:300px; margin-bottom:20px;}
.candidate{
font-size:13px;
color:#071726;
font-weight:bold;
margin-bottom:5px;
}
div.titleVote{width:600px; height:40px; }
div.titleVote div{
float:left; 
color:#FFF;
text-decoration:none;
font-size:14px;
}
.titleVote div.p1{
background-image:url(../img/bt_titleVote_p1.png);
background-position:center right;
background-repeat:no-repeat; 
width:380px; height:30px; 
background-color:#071726;
padding-top:10px;
padding-left:5px; 
font-weight:bold;
}
.titleVote div.p2{
background-color:#003366; 
width:87px; height:37px;
line-height:normal;
padding-top:3px;
cursor:pointer;
}
.titleVote div.p3{
background-image:url(../img/bt_titleVote_p3.png); 
width:128px; height:40px;
cursor:pointer;
}
.titleVote div.p3votou{
background-image:url(../img/bt_titleVote_p3_votou.png); 
width:128px; height:40px;
cursor:pointer;
}
.urna{
width:580px; height:335px;
background-color:#EEEEEE;
line-height:normal;
}
.urna div{ float:left; line-height:normal;}
.urna-white{
width:550px; height:280px;
background-color:#FFFFFF;
margin:40px 15px 15px 15px;
}
.teclas{
width:230px; height:280px; line-height:normal;	
}
.digitos{padding: 5px 0 0 12px;}
.digitos span, .digitos em{	
float:left; 
width:55px; height:35px;
background-color:#000000;
color:#FFFFFF;
text-align:center;
font-size:26px;
cursor:pointer;
line-height:normal;
}
.digitos span{
margin:7px;
padding-top:5px;
}
.digitos em{
margin:7px 76px 7px 76px;
padding-top:5px;
font-style:normal;
}
.botoes{margin-top:4px;}
.botoes span, .botoes em.green{
float:left;
width:67px;
border:2px solid #000000;
letter-spacing:-1px;
text-align:center;
font-weight:bold;
cursor:pointer;
line-height:normal;
}
.botoes span{
height:22px;
margin:10px 2px 0px 2px;
padding-top:9px;
}
.botoes span.white{background-color:#FFFFFF;}
.botoes span.orange{background-color:#FFA809;}
.botoes em.green{
height:26px;
background-color:#87DE9A;
margin:0 2px 0px 2px;
font-style:normal;
padding-top:15px;
}
.tela{
width:300px; height:258px;
margin:10px 7px 10px 10px;
border:1px solid #000000;
line-height:normal;
}
.tela span{float:left;}
.tela span.num-cand{ 
margin:5px 0 2px 5px;
width:170px;
}
p.cargo{ 	
width:170px; height:55px;
text-align:center;
font-size:20px;
}
.tela span.img-cand{ 
margin:5px 5px 0 5px;
border:1px solid #000000;
}
.tela span.dados-cand{
width:290px;
margin:0 5px 5px 5px;
}
p.info{ margin:0 0 0 15px !important;}
.input-dig{ 
width:18px; 
margin-left:5px; 
border:1px solid #000000; 
font-size:30px; 
font-weight:bold; 
padding:0px 3px 0px 2px;
}
.telaFim{
width:300px; height:158px;
padding-top:100px;
margin:10px 7px 10px 10px;
border:1px solid #000000;
text-align:center;
font-size:50px;
line-height:normal;
}
h1.title{
font-size:13px;
color:#071726;
font-weight:bold;
margin-top:15px;
border-bottom: 1px dotted #071726;
}
h1.vote{
font-size:14px;
font-weight:bold;
color: #c61300;
}
div.vote{
color: #c61300;
margin-bottom:15px;
}
div.title{
font-size:11px;
color:#071726;
text-align:center;
margin-bottom:15px;
}
h3.chapeu{
display: block;
width: 100%;
background: url(/img/pont_verme.gif) repeat-x;
font-family: Arial, Sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: -0.5px;
height: 23px;
padding-top: 5px;
padding-bottom: 5px;
}
h3.menuchapeu span{
display: block;
float: left;
}
h3.chapeu ul.numbers{
float: right;
}
h3.chapeu ul.numbers li{
display: block;
float: left;
width: 15px;
height: 15px;
padding-top: 2px;
background: #c61300;
margin-left: 4px;
text-align: center;
}
h3.chapeu ul.numbers li a h4{
color: white;
}
/*Fim de Urna*/

/*Rating*/
#formRating{margin-bottom:5px;}

.msgRating{color:#666 !important;}

.linkLogin{ 
text-decoration:none; 
font-weight:bold; 
color:#333 !important;
}

.linkLogin:hover{color:#666 !important;}
/*Fim Rating*/

/*Rating - Common(Article)*/
.btGostei{ 
background-image: url(../img/btLikesHandless.png);
width:56px; float:left; height:26px; cursor:pointer; margin-bottom:2px;
}

.btGostei:hover{ background-image:url(../img/btLikesHandlessOn2.png);}

#col1Common, #col2Common{float:left;}

#col1Common{width:57px;}

#col2Common{
width:200px; 
position:relative;
}

.ponta-tooltip{
position:absolute; 
top:7px; left:1px;
}

.box-count{
float:left; 
padding:3px 10px 3px 10px; 
border:1px solid #C0C0C0; 
background-color:#ffffff; 
margin:2px 0 0 8px;
}

#infoRating{
width:257px; 
clear:both;
}
/*Fim Rating - Common(Article)*/

/*Rating - Videos*/
.btLike{
background-image: url(../img/btLike.png);
width:81px; height:34px;
float:left;  
cursor:pointer; 
margin-bottom:2px;
}

.btLike:hover{background-image:url(../img/btLikeOn.png);}

.btDislike{
background-image: url(../img/btUnlike.png);
width:35px; height:34px;
float:left;  
cursor:pointer; 
margin-bottom:2px;
}

.btDislike:hover{background-image:url(../img/btUnlikeOn.png);}

#col1, #col2, #col3{float:left;}

#col1{
width:180px; 
padding-left:20px;
}

#col2{width:160px;}

#col3{
width:220px; 
text-align:right;
}

#gRed{
background-color:rgb(204, 0, 0); 
height:5px;
box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5);
}

#gGreen{
background-color:#393; 
height:5px;
box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5);
border:none;
border-right:1px solid #fff;
}

#result{
width:150px; 
font-size:11px; 
color:#333;
}

.views{
color:#333; 
font-size:14px;
}
/*Fim de Rating Videos*/