/** 
 * 
 * font-family: 'mercurybold';
 */

html, body{
	background			: #f7f4e4 url('../img/bg.png') repeat-x top left;
	color				: #202020;
	font-size			: 15px;
	line-height			: 22px;
	font-family			: 'mercurybold'; /*Arial, Helvetica, sans-serif;*/
}
a{
	text-decoration		: none;
	color: black;
/*	border-bottom		: 1px solid #ff3000;*/
}
span.orng{
	margin				: 0 3px;
	color				: #ff3000;
}
b,strong{font-weight		: bold;}
i{	font-style			: italic;}
u{	text-decoration		: underline;}

h2 {	font-size: 			17px; }
h3 {	font-size: 			16px; }

/** 
 * ======================================
 * *-*-*-*-*-*-*-* HEADER *-*-*-*-*-*-*-*
 * ======================================
 */

#page{
	margin				: 0 auto;
	padding				: 0 50px;
	/*width				: 925px;*/
	width: 1070px;
}

#header {
	background-color: #FFCFC0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#header h1 {
	font-family: 'mercurybold';
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding-top: 30px;
}
#header h2 {
	text-align: center;
	width: 100%;
	padding: 8px;
	font-size: 24px;
}

#header h3 {
	text-align: center;
	width: 100%;
	padding: 8px 8px 16px 8px;
	font-size: 20px;

}

#header p {
	text-align: center;
	color: black;
	/*font-weight: bold;*/
	font-size: 14px;
	width: 100%;
}

#footer {
	background-color: black;
	height: 60px;
	display: flex;
	align-items: center;
}
#footer p {
	margin: 0 auto;
	text-align: center;
	color: white;
}
#footer a {
	text-decoration: underline;
	color: white;
}


/** 
 * =======================================
 * *-*-*-*-*-*-*-* CONTENT *-*-*-*-*-*-*-*
 * =======================================
 */

#content {
	margin				: 0 0 0px;
	width				: 100%;
}
#content div.container {
	width: 1070px;
	min-height: 100px;
	background-color: #FFCFC0;
	/*border: 1px solid blue;*/
	padding-top: 30px;
	text-align: center;
}

#content div.container.last{
	margin-right		: 0;
}
#content div.container ul{
	border-top			: 1px solid #e5e5e5;
	margin-top			: -7px;
}
#content div.container ul li{
	padding				: 0 10px;
	font-size			: 14px;
	line-height			: 35px;
	background			: #fff;
	border-bottom		: 1px solid #e5e5e5;
}

#content h2 {
	font-variant-caps: all-petite-caps;
	font-size: 24px;
	padding-bottom: 16px;
	font-weight: bold;
}
#content p {
	margin: 0px auto;
	padding-left: 30px;
	padding-right: 30px;
}

#content p.small {
	max-width: 90%;
	margin: 0 auto;
	font-size: 12px;
}

#content a {
	text-decoration: underline;
}


/** 
 * ======================================
 * *-*-*-*-*-*-*-* ORDER *-*-*-*-*-*-*-*
 * ======================================
 */
.button {
	background-color: black;
	border: none;
	color: white;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	width: 80px;
	height: 80px;
	margin: 4px 4px;
	border-radius: 50%;
}
.order {
	position			: relative;
	background-color: white;
}
.order .order_back{
	margin				: 0 0 20px;
	padding				: 15px 24px 0;
	/*background			: #fff;*/

	/*border				: 1px solid #e5e5e5;*/
}
.order .order_back:last-of-type{
	padding-bottom		: 40px;
}
.order .order_back h2{
	margin				: 0 0 10px;
	font-weight			: bold;
}
.order .order_back p{
	padding				: 16px 0;
}
.order .order_back .del{
	float				: right;
}
.order .order_back ul{
/*	border-top			: 1px solid #e5e5e5;*/
}
.order .order_back ul li{
	padding				: 16px 0;
	font-size			: 14px;
	line-height			: 18px;
	/*border-bottom		: 1px solid #e5e5e5;*/
	border-top		: 1px solid #e5e5e5;
}
.order .order_back ul li ul{
	float				: right;
	border				: none;
}
.order .order_back ul li ul li{
	display				:inline;
	padding				: 0;
	border				: none;
}
.order .order_back input[type=radio]{
	display				:none;
}
.order .order_back input[type=radio] + label{
	display				: inline-block;
	margin				: 0 10px -3px;
	width				: 13px;
	height				: 13px;
	border				: 2px solid #cccccc;
	cursor				: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius	: 50%;
	border-radius		: 50%;
}
.order .order_back input[type=radio]:checked + label{
	width				: 5px;
	height				: 5px;
	border				: 6px solid #cccccc;
}
.order .order_back input[type="text"]{
	margin				: 0 0 5px;
	padding				: 2px 8px;
	width				: 395px;
	height				: 22px;
	border				: 1px solid #cccccc;
}

