/* GLOBAL */

html {
width:100%;
height:100%;
background-image: url(background.webp);
background-color:black;
}
body {
width:100%;
margin:0;
padding:0px;
}
a {
text-decoration:none;
}
table { 
border-collapse:collapse;
}
img{
vertical-align:middle;
border:0;
}
button {
display: inline-block;
border:0px;
cursor:pointer;
}
button:hover{
-webkit-filter: brightness(130%);
filter: brightness(130%);
}
input, textarea, select{
padding:6px;
background:#ddd;
border:#555 2px;
border-style: inset;
border-radius:4px;
}

.container{
width:800px;
margin:auto;
position:relative;
}

#ludoblast-title{
text-align:center;
}
#ludoblast-title img{
width:800px;
}

.title{
display:inline-block;
vertical-align:middle;
font-size:48px;
font-weight:bold;
color:#e3ba66;
margin-left:128px;
}

.frame{
background-color:#000;
color:#e0f9e5;
border:2px #e3ba66 solid;
border-radius:8px;
margin:8px;
}

.text{
font-size:14px;
margin:8px;
text-align:justify;
}

.imgtxt{
height:12px;
vertical-align:middle;
}

.link{
color:#e0f9e5;
text-decoration: underline;
}
.link:hover{
color:#068c67;
text-decoration: none;
}
.back{
display:inline-block;
vertical-align:middle;
}
.back img{
width:48px;
}

#presentation-img{
width:754px;
border-radius:8px;
}

#contact_email{
width:730px;
}
#contact_message{
width:730px;
height:128px;
}
#btn-send{
width:730px;
padding:8px;
margin:8px;
color:#e3ba66;
border:2px solid #e3ba66;
background-color:#00513f;
font-weight: bold;
}
#game-presentation{
display:inline-block;
vertical-align:top;
margin:8px;
width:300px;
height:300px;
overflow:hidden;
}
#game-presentation img{
width:300px;
}
#ludotheque{
display:inline-block;
vertical-align:top;
width:400px;
}

#article-title{
font-weight:bold;
font-size:22px;
text-align:center;
}
#article-date{
font-size:8px;
}
#article-img{
width:754px;
border-radius:8px;
}
#article-all{
font-size:12px;
}

.education-frame{
display:inline-block;
vertical-align:top;
width:236px;
background-color:#000;
color:#e0f9e5;
border:2px #e3ba66 solid;
border-radius:8px;
padding:4px;
margin:8px;
}
.education-frame img{
width:64px;
margin-right:4px;
border:2px solid black;
border-radius:16px;
float:left;
}
.education-title{
font-size:13px;
font-weight:bold;
}
.education-description{
font-size:10px;
text-align:justify;
}

.game-frame{
display:inline-block;
vertical-align:top;
position:relative;
width:350px;
background-color:#000;
color:#e0f9e5;
border:2px #e3ba66 solid;
border-radius:8px;
margin:8px;
}
.game-img{
display:inline-block;
vertical-align:top;
width:128px;
height:160px;
border-radius:4px;
overflow:hidden;
}
.game-img img{
width:128px;
border-radius:4px;
}
.game-new{
position:absolute;
bottom:-16px;
left:-16px;
width:64px;
}
.game-text{
display:inline-block;
width:190px;
margin-left:4px;
vertical-align:top;
font-size:12px;
}
.game-icon{
width:14px;
vertical-align:middle;
margin-left:4px;
}
.game-data{
display:inline-block;
vertical-align:middle;
font-size:12px;
}
.game-order{
display:inline-block;
text-decoration:underline;
cursor:pointer;
}
.game-order:hover{
color:#068c67;
}
.game-order-select{
display:inline-block;
color:#068c67;
}

@media only screen and (min-width: 1201px) {

.container{
width:800px;
}

#ludoblast-title img{
width:800px;
}

.frame{
font-size:14px;
padding:12px;
background-color:#000;
color:#e0f9e5;
border:2px #e3ba66 solid;
border-radius:8px;
margin:8px;
}

}



















