*{
	padding: 0px;
	margin: 0px;	
	font-family: Poiret One;
	font-size: 18px;
}

p {
	font-size: 16px;
}

body {
	background-color: #aeaeae;
}

.book_body {
    background-size:     cover;
    background-position: middle center;
    background-repeat:   no-repeat;
    background-attachment: fixed;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

#title {
	position: relative;
	background-color: #525252;
	height: 30px;
	width: 100%;
}

#title p {
	padding-top: 5px;
	text-align: center;
	font-family: Poiret One;
	font-size: 18px;
	font-weight: bold;
}
#title a {
	color: #FFFFFF;
}

#main {
	/*background-color: red;*/
	width: 1200px;
	margin: auto;
}

#head , #index_map{
	position: relative;
	width: 1200px;
	margin: auto;
	/*box-shadow: 0px 10px 15px grey;*/
}

#head {
	background-size:     cover;
    background-position: center center;
    background-repeat:   no-repeat;

}

#head {
	height: 350px;
}

#content{
	/*height: 500px;*/
	width: 1170px;
	margin: auto;
	padding: 10px 0;
}

#content_data {
	margin: 20px 110px;
	text-align: justify;
}
#content_data * {
	font-family: Open Sans;
	/*font-size: 16px;*/
	/*line-height: 180%;
	font-weight: normal;
	color: #525252;*/
}
#content_data p{
	margin-bottom: 15px;
	font-family: Open Sans;
	line-height: 180%;
	font-weight: normal;
	color: #525252;
}
#content_data a {
	font-family: Open Sans;
	font-size: 16px;
	color: #0077bf;
}
#content_data ul li, #content_data ol li{
	font-family: Open Sans;
	font-size: 16px;
	line-height: 180%;
	font-weight: normal;
	color: #525252;
	margin-left: 30px;
}

.related_posts {
	font-size: 24px;
	padding-left: 100px;
	font-weight: bold;
	color: #525252;
}

#head_wrapper {
	position: relative;
	width: 1200px;
	/*height: 500px;*/
	margin: auto;
}

#head_desc, #head_comments, #head_support, #head_signup , #head_stat{
	position: absolute;
	visibility: hidden;
}

#head_comments, #head_support, #head_signup {
	margin: auto;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
}

#head_signup {
	margin: auto;
	bottom: 20px;
	padding: 5px;
	left: 400px;
}
#head_signup p{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}
.signup_btn {
	background: #4CAF50;
	color: #ffffff;
	border-radius: 5px;
	border: 0px black solid;
	padding: 5px;
	font-size: 22px;
}
.order_btn {
	font-family: Open Sans;
	font-size: 22px;
	background: #4CAF50;
	color: #ffffff;
	border-radius: 5px;
	border: 0px black solid;
	padding: 8px 20px 8px 20px;
}
.peek_btn {
	background: transparent;
	color: #4CAF50;
	border-radius: 5px;
	border: 2px #4CAF50 solid;
	padding: 4px 15px 4px 15px;
	font-size: 22px;
	font-weight: bold;
}
.peek_btn:hover {
	color: #ff7e00;
	border-color: #ff7e00;
}
.order_btn:hover {
	color: #ffffff;
	background: #ff7e00;
}
.book_more_link {
	color: #4CAF50;
	font-size: 22px;
	font-weight: bold;
}
.book_more_link:hover {
	color: #ff7e00;
}
#head_signup .mini_text{
	text-align: left;
	font-size: 10px;
	margin: 0 0 0 5px;
}
#head_signup .mini_text a{
	font-size: 10px;
}
#sign_up_form {
	width: 412px;
	margin: auto;
}

#head_stat {
	margin: auto;
	top: 20px;
	left: 20px;
	font-size: 30px;
	font-family: Caveat;
}
#head_stat_core {
	width: 850px;
}
#head_stat p{
	font-size: 30px;
	font-family: Caveat;
	color: #ffffff;
	padding: 10px;
}
#head_stat span{
	font-size: 40px;
	font-family: Caveat;
}

#head_desc {
	width: 1200px;
	margin: auto;
	/*top: 320px;*/
	bottom: 20px;
	right: 30px;
	color: #ffffff;
	font-size: 12px;
	text-align: right;
}

