/*  
Theme Name: netmail
Theme URI: http://www.netmail.cz
*/

/* main structure */
/*
body { background: url(img/bg-main.png) left top repeat-x #f9fbfd; font-size: 12px; color: #515862; font-family: Arial, Helvetica, sans-serif; }
*/
body { background: url(img/bg-main.png) left top repeat-x #f9fbfd; font-size: 12px; color: #2C333E; font-family: Arial, Helvetica, sans-serif; }

.wrindex { background: url(img/bg-index-main.png) left 40px repeat-x; }
.wrpage { background: url(img/bg-page-main.png) left 40px repeat-x; }
.wrblog { background: url(img/bg-blog-main.png) left 40px repeat-x; }
.swrblog { background: url(img/bg-blog.jpg) center 40px no-repeat; }
.swrindex { background: url(img/bg-clouds-top.png) center 40px no-repeat; }
.swrpage { background: url(img/bg-clouds-top.png) center 40px no-repeat; }

#supersubwrapper { width: 943px; margin: 0 auto; }
#line { height: 40px; line-height: 40px; font-size: 11px; font-weight: bold; color: #c0c2c5; padding: 0 7px 0 12px; }
#line a { color: #c0c2c5; text-decoration: none; }
#line a.active { color: #fff; }
#line a.active:hover { text-decoration: none; }
#line a.fr { border-right: 1px solid #575d64; padding: 0 9px 0 0; margin: 0 6px 0 0; }
#line a:hover { text-decoration: underline; }
#line .languages { float: left; }
#line .email, #line .phone, #line .login { float: right; height: 40px; padding: 0 0 0 23px; }
#line .email { background: url(img/icon-at.gif) left center no-repeat; }
#line .phone { background: url(img/icon-phone.gif) left center no-repeat; margin: 0 116px 0 101px; }
#line .login { background: url(img/icon-login.gif) left center no-repeat; }
#line span { border-left: 1px solid #5d626a; padding-left: 9px; }
.hindex { height: 380px; }
.hpage { height: 128px; }
.hblog { height: 325px; }
#header-top { height: 89px;  background: url(img/bg-nm-logo-head.png) }
#header h1 a { display: block; width: 301px; height: 89px; float: left; }
#header h1 a span { display: none; }

#headline { height: 188px; background: url(img/top-headline.png) center no-repeat;}
#call_to_action_hp { text-align: center; margin-top:10px;}
#call_to_action_hp span div.button-first-line { font-size:23px; padding: .1em .6em 0;}

.button span.ui-button-text, .button .button-sub-text {padding:0px !important;}
 
#header-bottom .execphpwidget { margin-top: 25px;}


#pagelist { float: right; font-size: 13px; font-weight: bold; height: 89px; width: 463px; padding: 0 23px 0 0; }
#pagelist ul { display: inline; float: right; zoom: 1; *display: inline; }
#pagelist ul li { display: inline; float: right; zoom: 1; *display: inline; }
#pagelist ul li a { float: left; height: 89px; line-height: 89px; padding: 0 2px; text-decoration: none; color: #2c333e; margin: 0 9px; display: inline; zoom: 1; *display: inline; }
#pagelist ul li a:hover { color: #da2128; }
#pagelist ul li.current_page_item a { background: url(img/pagelist-hover.gif) center top no-repeat; color: #da2128; }
.hb h2 { font-size: 21px; color: #2C333E; font-weight: bold; line-height: 1.1; margin: 0 0 7px 0; }
.hb h2 a { color: #2C333E; text-decoration: none; }

.ourblog { padding: 60px 0 0 330px; color: #3b434d; line-height: 1.5; font-size: 14px; }
a { text-decoration: underline; color: #da2128; }
a:hover { text-decoration: none; }
#content { }

#main-top-3columns { padding: 0 0 0 0; font-size: 13px; }
#main-top-3columns a.icon { display: block; height: 222px; }
#main-top-3columns .block { width: 260px; float: left; padding: 15px 15px 15px 15px; color: #3b434d; line-height: 1.5; display: inline; margin: 11px; background: white; border: solid 1px #c9deec;}
#main-top-3columns .post-3col { width: 260px; height: 281px; float: left; padding: 15px 15px 15px 15px; color: #3b434d; line-height: 1.5; display: inline; margin: 11px; background: white; border: solid 1px #c9deec;}
#main-top-3columns div.post-3col p:first-child { text-align:center;}

#main-top-3columns .post-3col li { font-size: 15px ;line-height: 18px; margin-bottom: 8px; min-height: 32px;}
#main-top-3columns .post-3col h3 { font-size: 18px; line-height: 25px; margin-bottom: 4px; font-weight: normal;}

.cleaner { clear: both; height: 0; line-height: 0; font-size: 0; }
/* main structure */

/* sidebar */	
#sidebar-home { width: 402px; float: right; }
#sidebar-home .screen { float: left; margin: 41px 0 0 0; }
#sidebar-home img { float: right; margin: 55px 13px 0 0; }
#sidebar { width: 230px; float: right; }

.frame { margin: 25px 0px 10px 10px;border: solid 1px #C9DEEC;background: white; padding: 10px; text-align: center; vertical-align: middle;}
.frame h4 { color: #2C333E; display: block; height: 38px; line-height: 38px; font-weight: bold; font-size: 18px; }
.frame div.image {width: 170px;height: 70px;margin: 0 auto;}
.frame p { font-size: 15px;line-height: 19px;margin: 0 9px; text-align: left;}
.side li.sidenotes a.button { color:#4C3000 ;width: 100%;padding: 7px;font-size: 20px;  }

/* menu widget formatting - begin */

#sidebar-menu ul { display: inline; float: right; zoom: 1; *display: inline; }
#sidebar-menu ul li { display: inline; float: right; zoom: 1; *display: inline; font-size: 15px; font-weight: bold; line-height: 18px;}
#sidebar-menu ul li a { float: left; height: ; text-decoration: none; color: #2c333e; margin: 0 9px; display: inline; zoom: 1; *display: inline; }
#sidebar-menu ul li a:hover { color: #da2128; }
#sidebar-menu ul li.current_page_item a { background: url(img/pagelist-hover.gif) center top no-repeat; color: #da2128; }

/* menu widget formatting - end */



.side { padding: 24px 0 0 0; color: #828890; }
.side li h4 { color: #2C333E; display: block; height: 47px; line-height: 47px; font-weight: bold; font-size: 21px; background: url(img/side-h4.png) left bottom no-repeat; margin: 0 0 12px 0; padding: 0 10px; }
.side ul li h4 a { color: #2C333E; }

.side ul li ul li { padding: 0; }
.side ul li div, .side ul li ul { padding: 0 10px 0 10px; line-height: 1.9; }
.side ul li ul li ul { padding: 0; }
.side ul li a { color: #da2128; text-decoration: none; }
.side ul li a:hover { text-decoration: underline; }
.side ul li.sidenotes { font-size: 13px; }
.side ul li.contacts a.view { float: right; background: url(img/side-map.png) left top no-repeat; font-weight: bold; font-size: 11px; padding: 0 8px 0 17px; }
.side ul li.search { width: 298px; margin: 12px 0 0 1px; background: url(img/searchform.png) left top no-repeat; }
.side ul li.search div { padding: 0; line-height: normal; margin: 0 0 15px 0; }
.side ul li.search #s { width: 242px; height: 24px; background: none; border: none; vertical-align: middle; padding: 6px 12px 0 12px; color: #866f64; }
.side ul li.search #searchsubmit { width: 32px; height: 30px; background: none; border: none; vertical-align: middle; }
.side ul li.categories ul li, .side ul li.archives ul li { font-size: 11px; color: #866f64; display: block; width: 144px; float: left; }
.side ul li.categories ul, .side ul li.archives ul { padding-right: 0; }
.side ul li.categories ul li a, .side ul li.archives ul li a { font-size: 12px; }
.side a.rss { width: 93px; height: 30px; background: url(img/rss.png); display: block; font-size: 11px; color: #fff; font-weight: bold; line-height: 30px; padding: 0 0 0 45px; margin: 0 0 15px 0; }
.side a.google { width: 93px; height: 30px; background: url(img/google.png); display: block; font-size: 11px; color: #fff; font-weight: bold; line-height: 30px; padding: 0 0 0 45px; }
/* sidebar */

/* main */
.mainindex .headline { text-align: center; padding: 28px 0 18px 0;}
.mainindex { width: 943px; padding: 0px 0 0 0; }
.mainpage { width: 710px; padding: 31px 0 0 0; }
.mainblog { width: 710px; padding: 31px 0 0 0; }
#main { float: left; font-size: 14px; margin: 0 0 -40px 0; }
#main .screen {	float: right; margin: 30px 0 30px 15px; }

.mainindex h2, .mainpage h2, .mainblog h2 { font-size: 28px; font-weight: bold; color: #2C333E; }
.mainindex h2 a, .mainpage h2 a, .mainblog h2 a { color: #2C333E; text-decoration: none; }
.mainindex h2 a:hover, .mainpage h2 a:hover, .mainblog h2 a:hover { color: #444; }

.mainindex h3, .mainpage h3, .mainblog h3 { font-size: 20px; font-weight: normal; color: #2C333E; margin: 5px 0 20px 0; line-height: 26px;}
.mainindex h3 a, .mainpage h3 a, .mainblog h3 a { color: #2C333E; text-decoration: none; }
.mainindex h3 a:hover, .mainpage h3 a:hover, .mainblog h3 a:hover { color: #444; }

.mainpage h4, .mainblog h4 { font-size: 16px; color: #2C333E; margin: 5px 0 5px 0; font-weight: normal; line-height: 22px;}

h3.first, h2.first, h1.first { padding-top: 0px !important; margin-top: 0px !important;}

#main .info { line-height: 1.5; padding: 0 0 0px 11px; }
/*
.mainindex .info { background: url(img/main-info-bg.png) left bottom no-repeat; }
.mainpage .info { background: url(img/main-page-h2-bg.png) left bottom no-repeat; }
.mainblog .info { background: url(img/main-page-h2-bg.png) left bottom no-repeat; }
*/

#main .info p { color: #866f64; font-size: 11px; }
#main .info span.more { float: right; background: url(img/main-more.gif) left top no-repeat; padding: 0 0 0 25px; margin: -16px 30px 0 0; font-size: 11px; color: #da2128; font-weight: bold; }
#main .info span.more a { text-decoration: none; color: #da2128; }
#main .info span.more a:hover { text-decoration: underline; }
#main .post { font-size: 13px; color: #2C333E; line-height: 20px; padding: 20px 20px 20px 20px; background: white; border: solid 1px #c9deec; margin: 20px 10px 20px 11px;}
#main .post a, .service a { color: #da2128; }
#main .post a.button { color: #4C3000 !important; padding: 10px 20px 10px 20px; margin: 15px 0 15px 0; font-size: 17px;}
#main .post p { padding: 5px 0; }
#main .post-half { width: 409px; display: inline; float: left; margin: 10px; height: 260px; overflow: hidden;}
#main .post h2, 

#main.mainindex p { padding: 0; }
#main .post img { padding: 0px; }
#main .post img.alignleft { float: left; margin: 0px 15px 10px 0; }
#main .post img.alignright { float: right; margin: 0px 0 10px 15px; }
#main blockquote { padding: 6px 15px; border-left: 5px solid #da2128; margin: 8px 0 8px 15px; color: #666; }
#main ul, #main ol { margin: 10px 0 10px 20px; }
#main ul li { list-style: square; }
#main ol li { list-style: decimal; }
#services { margin: 0 0 130px 0; }
.service { padding: 36px 0 0 23px; }
.service a img { float: left; margin: 10px 0 0 0; }
.service div { width: 370px; float: right; display: block; padding: 0 20px 0 0; font-size: 14px; line-height: 1.9; color: #2C333E; }
.service h3 { line-height: 1; }
.service h3 a { font-size: 16px; font-weight: bold; color: #2C333E; text-decoration: none; }
.service h3 a:hover { text-decoration: underline; }
#navigation { height: 40px; margin: 0 0 30px 0; }
#navigation .alignleft a { background: url(img/button-previous.png); display: block; float: left; width: 95px; height: 30px; line-height: 30px; text-decoration: none; font-size: 11px; color: #fff; padding: 0 0 0 45px;  }
#navigation .alignright a { background: url(img/button-next.png); display: block; float: right; width: 98px; height: 30px; line-height: 30px; text-decoration: none; font-size: 11px; color: #fff; padding: 0 0 0 22px;  }
#main  a.moreposts { display: block; width: 120px; height: 40px; color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; text-align: center; line-height: 30px; margin: -20px 0 30px 10px; background: url(img/comment-submit.png) left top no-repeat;  }
/* main */

/* comments */
h4.comm { font-size: 21px; font-weight: bold; color: #2C333E; background: url(img/h4-comment-bg.png) left bottom no-repeat; padding: 0 10px 10px 10px; margin: 0 0 10px 0; }
#main ol.commentlist { list-style: none; margin: 20px 0 40px 0; padding: 0; width: 620px; }
#main ol.commentlist li { list-style: none; margin: 0 0 10px 0; }
ol.commentlist li.alt { background-color: #eff6fb; }
ol.commentlist li.alt .comment-top { height: 15px; background: url(img/comments-top.png) left top no-repeat; }
ol.commentlist li.alt .comment-bottom { height: 15px; background: url(img/comments-bottom.png) left bottom no-repeat; }
ol.commentlist li .comment-left { float: left; color: #866f64; font-size: 11px; padding: 0 10px; width: 120px; line-height: 1.9; }
ol.commentlist li .comment-left a { color: #866f64; text-decoration: none; }
ol.commentlist li .comment-left strong, ol.commentlist li .comment-left strong a { color: #da2128; }
ol.commentlist li .comment-right { float: right; width: 440px; padding: 0 10px 0 20px; border-left: 1px solid #c0c2c5; font-size: 12px; color: #2C333E; line-height: 1.9; }
ol.commentlist li.alt .comment-right { border-left: 1px solid #da2128; }
#respond { padding: 0 10px; }
#respond .logged { display: block; margin: 0 0 10px 0; }
#respond label { font-size: 11px; color: #866f64; width: 151px; float: left; line-height: 30px; height: 30px; }
#respond #author { width: 438px; height: 22px; border: none; background: url(img/comments-input.png) left top no-repeat; font-size: 11px; color: #866f64; padding: 8px 10px 0 10px; margin: 0 0 20px 0; }
#respond textarea { width: 438px; height: 120px; border: none; background: url(img/comments-textarea.png) left top no-repeat; font-size: 11px; color: #866f64; padding: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 28px 0; overflow: auto; }
#respond #submit { background: url(img/comment-submit.png); width: 120px; height: 30px; color: #fff; font-weight: bold; font-size: 11px; text-align: center; border: none; margin: 0 10px 40px 0; float: right; }
/* comments */

/* footer */
#company-info { line-height: 1.4; margin: 60px 10px 20px 11px; padding: 15px 0 0 0; border-top: solid 2px lightgray;  }
#company-info div.left { width: 500px; display:inline; float:left;}
#company-info div.right { display:inline; float:right;}

#company-info h1 { font-size: 20px}
#company-info h2 { font-size: 18px}
#company-info p { font-size: 15px}


#footer { width: 943px; margin: 0 auto; }

#call_to_action_footer { text-align: center; margin-top:10px;}
#call_to_action_footer span div.button-first-line { font-size:23px; padding: .1em .6em 0;}


#box-menu a { font-size: 12px; font-weight: normal; color: #2C333E; text-decoration: none;  line-height: 18px;}
#box-menu a:hover { color: red; text-decoration: underline; }

#box-menu .menu-menu-container { margin: 20px 0 20px 11px;}

#box { height: 163px; background: url(img/bg-box.png) left 53px repeat-x; }
#box-inside { height: 110px; background: url(img/bg-box-inside.png) center top no-repeat; padding: 53px 0 0 0; }
#box-superinside { width: 943px; margin: 0 auto; }
.box-left { float: left; font-size: 11px; color: #828890; padding: 42px 0 0 0; }
.box-right { float: right; line-height: 110px; font-size: 18px; color: #c0c2c5; padding: 0 12px 0 0; }
.box-right strong { font-weight: bold; color: #f9fbfd; }
/* footer */

/* other */
.screen { display: block; width: 261px; height: 260px; background: url(img/quote-box.png) left top no-repeat; overflow: hidden; }
.container { display: block; }
.sc { display: block; width: 201px; height: 203px; padding: 37px 30px 0 30px;  }
.sc span, #main .post .sc span { display: block; padding: 0; }
.sc span.post, #main .post .sc span.post { display: block; height: 140px; line-height: 1.6; font-size: 13px; color: #fff; }
.sc .name, #main .post .sc .name { font-size: 12px; font-weight: bold; color: #2C333E; line-height: 1.5; padding: 25px 0 0 75px; }
.sc .name span.comp, #main .post .sc .name span.comp { font-weight: normal; color: #866f64; }
span.red { color: #da2128; }
iframe.map { padding: 4px; background-color: #fff; border: 1px solid #c0c2c5; }
.wpcf7 label { display: block; float: left; font-weight: bold; width: 70px; }
.wpcf7 input { width: 194px; height: 22px; border: none; background: url(img/contact-input.png) left top no-repeat; font-size: 11px; color: #866f64; padding: 8px 10px 0 10px; }
.wpcf7 #sub { background: url(img/comment-submit.png); width: 120px; height: 30px; line-height: 30px; padding: 0; color: #fff; font-weight: bold; font-size: 11px; text-align: center; border: none; line-height: normal; margin: 0 0 0 70px; }
.red { color: #da2128; }

table .mobile-list th, table .mobile-list td {
border-bottom: 1px solid #DDD;
padding: 3px 10px 2px;
text-align: center;
vertical-align: middle;
}

/* other */