/*  
Theme Name: Onixus
Theme URI: http://www.indonez.com/
Description: Corporate Business Wordpress Theme 3
Author: Indonez
Author URI: http://themeforest.net/user/indonez
Version: 1.1
*/

/*----------------------------------------------------
                 Onixus - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{

	font: 62.5% / 1.4 "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
	margin:0 auto; padding:0;
	background-color:#fff;
	color:#000;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{
	clear:both
}
form{
	margin:0; padding:0;
}
hr{
	border:0;
	background-color: #d3d3d3;
	height: 1px;
}
hr.content-line{
	border:0;
	color:#d0d0d0;
	background-color: #d3d3d3;
	margin:30px 0px 30px 0px;
	height: 1px;
}

/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-weight:normal;
	color: #0e9fd5;
}
h1{
	font-size:30px; 
	line-height:30px; 
	margin-bottom:15px;
}
h2{
	font-size:28px; 
	line-height:30px; 
	margin: 20px 0px 20px 0px;
}
h3{
	font-size:25px; 
	line-height:25px; 
	margin: 20px 0px 20px 0px;
	color: #000;
}
h4{
	font-size: 25px;
	line-height: 25px;
	margin: 20px 0px 20px 0px;
	font-weight: normal;
	color: #000;
}
h5{
	font-size:23px; 
	margin:15px 0px 15px 0px;
	padding:0px; 
	letter-spacing:1px;
}
h6{
	font-size:20px; 
	margin:15px 0px 15px 0px;
	padding:0px; 
}


/* links */
a{
	color: #000;
	text-decoration: underline;
}
a:visited{
	color: #000;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none
}
.imgcenter,
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
	margin-bottom:10px;
}
.imgleft,
img.alignleft,
img.avatar {
	float:left; 
	margin:4px 12px 10px 0px;
}
.imgright,
img.alignright {
	float:right; 
	margin:4px 0px 10px 12px;
}
.imgcenter-border{
  margin:0px 0px 10px 0px;
	padding:2px;
	border:0px solid #d3d3d3;
}
.imgleft-border{
	float:left; 
	margin:4px 12px 10px 0px;
	padding:2px;
	border:1px solid #d3d3d3;
}
.imgright-border{
	float:right; 
	margin:4px 0px 10px 12px;
	padding:2px;
	border:1px solid #d3d3d3;
}
.border-img-left{
	border:1px solid #303030;
	padding:2px;
	margin:8px 10px 0px 0px;
	float:left;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
	font-size:11px;
	line-height:1.5em;
	margin-bottom:14px;
	color:#000;
}
ul, ol{
	margin:10px 0 35px 40px;
}
li ol, li ul{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol{
	list-style:decimal;
}
blockquote{
	font-style: normal;
	margin: 0px;
	color: #0e9fd5;
	padding: 0px 4px 2px 0px;
	float: left;
}

blockquote p{
	font-size:18px; 
	line-height:22px; 
	margin-bottom:8px;
	color: #0e9fd5;
}

/* code */
code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}

/* Pullquotes */
.pullquote_right,.pullquote_left{
	color:#9c9c9c;
	float:right;
	font-size:1.2em;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:7px;
	margin-left:20px;
	padding-left:15px;
	width:40%;
	font-weight:bold;
  font-style:italic; 
  line-height:1.4em;
  border-left:2px solid #cccccc;
}
.pullquote_left{
  border-right:2px solid #cccccc;
  border-left:none;
	float:left;
	margin-left:0px;
	margin-right:10px;
	padding-left:0;
	padding-right:15px ;
}

/* Dropcap */
.dropcap{
	float:left;
	font-size:30px;
	height:41px;
	line-height:30px;
	margin-bottom:-10px;
	margin-right:0px;
	padding-top:3px;
	text-align:center;
	width:41px;
}