#head_comments {
	width: 200px;
	/*height: 150px;*/
	top: 20px;
	right: 20px;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

#head_comments p{
	margin: 10px;
	line-height: 140%;
}

#comment_first {
	color: #525252;
	font-size: 28px;
	font-family: Sacramento;
}
#comment_second {
	color: #169847;
	font-size: 26px;
	font-family: Caveat;
	padding-left: 10px;
}
#comment_third {
	color: #c33737;
	font-size: 14px;
	font-family: Freckle Face;
}
#comment_fourth {
	color: #ff7e00;
	font-size: 18px;
	font-family: Freckle Face;
	font-style: italic;
	padding-left: 5px;
}
#comment_fifth {
	color: #2d50e6;
	font-size: 30px;
	font-family: Just Me Again Down Here;
}
#comment_sixth {
	color: #df3cd9;
	font-size: 25px;
	font-family: Caveat;
	padding-left: 30px;
}

#head_support {
	width: 200px;
	/*height: 250px;*/
	bottom: 20px;
	left: 20px;
	color: #000000;
	font-size: 12px;
	text-align: center;
}
#head_support p {
	margin: 10px;
	font-weight: bold;
	font-size: 18px;
	color: #f25252;
}
#head_support p:hover {
	color: #525252;/*#4CAF50*//*ff7e00*/;
}
.support_bigger {
	font-size: 22px;
	font-weight: bolder;
	/*color: #ff7e00;*/
	font-family: Freckle Face;
}

#head_title {
	position: absolute;
	visibility: hidden;
	width: 740px;
	margin: auto;
	bottom: 130px;
	padding-left: 230px;
	color: #ffffff;
	font-size: 42px;
	text-align: center;
	height: 0px;
	font-family: Caveat;
	background: red;
}

#index_map {
	background: url("/frontend/static/images/map.png") #c1e4ff;
	height: 432px;
}

.overview_splitter{
	color: #000000;
	font-size: 30px;
	font-weight: bolder;
	font-family: Caveat;
	padding: 5px 0px 0px 150px;
}

#index_map_desc {
	position: absolute;
	top: 340px;
	right: 0px;
	margin-right: 80px;
	color: #ffffff;
	font-size: 55px;
	text-align: right;
	font-family: Great Vibes;
}

#index_spacer {
	height: 15px;
	width: 1200px;
	margin: auto;
}
#spacer_left, #spacer_right  {
	width: 0;
    height: 0;
	overflow: hidden;
}
#spacer_left:after, #spacer_right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
}
#spacer_left {
    padding-left:15px;
    padding-top: 15px;
	float: left;
}
#spacer_left:after {
    margin-left:-500px;
    margin-top:-500px;    
    border-left: 500px solid transparent;
    border-top: 500px solid #525252;
}
#spacer_middle {
	height: 15px;
	width: 1170px;
	float: left;
}
#spacer_right {
    padding-bottom: 15px;
    padding-left: 15px;
}
#spacer_right:after {
    margin-left: -500px;
    border-bottom: 500px solid transparent;
    border-left: 500px solid #525252;
}
#spacer_over {
	width: 1170px;
	height: 10px;
	background: red;
	top: -15px;
	left: 15px;
	position: relative;
	
	background: #cdcdcd; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgba(100,100,100,1), rgba(205,205,205,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(100,100,100,1), rgba(205,205,205,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(100,100,100,1), rgba(205,205,205,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(100,100,100,1), rgba(205,205,205,0)); /* Standard syntax */
}

#index_gallery, #index_articles, #spacer_middle, #content{
	background: #cdcdcd; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #cdcdcd, #ffffff, #cdcdcd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #cdcdcd, #ffffff, #cdcdcd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #cdcdcd, #ffffff, #cdcdcd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #cdcdcd, #ffffff, #cdcdcd); /* Standard syntax */
}

#book_index {
	background: rgba(255,255,255,0.8);
	border-radius: 4px;	
	/*height: 625px;*/
	width: 1170px;
	margin: auto;
}
#index_gallery {
	/*height: 380px;*/
	width: 1170px;
	margin: auto;
}
#index_articles{
	height: 380px;
	width: 1170px;
	margin: auto;
}

