/*
                                                 
-> Project: SOS Djecje selo Hrvatska 2009.                               
-> Author: Igor Gotal-Luksa / Dobbin				 
-> Copyright (c) 2009: Dobbin / www.dobbin.hr
                   							                         
*/


/* CLEARING METHODS
----------------------------------------------------------------------------*/

	.clearfix:after { 
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0; 
		height: 0; 
		}
	
	.clearfix {
		display: inline-block; 
		}
	
	html[xmlns] .clearfix {
		display: block; 
		}
	
	* html .clearfix {
		height: 1%; 
		}
	
	.clear {
		clear: both; 
		}
		
		
/* RESET & NORMALIZE
----------------------------------------------------------------------------*/

	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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}

	:focus {
		outline: 0;
		}

	ol, ul {
		list-style: none;
		}
		
	a {
		outline: none;
		}

	.hidden {
		display : none;
		}
		
		
/* HTML & BODY
----------------------------------------------------------------------------*/

	body {
		font: 62.5%/1.8 Arial, Verdana, Tahoma, sans-serif;
		background: #84bf6b url("../images/background_image.jpg") top center no-repeat fixed;
		padding: 20px 0 20px 0; 
		text-align: center; 
		}
		
		
/* LAYOUT CONTAINER & CONTENT WRAPPER
----------------------------------------------------------------------------*/

	#layout-container {
		width: 980px;
		margin: 0px auto;
		text-align: left;
		}
		
	#content-wrapper {
		width: 960px;
		background-color: #f6f6f1;
		border: 5px solid #edede4;
		margin-bottom: 10px;
		}	
		
		
/* BANNER TOP / KNDERDORF EXTERNAL / LANGUAGE SELECTION
----------------------------------------------------------------------------*/

	#banner-top {
		float: left;
		width: 728px;
		margin: 0 10px 20px 0;
		}
		
	#top-header-menu {
		float: right;
		width: auto;
		}
		
	#top-header-menu li a#kinderdorf-link {
		display: block;
		width: 240px;
		height: 60px;
		background: url("../images/kinderdorf_international.gif") top left no-repeat;
		text-indent: -9999px;
		margin-bottom: 3px;
		}
		
	#top-header-menu li a#language-selection-link {
		display: block;
		background-color: #e74361;
		font: bold 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		padding: 3px 0 3px 7px;
		}
		
	#top-header-menu li a#language-selection-link:hover {
		background-color: #ffe400;
		color: #e74361;
		}

		
/* MAIN NAVIGATION
----------------------------------------------------------------------------*/

	#main-navigation-wrapper  {
		height: 63px;
		min-width: 975px;
		background: url("../images/main_menu_background.gif") bottom right no-repeat;
		}
		
	#bottom-navigation-wrapper  {
		height: 53px;
		min-width: 975px;
		background: url("../images/main_menu_background.gif") bottom right no-repeat;
		}

	#main-navigation {
		width: 965px;
		height: 44px;
		background-color: #e74361;
		position: relative;
		top: 10px;
		left: 10px;
		display: inline-block;
		padding: 0px;
		}
		
	#bottom-navigation {
		width: 965px;
		height: 44px;
		background-color: #e74361;
		position: relative;
		left: 10px;
		display: inline-block;
		padding: 0px;
		}
		
	#main-navigation ul, #bottom-navigation ul {
		font: bold 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		position: relative;
		top: 6px;
		left: 8px;
		display: block;
		}
		
	#main-navigation ul li, #bottom-navigation ul li {
		float: left;
		width: auto;
		border-right: 1px solid #ec647b;
		}

	#main-navigation ul li a, #bottom-navigation ul li a {
		color: #fff;
		text-decoration: none;
		padding: 6px 8px 6px 8px;
		display: inline-block;
		}
		
	#main-navigation ul li a:hover, #bottom-navigation ul li a:hover {
		background-color: #ffe400;
		color: #e74361;
		padding: 6px 8px 6px 8px;
		}
		
	#main-navigation ul li a.active, #bottom-navigation ul li a.active {
		background-color: #ffe400;
		color: #e74361;
		padding: 6px 8px 6px 8px;
		}
		
		
