@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700,400,300,200);


/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

body {
	background: #ffeee2;
	font-family: 'Yanone Kaffeesatz';
	font-size: 13.5pt;
	line-height: 1.75em;
	color: #6b5b5b;
	margin: 0;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	line-height: 1.25em;
}

h2, h3, h4 {
	font-family: 'Yanone Kaffeesatz';
	font-weight: 300;
	color: #1d1d1d;
}



h2 {
	font-size: 26pt;
	letter-spacing: -1px;
	margin: 0 0 0.75em 0;
}

h3 {
	font-size: 20pt;
	letter-spacing: -1px;
	margin: 0;
	margin-bottom: 0;
	margin-top: 1.5em;

}


strong {
	font-weight: 700;
	color: #1d1d1d;
}

a {
	color: #c00023;
	text-decoration: none;
}

p.centered {
	text-align: center !important;
}


a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 10px;
	color: #6b5b5b;
}


#header-wrapper {
	margin-top: 10px;
}

#header {
	margin-top: 10px;
	max-width: 1000px;
	margin: auto;
	position: relative;
}

#flague { 
	position: absolute;
	top: -10px;
	left: 10px;
}
#flague img { max-height: 250px; }


#banner-wrapper {
	clear:both;
	background-image: url('../pic/banner1_tlo.jpg');
	background-repeat: repeat-x center;
	background-color: #a58a77;
	background-position: center; 
	margin: 0;
}

#banner {
	max-width: 1000px;
	margin: auto;
}

.banner-wrapper-line {
	background-image: url('../pic/banner-wrapper-bg-down.png');
	background-repeat: repeat-x;
	height: 14px;	
	margin-bottom: 20px;
}

#content-wrapper {
	max-width: 1000px;
	margin: auto;
}
#content {
	margin: 5px;
}

#content p {
    text-align: justify;
    text-justify: inter-word;
}

/* Conclude */
#conclude-wrapper {
	background-color: #2c2c2c;
	color: #525858;
	margin:0;
}
#conclude {
	max-width: 1000px;
	margin: auto;
	padding-top: 20pt;
	padding-bottom: 20pt;
}

#conclude p {
    text-align: justify;
    text-justify: inter-word;
	color: #a8a8a8;
}


#conclude h2 {
	color: #f0f0f0;
}

#conclude a {
	color: #a08080;
}

#conclude a:hover {
	color: #c0a0a0;
}


/* Footer */
#footer-wrapper {
	background-color: #151515;
	color: #525858;
}

#footer {
	max-width: 1000px;
	margin: auto;
	padding: 0; margin-top:0; margin-bottom: 0;
}
#footer p {
	text-transform: uppercase;
	text-align: center;
	padding: 10pt 0; 
	margin: 0;
}
#footer a {
	color: #388903;
}
#footer a:hover {
	color: #489913;
	text-decoration: none;
}

.inner_col_thin {
	margin-left: 5pt;
	margin-right: 5pt;
	
}

#banner_img {
	max-width: 100%;
}

#logo {
	float:left;

}

#logo-desc {
	float: left;
	margin-left: 10px;
	margin-top: 3pt;
	color: #a04040;
	max-width: 12em;
	font-weight: 300;
	font-size: 14pt;
	line-height: 120%;	
}



#logo_img {
	-webkit-box-shadow: 10px 10px 22px -14px rgba(0,0,0,0.55);
	-moz-box-shadow: 10px 10px 22px -14px rgba(0,0,0,0.55);
	box-shadow: 10px 10px 22px -14px rgba(0,0,0,0.55);
}

#menu {
	float: right;
	background-color: #31363C;
	border-radius: 5px;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

#menu ul {
	display: inline-block;
	margin:0;
	padding:0;
	list-style-type: none;
}

#menu li {
	display: inline-block;
	padding: 0px 10px;
}

#menu a {
	margin:0;
	padding: 0;
	color: #e0e0e0;
	text-decoration: none;
}

#menu a:hover {
	color: #f0c0c0;
}

