@charset "UTF-8";

@font-face
{
font-family: CADT_VERDANA;
src: url('Verdana.eot');
    src: url('Verdana.eot?#iefix') format('embedded-opentype'),
         url('Verdana.ttf') format('truetype');
} 

@font-face
{
font-family: CADT_VERDANA_BOLD;
src: url('Verdana Bold.eot');
    src: url('Verdana Bold.eot?#iefix') format('embedded-opentype'),
         url('Verdana Bold.ttf') format('truetype');
} 

@font-face
{
font-family: CADT_VERDANA_ITALIC;
src: url('Verdana Italic.eot');
    src: url('Verdana Italic.eot?#iefix') format('embedded-opentype'),
         url('Verdana Italic.ttf') format('truetype');
} 


:focus             {outline:none;}
::-moz-focus-inner {border:0;}
a          {outline: none;}
a:link     {color:black;text-decoration:none;background-color:transparent;}
a:visited  {color:black;}

html  { position:absolute;margin:0px;width:100%;height:100%;padding:0px;}
body  { overflow: scroll; overflow-x: hidden; margin-left:0px;margin-right:0px;}
td,th { text-align: left; color: #000; padding:0px; margin:0px; }

html, p, .list, .text, .destacat {
        font-family: Verdana, CADT_VERDANA, Geneva, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: lighter;
        font-variant: normal;
        text-align: left;
        text-transform: none;
        text-decoration: none;
        line-height: 18px;
        padding: 0px;
        margin: 0px;
}

.head      {border:0px solid black; width:800px; margin:auto; margin-top:0px; margin-bottom:20px;}
.body      {border:0px solid black; width:800px; margin:auto; margin-top:0px; margin-bottom:100px; padding:0px; border-collapse:collapse; border-spacing:0px;}


.destacat { font-weight: bold; margin-bottom:24px; }

p, .list  { margin-bottom:12px; }

.list     { padding:5px; border:1px solid transparent; }

.list1    { margin-left:0px; text-decoration:none;}
.list2    { margin-left:10px; }

.dot      { vertical-align:top; }

.col      { border:0px solid black; vertical-align:top; text-align:center; width:390px;}
.fullcol  { border:0px solid black; vertical-align:top; text-align:center; width:800px;}
.sep      { border:0px solid black; vertical-align:top; text-align:center; width:20px;}

#contingut {width:800px;position:relative;margin:auto;height:auto;border:none;padding-top:150px;}
#footer    {width:800px;position:relative;margin:auto;height:auto;border:none;text-align:center;padding-top:100px;padding-bottom:50px;}
#year:after { content: "2018"; }

.header-cadt {
	position:fixed;
	top:0px;left:0px;right:0px;height:80px;
	z-index:4;
}

#cadt-logo {
	background-position:center left;
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
   height:100%;
   width:800px;
	position:relative;
}

#left-panel-container {
	width:20em;
	height:auto;
	top:80px;
	padding-top:1em;
	right:22em;
	position:relative;
}

#spinner-global-modal {
        position:fixed;
        top:0;left:0;
        width:100%;height:100%;
        background:url('../img/loading.gif') #000 center no-repeat;
        z-index:9999;
        opacity:0.4;filter:alpha(opacity=40);
}
.spinner-local-modal {
	display:none;
        position:absolute;
        top:0;left:0;
        width:100%;height:100%;
        background:url('../img/loading.gif') #000 center no-repeat;
        z-index:9999;
        opacity:0.4;filter:alpha(opacity=40);
}

#profile-tools {display:inline-block;position:absolute;right:0;top:50px;width:250px;height:28px}

.profile-username {
	/* text styling */
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space:nowrap;
	vertical-align:middle;
	text-align:right;
	color:black;
	line-height: 28px;
	padding-right: 10px;
	/* pos & size */
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:28px;
}
button.profile-button {border:none;outline:2px solid transparent;background-color:transparent;position:absolute;right:2px;top:2px;bottom:2px;}
button.profile-button-pressed {outline:2px solid gray;background-color:gray;}
div.profile-menu {background-color:white;border:2px solid gray;width:200px;position:absolute;right:0;top:28px;cursor:default;}
div.profile-menu-icon {display:inline-block;margin-right:1ex;float:left;}
div.profile-menu-item {height:24px;line-height:24px;}
div.profile-menu-item:hover {background-color:lightgray;}