/* SIDE NAVIGATION
----------------------------------------------------------------------------*/

	.side-navigation {
		font: normal 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		text-align: right;
		margin: 40px 0 20px 0;
		}
		
	.side-navigation li {
		background: url("../images/side_menu_bullet.gif") 250px 12px no-repeat;
		border-bottom: 1px solid #edede4;
		}
		
	.side-navigation li:hover {
		background-color: #e5f7fd;
		}
		
	.side-navigation li a {
		text-decoration: none;
		padding: 3px 35px 3px 0;
		display: block;
		color: #3f312e;
		}
		
	.side-navigation li a.active {
		font-weight: bold;
		background: #e5f7fd url("../images/side_menu_bullet.gif") 250px 12px no-repeat;
		}
		
	h3.side-menu-header {
		background: url("../images/side_menu_header_background.gif") no-repeat;
		font: bold 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		text-align: right;
		margin-top: 20px;
		width: 349px;
		height: 40px;
		position: absolute;
		top: 5px;
		left: -25px;
		color: #fff;
		padding: 5px 15px 0 0;
		}
		
	
/* HEADER
----------------------------------------------------------------------------*/

	#header-wrapper {
		height: 259px;
		min-width: 975px;
		display: inline-block;
		background: url("../images/header_background.gif") bottom right no-repeat;
		}
	
	#header {
		background-color: #fff;
		height: 250px;
		text-align: left;
		position: relative;
		left: 10px;
		width: 965px;
		display: block;
		}
		
	#logo {
		top: 20px;
		left: 0px;
		z-index: 20;
		position: absolute;
		width: 217px;
		height: 73px;
		}
		
	.header-image {
		float: left;
		width: 650px;
		z-index: 10;
		position: absolute;
		}
		
	#header-banners {
		float: right;
		width: 315px;
		}
		
	#header-banners li#humanitarni-telefon a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 9px 0 3px 10px;
		background: url("../images/banners/banner_humanitarni_telefon.gif");
		display: block;
		}
		
	#header-banners li#humanitarni-telefon a:hover {
		background: url("../images/banners/banner_humanitarni_telefon.gif") -295px 0px;
		}
		
	#header-banners li#donirajte-online a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 0 0 3px 10px;
		background: url("../images/banners/banner_donirajte_online.gif");
		display: block;
		}
		
	#header-banners li#donirajte-online a:hover {
		background: url("../images/banners/banner_donirajte_online.gif") -295px 0px;
		}
		
	#header-banners li#kupite-cestitke a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 0 0 3px 10px;
		background: url("../images/banners/banner_kupite_cestitke.gif");
		display: block;
		}
		
	#header-banners li#kupite-cestitke a:hover {
		background: url("../images/banners/banner_kupite_cestitke.gif") -295px 0px;
		}
		
	#header-banners li#newsletter a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 0 0 3px 10px;
		background: url("../images/banners/banner_newsletter.gif");
		display: block;
		}
		
	#header-banners li#newsletter a:hover {
		background: url("../images/banners/banner_newsletter.gif") -295px 0px;
		}
		
		
	#header-banners li#humanitarni-telefon-en a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 9px 0 3px 10px;
		background: url("../images/banners/banner_humanitarni_telefon_en.gif");
		display: block;
		}
		
	#header-banners li#humanitarni-telefon-en a:hover {
		background: url("../images/banners/banner_humanitarni_telefon_en.gif") -295px 0px;
		}
		
	#header-banners li#donirajte-online-en a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 0 0 3px 10px;
		background: url("../images/banners/banner_donirajte_online_en.gif");
		display: block;
		}
		
	#header-banners li#donirajte-online-en a:hover {
		background: url("../images/banners/banner_donirajte_online_en.gif") -295px 0px;
		}
		
	#header-banners li#kupite-cestitke-en a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 0 0 3px 10px;
		background: url("../images/banners/banner_kupite_cestitke_en.gif");
		display: block;
		}
		
	#header-banners li#kupite-cestitke-en a:hover {
		background: url("../images/banners/banner_kupite_cestitke_en.gif") -295px 0px;
		}
		
	#header-banners li#newsletter-en a {
		width: 295px;
		height: 55px;
		text-indent: -9999px;
		margin: 0 0 3px 10px;
		background: url("../images/banners/banner_newsletter_en.gif");
		display: block;
		}
		
	#header-banners li#newsletter-en a:hover {
		background: url("../images/banners/banner_newsletter_en.gif") -295px 0px;
		}
		
		