/* Custom Message Styling */
.info {
	margin: 15px 0;
	color: #478BBF;
	padding: 8px 10px 8px 37px;
	background: #DCEFF5 url(images/info.png) 12px 9px no-repeat;
	border: 1px solid #B8E7F5;
} 
.success {
	margin: 15px 0;
    color:#3F9153;  
    padding:8px 10px 8px 37px;
    background:#D7F7DF url(images/success.png) 12px 9px no-repeat;
    border:1px solid #A3F7B8
}
.error {
    margin: 15px 0;
    color: #C24848;  
    padding: 8px 10px 8px 37px;
    background: #FFD6D6 url(images/error.png) 12px 9px no-repeat;
    border: 1px solid #FFC2C2;
} 
.warning {
    margin: 15px 0;
    color: #CF9E00;  
    padding: 8px 10px 8px 37px;
    background: #FAF2D7 url(images/warning.png) 12px 9px no-repeat;
    border: 1px solid #FAE8AF;
} 
ul.arrowlist {
  margin: 0 0 0 20px;
  padding: 0;
}
ul.arrowlist li{
	background-image:url(images/arrow.png);
	background-position:0px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	line-height:24px;
	list-style-type:none;

}
ul.bulletlist {
  margin: 0 0 0 20px;
  padding: 0;
}
ul.bulletlist li{
	background-image:url(images/circle.png) !important;
	background-position:0px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:20px !important;
	line-height:24px;/* Pullquotes */
	list-style-type:none;
}
.pullquote_right,.pullquote_left{
	color:#9c9c9c;
	float:right;
	font-size:1.2em;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:7px;
	margin-left:20px;
	padding-left:15px;
	width:40%;
	font-weight:bold;
  font-style:italic; 
  line-height:1.4em;
  border-left:2px solid #cccccc;
}
.pullquote_left{
  border-right:2px solid #cccccc;
  border-left:none;
	float:left;
	margin-left:0px;
	margin-right:10px;
	padding-left:0;
	padding-right:15px ;
}

/* Dropcap */
.dropcap{
	float:left;
	font-size:30px;
	height:41px;
	line-height:30px;
	margin-bottom:-10px;
	margin-right:0px;
	padding-top:3px;
	text-align:center;
	width:41px;
}

/* Custom Message Styling */
.info {
	margin: 15px 0;
	color: #478BBF;
	padding: 8px 10px 8px 37px;
	background: #DCEFF5 url(images/info.png) 12px 9px no-repeat;
	border: 1px solid #B8E7F5;
} 
.success {
	margin: 15px 0;
    color:#3F9153;  
    padding:8px 10px 8px 37px;
    background:#D7F7DF url(images/success.png) 12px 9px no-repeat;
    border:1px solid #A3F7B8
}
.error {
    margin: 15px 0;
    color: #C24848;  
    padding: 8px 10px 8px 37px;
    background: #FFD6D6 url(images/error.png) 12px 9px no-repeat;
    border: 1px solid #FFC2C2;
} 
.warning {
    margin: 15px 0;
    color: #CF9E00;  
    padding: 8px 10px 8px 37px;
    background: #FAF2D7 url(images/warning.png) 12px 9px no-repeat;
    border: 1px solid #FAE8AF;
} 
ul.arrowlist {
  margin: 0 0 0 20px;
  padding: 0;
}
ul.arrowlist li{
	background-image:url(images/arrow.png);
	background-position:0px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	line-height:24px;
	list-style-type:none;

}
ul.bulletlist {
  margin: 0 0 0 20px;
  padding: 0;
}
ul.bulletlist li{
	background-image:url(images/circle.png) !important;
	background-position:0px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:20px !important;
	line-height:24px;
	list-style-type:none;
}
/*  Highlight Styles */

.highlight-yellow {padding:1px 4px;background-color:yellow;color:#111;}	
.highlight-dark{padding:1px 4px;background-color:#6a6a6a;color:#fff;}
.highlight-red{padding:1px 4px;background-color:#DE2D2D;color:#fff;}	
.highlight-green{padding:1px 4px;background-color:#A3CC29;color:#111;}		

.maincontent ol li {
  line-height:24px;
}
/*  Highlight Styles */

.highlight-yellow {padding:1px 4px;background-color:yellow;color:#111;}	
.highlight-dark{padding:1px 4px;background-color:#6a6a6a;color:#fff;}
.highlight-red{padding:1px 4px;background-color:#DE2D2D;color:#fff;}	
.highlight-green{padding:1px 4px;background-color:#A3CC29;color:#111;}		
/* Container
------------------------------------------------------*/
/* orig pozadi
#container{
	background: url(images/bg-container-top.jpg) no-repeat 50% 100px ;
	background-position: top;
	border-top: 8px solid #f24f00;
}
*/
#container{
	background: #fff;
}
#container-inner{
	background: #fff url(images/bg-container-top-inner.png) no-repeat 50% 100px ; 
	background-position: top;
	border-top: 8px solid #f24f00;
}
#top-container{
	width:960px;
	height:98px;
	margin:0px auto;
}
#slide-container{
	width:960px;
	height:413px;	
	margin:0px auto;
	background-image:url(images/bg-slideshow.png);
	background-repeat:no-repeat;
	background-position:center;
}
#pagetitle-container{
	width:966px;
	height:85px;/*  orig 132 */
	margin:0px auto;
	background-image:url(images/bg-page-title.png);
	background-repeat:no-repeat;
	background-position:center;
}
#mid-container{
	width:960px;
	margin:0px auto;
}
#bottom-container{
	width:100%;
	height:auto;
	background-image:url(images/bg-container-bottom.gif);
	background-repeat:repeat;
	float:left;
  margin: 0;
  padding: 0;
}
#bottom-divider-top {
  margin: 0;
  padding: 0;
  border-top: 3px solid #A10B0C;
  border-bottom: 1px solid #ffffff;
  clear: both;
}
#footer-container{
	width:100%;
	height:38px;
	background-image:url(images/footer-bg.gif);
	background-repeat:repeat-x;
	float:left;
}