#book_index p {
	margin-bottom: 15px;
	font-family: Open Sans;
	line-height: 180%;
	font-weight: normal;
	color: #525252;
}
#book_index a {
	font-family: Open Sans;
	font-size: 16px;
}
#book_index ul li, #book_index ol li{
	font-family: Open Sans;
	font-size: 16px;
	line-height: 180%;
	font-weight: normal;
	color: #525252;
	margin-left: 30px;
}

.book_order_table {
	margin: 0px;
	width: 1170px;
}
.book_order_table tr td{
	/*border: 1px black solid;*/
	font-family: Open Sans;
	font-size: 16px;
	color: #525252;
	padding: 10px 40px 0 40px;
}
.form_warning {
	color: #ff0000;
	font-family: Open Sans;
	font-size: 16px;
}
.form_warning .form_enabled {
	color: #ff0000;
}
.form_warning .form_disabled {
	color: #dd9999;
}
.form_warning input {
	border-color: red;
}
.form_note {
	font-size: 12px;
	font-family: Open Sans;
}
.order_sum{
	font-size: 16px;
	font-family: Open Sans;
}
.to_pay{
	font-size: 32px;
	font-family: Open Sans;
}
.table_no_padding tr td{
	padding: 0;
}
.book_order_table textarea {
	height: 150px;
}
.book_order_table textarea, .book_order_table input {
	font-family: Open Sans;
	font-size: 14px;
}
/*input[type="radio"]:disabled {*/
.form_disabled {
    color: #aaaaaa;
	font-family: Open Sans;
	font-size: 16px;
}
.form_enabled {
	font-family: Open Sans;
	font-size: 16px;
}
.book_index_table {
	/*border: 1px black solid;*/
	margin: 0 50px 0 50px;
}

.book_index_table tr td{
	padding: 20px;
}

.book_map {
	border: 5px white solid;
	border-radius: 4px;
}

.article_group {
	float: left;
	width: 390px;
	height: 350px;
}
.index_article {
	position: relative;
	height: 150px;
	width: 350px;
	margin: 19px;
	padding: 0px;
	background: #4CAF50;
}
.index_article_img{
	height: 150px;
	width: 350px;
	box-shadow: 0px 5px 15px #444444;
	background-size: cover;
	background-position: center center;
    background-repeat:   no-repeat;
}
.index_article_title{
	position: relative;
	margin-top: -140px;
	height: 160px;
	text-align: center;
}
.index_article_title a {
	font-size: 34px;
	font-weight: bold;
	font-family: Caveat;
	color: #ffffff;
}
.index_article_text {
	text-align: justify;
	margin: 0px 20px 0px 20px;
}
.index_article_text a {
	font-family: Caveat;
	font-size: 18px;
	color: #000000;
}

#book_spacer {
	height: 20px;
	width: 1200px;
	margin: auto;
}

#footer {
	height: 40px;
	width: 1200px;
	margin: auto;
}

#footer_visible {
	height: 20px;
	width: 1200px;
	margin: auto;
	
	background: #808080; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #808080, #aaaaaa, #808080); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #808080, #aaaaaa, #808080); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #808080, #aaaaaa, #808080); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #808080, #aaaaaa, #808080); /* Standard syntax */
		
	box-shadow: 0px 5px 15px #444444;	
}

#footer p {
	text-align: center;
	color: #ffffff;
	padding-top: 3px;
	font-size: 10px;
}

#credits {
	height: 100px;
	width: 100%;
	margin: auto;
	background: #525252;
	color: #FFFFFF;
}
#credits table {
	margin: auto;
	width: 1000px;
	padding-top: 8px;
}
#credits a {
	color: #FFFFFF;
}
#credits a:hover {
	color: #aeaeae;
}
/****************************************************************/
/*	Header image zoomer											*/
/****************************************************************/

.zs-img {		
		background-size: cover;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
        -webkit-transition: -webkit-transform 10s ease;
        -moz-transition: -moz-transform 10s ease;
        -ms-transition: -o-transform 10s ease;
        transition: transform 10s ease;
}

/****************************************************************/
/*	Quick gallery												*/
/****************************************************************/

#wrapper {
	position: relative;
	width: 820px;
	height: 355px;
	/*border: 1px black solid;*/
	margin: auto;
}