/* CONTENT BLOCKS
----------------------------------------------------------------------------*/

	.news-block-box {
		margin-bottom: 20px;
		}
		
	.content-block-white {
		background: #fff url("../images/white_block_background.gif") bottom left no-repeat;
		text-align: left;
		position: relative;
		left: 10px;
		width: 965px;
		display: inline-block;
		padding-bottom: 20px;
		}
		
	.content-block-yellow {
		background: #ffe400 url("../images/yellow_block_background.gif") bottom left no-repeat;
		text-align: left;
		position: relative;
		left: 10px;
		width: 965px;
		display: inline-block;
		padding-bottom: 20px;
		}
		
	.content-block-white h4 {
		font: bold 1.1em/1.6 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #00aeef;
		width: 280px;
		border-bottom: 1px solid #f5f4f4;
		margin-bottom: 15px;
		}
		
	.content-block-yellow h4 {
		font: bold 1.1em/1.6 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #00aeef;
		width: 280px;
		border-bottom: 1px solid #f5db02;
		margin-bottom: 15px;
		}
		
	.content-block-white h3, .content-block-yellow h3 {
		font: normal 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #3f312e;
		margin-bottom: 12px;
		}
		
	.content-block-white h3 span, .content-block-yellow h3 span {
		color: #ec6f04
		}
		
	.content-block-white h2{
		font: bold 1.9em/1.2 Arial, Verdana, Tahoma, sans-serif;
		margin-bottom: 12px;
		padding-top: 10px;
		border-top: 1px solid #f5f4f4;
		}
		
	.content-block-yellow h2 {
		font: bold 1.9em/1.2 Arial, Verdana, Tahoma, sans-serif;
		margin-bottom: 12px;
		padding-top: 10px;
		border-top: 1px solid #f5db02;
		}
		
	.content-block-white h2 a, .content-block-yellow h2 a {
		color: #3f312e;
		text-decoration: none;
		}
		
	.content-block-white h2 a:hover, .content-block-yellow h2 a:hover {
		text-decoration: underline;
		}
		
	.content-block-white p, .content-block-yellow p {
		font: normal 1.4em/1.5 Arial, Verdana, Tahoma, sans-serif;
		color: #3f312e;
		}
	
	.news-block-homepage {
		width: 280px;
		float: left;
		margin: 20px 0 15px 30px;
		}
		
	.find-out-more, .find-out-more-eng {
		font: normal 1em/1.5 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		padding: 4px 6px 4px 6px;
		background-color: #ec6f04;
		color: #fff;
		border: none;
		text-decoration: none;
		}
		
	.find-out-more:hover, .find-out-more-eng:hover  {
		background-color: #00aeef;
		cursor: pointer;
		}
		
		