/* Header
------------------------------------------------------*/
#logo{
	width: 182px;
	margin: 10px 0px 0px 0px;
	padding-left: 0px;
	float: left;
}
#header-right{
	width: 775px;
	height: 75px; /* orig 84px */
	background: #fff url(images/bg_menu.png) no-repeat left;
	float: right;
}

/* Mainmenu Styling, zvetsena hodnota 605>>655 */
#mainmenu{
	width:775px;
	margin:0px 0px 0px 0px;
	float:right;
}
ul#top-rss{
	width:119px;
	height:12px;
	background-color:#eaeaea;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:48px 0px 0px 5px;
	padding:8px;
	list-style-type:none;
	float:right;	
}
li.rss-icon{
	margin:-2px 0px 0px 10px;
	float:left;
}
li.rss-link{
	margin:-4px 0px 0px 5px;
	float:left;
}
li.rss-link a, .rss-link a:visited{
	text-decoration:none;
	color:#a4a3a3;
  font-size: 11px;
}


/*  Slideshow
------------------------------------------------------*/
#slideshow{
	position: relative;
	margin:0px auto; 
	padding-top: 21px;
	height: 323px;
	overflow: hidden;
}
#slideshow h2{
	font-size: 25px;
	line-height: 25px;
	color: #fff;
	margin: 20px 0px 10px 0px;
	float: left;
}
#slideshow ul, #slideshow li{
	margin:0px; 
	padding:0px;
	list-style-type:none;
}
#slideshow li{
	width:950px; 
	height:313px; 
	padding:0px; 
	float:left;
}
.slider-img-content{
	width:601px; 
	height:313px;
	margin-right:25px;
	float:left;
}
.slider-img-full{
	width:323px; 
	height:287px;
	margin:10px 30px 0px 20px;
	float:right;
}
#slideshow li.slider-text, #slideshow li.slider-image, #slideshow li.slider-fulltext{
	width:950px;
	margin-top:-15px; 
	float:left;
	text-align: justify;
}
#slideshow li.slider-text h3{
	margin:40px 0px 3px 0px;
	color:#fff; 
	float:left;
}
#slideshow li.slider-fulltext h1{
	margin:48px 0px 15px 68px;
	color:#fff; 
	float:left;
}
#slideshow li.slider-text p{
	width:282px; 
	float:left;
  color: #fff;
}
#slideshow li.slider-fulltext p{
	width:474px;
	margin-left:68px; 
	float:left;
  color: #fff;
}
.readmore-slider{
	float:right; 
	padding:5px 45px 0px 0px;
}
#slogan h3{
	width:960px;
	color:#bababa;
	line-height:68px;	
	text-align:center;
}
#slogan h1{
	width: 960px;
	color: #000;
	line-height: 68px;
	text-align: left;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom: 15px;
}

/* u sloganu upravena hodnota 28>>68 */

ul#slide-alternate{	
	margin:5px 0px 15px 5px;
	padding:0px;
	list-style-type:none;
	float:left;
}
.slide-image{
	width:950px;
	height:313px;
	list-style-type:none;
	position:absolute;
	float:left;
}

/* Slider Navigation styling */
#slider-navigation{
	margin:0px auto;
}
#prev a{
	width:49px; 
	height:49px; 
	position:relative;	
	top:-196px; 
	left:-22px; 
	display:block; 
	background:url(images/slide-prev.png) no-repeat 0 0; 
	cursor:pointer; 
	float:left; 
  text-indent: -999999px;
}
#next a{
	width:49px; 
	height:49px;
	position:relative;	
	top:-196px; 
	right:-22px; 
	display:block; 
	background:url(images/slide-next.png) no-repeat 0 0; 
	cursor:pointer; 
	float:right;
  text-indent: -999999px; 
}


