/* CSS - default */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Image = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#SystemImage
{
background-color: rgb(255,255,255);
background-position: 100% 0%;
border: 1px solid rgb(222,222,222);
border-radius: 6px;
display: block; 
height: 250px; 
position: relative;
margin: 0px 18px 0px 18px; 
padding: 0px;
overflow: hidden;
text-align: center; 
}
#SystemImage>.image-placeholder
{
color: rgb(196,196,196);
font-weight: 300; 
font-size: 180px; 
font-style: italic;
line-height: 250px;
vertical-align: center;
}/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Menu - Defaults = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#SystemMenu 
{ 
background-image: url('/static/cylian/img/logo.png');
background-repeat: no-repeat;
background-position: left center;
background-size: auto 85px;
display: block;
height: 103px;
position: relative;
margin: 18px 18px 0px 18px;
padding: 0px;
}
#SystemMenu ul 
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 0px;
z-index: 1024;
}
#SystemMenu ul>li
{
margin: 0px;
padding: 0px;
}
#SystemMenu ul>li>a
{
color: rgb(88,89,91);
display: inline-block;
text-decoration: none;
}
#SystemMenu ul>li>hr
{
margin: 3px 3px 3px 3px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Menu - Root = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#SystemMenu>ul
{
display: block;
position: absolute; 
bottom: 0px; 
right: 0px;
}
#SystemMenu>ul>li
{
display: inline-block;
font-size: 16px;
}
#SystemMenu>ul>li>a
{
border-bottom: 2px solid transparent;
margin: 0px; 
padding: 18px;
font-weight: 300; 
text-transform: uppercase;
_transition: border-color 0.5s,background-image 0.5s;
}
#SystemMenu>ul>li:last-child>a
{
padding-right: 0px;
}
#SystemMenu>ul>li:hover>a,
#SystemMenu>ul>li.focus>a
{
background-image: url('/static/cylian/img/bg-menu-select.png'); background-repeat: no-repeat; 
background-position: center bottom;
border-bottom: 2px solid rgb(49,112,149);
color: rgb(49,112,149);
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Menu - Childs = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#SystemMenu>ul ul
{
display: none;
position: absolute;
top: 100%;
}
#SystemMenu>ul>li:hover ul
{
display: block;
background-color: rgba(245,245,245,0.9);
}
#SystemMenu>ul ul>li
{
font-size: 14px;
line-height: 1.3em;
}
#SystemMenu>ul ul>li>a
{
min-width: 180px;
margin: 0px;
padding: 3px 9px 3px 9px;
}
#SystemMenu>ul ul>li:hover>a,
#SystemMenu>ul ul>li.focus>a
{
background-color: rgba(49,112,149,0.3);
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Body = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#SystemBody
{
color: rgb(88,89,91);
display: block;
margin: 18px 18px 18px 18px;
padding: 0px;
overflow: hidden;
font-size: 18px;
text-align: justify;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Breadcrumb = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#SystemBreadcrumb
{
color: rgb(88,89,91);
display: block;
margin: 6px 18px 6px 18px;
padding: 0px;
overflow: hidden;
font-size: 10px;
}
#SystemBreadcrumb>ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#SystemBreadcrumb>ul>li
{
display: inline-block;
margin: 0px;
padding: 0px;
}
#SystemBreadcrumb>ul>li:after
{
content: '>';
padding-left: 3px;
}
#SystemBreadcrumb>ul>li:last-child:after
{
content: none;
}
#SystemBreadcrumb>ul>li>a
{
color: inherit;
text-decoration: none;
}
#SystemBreadcrumb>ul>li:last-child>a
{
font-weight: 500;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Legal = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#SystemLegal
{
border-top: 1px solid rgb(245,245,245);
color: rgb(208,209,211);
display: block;
margin: 0px; padding: 0px;
overflow: hidden;
font-size: 10px;
text-align: center;
transition: color 0.5s;
}
#SystemLegal:hover
{
color: rgb(88,89,91);
}
#SystemLegal>ul
{
margin: 0px; padding: 0px;
list-style-type: none;
text-align: center;
}
#SystemLegal>ul>li
{
display: inline-block;
margin: 0px 9px 0px 9px; padding: 0px;
}
#SystemLegal>ul>li>a
{
color: inherit;
}/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = Default Style - typography = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
body
{
font-family: Exo,Helvetica,Arial,sans-serif;
font-size: 18px;
background-color: rgb(252,252,252);
min-width: 1024px; max-width: 1600px;
margin: 0px auto 0px auto;
}