/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,  p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html {
}
/* BACKGROUNDS - just replace body with one of belows
body{font-size:12px; background: url(../img/bg3.jpg) top right no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bg_rainbow1.jpg) top right repeat-x #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bg_top.jpg) top left no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bgps.jpg) top repeat-x #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bg_bluebig.jpg) top no-repeat #6fcbe4;color:#666;font-family: Arial, Helvetica, sans-serif;}

*/
body {
	font-size:11px;
	background: url(../img/bg3.jpg) top right no-repeat #eee;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
#content p {
	margin:1.1em 0;
}
.rounded {
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
}
/* ------------------------------------------------------------------------------------
STRUCTURE					 */
.content {
	margin:0px auto;
	width:960px;
	position:relative;
}
#footer {
	clear:both;
	text-align:right;
	margin-top:5px;
}
#footer span {
	color:#000;
	padding:5px;
	text-shadow: #fff 1px 1px 1px;
}
#portfolio {
	margin-top:20px;
}
/* ------------------------------------------------------------------------------------
CUSTOM				 */
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.shadow {
	width:959px;
	height:14px;
	background:url(../img/shadow.png) top center no-repeat;
}
.fader {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #A4ADB7;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: -1px;
	padding: 0px;
	margin:0px;
	color: #D94383;
}
#avatar {
	width:140px;
	height:133px;
	
}
#top {
	margin-top:0px;
	height: auto;
	overflow: hidden;
}
#top h1 a {
	display:block;
	background:url(../img/logo.png) 0 0 no-repeat;
	width:399px;
	height:73px;
	text-indent:-9999px;
}
#top ul {
	margin:0px;
	margin-top:40px;
}
#top ul li {
	float:left;
	margin-left:15px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 22px;
	letter-spacing: -1px;
}
#top ul li a {
	text-decoration:none;
	color:#000
}
#top ul li a:hover {
	color:#5d5d5d
}
#hello {
	padding:20px;
	margin-top:30px;
	color:#666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 1.4em;
	background:#fff;
	border:1px solid #ddd;
	opacity:0.9
}
#hello a {
	text-decoration:underline;
	color:#000
}
#hello p {
	margin-bottom:10px;	
}
#hello strong {
	color:#016EAF;	
}
#social {
	background:url(../img/bgabout.jpg) bottom repeat-x #fff;
	margin-top:20px;
	padding-left:20px;
	border:1px solid #ddd;
	opacity:1
}
#social p {
	color:#666;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.4em;
}
#social {
	color:#666;
	font-size:20px;
	padding-top:10px;
}
#about ul, #social ul {
	float: left;
	display: block;
	width: 900px;
	margin: 0;
	margin-top:10px;
	padding: 0;
	background: url(../img/networks.png) no-repeat;
	list-style: none;
}
#about li, #social li {
	float: left;
	height: 60px;
	width: 225px;
	position: relative;
}
#about a, #social a {
	font-size: 12px;
	font-weight:bold;
	color: #666;
	text-decoration: none;
	padding: 10px 0 5px;
	display: block;
	width: 225px;
	height: 45px;
	position: relative;
	z-index: 2;
}
#about a img, #social a img {
	border: 0;
	float: left;
	margin: 0 10px;
}
#about a:hover img, #social a:hover img {
	margin-left: 5px;
}
#about strong, #social strong {
	display: block;
	font-size: 16px;
	color: #666;
}
.pf_item {
	float:left;
	margin-bottom:20px;
	width:282px;
	height:250px;
}
.pf_item h3 {
	margin:0px;
	padding-left:5px;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: -1px;
}
.pf_img {
	background:#fff;
	padding:2px;
	width:277px;
	height:145px;
	overflow:hidden;
	border:1px solid #ddd;
	cursor:  pointer;
}
.pf_img span {
	display:block;
	width:277px;
	height:145px;
}
.pf_img a.thumb {
	display:block;
	width:277px;
	height:145px;
}
.pf_desc p {
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;
	line-height:1.3em;
}
.pf_shadow {
	width:284px;
	height:10px;
	background: url(../img/pf_shadow.png) no-repeat;
}
.column {
	margin-left:54px;
}
#textaboutme, #about {
	background:#fff;
	margin-top:20px;
	padding-left:20px;
	border:1px solid #ddd;
	color:#666;
	font-size:12px;
	padding:10px;
	opacity:0.9
}
.wl {
	width:630px;
	padding-left:15px;
}
.wl p {
	line-height:18px;
	padding:10px 0px
}
.wl h4 {
	margin:0px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -1px;
	padding-top:15px;
	letter-spacing:-1px;
}
.wr {
	width:260px;
}
.wr h4 {
	font-size:16px;
	color:#016EAF;
}
.wr ul#cechy li {
	float:left;
	padding:5px;
	margin:5px;
	background:#eee;
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
	color:#000;
}
.wr ul#skills li {
	width:210px;
	padding:3px;
	margin:2px;
	border:1px solid #ddd;
	background:#eee;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
}
.wr ul#skills li span {
	display:block;
	width:120px;
	float:left;
	margin-top:3px;
	color:#000;
}
a.visit {
	text-decoration:none;
	background:url(../img/linkout.gif) center left no-repeat;
	padding-left:6px;
	color:#888;
	margin-left:5px;
}
a.details {
	text-decoration:none;
	background:url(../img/details.gif) center left no-repeat;
	padding-left:12px;
	color:#888;
	margin-left:5px;
}
.modal_details {
	width:400px;
	line-height:18px;
}
.modal_details h3 {
	margin-top:0px;
}
.modal_imgs img {
	padding:5px;
	border:1px solid #ddd;
}
#contact {
	width:600px;
}
.contactsmall h2 {
	font-size:20px;
	margin-top:13px;
	color:#0E9B3F;
}
.contactsmall {
	overflow:hidden;
	width:222px;
	margin-right:50px;
}
div.contactsmall div.right ul {
	background:none;
}
#textaboutme p {
	font-size:12px;
	line-height: 25px;
	color:#333;
}
#textaboutme p a {
	text-decoration:underline;
	color:#000;
}
ul.tags li {
	float:left;
	margin:5px;
	padding:5px;
	padding-left:20px;
	background: url(../img/tag_blue.png) no-repeat left center
}
ul.tags li span {
	border:1px solid #ddd;
	background:#eee;
	padding:2px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
}
/* END Remove This */