/* MAIN CONTENT
----------------------------------------------------------------------------*/

	.content-main {
		background: #fff url("../images/white_block_background.gif") bottom left no-repeat;
		text-align: left;
		position: relative;
		left: 10px;
		width: 965px;
		display: inline-block;
		}
		
	.content-main-background {
		position: relative;
		left: 965px;
		}
		
	.content-main-left {
		float: left;
		width: 270px;
		margin: 25px 0 0 65px;
		}
		
	.content-main-right {
		float: right;
		width: 550px;
		margin: 20px 40px 20px 20px;
		}
		
	.content-main-right p {
		font: normal 1.4em/1.5 Arial, Verdana, Tahoma, sans-serif;
		color: #3f312e;
		margin-bottom: 15px;
		}
		
	.content-main-right p a {
		color: #00aeef;
		text-decoration: underline;
		}
		
	.content-main-right p a:hover {
		text-decoration: none;
		}
		
	.content-main-right blockquote {
		font: bold 1.4em/1.5 Arial, Verdana, Tahoma, sans-serif;
		color: #00aeef;
		margin-bottom: 15px;
		}
		
	.content-main-right span {
		color: #ec6f04
		}
		
	.content-main-right h1 {
		font: bold 2.8em/1.2 Arial, Verdana, Tahoma, sans-serif;
		margin-bottom: 20px;
		}

	.content-main-right h2 {
		font: normal 1.9em/1.2 Arial, Verdana, Tahoma, sans-serif;
		margin: 25px 0 15px 0;
		}
		
	.content-main-right h3 {
		font: normal 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #00aeef;
		margin-bottom: 10px;
		}
		
	.date-badge {
		text-transform: uppercase;
		background-image: url("../images/date_badge.gif");
		width: 62px;
		height: 71px;
		position: absolute;
		left: -25px;
		text-align: center;
		color: #fff;
		}
		
	.date-badge span {
		font: bold 2.3em/1.9 Arial, Verdana, Tahoma, sans-serif;
		}
		
	.content-main-right ul {
		font: normal 1.4em/1.5 Arial, Verdana, Tahoma, sans-serif;
		margin-bottom: 15px;
		border-left: 12px solid #e5f7fd;
		}
		
	.content-main-right ul li {
		padding: 2px 0 2px 35px;
		background: url("../images/side_menu_bullet.gif") 20px 12px no-repeat;
		}
		
	.contact-details {
		float: left;
		width: 275px;
		}
		
		
/* CONTENT IMAGES
----------------------------------------------------------------------------*/

 .news-article-image-main {
	 	border: 5px solid #ecece1;
		margin-bottom: 20px;
		}
		
	.image-content-small {
		border: 5px solid #ecece1;
		margin-right: 5px;
		}
		
	.image-content-ecard {
		border: 5px solid #f8f8f3;
		margin: 0 10px 20px 0px;
		}
		
	.image-content-ecard-block {
		border: 6px solid #fff;
		margin: 0 5px 0 0px;
		}
		
	#ouroboros-logo {
		margin:0 0 15px 20px;
		float: right;
		width: 190px;
		}
		
	.publication-cover {
		width: 100px;
		float: left;
		border: 5px solid #ecece1;
		margin: 5px 20px 15px 0;
		}
		
	.publication-cover-small {
		width: 100px;
		float: left;
		border: 5px solid #ecece1;
		margin: 20px 20px 15px 0;
		}
		
	.image-content-default {
		float: left;
		width: 225px;
		border: 5px solid #ecece1;
		margin: 5px 20px 15px 0;
		}
		
	.news-image-thumbnail {
		float: left;
		width: 75px;
		margin: 3px 10px 15px 0;
		border: 5px solid #f6f6f1;
		}
		

/* SOCIAL NETWORKS
----------------------------------------------------------------------------*/

	.social-networks {
		display: block;
		padding: 15px 20px 50px 20px;
		margin-bottom: 25px;
		background: #e5f7fd url("../images/social_networks_bg.gif") bottom left no-repeat;
		}
		
	.social-networks li {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		border-bottom: 1px solid #cfeffa;
		}
		
	.social-networks li.send-to-friend {
		background: #e5f7fd url("../images/icon_mail.gif") 0px 8px no-repeat;
		padding: 7px 0 7px 45px;
		}
		
	.social-networks li.rss-feed {
		background: #e5f7fd url("../images/icon_rss.gif") 0px 8px no-repeat;
		padding: 7px 0 7px 45px;
		}
		
	.social-networks li.facebook {
		background: #e5f7fd url("../images/icon_facebook.gif") 0px 8px no-repeat;
		padding: 7px 0 7px 45px;
		}
		
	.social-networks li.twitter {
		background: #e5f7fd url("../images/icon_twitter.gif") 0px 8px no-repeat;
		padding: 7px 0 7px 45px;
		}
		
	.social-networks li.flickr {
		background: #e5f7fd url("../images/icon_flickr.gif") 0px 8px no-repeat;
		padding: 7px 0 7px 45px;
		}
		
	.social-networks li.newsletter {
		background: #e5f7fd url("../images/icon_newsletter.gif") 0px 8px no-repeat;
		padding: 7px 0 7px 45px;
		}
		
	.social-networks li a {
		font: bold 1em/1.2 Arial, Verdana, Tahoma, sans-serif;
		text-decoration: none;
		color: #00aeef;
		}
		
	.social-networks li a:hover {
		text-decoration: underline;
		}
		
				