/*
.link-big{
font-size:48px;
font-weight:bold;
color:#00513f;
text-shadow: -2px 0 #e3ba66, 0 2px #e3ba66, 2px 0 #e3ba66, 0 -2px #e3ba66;
text-decoration: none;
}
.link-big:hover{
color:#068c67;
text-shadow: -2px 0 #fdf3cb, 0 2px #fdf3cb, 2px 0 #fdf3cb, 0 -2px #fdf3cb;
}
.link-txt{
color:#e0f9e5;
text-decoration: underline;
}
.link-txt:hover{
color:#068c67;
text-decoration: none;
}

.ludoframe{
font-size:14px;
padding:12px;
background-color:#000;
color:#e0f9e5;
border:2px #e3ba66 solid;
border-radius:8px;
margin:8px;
}

.imgtxt{
height:12px;
vertical-align:middle;
}


.home-ludoblast{
max-width:100%;
}

.home-menu{
position:relative;
text-align:center;
margin-left:48px;
margin-right:48px;
}
.home-menu-element{
display:inline-block;
margin-right:16px;
margin-left:16px;
}

.home-facebook{
position:absolute;
top:0px;
left:-48px;
}
.home-facebook img{
width:48px;
}

.home-column-left{
width:100%;
text-align:center;
}

.home-presentation{
vertical-align:top;
text-align:left;
display:inline-block;
width:256px;
}
.home-presentation-img{
width:100%;
border-radius:8px;
}

.home-gamelight{
vertical-align:top;
text-align:left;
display:inline-block;
width:256px;
}
.home-gamelight-img{
width:100%;
border-radius:8px;
}

.home-citation{
vertical-align:top;
text-align:left;
display:inline-block;
width:256px;
}
.home-citation-img{
width:50%;
border-radius:8px;
}

.home-column-news{
display:none;
}

.education-frame{
display:inline-block;
width:256px;
vertical-align:top;
}
.education-img{
width:64px;
margin-right:4px;
border:2px solid black;
border-radius:16px;
float:left;
}
.education-title{
font-size:13px;
font-weight:bold;
}
.education-description{
font-size:10px;
text-align:justify;
}

#contact-div{
display:inline-block;
min-width:300px;
vertical-align:top;
}
#contact_email{
width:100%;
}
#contact_message{
width:100%;
height:128px;
}
#btn-send{
padding:8px;
margin:2px;
border:1px solid #e3ba66;
background-color:#00513f;
}
#prices-div{
display:inline-block;
width:200px;
vertical-align:top;
}

.game-frame{
position:relative;
display:inline-block;
vertical-align:top;
width:310px;
}
.game-img-div{
display:inline-block;
width:128px;
height:128px;
text-align:center;
position:relative;
vertical-align:top;
}
.game-img{
max-width:128px;
max-height:128px;
border-radius:4px;
}
.game-new{
position:absolute;
bottom:-16px;
right:-16px;
width:64px;
}
.game-text-div{
display:inline-block;
width:180px;
margin-left:2px;
vertical-align:top;
}
.game-icon{
width:14px;
vertical-align:middle;
margin-left:4px;
}
.game-data{
display:inline-block;
vertical-align:middle;
font-size:12px;
}

@media only screen and (min-width: 1201px) {

	.container{
	max-width:1100px;
	margin:auto;
	position:relative;
	}

	.home-column-news{
	display:inline-block;
	}

}

.YABtn{
background-color:black;
color:white;
padding:4px;
border:3px solid grey;
margin:2px;
border-radius:4px;
}

.YABlock{
background-color:black;
color:white;
padding:4px;
border:3px solid grey;
margin:2px;
border-radius:4px;
}

.GBPage{

}
.GBTitle{
text-align:center;
font-size:32px;
font-weight:bold;
}
.GBPart{
font-size:28px;
font-weight:bold;
}
.GBSubPart{
margin-top:32px;
margin-left:32px;
font-size:24px;
font-weight:bold;
}
.GBSubSubPart{
margin-top:32px;
margin-left:64px;
font-size:20px;
font-weight:bold;
}
.GBCenter{
text-align:center;
margin:4px;
}
.GBItemFrame{
position:relative;
display:inline-block;
vertical-align:top;
border-radius:16px;
white-space: nowrap;
}
.GBItemFrame img{
display:inline-block;
vertical-align:middle;
width:32px;
height:32px;
padding:2px;
border-radius:16px;
}
.GBItemTitle{
display:inline-block;
vertical-align:middle;
font-size:20px;
font-weight:bold;
padding:4px;
color:white;
}
.GBItemVal{
display:inline-block;
vertical-align:middle;
padding:4px;
color:white;
border-radius:16px;
}
.GBItemGreyTransform{
position:relative;
display:inline-block;
vertical-align:top;
border-radius:16px;
white-space: nowrap;
color:white;
background-color:#444444;
border:2px solid #555555;
}
.GBItemGrey{
background-color:#555555;
border:2px solid #666666;
}
.GBItemGrey .GBItemVal{
background-color:#777777;
}
.GBItemBlack{
background-color:#000000;
border:2px solid #111111;
}
.GBItemBlack .GBItemVal{
background-color:#222222;
}
.GBItemPink{
background-color:#CF00CC;
border:2px solid #FF61FC;
}
.GBItemPink .GBItemVal{
background-color:#FFA1FD;
}
.GBItemBrown{
background-color:#634C00;
border:2px solid #967400;
}
.GBItemBrown .GBItemVal{
background-color:#967400;
}
*/