@charset 'UTF-8';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 /*font: inherit;*/
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background-image:url(/styles/default/img/bg.jpg);
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	 /* border-spacing: 0; */
}

/*#################################################*/

.overlay {
    background-color: rgba(1, 0, 0, 0.77);
    right: 0;
    left: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 11;
    display: none;
}

.overlay:target {
    display: block;
}

.window img {
   width: 80%;
}

.window {
    top: 0;
    left: 50%;
    z-index: 12;
    margin: 0;
    position: fixed;
    padding: 15px;
    border: 1px solid #383738;
    background: #fefeff;
    border-radius: 15px;
    box-shadow: 0 13px 21px rgba(0,1,0,.19),0 21px 63px rgba(0,1,0,.31);
    transform: translate(-50%, -450%);
    transition: transform 0.6s ease-out;
}

.overlay:target+.window {
    transform: translate(-50%, 0);
    top: 17%;
}

.close {
    top: 15px;
    right: 15px;
    width: 23px;
    height: 23px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccd;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.81);
    box-shadow: 0 0 12px #010;
    text-align: center;
    text-decoration: none;
    font: 22em sans-serif;
    font-weight: bold;
/*    transition: all ease .9s; */
}
.close:before {
    color: rgba(254, 254, 254, 0.89);
    content: "X";
    text-shadow: 0 1px 3px #010;
    font-size: 14px;
}

.close:hover {
    background-color: rgba(253, 21, 0, 0.83);
    transform: rotate(360deg);
}

#button {
  margin-left: 0%;
    font: 20px Helvetica;
    font-weight: normal;
    border-radius: 11px;
    background-color: rgba(63, 63, 63, 0.9);
    box-shadow: 0 3px 10px #010;
    text-align: center;
    text-decoration: none;
    background: #DCDCDC;
    padding: 6px 17px;
}

/*#################################################*/


*:focus{outline:none;}
p{ /*text-align:justify;*/ }
a img{ border:none; vertical-align:top;}

.clear{ clear:both; font-size:1px; overflow:hidden; height:0;}
.clearRight{ clear:right; font-size:1px; overflow:hidden; height:0;}
.flLeft{ float:left;}
.flRight{ float:right;}
.tLeft{ text-align:left;}
.tCenter{ text-align:center;}
.tRight{ text-align:right;}
.tJustify{ text-align:justify;}
.tUpper{ text-transform:uppercase; }
.vMiddle{ vertical-align:middle;}
.tBold{ font-weight:bold;}
.tLight{ font-weight:normal;}
.tItalic{ font-style:italic;}
.tNormal{ font-style:normal;}
.rel{ position:relative;}
.hidden{ display:none; }
.dispblock{ display:block; }
.absBlocks{ position: absolute;top: 0;left: 0; }
.borderNone, .borderNone tr td{ border: none; }
.tdnone {text-decoration:none}

ul, ol{ margin:0 0 0 20px; }