/*  Page Title
------------------------------------------------------*/
#left-title{
	width:480px;
	margin-top:0px; /*  orig 44 */
	padding-top:16px;	 /*  orig 0 */
	float:left;
}
#left-title h1{
	font-size: 45px;
	line-height: 40px;
	color: #000;
	margin: 20px 0px 15px 0px;
	float: left;
}
.title-icon{
	margin:16px 0px 0px 33px;
	float:left;
}
#right-title{
	width:430px;
	margin-top:0px; /*  orig 48 */
	margin-left: 30px;
	padding-top:36px;	 /*  orig 23 */
	float:left;
}
#right-title p{
	color:#000;
}
#right-title h2{
	font-size:15px; 
	background: #099fd6;
	color: #fff;
	line-height: 18px;
	padding: 8px;
	font-family: "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
}








/* Content
------------------------------------------------------*/
#content{
	width: 960px;
	margin: 0px 0px 22px 0px;
	float: left;
}
#left-content{
	width:630px;
	margin-right:30px;
	float:left;
}
#right-content{
	width:300px;
	margin-right:0px;
	float:left;
}
#fullwidth-content{
	width:960px;
	float:left;
}
.maincontent{
	padding-bottom: 0px;
	float: left;
	text-align: justify;
}
.sidebar-content{
	width:300px;
	padding-bottom:28px;
	float:left;
}
.maincontent h3, .sidebar-content h3{
	background: transparent;
}
.maincontent h3 a {
	color: #0e9fd5;
	text-decoration: underline;
}
.maincontent h3 a:hover {
	color: #0e9fd5;
	background: #fff;
	text-decoration: none;
}
h3.inzert a {
	color: #fff;
	background: #0e9fd5;
	text-decoration: none;
	padding: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
h3.inzert a:hover {
	color: #0e9fd5;
	background: #fff;
	text-decoration: underline;
}
.front-content{
	width:300px;
	margin-right:30px;
	float:left;
}
.front-content-last{
	width:300px;
	margin-right:0px;
	float:left;
}
#middle-box{
	width:960px;
	margin: 0px 0px 20px 0px;
	background-image:url(images/shadow-content.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#front-testi{
	width:630px;
	margin:150px 30px 0px 0px;
	float:left;
	line-height: 25px;
}

#front-testi h4{
	color: #0e9fd5;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
}
#front-testi h4 a{
	color: #0e9fd5;
}
#front-mail{
	width: 300px;
	margin-top: 150px;
	padding: 0px;
	list-style-type: none;
	float: left;
}

.mail-img{	
	margin:21px 0px 0px 21px;
	float:left;
}
.quote-img{	
	margin:14px 0px 0px 21px;
	float:left;
}
.testibox blockquote p {
  font-size: 16px;
  font-family: sans-serif;
}
/* Check list */
ul.check-list{
	margin:0px 0px 15px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.check-list li{
	background-image:url(images/arrow.png); 
	background-position:5px 8px; 
	background-repeat:no-repeat; 
	padding-left:20px;
	line-height:1.8em;
}
	

/* Bottom Content
------------------------------------------------------*/
#bottom-content{
	width:960px;
	height:235px;
	margin:0px auto;
}
.bottom-box{
	width:198px;
	margin:24px 32px 0px 0px;
	float:left;
}
.bottom-box-last{
	width:268px;
	margin-top:20px;
	float:left;
}
.bottom-box h4, .bottom-box-last h4{
	color:#fff;
	margin-bottom:8px;
	font-weight: normal;
}
.bottom-box-last p{
	margin-top:12px;
	color:#fff;
	text-align: justify;
}