/* FORMS
----------------------------------------------------------------------------*/

	.form-default {
		background-color: #f8f8f3;
		border-bottom: 1px solid #eaeadf;
		border-top: 1px solid #eaeadf;
		padding: 20px;
		margin: 30px 0 30px 0;
		}
		
	.form-default-yellow {
		background-color: #ffe400;
		}
		
	.form-default h2 {
		font: bold 1.5em/1.4 Arial, Verdana, Tahoma, sans-serif;
		margin: 0 0 20px 0;
		padding-bottom: 5px;
		color: #ec6f04;
		border-bottom: 1px solid #eaeadf;
		}

	.form-default p {
		padding-bottom: 6px;
		}
		
	.form-default p.form-note {
		font: normal 1.1em/1.4 Arial, Verdana, Tahoma, sans-serif;
		margin-bottom: 10px;
		color: #ec6f04;
		}

	.form-default p label {
		display: inline-block;
		font-weight: bold;
		width: 200px;
		color: #000;
		}
		
	.form-default p label.message-label {
		display: inline-block;
		position: relative;
		bottom: 70px;
		}

	.form-default input.input-field {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		width: 270px;
		}
		
	.form-default input.input-field-additional {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		width: 195px;
		}
		
	.form-default .radio-button {
		margin: 0;
		padding: 0;
		}
		
	.form-default .radio-button label {
		width: 100px;
		}
		
	input.input-field:focus, input.input-required:focus {
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		background-color: #e5f7fd;
		}
		
	input.input-required {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		width: 270px;
		background-color: #ffe400;
		}
		
	.form-default select {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		width: 276px;
		}
		
	.form-default textarea {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		width: 270px;
		}
		
	.form-default textarea:focus, .form-default textarea.input-required:focus {
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		background-color: #e5f7fd;
		}
		
	.form-default textarea.input-required {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		padding: 2px;
		width: 270px;
		background-color: #ffe400;
		}
		
	.form-default input.submit-button {
		font: bold 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		background-color: #ec6f04;
		margin-right: 30px;
		float: right;
		display: block;
		width: 100px;
		padding: 4px;
		color: #fff;
		border: none;
		cursor: pointer;
		}
		
	.form-default input.submit-button:hover {
		background-color: #00aeef;
		}

		
/* COPYRIGHT
----------------------------------------------------------------------------*/

	.copyright, .copyright-english {
		font: normal 1.4em/1.5 Arial, Verdana, Tahoma, sans-serif;
		color: #fff;
		}
		
	.copyright span {
		margin-left: 405px;
		}
		
	.copyright-english span {
		margin-left: 380px;
		}
		
	.copyright span a, .copyright-english span a {
		color: #fff;
		text-decoration: none;
		}
		
	.copyright span a:hover, .copyright-english span a:hover {
		text-decoration: underline;
		}
		
		
/* CONTENT SPECIFIC STYLES: PUBLICATIONS
----------------------------------------------------------------------------*/

	.publications-block {
		width: 550px;
		border-bottom: 1px solid #edede4;
		margin-bottom: 20px;
		}

	.publications-data {
		margin-left: 130px;
		}

	.publications-data ul {
		font: normal 1.4em/1.5 Arial, Verdana, Tahoma, sans-serif;
		}
		
	.publications-data ul li {
		background: url("../images/side_menu_bullet.gif") 20px 12px no-repeat;
		}
		
	.pdf-list {
		font: normal 1.4em/1.5 Arial, Verdana, Tahoma, sans-serif;
		}
	
	.pdf-download {
		padding-left: 30px;
		background: url("../images/pdf_icon.gif") 3px 3px no-repeat;
		}
		
	.pdf-download-cards {
		margin-top: 30px;
		padding-left: 30px;
		background: url("../images/pdf_icon.gif") 3px 3px no-repeat;
		}
		
	.press-clipping-block {
		width: 550px;
		border-bottom: 1px solid #edede4;
		position: relative;
		bottom: 10px;
		}
		
	.press-clipping-info {
		float: right;
		width: 420px;
		}
		
	.documents-data {
		margin-left: 130px;
		position: relative;
		bottom: 15px;
		}
		
		
