/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section,.clear-bottom{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
.form input[type=text]{width:50%;}
.form textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
/* content css */
.content{max-width:980px;margin:0 auto;text-align:left;overflow:hidden;}
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
.split-column:last-child {margin-bottom:0;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* Stylesheet: Megatop2018-Theme // megatop2018responsive Modified On 2021-04-17 15:30:28 */
/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */

/* menu-view css */
.nav {background: #2D99D6;overflow:visible !important;}
#nav select {display:none;}
#nav ul {display:inline;}

/* menu css */
#menu {
	font-size: 14px; font-weight:bold;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;
	margin-top: -10%;
	margin-left: 10%;
	display: none;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#menu ul li ul {
	margin-top: -10%;
	margin-left: 80%;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#menu ul ul li ul {
	margin-top: -10%;
	margin-left: 80%;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* show submenu 1 */
#menu li:hover ul {
	display: block;
}

#menu li:hover ul ul {
	display: none;
}

/* show submenu 2 */
#menu ul li:hover ul {
	display: block;
}

#menu ul li:hover ul ul {
	display: none;
}

/* show submenu 3 */
#menu ul ul li:hover ul {
	display: block;
}

/* menu link css */
#menu a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 12px 19px;
}

#menu a:hover {
	background: #FFF;
	color: #2D99D6;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#menu ul {
	background: #FFF;
	border: 1px solid #cecece;
	width: 200px;
}

#menu ul a {
	color: #000;
	font-size: 14px;
	width: 198px;
	padding: 12px;
}

.currentpage {
	background: #fff !important;
	color: #2D99D6 !important;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* menu z-index */
#menu {
	z-index: 1000;
}

#menu ul {
	z-index: 2000;
}

#menu ul ul {
	z-index: 3000;
}

#menu ul ul ul {
	z-index: 4000;
}