.form-box {
	padding: 10px;
	border: 1px solid #c1ab9e;
	background-color: #d9c3b6;
	border-radius: 5px;
	-webkit-box-shadow: 10px 10px 22px -14px rgba(0,0,0,0.55);
	-moz-box-shadow: 10px 10px 22px -14px rgba(0,0,0,0.55);
	box-shadow: 10px 10px 22px -14px rgba(0,0,0,0.55);
}

.form-field-c {
	text-align: center;
}

.form-field-l {
	text-align: left;
}

.form-field-c h3 {
	font-size: 14pt;
	margin: 2px;
	font-weight: 400;
	letter-spacing: 1pt;
	color: #808080;
}

input[type=text], textarea, select, input[type=password] {
	color: #807070;
	font-family: 'Yanone Kaffeesatz';
	font-size: 14pt;
	max-width: 90%;
	border-radius: 5px;
	padding: 6px 10px;
	margin: 5px;
	margin-top: 2px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	background-color: #ffffff;
	border: 1px solid #808080;
}
 
input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus {
	box-shadow: 0 0 5px rgba(160, 128, 128, 1);
	border: 1px solid rgba(160, 128, 128, 1);
	background-color: #fff6f6;
}

.button1 {
	-moz-box-shadow:inset 0px 1px 3px 0px #ffe5d6;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffe5d6;
	box-shadow:inset 0px 1px 3px 0px #ffe5d6;
	background-color:#b58f79;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #8f847e;
	display:inline-block;
	cursor:pointer;
	color:#3d3527;
	font-family:Arial;
	font-size:15px;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #96857b;
}
.button1:hover {
	background-color:#82563d;
}
.button1:active {
	position:relative;
	top:1px;
}

.res_name {
}
.res_birth {
	color: #8f7a7a;
	font-size: 80%;
}
.res_info {
	color: #8f7a7a;
	font-size: 80%;
}	
.white-popup {
  position: relative;
  background: #ffeee2;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
  border-radius: 10px;
}

@media only screen and (max-width: 700px) {
	
	#menu, #flague {
		position: relative;
	}
	#flague {
		float: left;
	}
	

	#menu {
		float: right;
		width: 60%;
		background-color: #31363C;
		border-radius: 5pt;
		padding: 10pt 10pt;
		margin: 10pt 4pt;
	}
	
	#menu ul {
		margin-top: 10pt 5pt;
		width: 100%;
	}
	
	#menu li {
		display: block;
		border-top: 1px solid #828282;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	
	
	#menu li:first-of-type {
		border: none;
	}
	
}

@media only screen and (max-width: 500px) {

	#menu {
		clear: both;
		float: none;
		width: 90%;
	}	
	
	#flague {
		float: none;
		left: auto;
		text-align: center;
		
	}

	#flague img { height: 150px; }
	
}




ul.sources_list { 
	list-style-type: none;
	margin-top: 0; 
	padding-top: 0;
}
ul.sources_list li {
	margin-left: 20px;
    text-indent: -20px;
}

.right-signature {
	text-align: right !important;
	font-size: 80%;
	font-style: italic;
}

.partners-logos {
	margin-left: 40pt;
}

p.partners-logos-c {
	text-align: center !important;
}

.left-photo {
  float: left; 
  margin:0; 
  padding: 0;
  margin-right: 1em;
  border-top-left-radius: 25% 25%;
  border-top-right-radius: 25% 25%;
  border-bottom-right-radius: 25% 25%;
  border-bottom-left-radius: 25% 25%;
  filter: grayscale(60%);
}

.left-photo:hover {
  filter: grayscale(0%);
}

.source { display: none; }

.admin-info {
	font-weight: bold;
	color: #f00000;
	text-align: center;
}

.admin-btns small {
	font-size: 60%;
}
.admin-btns img {
	cursor: pointer;
}

.img-left {
	margin-right: 6px;
}

.proc1 p {
	text-align: center !important;
}
.proc1 a { 
	color: #ec6e00 !important;
}

span.author { color: #0e0e0e; }