#divLeft2 {
	left: 50px;
	top: 50px;
	z-index: 0;			
}
#divLeft1 {
	left: 100px;
	top: 50px;
	z-index: 1;
}
#divMain {
	left: 250px;
	top: 50px;
	z-index: 2;
}
#divRight1 {
	left: 650px;
	top: 50px;
	z-index: 1;
}
#divRight2 {
	left: 825px;
	top: 50px;
	z-index: 0;
}
#divBack {
	left: 270px;
	top: 50px;
	z-index: -1;
}

#divLeft2, #divLeft1, #divMain, #divRight1, #divRight2, #divBack {			
	position: absolute;
	float: left;
	
	-webkit-transition: left 500ms ease-in-out, top 500ms ease-in-out;
	-moz-transition: left 500ms ease-in-out, top 500ms ease-in-out;
	-o-transition: left 500ms ease-in-out, top 500ms ease-in-out;
	transition: left 500ms ease-in-out, top 500ms ease-in-out;	
}

#img1, #img2, #img3, #img4, #img5, #img6 {
	border: 2px solid #525252;
	
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

/****************************************************************/
/*	Navigation bar												*/
/****************************************************************/

#language_bar {
	position: absolute;
	top: 3px;
	right: 5px;
	z-index: 1;
}

#menu {
	height: 31px;
	width: 1170px;
	margin: auto;
	/*background-color: #808080;*/
	text-align: center;
	font-family: Poiret One;
	font-size: 16px;
	
	background: #808080; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #808080, #aaaaaa, #808080); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #808080, #aaaaaa, #808080); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #808080, #aaaaaa, #808080); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #808080, #aaaaaa, #808080); /* Standard syntax */
	
}

.active {
    background-color: #4CAF50;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	margin: auto;
	padding:0;
	z-index: 10;
	display: inline-block;
}

#primary_nav_wrap ul li a
{	
	display:block;
    color: white;
	text-decoration:none;
	text-align: center;
	padding: 5px 50px 5px 50px;;
	z-index: 10;	
	
  -webkit-transition: background-color 300ms ease-in;
     -moz-transition: background-color 300ms ease-in;
       -o-transition: background-color 300ms ease-in;
      -ms-transition: background-color 300ms ease-in;
          transition: background-color 300ms ease-in;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	z-index: 10;
}

#primary_nav_wrap ul li a:hover
{
	background-color: #444444;
	
  -webkit-transition: background-color 500ms ease-out;
     -moz-transition: background-color 500ms ease-out;
       -o-transition: background-color 500ms ease-out;
      -ms-transition: background-color 500ms ease-out;
          transition: background-color 500ms ease-out;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float: none;
	/*width: 300px;*/
}

#primary_nav_wrap ul ul li a:hover
{
	background-color: #cccccc;
	
  -webkit-transition: background-color 500ms ease-out;
     -moz-transition: background-color 500ms ease-out;
       -o-transition: background-color 500ms ease-out;
      -ms-transition: background-color 500ms ease-out;
          transition: background-color 500ms ease-out;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color: black;
	text-align: left;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

.double_col_menu
{
 width: 500px; /*munualy set*/ /*added for 2 col submenu*/
}

/*added for 2 col submenu*/
#primary_nav_wrap ul ul ul.double_col_menu li
{
float:left;
width: 50%;
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

#contact_wrapper {
	width: 1170px;
	height: 500px;
}
#contact_text {
	width: 360px;
	height: 100px;
	float: left;
	padding: 20px;
}
#postcard {
	float: left;
	width: 750px;
	height: 480px;
	background: url("/frontend/static/images/postcard.jpg");
	/*margin: auto;*/
	border: 1px solid #7ba0bb;
	border-radius: 5px;	
}

#contact_table, #support_table {
	margin: auto;
}

#contact_table tr td {
	padding: 10px 0 0 30px;
	width: 335px;
}

#contact_table p {
	padding-top: 200px;
	font-family: Caveat;
	font-size: 26px;
}

.txtedit, textarea{
	width: 300px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #7ba0bb;
	background: transparent;
	font-family: Caveat;
	font-size: 22px;
}

.send {
	width: 250px;
	padding: 10px;
	font-weight: bold;
}

textarea {
	height: 220px;
}

#support_table {
	width: 1000px;
	text-align: justify;
	color: #252525;
}
#support_table a{
	color: #252525;
}
#donate_table {
	margin: auto;
	text-align: center;
}
.donation_sum {
	font-size: 25px;
	text-align: center;
}

