/*
Demetrios Stylesheet, copyright Cowcat Games 2015
*/


/* --------------------------------------------- MAIN OBJECTS  --------------------------------------------------*/

@font-face {
    font-family: Alter Ego;
    src: url(fonts/AlterEgoBB_reg.ttf);
}

@font-face {
    font-family: Caladea;
    src: url(fonts/Caladea-Regular.ttf);
}

/* The main page */
.centre {text-align:left; width:670; min-height:850px; margin-left:310px;}
.globel {border: solid 3px #5b3158; background: #2e2338 url(images/site_background_inner.jpg) top left repeat;  width:980px; clear:both;margin-left: auto;margin-right: auto;}

body {	margin-left: 0; margin-top: 10px; margin-right: 0; margin-bottom: 10px;
	/*scrollbar-face-color:#1b3014; scrollbar-arrow-color:#b2c086; scrollbar-track-color:#97b14c;
    scrollbar-shadow-color:#98ab1b; scrollbar-highlight-color:'#273805'; scrollbar-3dlight-color:#81a541;
    scrollbar-darkshadow-Color:#88c322;*/
	background: #203d5a url(images/site_background.jpg) top center repeat; text-align:center;}

body, button {
	font: 20px Caladea, Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	}
	
select {
	font: 12px Alter Ego, Verdana, Arial, Helvetica, sans-serif; 
	color: default;
}

/* Regular Links */
a:link {font: 14px Alter Ego, Verdana, Arial, Helvetica, sans-serif; color: #ffeebc; text-decoration: none; text-shadow:0px 0px 10px #ff0101;}
a:visited {font: 14px Alter Ego, Verdana, Arial, Helvetica, sans-serif; color: #ffeebc; text-decoration: none text-shadow:0px 0px 10px #ff0101;}
a:hover {font: 14px Alter Ego, Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline; text-shadow:0px 0px 10px #ff0101;}

img {border:0;}
img.valign {vertical-align:middle;}
img.white_back {background-color: white;}

p { margin-bottom:10px; text-align:justify;}

.ibdiv { background-color: white; margin:auto; display: inline-block; }
.ib { box-shadow: 0px 0px 20px #FFFFFF; }
.ib:hover {box-shadow: 0px 0px 40px #FFFFFF; opacity: .8; }
.ibblack { box-shadow: 0px 0px 20px #000; }
.ibblack:hover {box-shadow: 0px 0px 40px #FFFFFF; opacity: .8; }
.ibcloseup { box-shadow: 0px 0px 100px #FFF; }
.ibnews { box-shadow: 0px 0px 4px #FFF; }

.globaltop { box-shadow: 0px 0px 100px #000; }


.bannertop {position:relative; width:980px; height:309px;}
.bannerfont { font: 22px Alter Ego; }
.bannerlinkimage { vertical-align:bottom; }
.bannerlogin { text-shadow:0px 0px 10px #ff0101; position:absolute; top:10px; left:360px; width:600px; text-align:right;}

.comicfont { font: 24px Alter Ego; text-shadow:0px 0px 10px #ff0101; }
.comicfontmenu { font: 18px Alter Ego; text-shadow:0px 0px 10px #ff0100; }
.underbannerfirst { position:absolute;top:0;width:980px; }
.underbannerpos { position: absolute; left:0px; top: 280px;  margin: 0 auto; width:980px; }
.underbanner a:link { color:#ffeebc; }
.underbanner a:hover{ color:#fff; }
.underbannerpadding { padding-left:30px }

.emsg 
{ 
	padding:10px 10px 10px 10px; 
	width: 500px; 
	font: 18px Alter Ego, Verdana, Arial, Helvetica, sans-serif;  
	border: 2px solid;
	border-color: #5b3158;
	box-shadow: 2px 2px 20px #000000;
	background: #2e2338 url(images/site_background_inner.jpg) top left repeat; 	
}

.screen { margin:10px;}

.h1closeup { position:fixed; top:-10px; left:50%; transform: translateX(-50%); line-height:30px;}
.layer {visibility:hidden; position:absolute; width:723px; height:700px; background: #004000 url(images/site_background.jpg) top left repeat; border: 2px solid black; left:10px;}
.layer_all {overflow:hidden; position:absolute; z-index:1; border:0; left:0; top:0; background-color: #000000; opacity:.70;filter: alpha(opacity=70);-moz-opacity: 0.70;}
.layerinvisible {visibility:hidden; position:absolute; width:723px; height:700px; left:10px;}
.layercloseinvisible { cursor:pointer; position:fixed; top:0; left:0; width:3000px; height:3000px; z-index:999900; }
.layercloseabove { position:relative; z-index:999999;}
.layerclosebutton { cursor:pointer; position:fixed; top:10px; left: 90%; }

/* --------------------------------------------- MENU --------------------------------------------------*/

.linkcompany { position:absolute; top:20px; left: 20px; display:block; height:100px; width:100px; }

.leftmenu {/*position:absolute; top:320px; left:0;*/ background: url(images/leftmenuback.png); width:314px; float:left;
		 background-size: 100% 100%;}
.leftmenuinside { padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:10px;}
.leftmenuemail { color:#4e535e;}
.leftmenuemail:focus { color:#000000;}
.leftmenusubmit {  }
.leftmenubutton { text-align:right; margin-right:6px;}
.leftmenudescription { font-size: 18px; text-align:left; padding-left:10px; padding-right:10px; text-align:justify}
.leftmenuprogress { display:table; text-align:left; padding-left:10px;}
.leftmenuprogress td { font: 18px Caladea, Verdana, Arial, Helvetica, sans-serif; }
.leftmenunewstext { font-size: 18px;}

.linknews { font-size:20px; }

/* --------------------------------------------- MIDDLE -------------------------------------------------*/

.middle1 { background: url(images/backmiddletop.png); text-align:center; width: 665; height:83px;}
.middle2 { display:inline-block; vertical-align:middle;}
.center1 { background: url(images/backmiddle.png); width: 665; background-repeat:repeat-y; text-align:left;  }
.center1 div.ct2 {padding-left:18px;padding-right:18px;padding-top:1px; margin-left: 10px; margin-right: 10px;}
.middlebottom {	background: url(images/backmiddlebottom.png) top left repeat; width: 665px; height:30px; font-size:1px;}

h1 
{ 
	font: 25px Alter Ego, Verdana, Arial, Helvetica, sans-serif;
	line-height:50px;
	text-shadow:0px 0px 10px #ff0101; 
	width: 600px;
}

h2 
{
	font: 20px Alter Ego, Verdana, Arial, Helvetica, sans-serif;
	/*line-height:50px;*/
	text-shadow:0px 0px 10px #ff0101; 
	width: 600px;
	margin: 0; padding-top: 3px; padding-bottom: 3px; display:inline;
}

td
{
	font: 16px Alter Ego, Verdana, Arial, Helvetica, sans-serif;
	text-shadow:0px 0px 10px #ff0101; 
		padding-left: 5px;
	padding-right: 5px;
}


form
{
	display: table;
}

.leftmenuinside ul
{
    list-style-type: none;
	padding: 0;
}

li
{
	padding-bottom: 10px;
}

strong
{
	color: #bbc3ff
	/*text-shadow:0px 0px 2px #ff0101; */
}

/* --------------------------------------------- FORMS --------------------------------------------------*/

input , textarea
{ 
	background: #edcef8 url(images/site_inputs_background.jpg) top left repeat; 
	font: 16px Verdana, Arial, Helvetica, sans-serif; 
	padding-left:4px;
	padding-right:4px;
	height:30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 6px #000;
    -webkit-box-shadow: 1px 1px 6px #000;
    box-shadow: 1px 1px 6px #000;
    padding: 4px 4px 4px 4px;
    outline: 0;
    /*-webkit-appearance: none;*/
	display: inline-block;
	vertical-align:middle;
}

textarea
{
	height:60px;
}

input:hover , textarea
{
	background: #FFFFFF url(images/site_inputs_background_hover.jpg) top left repeat;
}

input.submit 
{
	background: #000000 url(images/site_button.jpg) top left repeat; 
	color: #FFFFFF;
	text-shadow:0px 0px 10px #000000; 
	-moz-box-shadow: 1px 1px 6px #000;
    -webkit-box-shadow: 1px 1px 6px #000;
    box-shadow: 1px 1px 6px #000;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;
	cursor:pointer;
}

input.submit:hover
{
	background: #FFFFFF url(images/site_button_hover.jpg) top left repeat;
}

input[type="radio"]
{
	width:20px;
	height:20px;
}

/* --------------------------------------------- OMBRAGE / LIENS --------------------------------------------------*/

/* Spacers */
spc {padding-right: 10px; }
div.sep {margin-top: 8px;}
div.clear {clear: both;font-size: 1px;line-height: 0.1;}
div.hline {	border: none;border-top: 1px dashed black;clear: both;font-size: 1px;line-height: 0.1;margin: 5px 0;}

/* Little tweaks with fonts */
.under {text-decoration:underline ;}
.bold {font-weight:bold;}
.left{text-align:left;}


/* Some colors */
.yellow {color:#8196FF;}
.yellow2 {color:#FFFF00;}
.blue {color:#00FFFF;}
.red {color:#FF0000;}
.white {color:#FFFFFF;}
.white2 {color:#2F3C7F;}
.grey {color:#A4A4A4;}

.subpart 
{
	border: solid 3px #5b3158; 
	background: #2e2338 url(images/site_background_inner.jpg) top left repeat;  
	padding:2px 10px 2px 10px; 
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 6px #000;
    -webkit-box-shadow: 1px 1px 6px #000;
    box-shadow: 1px 1px 6px #000;
	display: inline-block;
	margin-top:5px;
}

.subpart_right {float:left; padding:5px 5px 2px 5px;}
.subpart_text {color:#FFFFFF;}
.subpart_text_hover {color:#FFFF00;}
.subpart_text_hidden {color:#A4A4A4;}

.content_important {color:#0004A8;}
.menu_important {color:#1A01D7;}
.group_color {color:#415B8A;}
.bluenew {color:#FFFFFF;}
.comments {background-color: #D7EDE2;}
.empty_color {color: #000000;}

/* Useful */
.hidden { visibility:hidden; }
.hidden_none { display:none; }
.inline { display:inline; }
.block { display:block; }
.pointer { cursor: pointer; }

.langtransfield { width:300px; height: 50px; }



/* --- hover rss ------------------------------------------------------------------------------*/
.rss a:link {color: #FFFFFF;
text-decoration: none;background-image: url(../../../../images/shared/rss.gif);background-position: 0px center;
background-repeat: no-repeat;padding: 0px 0px 0px 20px;}
.rss a:visited {color: #FFFFFF;
text-decoration: none;background-image: url(../../../../images/shared/rss.gif);background-position: 0px center;
background-repeat: no-repeat;padding: 0px 0px 0px 20px;}
.rss a:hover {color: #FFFFFF;
text-decoration: underline;background-image: url(../../../../images/shared/rss.gif);background-position: 0px center;
background-repeat: no-repeat;padding: 0px 0px 0px 20px;}

/* --- hover rss end ------------------------------------------------------------------------------*/

/* --- hover bookmark the site strat --------------------------------------------------------------*/
.bookmark a:link {font-weight: bold;color: #FFFFFF;
text-decoration: none;background-image: url(../../../../images/shared/star_off.gif);background-position: 0px center;
background-repeat: no-repeat;padding: 0px 0px 0px 20px;}
.bookmark a:visited {font-weight: bold;color: #FFFFFF;
text-decoration: none;background-image: url(../../../../images/shared/star_on.gif);background-position: 0px center;
background-repeat: no-repeat;padding: 0px 0px 0px 20px;}
.bookmark a:hover {font-weight: bold;color: #FFFFFF;
text-decoration: underline;background-image: url(../../../../images/shared/star_on.gif);background-position: 0px center;
background-repeat: no-repeat;padding: 0px 0px 0px 20px;}
/* --- hover bookmark the site end --------------------------------------------------------------*/