/*
Theme Name: Cizinci NPI
Description: Šablona pro web Cizinci NPI
Author: ocajda
Version: 1.0
*/

/* wp defaults */
.alignnone						{ margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter	{ display: block; margin: 5px auto 5px auto; }
.alignright						{ float:right; margin: 5px 0 20px 20px; }
.alignleft						{ float: left; margin: 5px 20px 20px 0; }
.aligncenter					{ display: block; margin: 5px auto 5px auto; }
a img.alignright				{ float: right; margin: 5px 0 20px 20px; }
a img.alignnone					{ margin: 5px 20px 20px 0; }
a img.alignleft					{ float: left; margin: 5px 20px 20px 0; }
a img.aligncenter				{ display: block; margin-left: auto; margin-right: auto }
.wp-caption						{ background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone			{ margin: 5px 20px 20px 0; }
.wp-caption.alignleft			{ margin: 5px 20px 20px 0; }
.wp-caption.alignright			{ margin: 5px 0 20px 20px; }
.wp-caption img					{ border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text	{ font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.section-left ul li a			{ font-size: 1em !important; }
@media screen and (max-width: 1025px) {
								.is-open .section-left ul, .section-left ul.is-open {    width: 350px !important; }
}
.boxes-box						{ width: 33% !important;}
@media screen and (max-width: 800px) {
.boxes-box						{ width: 50% !important;}
}
@media screen and (max-width: 620px) {
.boxes-box						{ width: 100% !important;}
}
.boxes-box h2					{ font-size: 1.175em !important; }
.boxes-box.brown				{ border-color: #c55a11; }
.boxes-box.brown h2				{ color: #c55a11; }
.boxes-box.brown .boxes-button	{ color: #c55a11; border-color: #c55a11;  }
.boxes-box.brown .boxes-button:hover	{ color: white; background: #c55a11;  }
.boxes-box.purple				{ border-color: #7030a0; }
.boxes-box.purple h2			{ color: #7030a0; }
.boxes-box.purple .boxes-button	{ color: #7030a0; border-color: #7030a0;  }
.boxes-box.purple .boxes-button:hover	{ color: white; background: #7030a0;  }
.boxes-box.pink					{ border-color: LightPink; }
.boxes-box.pink h2				{ color: LightPink; }
.boxes-box.pink .boxes-button	{ color: LightPink; border-color: LightPink;  }
.boxes-box.pink .boxes-button:hover	{ color: white; background: LightPink;  }
.boxes-box.darkgreen			{ border-color: darkgreen; }
.boxes-box.darkgreen h2			{ color: darkgreen; }
.boxes-box.darkgreen .boxes-button	{ color: darkgreen; border-color: darkgreen;  }
.boxes-box.darkgreen .boxes-button:hover	{ color: white; background: darkgreen;  }
.boxes-box.darkblue			{ border-color: darkblue; }
.boxes-box.darkblue h2			{ color: darkblue; }
.boxes-box.darkblue .boxes-button	{ color: darkblue; border-color: darkblue;  }
.boxes-box.darkblue .boxes-button:hover	{ color: white; background: darkblue;  }

.header-fb {float: left;width: 10px;padding-top: 2px;}

@media screen and (max-width: 1025px)  {
	.header-fb {
		position: absolute;
		top: 8px;
		right: 345px;
		width: 2%;
	}
}

@media screen and (max-width: 767px)  {
	.header-fb {
		top: 2px;
		right: 245px;
	}
}

@media screen and (max-width: 370px)  {
	.header-fb {
		top: 1px;
		right: 190px;
	}
}