.order .order_back textarea {
	margin				: 0 0 5px;
	padding				: 2px 8px;
	width				: 395px;
	height				: 120px;
	border				: 1px solid #cccccc;
}

.order .order_back select {
	margin				: 0 0 5px;
	padding				: 2px 8px;
	width				: 413px;
	height				: 22px;
	border				: 1px solid #cccccc;
}


.order .order_back #celkem p {
	font-size		: 18px;
}


.order button{
	position			: absolute;
	width				: 220px;
	height				: 38px;
	font-size			: 15px;
	font-weight			: bold;
	color				: #fff;
	background			: #ff3000;
	border				: none;
	border-radius: 5px;
}


/** 
 * ===========================================
 * *-*-*-*-*-*-*-* HOME *-*-*-*-*-*-*-*
 * ===========================================
 */

#left_side{
	float				: left;
	width: 480px;
	/*border: 1px solid blue;*/
}
#right_side{
	float				: left;
	width: 480px;
	/* border: 1px solid blue;*/
}
.home #left_side article{
	margin				: 0;
}
.home #left_side h2{
	margin-bottom		: 10px;
	font-family			: 'mercurybold';
	font-size			: 25px;
	line-height			: 25px;
}
.home #right_side{
	text-align			: right;
}
.home #right_side h2{
	font-weight			: bold;
}
.home #right_side .social{
	margin-bottom		: 10px;
}
.home #right_side .social i{
	font-size			: 36px;
}
.home #right_side .social a{
	margin-left			: 10px;
	color				: #202020;
	border				: none;
}
.about_us #left_side, .authors #left_side, .contact #left_side, .news #left_side, .simple-page #left_side {
	margin				: 40px 0 0;
}
.news #left_side h2{
	margin				: 0 0 10px;
	font-weight			: bold;
}
.news #left_side article{
	margin				: 0 0 20px;
}

/** 
 * ======================================
 * *-*-*-*-*-*-*-* CONTACT *-*-*-*-*-*-*-*
 * ======================================
 */

.contact #left_side h2{
	margin				: 0 0 20px;
	font-weight			: bold;
}
.contact #left_side p {
	line-height			: 28px;
}
.contact #left_side input {
	margin				: 0 0 10px;
	padding				: 4px 10px;
	width				: 420px;
	height				: 22px;
	border				: 1px solid #cccccc;
}
.contact #left_side textarea {
	padding				: 4px 10px;
	width				: 420px;
	height				: 100px;
	border				: 1px solid #cccccc;
}
.contact #left_side button {
	margin				: 25px 0 0;
	width				: 110px;
	height				: 38px;
	font-size			: 15px;
	font-weight			: bold;
	color				: #fff;
	background			: #ff3000;
	border				: none;
	
}
.contact #right_side{
	margin-top			: 50px;
	padding				: 0 55px;
	width				: 350px;
}
.contact #right_side img{
	margin				: 0 0 40px;
	text-align			: right;
}


/** 
 * ======================================
 * *-*-*-*-*-*-*-* OTHERS *-*-*-*-*-*-*-*
 * ======================================
 */

#clear, .clear {
	clear: both;
}