/* Bottom content list */
ul.list-bottom,
.list-bottom ul {
	margin:15px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.list-bottom li,
.list-bottom ul li {
	background-image:url(images/arrowhite.png); 
	background-position:5px 7px; 
	background-repeat:no-repeat;
	margin-bottom:4px; 
	padding:0px 0px 6px 20px;
	border-bottom:1px solid #313131; 
	line-height:1.5em;
}
ul.list-bottom li a,
.list-bottom li a {
	color:#979797;
	text-decoration:none;
}
ul.list-bottom li a:hover,
.list-bottom li a:hover {
	text-decoration:underline;
}


/* Services
------------------------------------------------------*/
.services-content{
	margin-bottom:23px;
}
.services-content p{
	margin-bottom:6px;
}
.services-content h4{
	margin-bottom:10px;
}
.services-content h4 a {
	color: inherit;
	text-decoration: underline;
	font-weight: normal;
}
.services-content h4 a:hover {
	text-decoration: none;
}

/* Content list */
ul.content-list,
.widgets ul {
	width:300px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.content-list li,
.widgets ul li {
	background-image:url(images/arrow.png); 
	background-position:5px 9px; 
	background-repeat:no-repeat; 
	padding-left:20px;
	line-height:2em;
}
ul.content-list li a,
.widgets ul li a {
	color:#333;
	text-decoration:none;
}
ul.content-list li a:hover,
.widgets ul li a:hover {
	text-decoration:underline;
}

/* Ads list */
.widgets ul.ads-list{
	width:298px;
	margin:0px 0px 0px 2px; 
	padding:0px; 
	list-style-type:none;
}
.widgets ul.ads-list li{
	width:125px;
	margin:5px 10px;
	float:left;
	background: none;
	padding-left: 0;
}
.widgets ul.ads-list li img{
	border:1px solid #d3d3d3;
	padding:3px;
}

#right-content .widgets ul#serviceslist li {
	background-image: none;
	padding-left:0;
	
}

/* Portfolio
------------------------------------------------------*/
/* Portfolio slide */
#portfolio-slide{
	position:relative; 
	margin:0px 44px 0px 44px;
	overflow:hidden;
	float:left;
}
#portfolio-slide ul, #portfolio-slide li{
	width:872px;
	height:245px;
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}
.pfslide-img{
	width:379px; 
	height:229px;
	border:1px solid #d3d3d3;
	margin-right:20px;
	padding:2px;
	float:left;
}
#portfolio-slide li.pf-content p{
	width:466px;
	float:left;
}
.portfolio-button{
	float:left;
	margin:12px 5px 0px 0px;
}

/* Portfolio thumbnail */
#middle-pf{
	width:946px;
	margin-top:10px;
	padding:80px 0px 30px 14px;
	background-image:url(images/shadow-content.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#middle-pf2{
	width:946px;
	margin-top:10px;
	padding:0px 0px 0px 14px;
	float:left;
}
.pf-box{	
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 23px 58px 0px; 
	float:left;
}
.pf-box2{	
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 23px 135px 0px; 
	float:left;
}
.pf-box h6, .pf-box2 h6, .pf-box-last h6, .pf-box-last2 h6{
	margin:5px 0px 8px 0px;
}
.pf-box h6 a, .pf-box2 h6 a, .pf-box-last h6 a, .pf-box-last2 h6 a {
  color: inherit;
  text-decoration: none;
}
.pf-box-last{
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 0px 58px 0px; 
	float:left;
}
.pf-box-last2{
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 0px 135px 0px; 
	float:left;
}
.pf-img{
	border:1px solid #d3d3d3;
	padding:2px;		
}

/* Portfolio Slider Navigation */
#prev-pf a{
	width:14px; 
	height:21px; 
	position:relative;	
	top:-135px; 
	left:0px; 
	display:block; 
	background:url(images/pf-prev.gif) no-repeat 0 0; 
	cursor:pointer; 
	float:left; 
  text-indent: -99999px;
}
#next-pf a{
	width:14px; 
	height:21px;
	position:relative;	
	top:-135px; 
	right:0px; 
	display:block; 
	background:url(images/pf-next.gif) no-repeat 0 0; 
	cursor:pointer; 
	float:right;
  text-indent: -99999px; 
}

/* Portfolio list */
ul.featured-pf-list{
	width:466px;
	background-color:#FF0000;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
	float:left;
}
ul.featured-pf-list li{
	background-image:url(images/arrow.png); 
	background-position:5px 13px; 
	background-repeat:no-repeat; 
	padding-left:20px;
	line-height:32px;
	float:left;
}
ul.featured-pf-list li a{
	color:#979797;
	text-decoration:none;
}
ul.featured-pf-list li a:hover{
	text-decoration:underline;
}

