@charset "utf-8";
/* CSS Document - kralyk.com */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #333; background: #333 url(/img/cctv.png) 96% 50px no-repeat; background-attachment: fixed; }

a { color: #7ca600; text-decoration: underline; }
a:hover,
a:focus { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { position: absolute; left: -66666px; top: auto; height: 0; overflow: hidden; }
.center { margin: auto; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.orange { color: #e1721a; }
.red { color: #da251d; }
.valign-middle { vertical-align: middle; }
abbr { cursor: help; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 860px; margin-left: 5%; padding-bottom: 70px; background: #fff url(/img/think.png) right bottom no-repeat; border-left: 80px solid #9c0; overflow: auto; position: relative; }
#content { float: left; width: 730px; min-height: 320px; padding: 15px 60px 0; }
#right { float: right; width: 170px; padding: 0 15px 5px 15px; margin-top: 35px; border-left: 1px solid #ddd; }

/* layout 3 columns */
#page-wrapper.layout-3-cols #content { width: 560px; padding-right: 0; }


/******************************

	header

******************************/
#header { height: 80px; padding: 15px 10px 15px 50px; margin-bottom: 30px; font-size: 14px; background: url(/img/punk.png) 15px 0 no-repeat; }
#header p { margin: 0 0 25px 10px; }
#header blockquote em { background-color: #95cefd; padding: 10px; }
#header blockquote p { color: #fff; margin: 0; font-size: 22px; }
#header.style-1 { background: url(/img/punk.png) 15px 0 no-repeat; }
#header.style-2 { background: url(/img/kralik-lyon.jpg) 10px 0 no-repeat; }
#header.style-3 { background: url(/img/zinka.jpg) 5px 0 no-repeat; }


/******************************

	menu

******************************/
#menu { position: absolute; top: 110px; left: 0; width: 815px; height: 30px; margin: 0; padding-left: 45px; list-style: none; background-color: #333; }
#menu li { float: left; padding: 0; }
#menu a { display: block; float: left; line-height: 30px; padding: 0 15px; font-size: 14px; color: #999; font-weight: bold; text-decoration: none; }
#menu a:hover,
#menu a:focus { color: #fff; }
#hp #m1 a,
#output #m2 a,
#school #m3 a,
#travel #m4 a,
#about #m5 a { color: #fff; }


/******************************

	content

******************************/
h1 { font-size: 24px; font-weight: normal; margin: 25px 0; }
h2 { font-size: 18px; margin: 15px 0; font-weight: normal; }
h3 { font-size: 14px; margin: 10px 0; }
ul { margin: 10px 0 10px 15px; }
dl { margin: 10px 0; }
ul li { margin: 0 0 5px 0; }
dl dt { margin: 8px 0 2px; }
dl dd { margin: 3px 0 3px 15px; }
#content { line-height: 1.3; }
#content p { margin: 10px 0; line-height: 1.4; }
#content p.intro { font-weight: bold; margin: 20px 0; color: #555; }
#content blockquote p { padding: 0 10px; font: bold 14px "Times New Roman", Times, serif; font-style: italic; }
img.right { margin: 10px 0 5px 15px; clear: right; }
img.left { margin: 10px 15px 5px 0; clear: left; }
img.frame { padding: 4px; background-color: #f5f5f5; border: 1px solid #ccc; }
img.no-margin { margin-top: 0; }

/* hp */
#hp img.right { margin: 30px 0 10px 20px; }

/* side color */
/*
#about #page-wrapper { border-color: #fcf; }
*/

/* na tripu */
#content .article-details { margin-top: 20px; margin-bottom: 0; border-top: 1px solid #ddd; width: 50%; padding-top: 5px; }

/* references */
#output .ref { clear: left; overflow: auto; }
#output .ref img { float: left; margin: 0 10px 0 0; background-color: #f9f9f9; }
#output .ref ul { margin-left: 270px; }

/* gallery */
.gallery { height: 100%; overflow: auto; }
.gallery a { float: left; margin: 5px; display: block; width: 160px; height: 160px; padding: 5px; text-align: center; background-color: #f5f5f5; border: 1px solid #ddd; }
.gallery a:hover { background-color: #fafafa; border-color: #ccc; }
.gallery a img { margin-top: 20px; }
.gallery a.vertical img { margin-top: 0; }

/* breadcrumbs */
#breadcrumbs { position: absolute; top: 150px; left: 60px; width: 780px; font-size: 11px; color: #aaa; }

/******************************

	right column

******************************/
#right ul { margin-bottom: 20px; }
#right li small { font-size: 10px; }


/******************************

	footer

******************************/
#footer { width: 730px; margin-left: 5%; padding: 5px 10px 5px 140px; color: #ccc; font-size: 11px; }
#footer a { color: #ccc; }
#footer p { margin: 5px 0; }