.bottom_menu {
	vertical-align: top;
}
.bottom_menu ul {
	float: left;
	list-style-type: none;
	margin-left: 50px;
}

.overview_item {
	border: 1px #525252 solid;
	margin: 15px 100px 20px 100px;
	height: 60px;
}
.overview_item table {
	padding: 0px;
	height: 60px;
	padding-left: 50px;
}
.overview_item a{
	font-family: Caveat;
	font-size: 30px;
	line-height: 30px;
	color: #525252;
}
.overview_item a:hover{
	color: #aaaaaa;
}
.overview_item img{
	border-right: 1px #525252 solid;
	float: left;
}

#stat_paper {
	padding: 50px;
	width: 970px;
	margin-left: 50px;
	background: url('/frontend/static/images/paper_back.png') #ffffff;
	text-align: center;
}
#stat_paper p{
	font-family: Caveat;
	font-size: 35px;
	color: #525252;
}
#stat_paper span{
	font-family: Caveat;
	font-size: 40px;
	color: #0077bf;
}
#stat_paper .stat_text_smaller {
	font-size: 28px;
}
#stat_paper .stat_text_regular {
	font-family: Open Sans;
	font-size: 16px;
	text-align: justify;
}
.stat_text_support a b{
	font-size: 22px;
	font-family: Freckle Face;
}
.stat_text_support a{
	font-size: 18px;
	font-weight: bolder;
	color: #4CAF50;
	text-align: justify;
}
.stat_text_support a:hover{
	color: #525252;
}
#upn_text {
	color: #525252;
}
#visited_countries {
	margin: auto;
	width: 891px;
	height: 504px;
	background: url('/frontend/static/images/old_map_back.png');
}
#visited_countries img{
	margin: 35px 45px;
}
#distance_progress, #time_progress{
	width: 900px;
	margin: auto;
}
#fund_progress {
	width: 900px;
	margin: auto;
}
#distance_progress .progress_back  {
	width: 640px;
}
#time_progress .progress_back  {
	width: 790px;
}
#bookfund_back  {
	width: 733px;
	height: 40px;
}
#bookfund_prog  {
	height: 40px;
}
.progress_back {
	height: 20px;
	background-color: #e6e6e6;
}
.progress {
	height: 20px;
	background-color: #0077bf;
}
#earth_diameter_progress {
	margin: auto;
	height: 150px;
	background: url('/frontend/static/images/earth.png') repeat-x;
}

.navigation {
	margin-left: 25px;
}
.navigation a{
	color: #525252;
}

#upn {
	width: 700px;
	margin: auto;
	position: relative;
	margin-bottom: 10px;
}
#upn div {
	position: absolute;
}
#upn p{
	font-family: Courier;
	font-size: 12px;
	line-height: 13px;
}
#placnik {top: 70px; left: 220px;}
#koda {top: 111px; left: 220px;}
#namen {top: 111px; left: 280px;}
#znesek {top: 140px; left: 340px;}
#datum {top: 140px; left: 415px;}
#bic {top: 140px; left: 520px;}
#iban {top: 168px; left: 220px;}
#ref {top: 197px; left: 220px;}
#erenca {top: 197px; left: 275px;}
#prejemnik {top: 225px; left: 220px;}


#text_bottom {
	background: #ffffff;
	padding: 40px;
	border-radius: 20px;
}
#social {
	margin: auto;
	/*background-color: red;*/
	width: 450px;
	height: 50px;
}
#fb_share, #tw_share, #pin_share, #gp_share{
	background: #ffffff;
	padding: 10px 20px 10px 20px;
	border-radius: 4px;
	float: left;
	margin: 0 10px 0 10px;
	height: 23px;
}
#fb_share{
	border: 5px #425dab solid;
	padding: 8px 20px 12px 20px;
	width: 105px;
}
#tw_share{
	border: 5px #1b95e0 solid;
	padding: 12px 20px 8px 20px;
	width: 70px;
}
#pin_share{
	border: 5px #d32f32 solid;
	padding: 9px 20px 11px 20px;
	width: 58px;
}
#gp_share{
	border: 5px #d32f32 solid;
	width: 38px;
}

/*td {
	border: 1px black solid;
}*/