/* Portfolio Category Filter */
#filter {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font: normal 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0;
	border-bottom: 1px solid #d3d3d3;
}
#filter ul {
  margin: 10px 10px 25px 10px;
  padding: 0;
}
ul#filter {
  margin: 10px 0 25px 0;
  padding: 0 0 20px 0;  
}
#filter li {
	display: inline;
	color: #a1a2a2;
	font-weight: bold;
	margin-right: 5px;
}

#filter li a {
	margin-right: 2px;
	padding: 5px 8px;
	border: 1px solid #dadada;		
	color: #a1a2a2;
  text-decoration: none;
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

#filter li a:hover,
#filter li a.current, 
#filter li.current a,
#filter li.current-cat a {
	background-color: #e0e0e0;
	color: #8a8a8a;
	border: 1px solid #dadada;
	text-decoration: none;
}

ul#portfolio {
	float: left;
	list-style: none;
	margin-left: 10px;
	width: 100%;
}
ul#portfolio li {
	width:214px; 
	height:134px;
	background:url(images/hover-opacity.png) no-repeat top left;
	margin:0px 23px 135px 0px; 
	float:left;
}
ul#portfolio h6 a,ul#portfolio h6 a:link,ul#portfolio h6 a:visited  {
	color: #656464;
	text-decoration: underline;
}
ul#portfolio h6 a:hover  {
	color: #f07d12;
	text-decoration: underline;
}
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }
ul#portfolio li a img.portfolio-button{
  margin: 0;
  padding: 0;
  border: none; 
}
/* Blog
------------------------------------------------------*/
.blog-post{
	margin-bottom:66px;
}
.blog-post h3{
	color:#a20b0d;
	margin-bottom:11px;
	padding:7px;
}
.blog-post h3.portfolio-title {
  margin-bottom:11px;
	padding:7px;
	border-bottom:1px solid #d3d3d3;
}
.blog-post h3 a, .blog-post h3 a:visited{
	color: #fff;
	text-decoration: underline;
}
.blog-info{
	color:#fff;
	margin-top:-30px;
	float:left;
}
.blog-info a, .blog-info a:visited{
	color: #fff;
	text-decoration: underline;
}
.blog-info a:hover{
	color: #fff;
	text-decoration: none;
}
.blog-info-icon{
	margin-right:3px;
}
.blog-info-icon2{
	margin-left:20px;
	margin-right:3px;
}
.readmore-blog{
	float:right; 
}

/* Author info styling */
.author{
	width:600px;
	background-color:#f1f1f1; 
	border-top:1px solid #d3d3d3; 
	border-bottom:1px solid #d3d3d3; 
	color:#a6a6a6; 
	padding:10px 15px 6px 15px; 
	line-height:18px; 
	float:left;
	margin-bottom: 30px;
}
.author h6{
	margin:1px 0px 3px 0px;
}

/*------- Comments -----*/
#commentwrapper {
  margin: 30px 0;
  width: 620px;
}
ol.commentlist { 
  margin: 0 0 40px 0; 
  list-style-type: none; 
  overflow: visible; 
}

li.comment { 
  margin: 0 20px 20px 0; 
  border: none;
}
li.comment .comment-body { 
  margin: 0 0 0 70px; 
  position: relative; 
}
li.comment .comment-meta { 
  overflow: hidden; 
  float: left; 
  display: block; 
  width: 50%; 
}
li.comment .comment-text { 
  border-bottom: 1px solid #eaeaea; 
  padding-bottom: 1px; 
  width: 100%;
}
li.comment .avatar { 
  position: absolute; 
  left: -70px; 
  padding: 2px; 
  background: #f8f8f8; 
  border: 1px solid #eee; 
}
li.comment p { 
  clear: both; 
  font-size: 1em;
}
li.comment cite, li.bypostauthor li.comment cite { 
  color: #5a5a5a; 
  font-weight: bold; 
  background: url(images/bullet1.png) right center no-repeat;
  font-style: normal; 
  padding: 0 20px 0 0; 
  margin: 0 8px 0 0; 
  float: left;
}
li.comment cite a, li.bypostauthor li.comment cite a {
}
li.comment cite a:hover { 
  text-decoration: none;
}
.commentmetadata, .commentmetadata a { 
  font-size: 10px; 
  text-transform: uppercase; 
  color: #999; 
}
.commentmetadata a:hover {
  color: #666;
  text-decoration: none;
}
.says { 
  display: none; 
}
.comment-meta { 
  margin: 0 0 10px 0; 
  line-height: 16px;
  position: relative; 
}
li.comment .comment-body a.comment-reply-link { 
  display: block; 
  position: absolute; 
  right: 0; 
  top: 0px; 
  color: #999; 
  font-weight: bold; 
  padding: 0 10px 0 0; 
  font-size: 10px; 
  text-transform: uppercase; 
}
li.comment .comment-body a.comment-reply-link:hover {
  color: #666;
  text-decoration: none;	
}