@media screen and (max-width: 800px) {	
	/* menu-mobile-view css */
	.nav {background: #2D99D6;}
	#nav select {display:block;}
	#nav ul {display:none;}

	/* menu-mobile css */
	.styled-select select {
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		background: transparent;
		width: 110%;
		overflow:hidden;
		border: 0;
		padding: 12px;
		font-size: 14px;
		color: #FFF;
		-webkit-appearance: none;
		-webkit-border-radius: 0px;
	}
	
	.styled-select option {
		background: #FFF;
		color: #000;
		-webkit-appearance: none;
	}

}
/* Stylesheet: Megatop2018-Theme // megatop2018menu Modified On 2022-04-30 11:26:59 */
/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */

/* body css */
body {
	background: url('/themes/megatop2018/images/back4blue.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	/* font-weight:300; */
	line-height: 22px;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 10px;
}

h1 {font-size:18px;font-weight:400;color:#000;line-height: 28px;}
h2 {font-size:18px;font-weight:400;color:#000;line-height: 28px;}
h3 {font-size:16px;font-weight:400;color:#000;}
h4 {font-size:16px;font-weight:400;color:#000;}
h5 {font-size:14px;font-weight:400;color:#000;}
h6 {font-size:14px;font-weight:400;color:#000;}

a {color:#000;text-decoration:underline;}
a:hover {color:#2D99D6;}

ul {list-style-type:disc;margin: 15px 40px;}
ol {list-style-type:decimal;margin: 15px 40px;}
ul li{display:list-item;}
ol li{display:list-item;}

table {padding: 10px;}

table td {padding: 10px;border-bottom:1px solid #CCC;}

.headerleft h1 {font-size:32px;font-weight:400;margin-top:12px;}
.headerleft a, .headerleft a:hover {color:#2D99D6;}
.headerright {text-align:right;}

.headerbox {color:#FFF;padding:2px;display:block;background:#2D99D6;}

.listbox a {background:#FFF;color:#000;padding:12px;display:block;text-decoration:none;}
.listbox a:hover {background:#FFF;color:#2D99D6;}

.sidemenulist > .category {display:block;}
.sidemenulist > .categorysummary {display:none;}
.maincategory > .category {display:none;}
.maincategory > .categorysummary 
.maincategory {margin-top:0px;}
.maincategory > .article {margin-top:10px;}

.border {
border:1px solid #cecece;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}

div#hora #time
{
   font-size: 30px;
}

div#hora #horaeu
{
   font-size: 10px;

}



.overflow {overflow:hidden;}

.fb-like-box-overflow > .fb_iframe_widget, 
.fb-like-box-overflow > .fb_iframe_widget span, 
.fb-like-box-overflow > .fb_iframe_widget span iframe[style] {width:100% !important;}

.twitter-timeline {height:300px;}


.form .campo-texto input {width:300px;} 
.form h1, .form h2, .form h3, .form h4, .form h5, .form h6 {margin-left:0;margin-right:0;}
.form input, .form textarea {border:1px solid #cecece;padding:10px;font-family: 'Raleway', Arial, Helvetica, sans-serif;color: #0000FF;font-size: 14px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.form input[type=submit] {color: #FFF;background-color: #2D99D6;}
.form td {padding:0;border:0;}

.hidden1200, .search-button {display:none;}

.search label {display:none;}

.search-input {
	float:right;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-weight: 300;
	border:1px solid #cecece;
	background-color:transparent;
	font-size: 14px;
	padding: 10px;
	margin-top: 10px;
	width: 48%;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.searchimg {height:26px;margin-top:16px;margin-right:10px;float:right;}

.topnewsimg {padding:10px 10px 0 10px;}
.articleimg {float:left;width:150px;padding:10px;}
.articleinfo, .articledetails {color:#2D99D6;font-weight:300;}

.articleinfo a, .articledetails a {color:#2D99D6;text-decoration:underline;}
.articleinfo a:hover, .articledetails a:hover {color:#000;}

.article img {width:100%;}

.video {margin:10px;}

.facebook {background:#42549a;color:#FFF;text-decoration:none;padding:5px 10px;margin:5px;border-radius:5px;}
.twitter {background:#66ccff;color:#FFF;text-decoration:none;padding:5px 10px;margin:5px;border-radius:5px;}
.facebook strong, .twitter strong {font-weight:600;}
.facebook:hover, .twitter:hover {background:#000;color:#FFF;}

.comments {padding:5px;}
.likebutton {padding:10px;line-height:0;}

h1 a, h3 a, h5 a {color:#000;text-decoration:none;}
h2 a, h4 a, h6 a {color:#000;text-decoration:none;}
h1 a:hover, h3 a:hover, h5 a:hover {color:#2D99D6;}
h2 a:hover, h4 a:hover, h6 a:hover {color:#2D99D6;}

#mainback {background:#FFF;max-width:1000px;margin:0 auto;margin-top:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);}

#footer {width:100%;color:#FFF;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6  {color:#FFF;}
#footer a, #footer a:hover {color:#FFF;}
.footer {text-align:center;}


.pageimgright {
float: right;
width:220px;
height:auto;
margin-left:10px;
margin-bottom:10px;
}

.pageimgleft {
float:left;
width:220px;
height:auto;
margin-right:10px;
margin-bottom:10px;
}

@media screen and (max-width: 1000px) {
	
	#mainback {margin:0;border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;}
	#footer {background: #2D99D6;}

}

@media screen and (max-width: 800px) {
	
	.hidden1200 {display:none;}
	.hidden800 {display:none;}
	
	.search-input {width:100%;}
	.searchimg {display:none;}
	
	.topnewsimg {float:left;width:100%;padding:10px;}
	
	.mobilemenu {background: url('https://megatop.cat/themes/megatop2018/images/mobilemenu.png') #2D99D6 no-repeat right;background-size:26px;}
	
	.sidemenulist {display:none;}
	.sidemenu:hover .sidemenulist {display:block;}
	
}

@media screen and (max-width: 600px) {
	
	.hidden600 {display:none;}
	
	.headerleft {text-align:center;}
	
	.search-input {margin-top:0;}
	
	.topnewsimg {width:100%;} 
        .articleimg {width:210px;}
	.articleinfo, .articlesummary {display:none;}
	.summaryheader h4 {font-size:14px;font-weight:300;}
	
	.pageimgright, .pageimgleft {width:100%;}
	
	/* responsive table */
	table {font-size: 12px;}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {


}
/* Stylesheet: template980-styledemo-v4-blue Modified On 2014-08-06 10:42:54 */
/* Stylesheet: Megatop2018-Theme // megatop2018 Modified On 2022-04-30 11:31:39 */
/* ----- main def. ----- */

#UC_box
{
        font-size: 11px;
	
        
}

#UC_box h2  
{
	color: #3c57a7;
	font-size: 15px;
        font-family: 'Segoe UI', Open Sans, Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: bold;
        letter-spacing:-0.05em;
	padding: 1px 1px 8px 1px;
	border-bottom: 1px dotted #000000;
        
}

.options
{
        margin: 8px 1px 8px 1px;
        font-size:1.05em;
}

span.clear
{
	
	clear: both;
        display: block;
}

.vote_box
{
	background-image: url(/modules/UserCharts2018/templates/images/legend.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 6px 0px;
}

.image
{
	vertical-align: middle;
}

/* // ----- main def. ----- */

/* -----  table def. ----- */

table.charts, table.suggestions {
	border-collapse: collapse;
        width: 97%;
        margin-left: auto;
        margin-right: auto;
}

.charts th, .suggestions th {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 2px 2px 3px 2px;
}

/* <= IE 6 hack */
* html .charts th, * html .suggestions th {
	border-bottom: 1px solid #000000;
}

/* IE 7 hack */
*:first-child+html .charts th, *:first-child+html .suggestions th {
	border-bottom: 1px solid #000000;
}

.charts td, .suggestions td {
        color: #000000;
	font-size: 13px;
        font-family: 'Segoe UI', Open Sans, Verdana, Geneva, Arial, Helvetica, sans-serif;	
        vertical-align: middle;
	height: 34px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 4px;
}

/* <= IE 6 hack */
* html .charts td, * html .suggestions td {
        padding: 0px 4px 0px 4px;
}

/* IE 7 hack */
*:first-child+html .charts td, *:first-child+html .suggestions td {
        padding: 0px 4px 0px 4px;
}

.charts td.row1, .suggestions td.row1 {
	background-color: #FFFFFF;
}

.charts td.row2, .suggestions td.row2 {
	background-color: #d9d9d9;
}

.charts td.row_single, .suggestions td.row_single {
	background-color: #FFFFFF;
}

.charts a, .suggestions a {
        color: #000000;
        text-decoration: none;
}

.charts a:hover, .suggestions a:hover  {
        color: #000000;
	background-color: transparent;
        text-decoration: underline;
}

table.details
{
	border-collapse: collapse;
        width: 100%;	
        margin-top: 8px;
}

.details th
{
	color: #FFFFFF;
	font-size: 12px;
        font-family: 'Segoe UI', Open Sans, Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	text-align: left;
	background-color: #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 2px 2px 3px 2px;
}

/* <= IE 6 hack */
* html .details th
{
	border-bottom: 1px solid #000000;
}

/* IE 7 hack */
*:first-child+html .details th
{
	border-bottom: 1px solid #000000;
}

.details td
{
	font-size: 11px;	
        font-family: 'Segoe UI', Open Sans, Verdana, Geneva, Arial, Helvetica, sans-serif;		
        padding: 4px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

.details td.row1
{
	background-color: #FFFFFF;
}

.details td.row2
{
	background-color: #F4F4F4;
}

.details td.col1
{
	background-color: #FFFFFF;
	border-left: 1px dotted #000000;
}

.stats td
{
	border: 0px;
	padding: 2px 0px 2px 0px;
}

.entry th {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 3px 2px;
}

.entry tr.line
{
	border-top: 1px dotted #CCCCCC;
}

.entry td
{
	padding: 4px;
}

.entry td.row1
{
	background-color: #FFFFFF;
}

.entry td.row2
{
	background-color: #F4F4F4;
}

.entry td.row1_error
{
	font-size: 10px;
	color: #FF0000;
	background-color: #FFFFFF;
	padding: 4px 4px 0px 4px;
}

.entry td.row2_error
{
	font-size: 10px;
	color: #FF0000;
	background-color: #F4F4F4;
	padding: 4px 4px 0px 4px;
}

.entry td.error
{
	color: #FF0000;
	background-color: #FFEBEB;
}

.entry td.success
{
	color: #006600;
	background-color: #CFE6B7;
}

/* // ----- table def. ----- */

/* ----- form def. ----- */

#UC_box select
{
	color: #3c57a7;
	font-size: 14px;
	font-weight: normal;
}

/* // ----- form def. ----- */
/* Stylesheet: Megatop2018-Theme // chartsm20 Modified On 2020-11-15 20:18:37 */