/*
Theme Name: HAVAX
Theme URI: http://www.havax.cz
Description: Web firmy HAVAX
Version: 0.1


/************************************************************************************
Reset Browser A Bit & Clear Floats
************************************************************************************/
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img, 
a{outline:0; border:0}
caption, th, td{ text-align:left;  font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
.clear{clear:both}

/************************************************************************************
WordPress Elements 
************************************************************************************/
.aligncenter{display:block; margin:0 auto}
.alignright{float:right; margin:0 0 1em 1em}
.alignleft{float:left; margin:0 1em 1em 0}
.floatleft{float:left}
.floatright{float:right}
img.aligncenter, img.alignright, img.alignleft{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding:4px}

.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}

.wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin:10px}
.wp-caption img{margin:0; padding:0; border:none}
.wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/************************************************************************************
Body - default: 12px
************************************************************************************/
body{font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.8em;  color:#555; background: transparent url('/images/bg.jpg') 0 0 repeat; }

/************************************************************************************
HTML Elements
************************************************************************************/
a{color:#0562a8; text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 15px}
b,strong{font-weight:700}
i,em{font-style:italic}
small{}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px}

/************************************************************************************
Default Headings
************************************************************************************/
h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif; color:#333; line-height:130%; font-weight:100; padding:0; margin:0;}
h1{font-size:28px; margin:0 0 30px 0; color: #ff6600; font-variant:small-caps; font-weight: bold;}
h1.homepage{text-align: center; margin-bottom: 5px;}
h2{font-size:24px; margin:10px 0 25px 0; color: #ff6600; font-variant:small-caps; font-weight: bold;}
h2 a{ color: #444;}
h2 a:hover{ color: #bb1523; text-decoration: none;}
h3{font-size:18px; margin:15px 0 10px 0;}
h3 a{ color: #0562a8;}
h3 a:hover{ text-decoration: none;}
h4{font-size:16px; margin:20px 0 10px 0; color: #bb1523;}

/************************************************************************************
Main Wrap &Container
************************************************************************************/
#wrap{margin:20px auto 0 auto; width:960px;}
#container{padding:0}

/* LAYOUT */
#container{
	background: #f5f5f5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
#leftMenu{
	float: left;
	width: 230px;
	background: transparent url('/images/menuSideSeparator.png') 100% 0 no-repeat;
	padding-bottom: 400px;
	position: relative;
}
#content{
	float: right;
	width: 730px;
}
#partners{
	margin: 10px 25px 0;
	padding: 25px;
	border-top: 1px solid #b5b5b5;
}

/* LEFT MENU */
#leftMenu ul{
	list-style-type: none;
	margin: 0;
}
#leftMenu ul li{
	margin: 0;
}
#leftMenu li a{
	display: block;
	padding: 21px 10px 20px;
	font-size: 16px;
	color: #000;
	text-align: center;
	background: transparent url('/images/menuSeparator.png') 50% 0 no-repeat;
}
#leftMenu li a.first{
	background: none;
}
#leftMenu li a:hover,
#leftMenu li a.active{
	color: #fff;
	background: #0562a8;
	text-decoration: none;
}

/* SEPARATOR */
div.separator{
	padding: 10px 0;
	background: transparent url('/images/separator.png') 50% 50% no-repeat;
}
div.separator.small{
	padding: 3px 0;
}


/************************************************************************************
Header
************************************************************************************/
#header{min-height:40px; position:relative; padding:0 0 20px 0}
#header-logo{width:540px; text-align:left}
#header-description{font-size:12px;}

#header-logo h1, #header-logo h2{font-weight:700; font-size:30px; margin:0}
#header-logo a{color:#2C2C2C}
h1#header-logo{
	margin: 0;
}

/************************************************************************************
Main
************************************************************************************/
#main{padding:25px;}
#home-wrap #main{padding-top:0;}
#main-full-width{margin:0 20px}