.children { 
  list-style-type: none; 
  margin: 20px 0 0 70px; 
}
.children li.comment { 
  margin: 0; 
  font-size: 1em;
}

#respond h3 { 
  margin-top: 10px; 
}
#commentform { 
  margin-bottom: 20px; 
}
#commentform div.wrap {	
  margin-bottom: 10px; 
}
#commentform div.input-container { 
  display: inline-block; margin-right: 10px; 
}
#commentform input[type=text] { 
  width: 290px; 
  border: 1px solid #e8e8e8; 
  padding: 5px;
}
#commentform div.textarea-container { 
  display: inline-block; 
  margin-right: 10px; 
}
#commentform textarea { 
  width: 560px; 
  height: 155px; 
  padding: 5px; 
  border: 1px solid #e8e8e8; 
}
#commentform label { 
  font-style: italic; 
  font-size: 1.2em; 
  color: #5a5a5a; 
}
#commentform input#submit { 
  border: none; 
  color: #fff; 
  font-weight: bold; 
  padding: 5px 15px;
  background: #6a6a6a; 
}
input#searchsubmit {
	background-color: #0e9fd5;
	color: #fff !important;
	margin-right: 10px;
	padding: 5px 15px 5px 15px;
	display: inline-block;
	font-size: 13px;
	border: 1px solid #0e9fd5;
	cursor: pointer;
}
.cancel-comment-reply {	
  margin: 0 0 10px; 
  text-align: right; 
}