#contact p, label, legend {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
#contact h1 {
	margin: 10px 0 10px;
	font-size: 24px;
	color: #333333;
}
#contact h2 {
	font-size:20px;
	color:#0E9B3F;
}
#contact hr {
	color: inherit;
	height: 0;
	margin: 6px 0 6px 0;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-style: none none solid;
}
/* #contact { display: block; width: 650px; margin: 50px auto; padding: 35px; border: 1px solid #cbcbcb;  -webkit-border-radius:5px;  }

/* Form style */

#contact label {
	display: inline-block;
	float: left;
	height: 26px;
	line-height: 26px;
	width: 155px;
	font-size: 12px;
	-webkit-border-radius:5px;
}
#contact input, textarea, select {
	opacity:1;
	width: 280px;
	margin: 0;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
	font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	webkit-border-radius:5px;
}
#contact input:focus, textarea:focus, select:focus {
	border: 1px solid #999;
	background-color: #fff;
	color:#333;
}
#contact input.submit {
	width: 85px;
	cursor: pointer;
	border: 1px solid #222;
	background:#333;
	color:#fff;
	float:right;
	margin-right:43px;
}
#contact input.submit:hover {
	background:#444;
}
#contact input[type="submit"][disabled] {
	background:#888;
}
#contact fieldset {
	padding:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#contact legend {
	padding:7px 10px;
	font-size:24px;
	font-weight:bold;
	color:#000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:0 !important;
	margin-bottom:20px;
}
#contact span.required {
	font-size: 13px;
	color: #ff0000;
} /* Select the colour of the * if the field is required. */
#message {
	margin: 10px 0;
	padding: 0;
	color:#000;
	font-weight:bold;
}

.loader {
	padding: 0 10px;
}
acronym {
	border-bottom:1px dotted #ccc;
}