/************************************************************************************
Homepage
************************************************************************************/
#homepage-text{margin:0 20px}
.homepage-boxes{}
.homepage-box{width:203px; margin:0 20px 25px 0; padding: 5px; float:left; border: 1px solid #efefef; text-align: center; box-shadow: 0 0 5px #eeeeee; -webkit-box-shadow: 0 0 5px #eeeeee;  -moz-box-shadow: 0 0 5px #eeeeee; }
 .homepage-box:hover{background: #efefef; width:203px; margin:0 20px 25px 0; padding: 5px; float:left; border: 1px solid #efefef; text-align: center; }
.homepage-box img{margin:0 0 10px 0}

.homepage-box h2{padding-bottom:5px;margin-bottom:15px;border-bottom:0px solid #EEE; font-size: 12px; font-weight: bold; margin-top: 0px;}

.homepage-boxes.full{margin:0; width: 100%; padding: 0;}
.homepage-boxes.full .box{
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
.homepage-boxes.full .box a.img{
	float: left;
	margin-right: 20px;
}
.homepage-boxes.full .box h3{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 5px 0;
}
.homepage-boxes.full .box h3 a{
	color: #0562a8;
	text-decoration: none;
}
.homepage-boxes.full .box p{
	font-size: 12px;
}
.homepage-boxes.full .box p.moreInfoBlue{
	margin-bottom: 0;
	text-align: right;
	float: right;
	position: relative;
	/*top: -5px;*/
}
.homepage-boxes.full .box p.moreInfoBlue a{
	color: #fff;
	background: #0562a8;
	font-size: 12px;
	padding: 6px 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
	
.homepage-boxes.small .box{
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
}
.homepage-boxes.small .box h3{
	font-size: 16px;
	height: 42px;
	font-weight: bold;
	margin: 0 0 3px 0;
}
.homepage-boxes.small .box h3 a{
	color: #0562a8;
	text-decoration: none;
}
.homepage-boxes.small .box a.img{
	border: 1px solid #bebebe;
	padding: 4px 3px;
	text-decoration: none;
	margin-bottom: 10px;
	color: #000;
	display: block;
}
.homepage-boxes.small .box p{
	font-size: 10px;
	margin-bottom: 3px;
	line-height: 15px;
}
.homepage-boxes.small .box p.moreInfo{
	font-size: 12px;
	color: #fd8037;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: bold;
}
	
/************************************************************************************
Entries
************************************************************************************/
.entry{float:left; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #ECECEC}
.entry-featured-image{height:140px; width:140px; background: #000; float:left; margin:0 20px 0 0;}
.entry-featured-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.entry-meta{margin:0 0 5px; font-size:11px; color:#999}
.entry-meta a{color:#999}
.entry-meta a:hover{color:#3872A5}
.entry-read-more{font-size:11px; font-weight:700}

.entry-title{margin:0 0 5px; font-size:21px; font-weight:100}
.entry-title a{color:#2C2C2C}

/************************************************************************************
Breadcrumbs 
************************************************************************************/
#breadcrumbs{list-style:none; margin:10px 0 0; border-bottom:1px solid #EEE; height:35px; line-height:35px; font-size:12px}
#breadcrumbs li{display:inline}

/************************************************************************************
Post
************************************************************************************/
#post{width:100%; margin:0 0 10px}
#post ul, #main-post ol{margin:20px 0 20px 50px}
#post-meta{margin:0 0 20px; font-size:11px; color:#999}
#post-featured-image{}

#post h1{font-weight:100;margin:0 0 10px}

/************************************************************************************
Post navigation
************************************************************************************/
#post-navigation{height:35px; line-height:35px; font-size:12px}
#post-navigation-left{float:left}
#post-navigation-right{float:right}

/************************************************************************************
Post Category
************************************************************************************/
#post-category{margin:10px 0; font-size:12px}
#post-category h3{font-size:20px; margin:0 0 15px}

/************************************************************************************
Post Tags
************************************************************************************/
#post-tags{margin:10px 0; font-size:12px}

#post-tags-header{font-size:20px; margin:0 0 15px}

/************************************************************************************
Post Author
************************************************************************************/
#post-author{margin:10px 0; font-size:12px}
#post-author .avatar{float:left; padding:2px; background:#FFF; border:1px solid #EEE; margin:0 15px 10px 0}
#post-author-meta{padding:10px 0 0 0; margin:0; font-size:11px}

#post-author h3{font-size:20px; margin:0 0 15px}

/************************************************************************************
Post Related Posts
************************************************************************************/
#related-posts{margin:10px 0; font-size:12px}
#related-posts img{float:left; margin:0 15px 10px 10px; padding:2px; border:1px solid #CCC}
#related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
#related-posts ul{list-style:none; margin:0 10px 0 0}
#related-posts ul li{min-height:60px; margin:0 0 20px 0}

#related-posts h3{font-size:20px; margin:0 0 20px}
#related-posts h4{font-size:12px; margin:0 0 5px 0}
#related-posts h4 a{color:#333}

/************************************************************************************
Comments
*************************************************************************************/
#commentsbox{clear:both; padding-top:20px}
#comments{border-top:1px solid #CCC;border-bottom:1px solid #CCC; margin:0 0 10px; padding: 10px 0}
.commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none}
.commentlist li{margin:10px 0; line-height:18px; padding:10px}
.commentlist li li{padding: 0 !important }
.commentlist li li .comment-body{ background: #F5F5F5; padding: 10px; border: 1px solid #CCC}
.comment-author a:link, 
.comment-author a:visited{font-weight:bold}
.comment-author .fn{}
cite.fn{color:#000;font-weight:700;font-size:12px}
.comment-author .avatar{float:left; margin:0 10px 0 0;-moz-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);-webkit-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);box-shadow:0 14px 10px -12px rgba(0,0,0,0.7)}
.comment-meta{font-size:11px}
.comment-meta .commentmetadata{color:#000}
.comment-meta a{color:#666; text-decoration:none !important}
ol.commentlist li p{line-height:22px; margin:5px 0 0}
.reply{margin-top:5px; font-size:11px; font-style: italic}
.children{list-style:none; margin:1em 0 0; text-indent:0}
.children li.depth-2{margin:0 0 0px 50px}
.children li.depth-3{margin:0 0 0px 50px}
.children li.depth-4{margin:0 0 0px 50px}
.children li.depth-5{margin:0 0 0px 50px}
.comment-nav{padding:5px; height:20px}
.comment-nav a:link, .comment-nav a:visited{}
.cancel-comment-reply a{color:#F00; font-weight:700}
#respond{margin:20px 0px}
#respond h3{font-size:18px; margin:0 0 20px}
#commentform{}
#commentform p{padding:10px 0}
#respond label{display:block; padding:5px 0}
#respond label small{font-size:10px}
#respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd}
#commentform input{width:50%}
#respond input#commentSubmit{padding:5px 0; width:100px; font-size:12px; background:#1F1F1F; border-top:1px solid #333; border:1px solid #000; color:#FFF; text-decoration:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:10px 0px; cursor:pointer; border:0; outline:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC}
#commentSubmit:hover{background:#5B8C00 !important}
#commentSubmit:active{padding:5px 0 0 !important}
textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px}
#comments-closed{padding:10px 0}

/************************************************************************************
Portfolio
************************************************************************************/
#portfolio-description{border-bottom:1px dotted #CCC; margin:0 20px 30px}
.filtry_menu select{ padding: 3px 5px;}
#portfolio-page{margin:0 0 0 10px}
.portfolio-item{width:280px; float:left; margin:0 20px 30px 0; padding:0 10px}
.thumb-wrap{height:160px;width:280px;background:#000;margin:0 0 15px;}
.portfolio-item a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.single-portfolio-img{margin:0 0 20px}

.portfolio-item h2{font-size:18px; margin:0 0 10px}

/************************************************************************************
Author Page
************************************************************************************/
#author-page{min-height:100px}
#author-page .avatar{float:left; margin:0 15px 0 0}

#author-page-posts-title{}

/************************************************************************************
Archives - Category Pages &Tag pages -------------------------- */
#archive-title h1{}

/************************************************************************************
Sidebar
************************************************************************************/
#sidebar-right{float:right; width:250px; font-size:12px; padding:0 20px 0 0}
#sidebar-right ul{list-style:none; margin:0}
#sidebar-right li{margin:5px 0}
.sidebar-right-box{margin:0 0 30px}

.sidebar-megamenu-tiop {
    margin: 0 0 10px;
}

#sidebar-right h4{font-size:18px; color: #bb1523; font-weight:normal; margin:0 0 20px; padding:0 0 5px; border-bottom: 1px solid #EEE }
#sidebar-right .references a {color: #444;}
#sidebar-right .references a:hover {color: #bb1523; text-decoration: none;}

/************************************************************************************
Pagination
************************************************************************************/
#pagination{clear:both; padding:0 0 20px; position:relative; font-size:11px; line-height:13px; text-shadow:1px 1px 1px #FFF}
#pagination span, #pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#666; background:#EEE}
#pagination a:hover{background:#D7D7D7}
#pagination .current{padding:6px 9px 5px 9px; background:#D7D7D7}

/************************************************************************************
Copyright
************************************************************************************/
#social{position:absolute; bottom:10px; right:20px; margin:0; list-style:none}
#social li{float:left; margin:0 0 0 6px}

/************************************************************************************
Copyright
************************************************************************************/
#copyright{background:#bb1523; width:960px; margin:0 auto 20px auto; position:relative; padding:10px; color:#fff; font-size:10px; border-top:1px solid #333}
#copyright p{margin:0}
#copyright a{color:#fff}
#copyright a:hover{color:#FFF}
#back-to-top{position:absolute; right:10px; bottom:10px; font-size:11px}

/************************************************************************************
Phone Number
************************************************************************************/
#phone-number{position:absolute; right:21px; top:25px}

/************************************************************************************
Search
************************************************************************************/
#search-wrap{position:absolute; right:26px; top:45px; width:250px}
#search-input{width:225px; height:25px; line-height:25px; border:1px solid #b5b5b5; padding:0 25px 0 5px; color:#a2a2a2; background:#e5e5e5;}
#search:focus{color:#333}
#search-submit{display:block; background:url('/images/search-icon.png') no-repeat; height:15px; width:15px; position:absolute; top:6px; right:0; display:block; cursor:pointer; text-indent:-9999px; outline:none; bordeR:none}

/************************************************************************************
Menu Wrap
************************************************************************************/
#primary-menu {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-size: 12px;
    margin: 0 20px;
    min-height: 3em;
    position: relative;
    z-index: 99;
}


/************************************************************************************
Slider Layout
************************************************************************************/
#slider-wrap{width:730px; margin:0 auto 30px auto}
#slider{z-index:5; width:100%; height:430px; margin:0 auto 10px auto; position:relative; background:#FFF url('/images/loading.gif') no-repeat 50% 50%}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}

.nivo-controlNav a.active { font-weight: bold }
.nivo-controlNav {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 10px;
    right: 10px;
    padding: 0;
}
.nivo-controlNav a {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url('/images/bullets.png') no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden;
	left: 50%;

}
.nivo-controlNav a.active {
    background-position: -8px 0;
    margin-right: -1px;
    margin-left: 6px;
}



/************************************************************************************
Image With Link
************************************************************************************/
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none}

/************************************************************************************
Slider Slices
************************************************************************************/
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }

/************************************************************************************
Caption Styles
************************************************************************************/
.nivo-caption{position:absolute; left:0; bottom:0; background:#bb1523; opacity:0.8; width:100%; z-index:89; display: none!important;}
.nivo-caption p{color:#FFF; padding:10px; margin:0}

/************************************************************************************
Direction nav styles (e.g. Next &Prev)
************************************************************************************/
.nivo-directionNav a{position:absolute; top:43%; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer}
.nivo-prevNav{background:url('/images/left-arrow.png') no-repeat; left:15px}
.nivo-nextNav{background:url('/images/right-arrow.png') no-repeat; right:15px}
.nivo-prevNav:hover{background-position:0 -60px}
.nivo-nextNav:hover{background-position:0 -60px}

/************************************************************************************
Tables
************************************************************************************/

table{border-collapse:collapse;border-spacing:0;width:100%; border:0px 
solid #0e0e0e;margin-bottom:18px;}
table,td,th {vertical-align:middle;}
th{padding:5px;}
td{padding:5px; border:1px solid #7a7a7a;}
tfoot td{border:0px;}



/************************************************************************************
Login form
************************************************************************************/
#loginform  input, #loginform label {
	display: block; padding: 5px; clear: left}
	
.login-username, .login-password {
display: block;
width: 30%;
float: left;}



/************************************************************************************
Final adjustments
************************************************************************************/

/* #container ul li {margin-left: 15px;} */
/* .homepage-box ul li {margin-left: 15px;} */
ul li {margin-left: 15px;}
ul.bxslider li {margin-left: 0;}
#post ul, #main-post ol{margin:20px 0 20px 15px}



/************************************************************************************
Remove menu lines
************************************************************************************/
#primary-menu {
    border-bottom: 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
}


/************************************************************************************
Gallery
************************************************************************************/
.gallery { margin: auto; overflow: hidden; width: 100%; }
.gallery dl { margin: 0px; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; }
.gallery img { border: 2px solid #cfcfcf; }
.gallery .gallery-caption { margin-left: 0; }
.gallery br { clear: both }
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }


/************************************************************************************
Filtry menu
************************************************************************************/

.filtry_menu {
display: block;
float: left;
clear: both;
padding: 10px 10px 25px 10px;
width: 100%;
}

.filtry_menu ul {
display: inline;
width: 450px;
}

.filtry_menu li {
   border-right: 1px solid;
    display: block;
    float: left;
    font-size: 12px;
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
	line-height: 15px;
 }
 
 .filtry_menu .current_page_item {
	background: none;
	/* color: #1C88C8; */
	text-shadow: none;
 }
 
.filtry_menu li a {
	color: #BB1523;
}

.filtry_menu li a:hover {
	text-decoration: none;
}

.filtry_menu .current-cat a {
color: #555555;
text-decoration: underline;
}

form table{
}
form table td{
	border: 0;
}
form table input[type='text'],
form table input[type='password'],
form table textarea{
	padding: 5px;
	width: 300px;
	border: 1px solid #aaa;
}
form table input[type='submit']{
	padding: 5px;
	width: 310px;
	cursor: pointer;
	background: #0562a8;
	color: #fff;
	border: 1px solid #aaa;
}
	
.contactEmail{
	display: none;
}

.form-error-message{
	color: red;
}

div.years{
	color: #b5b5b5;
	font-size: 1.2em;
	margin-top: -15px;
	margin-bottom: 15px;
}
div.years a span{
	font-size: 0.9em;
}

.pagination ul{
	list-style-type: none;
}
.pagination ul li{
	display: inline;
	margin-left: 10px;
}

h3 em{
	font-size: 0.8em;
	float: right;
	color: #ff6600;
}

.postDate{
	font-size: 14px;
	float: right;
}

h4.book{
	margin-bottom: 5px;
	color: #0562a8;
}
h5.book{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}
.deletePost{
	float: right;
	margin-left: 20px;
	color: red;
}

.secondaryEmail{
	display: none;
}

.postForm form{
	display: none;
}

h1 span.subtitle{
	display: block;
	font-size: 18px;
}

.userPart{
	padding: 20px; 
	position: absolute;
	bottom: 0;
}

form table.sideForm input{
	width: auto;
}
form table.sideForm input[type=submit]{
	width: auto;
	float: right;
}

.novinka h2{
	margin-top: 15px;
	margin-bottom: 5px;
}

#partners a,
#partners span{
	margin-right: 10px;
}