/*------- WP Pagenavi ------- */
.blog-pagination{
	margin-bottom:20px;
	float:left;
}
.maincontent .wp-pagenavi, .wp-pagenavi {
  padding: 20px 0px;
  margin-bottom:30px;
  text-align: left;
}
.maincontent .wp-pagenavi a, .maincontent .wp-pagenavi a:link, .blog-pagination .wp-pagenavi a, .blog-pagination .wp-pagenavi a:link {
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}
.maincontent .wp-pagenavi a:visited, .blog-pagination .wp-pagenavi a:visited {
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
.maincontent .wp-pagenavi a:hover, .blog-pagination .wp-pagenavi a:hover {	
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
.maincontent .wp-pagenavi a:active, .blog-pagination .wp-pagenavi a:active {
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor:default;

}
.maincontent .wp-pagenavi span.pages, .blog-pagination .wp-pagenavi span.pages {
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
.maincontent .wp-pagenavi span.current, .blog-pagination .wp-pagenavi span.current {
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;

}
.maincontent .wp-pagenavi span.extend, .blog-pagination .wp-pagenavi span.extend {
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
/*------- WP Pagenavi End ------- */

/*------- Traditional Navigation -----*/
.pagination {
  padding: 15px 0;
  display: block;
}
.pagination a {
	padding: 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d05f5f;
	color: #414141;
	background-color: #FFFFFF;
}
.pagination a:hover{
	border: 1px solid #eaeaea;
	color: #000;
  background-color: #eaeaea;
	text-decoration:none;  
}
/*------- Traditional Navigation End -----*/

/* Latest post list */
ul.latestpost-list{
	width:300px;
	margin:-2px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.latestpost-list p{
	width:234px;
	margin:4px 0px 0px 0px;
	float:left;
}
ul.latestpost-list li{
	margin-bottom:12px;
	line-height:32px;
	float:left;
}
.latestpost-img{
	border:1px solid #d3d3d3;
	margin:5px 11px 0px 0px;
	padding:2px;
	float:left;
}
ul.latestpost-list li a{
	color: #e50278;
	text-decoration:none;
}

.widgets ul.latestpost-list li{
  padding-left: 0;
  background: none;
}
/* Contact
------------------------------------------------------*/
form{
	margin:0; 
	padding:0;
}
#contactFormArea{
	width:480px;
	margin:0px; 
}

.contact-area{padding:20px 10px 20px 10px; margin:-15px 0px 40px 0px}
form{
	margin:0; 
	padding:0;
}
fieldset{border:0px;}
#contactFormArea{
	margin:0px 0px 0px 0px;
	position:relative;  
}
label{
	margin-bottom:5px;
	display:block
}
.input,
input#s {
	background-color:#ffffff; 
	border:1px solid #d05f5f;
	font-family:Tahoma, Arial, verdana;
	font-size:11px; 
	width:406px; 
	padding:6px 5px; 
	margin:0 0 10px 0; 
	color:#939393;
}

input#s{
  width:245px;
}
.textarea{
	background-color:#ffffff; 
	border:1px solid #d05f5f;
	font-family:Tahoma, Arial, verdana;
	font-size:11px;
	overflow:hidden;
	width:406px; 
	padding:6px 5px; 
	margin:0px; 
	color:#939393;
}
.submit {
	background-image:url(images/send-button.gif); 
	background-repeat:no-repeat; 
	padding:0px; margin:0px; 
	border:0px; 
	width:103px; 
	height:28px; 
	cursor:pointer; 
	float:right; 
	margin-top:10px;
	margin-right:210px;
}
.loading{
  width: 72px;
  height: 32px;
  background:url(images/loading-pf.gif) top left no-repeat;
  padding-left:45px;
  color:#797979;
  margin-top:0px;
  float:left;
  line-height: 32px;
}
.success-contact {
  text-align:center;
  color:#3F9153;
  margin-bottom:5px;
  padding:8px 10px 8px 37px;
  background:#D7F7DF url(images/success.png) no-repeat;
  background-position:127px 10px;
  border:1px solid #A3F7B8;
  display: none;
} 
.map{
	width:294px;
	height:183px;
	background:url(images/hover-opacity-map.png) no-repeat top left;
	margin:6px 0px 8px 0px;
	padding:2px;
	border:1px solid #d3d3d3;
	float:left;
}


/* Footer
------------------------------------------------------*/
#footer-content{
	width:960px;
	height:34px;
	margin:0px auto;
	padding-top: 4px;
	color: #fff;		
}
#footer-text{
	width:850px;
	padding-top:8px; 
	font-size:11px;
	float:left;
}
#footer-text a, a.readmore {
  color: #fff; 
  text-decoration: underline;
}
#footer-text a:hover,
a.readmore:hover {
  color: #82b800;
  background: #fff;
}
#footer-nav{
	width:100px;
	text-align:right;
	padding-top:8px; 
	font-size:11px;
	float:right;
}
#footer-nav a, #footer-nav a:visited{
	color: #fff;
	text-decoration: underline;
}
#footer-nav a:hover{
	color: #fff;
	text-decoration: none;
}
#footer-nav img{
	margin-left:5px;
}
ul.social-links {
  margin: 0;
  padding: 0;
  display: block;
}
.social-links li {
  background: none;
  margin:0 3px;
  display: inline;
}
ul.social-links li a  {
  background: none; 
  margin: 0;
  padding: 0;
}

/* pocitadlo */

#navrcholu {
visibility:hidden;
position:absolute;
top:0px;
left:0px;
margin:0;
padding:0;
border:0;
}

#navrcholu img{
visibility:hidden;
position:absolute;
top:0px;
left:0px;
margin:0;
padding:0;
border:0;
}


/* ostatni */

#techdata {
	background: #fff;
	padding: 30px;
	margin-top: 70px;
	margin-bottom: 50px;
	border: 1px solid #666;
	border-bottom: 10px solid #666;
}

.right{
	text-align: right;
	font-weight: bold;
}

.right a, .right a:hover{
	color: #E14507;
}


.nocomments {
visibility: hidden;
}

iframe {
margin-bottom: 15px;
}

.photky {
	border-top: 1px solid #0e9fd5;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 4px;
	background: url(images/top_img.png) no-repeat bottom right;
}

/*tabulky*/
table.mojetab
{
	border: 0px none;
	width: 360px;
	padding: 0px;
	font: normal 14px "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
	text-align: left;
	border-collapse: collapse;
	margin-top: 18px;
	margin-bottom: 18px;
	background: #0e9fd5;
}
tr.zahlavi
{
	font-weight: bold;
	background: #000;
	color: #fff;
}
tr.telo
{
	color: #fff;
	background: #666;
	font-weight: bold;
	border-bottom: 2px solid #fff;
}
tr.telo0
{
	color: #fff;
}
tr.telo2
{
	color: #fff;
	border-bottom: 2px solid #fff;
}
tr.telo3
{
	color: #fff;
	background: #0e9fd5;
	border-bottom: 2px solid #fff;
}
th.bunka, td.bunka
{
	padding: 10px;
}