@charset "iso-8859-1";

:root{
	--bs-primary: rgb(243, 83, 105);
	--bs-primary-rgb: 243, 83, 105;
}

nav.main-nav{
	border-bottom:4px solid --bs-primary;
}

.ui-widget-overlay{
	background-color:#666666 !important;
}

.sm-navbar{
	--sm-dropdowns-sub-link-expanded-bg: var(--bs-primary);
}

.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
	color:#FFF;
	background-color: var(--bs-primary);
}

.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted, table.tabela tr th{
	color:#FFF;
	background-color: var(--bs-primary);
}

a.registo{
	background-color:whitesmoke;
	border:3px solid  var(--bs-primary);
	cursor:pointer;
}

a.registo p i{
	color:#CCCCCC;
	font-size:140px;
}

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

a.registo:hover p i{
	color: var(--bs-primary);
}

a.registo p{
	text-align:center;
	margin:0 auto;
	color:#666666;

}

a.registo p.legenda{
	font-style:oblique;
}

a.registo:hover p.titulo{
	color: var(--bs-primary);
}

a.registo p.titulo{
	font-weight:bold;
	font-size:24px;
}

a.registo:hover p.legenda{
	color:#000;
}


div#loading{background:rgba(255, 255, 255, .8);}
div#loading p {color:#000}

table.tabela{
	border-color: var(--bs-primary);
}

ul.separador li a{
	border-color: var(--bs-primary);
	background-color:#ff9999;
}


i.material-icons{
	color:var(--bs-primary);
}

div#rodape img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	margin:5px;
	margin: 0 auto;
	float:right;
}

p.logos a img{
	margin:0 auto;
	vertical-align: middle;
	padding: 20px 50px 20px 50px;
	max-height: 125px;
}

div#rodape a:hover{
	text-decoration:none;
}

nav#navbar span.facebook{
	background-color:#4862a3;
	color:#FFFFFF;
	font-weight:bold;
	font-size:36px;
	padding:8px;
	text-transform:lowercase;
	vertical-align:middle;
}

nav#navbar span.you{
	color:white;
	font-weight:bold;
	font-size:12px;
	padding:2px;
	text-transform:capitalize;
	vertical-align:middle;
}

nav#navbar span.tube{
	color:#FFF;
	background-color:#e62117;
	font-weight:bold;
	font-size:12px;
	padding:2px;
	text-transform:capitalize;
	border-radius:2px;
	vertical-align:middle;
}

div#series a.options {
    background: #008000;
}

div#rodape img:hover,div#rodape span.facebook:hover,div#rodape span.you:hover,div#rodape span.tube:hover{
	-webkit-filter:none;
	filter:none;
}

@media screen and (max-width: 767px) {
	
	p.logos a img{
		padding: 10px;
	}	

}