/* CONTENT SPECIFIC STYLES: GREETING CARDS
----------------------------------------------------------------------------*/

	.cestitka-box {
		margin-bottom: 15px;
		background-color: #f8f8f3;
		}
		
	.cestitka-thumbnail {
		float: left;
		width: 150px;
		}
		
	.razglednica-thumbnail {
		float: left;
		width: 250px;
		}
		
	.cestitka-box-right {
		float: right;
		width: 370px;
		padding: 0px;
		margin: 0px;
		}
		
	.razglednica-box-right {
		float: right;
		width: 260px;
		padding: 0px;
		margin: 0px;
		}
		
	.cestitka-box-right h2 {
		font: normal 1.8em/1.5 Arial, Verdana, Tahoma, sans-serif;
		color: #ec6f04;
		margin: 0 0 20px 0;
		width: 340px;
		padding-bottom: 5px;
		border-bottom: 1px solid #eaeadf;
		}
		
	.razglednica-box-right h2 {
		font: normal 1.8em/1.5 Arial, Verdana, Tahoma, sans-serif;
		color: #ec6f04;
		margin: 0 0 20px 0;
		width: 240px;
		padding-bottom: 5px;
		border-bottom: 1px solid #eaeadf;
		}
		
	.card-checkbox {
		font: normal 1.2em/1.5 Arial, Verdana, Tahoma, sans-serif;
		color: #000 !important;
		margin-right: 10px;
		position: relative;
		top: 2px;
		}
		
	.card-input {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		margin-right: 5px;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		width: 250px;
		}
		
	.razglednica-input {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		margin-right: 5px;
		border-color: #8e9db0 #e0e3e9 #e0e3e9 #8e9db0;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		width: 145px;
		}
		
	.cestitka-box input.input-required {
		width: 250px;
		margin-right: 5px;
		}
		
	.card-input:focus {
		background-color: #e5f7fd;
		}
		
	.cestitka-box span {
		font: normal 1.2em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #000;
		position: relative;
		bottom: 1px;
		}
		
	 .cestitka-box .card-note {
		font: normal 1.1em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #000;
		margin-top: 30px;
		}

	.cards-container-christmas {
		border-bottom: 1px solid #cfeffa;
		background-color: #e5f7fd;
		padding: 15px;
		}
		
	.heading-ecards {
		font: normal 1.1em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #00aeef;
		}
		
		
/* CONTENT SPECIFIC STYLES: NEWS ARCHIVE
----------------------------------------------------------------------------*/

	.news-archive-block-1 {
		background-color: #f8f8f3;
		padding: 20px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eaeadf;
		}
		
	.news-archive-block-2 {
		background-color: #e5f7fd;
		padding: 20px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eaeadf;
		}
		
	.news-archive-block-1 h2, .news-archive-block-2 h2{
		margin: 0 0 15px 0;
		padding: 0px;
		}

	.news-archive-block-1 h2 a, .news-archive-block-2 h2 a {
		font: normal 1.1em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #000;
		}
		
	.news-archive-block-1 h2 a:hover, .news-archive-block-2 h2 a:hover {
		font: normal 1.1em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #000;
		text-decoration: none;
		}
		
	.news-archive-block-1 h3, .news-archive-block-2 h3 {
		font: normal 1.4em/1.4 Arial, Verdana, Tahoma, sans-serif;
		color: #000;
		margin-bottom: 5px;
		}
		
	.news-archive-block-1 h4, .news-archive-block-2 h4 {
		font: bold 1.1em/1.4 Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #00aeef;
		margin-bottom: 5px;
		}
		
	.news-archive-block-1 p, .news-archive-block-2 p {
		margin-bottom: 15px;
		}
		
		
/* CONTENT SPECIFIC STYLES: CHARITY PHONE
----------------------------------------------------------------------------*/

	p strong.phone-number {
		font: bold 1.1em/1 Arial, Verdana, Tahoma, sans-serif;
		color: #ec6f04;
		}
		
	#video {
		margin-bottom: 20px;
		}