/*
Theme Name: vending
Theme URI: 
Description: Yoko is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, logo and header image. Yoko also comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.

Author: azucar 
Author URI: http://azucar.jp
Version: 1
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready

License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

gb

/* Reset
--------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
#content address {
	padding: 0 0 20px 0;
}
#content abbr, acronym {
	border-bottom: .1em dotted;
}
#content pre, code, tt {
	font-size: 1.1em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ul {
	list-style: none;
}
ol{
margin:1em 2em;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
width: 100%;
border: 1px solid #CFD2D4;
border-collapse: collapse;
border-right: 1px solid #CFD2D4;
border-top: 1px solid #CFD2D4;
margin: 0 0 10px;
}
th {
vertical-align: top;
border-bottom: 1px solid #CFD2D4;
border-left: 1px solid #CFD2D4;
padding: 2%;
font-weight: bold;
background: #F1F9FD;
word-break:break-all;
text-align:center;
}
td {
vertical-align: top;
border-bottom: 1px solid #CFD2D4;
border-left: 1px solid #CFD2D4;
padding: 2%;
}
table.acenter td{
text-align: center;
}
a {
color:#0C7A97;
}
img{
display:block;
}
/* General Structure and Styles
--------------------------------------------- */
body {
	background-color:#fff;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	font-size:13px;
	border-top: 5px solid #000;
	min-width:960px;
}
#main {
	padding:20px 0px;
	z-index: 0;
}
.wrap {
	width:960px;
	margin:0 auto;
}

#content {
	width: 650px;
	float: right;
}
#secondary {
	width: 270px;
	float: left;
}
#secondary .brick{
	border:1px solid #ccc;
	margin-bottom: 1.5em;
}
#secondary .brick h2{
	text-align:center;
	background-image:-moz-linear-gradient(44% 0% -90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%); 
background-image:-webkit-gradient(linear,44% 0%,44% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.99, rgb(204,204,204)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
width:100%;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0);
height:38px;
line-height:38px;
}
#secondary .brick.companyinfo{
	text-align:center;
	font-size:12px;
	padding-bottom: 10px;
}
#secondary .brick.companyinfo h2{
	background:none;
	height:79px;
}

#secondary .brick .content{
	padding:1.5em;
}
#secondary .brick.contact{
	background:url(images/bg_contact.png) no-repeat right bottom;
}
#secondary .brick .content img{
	margin-bottom:1em;
}
.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
span.date{
margin-right:10px;
}
#topnews span.title{
font-weight:bold;
}
/* Headlines
--------------------------------------------- */
h1 {
	font-size: 24px;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	font-weight: normal;
}
h3 {
	font-size: 15px;
	font-weight:bold;
}


/* Links
--------------------------------------------- */
a {
	text-decoration: none;
} 
a:hover {
	text-decoration: underline;
}
a img:hover{
 filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;
}
/* Lists
--------------------------------------------- */

/* Header
--------------------------------------------- */
#info{
float: right;
width: 400px;
text-align: center;
margin-top: 10px;
color: #003A52;
margin-bottom: 10px;
}

#info h1 {
font-size: 12px;
line-height: 13px;
font-weight: normal;
margin-bottom:5px;
}
#info img{
display:inline;
}
#site-title {
	padding: 20px 0;
	float:left;
	width:280px;
}
#site-title h1 {
	margin: 0 10px 0 0;
	font-size: 2.1em;
	line-height:1.2;
	font-weight: bold;
	text-transform:uppercase;
	display: block;
	float: left;
}
#site-title h1 a:hover {
	text-decoration:none;
}
#site-title h2 {
	font-size:.9em ;
	color: #777;
	margin: 17px 0 0 0;
}
header#branding img.headerimage {
	width: 100%;
	height: auto;
	margin-top: 12px;
}
header#branding img.attachment-headerimage.wp-post-image {
	width: 100%;
	height: auto;
}
hgroup#site-title img {
	max-width: 100%;
}

/* Navigations
--------------------------------------------- */
#mainnav {
	margin: 0;
	width: 100%;
	background:url(images/bg_menu.png) repeat-x left bottom;
height:54px;
	
}
#mainnav ul {
display:block;

}
#mainnav ul li {
float: left;
list-style: none;
position: relative;
background: url(images/bd_menu.png) no-repeat right center;
padding: 0 4px 0 2px;
width: 120px;
height: 48px;
display: block;
}
.menu {
background: url(images/bd_menu.png) no-repeat left center;
}

#mainnav ul li a {
	color: #606060;
font-weight: normal;
text-align: center;
display: block;
font-size: 13px;
width: 118px;
height: 30px;
line-height: 30px;
margin: 10px auto 0px;
text-transform: uppercase;
-moz-text-shadow: 0px 1px 0px rgb(255,255,255);
-webkit-text-shadow: 0px 1px 0px rgb(255,255,255);
text-shadow: 0px 1px 0px white;
zoom: 1;

}

#mainnav ul li.current_page_item a{
border-bottom:5px solid #000;
}
#mainnav ul li a:hover{
border-bottom:5px solid #D85E0E;
text-decoration: none;
}

/* --- Sub Nav --- */
nav#subnav {
	margin:0 0 20px 0;
	padding:0;
	overflow: hidden;
	border : 1px solid #CFD2D4;
	background:#F1F9FD;
}
nav#subnav ul.menu {
	margin: 0;
	padding:0;
	overflow: hidden;
}
nav#subnav ul.menu li.menu-item a{
list-style: none;
border-bottom: 1px solid #CFD2D4;
background: url(images/og_limenu.gif) no-repeat 10px center;
display: block;
height: 44px;
line-height: 44px;
padding-left: 30px;
font-size: 12px;
}
nav#subnav ul.menu > li.current-menu-item{
background-color: #DFE1E3;
}
nav#subnav ul.menu li.menu-item a:hover{
background-color: #DFE1E3;
text-decoration: none;
}

nav#subnav ul.menu li.menu-item ul.sub-menu {
	margin: 0;
	padding: 0;
	overflow: hidden;
background:white;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: 100%;
	letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
font-size: 12px;
font-weight: normal;
text-transform: none;
border-bottom: 1px dotted #CFD2D4;
padding-left: 10px;
background:url(images/og_li.gif) no-repeat left center;
line-height: 44px;
margin-left: 30px;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item:hover {
background-color: #DFE1E3;
}
/* home */
#topimg{
padding-bottom:10px;
position: relative;
}
#topimg .contact{
position: absolute;
right: 30px;
bottom: 35px;
}
#content ul.index li{
float:left;
margin-right: 10px;
}
.home .section .header{
	
	background-image:-moz-linear-gradient(44% 0% -90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%); 
background-image:-webkit-gradient(linear,44% 0%,44% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.99, rgb(204,204,204)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(204,204,204) 99%);
width:100%;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0);
height:40px;
position: relative;

}
.home .section h2{
	text-align:left;
	line-height:20px;
	padding: 10px 20px;
}
.home .section#welcome h2{
	border-left: 5px solid #F28340;
}
.home .section#welcome a.list{
position: absolute;
right: 10px;
top: 6px;
}
.home .section#promote h2{
	border-left: 5px solid #606060;
}
.home .section#makers h2{
	border-left: 5px solid #0B8E6D;
}
.home .section .content{
	padding:1.5em;
}
.home .section .brick1{
	width:124px;
}
.home .section .brick2{
	width:446px;
}
.home #content ul{
margin:0;
} 
.home #welcome{
margin-bottom:15px;
}
.home .section{
margin-bottom:10px;
border: 1px solid #CCC;
margin-bottom: 1.5em;
}
#content a.more{
display:block;
float:right;
width:15px;
height:15px;
margin-top: 10px
}
.section #topnews{
float:left;
width:50%;
margin-right: 2.5%;
}
.section #topcolm{
float:left;
width:47.5%;
margin-right: 0;
}
.section ul#information li{
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #CCC;
}
#
.section ul#information li a{
font-size: 1em;
font-weight: normal;
text-transform: none;
padding-left: 15px;
background: white url(images/li_s2.png) no-repeat right center;
padding-bottom: 5px;
margin-bottom: 5px;
display:block;
}
ul#information li .thumsnail img{
	float:left;
	display:block;
	width:50px;
	height:50px;
	margin-right: 10px;
}

ul#information li  span.date{
	display: block;
}
#secondary ul#newsletter li{
}
#secondary ul#newsletter li a{
font-size: 1em;
font-weight: normal;
text-transform: none;
padding: 0 14px 5px 0;
background: white url(images/li_s2.png) no-repeat right center;
padding-bottom: 5px;
margin-bottom: 5px;
display: block;
border-bottom: 1px dotted #CCC;
}
/* Posts
--------------------------------------------- */
#content .post {
clear: both;
}

#content .entry-header h2.entry-title a:hover {
	color: #777;
	text-decoration: none;
}
#content .post p {
	padding: 0 0 20px;
}

#content .entry-content {
	width: 74.5%;
	margin: 0;
	float: right;
}
#content .post img.wp-post-image {
	width: 140px;
	height: auto;
	margin: 5px 0 8px;
	padding: 0;
}
#content .entry-meta p {
	padding: 15px 0 0;
}
#content .entry-meta a {
	padding: 15px 0 0;
	font-style: normal;
}
.page-link {
	background-color: #f0f0f0;
	border-top: 1px solid #ddd;
	padding: 5px 20px;
	overflow: hidden;
	font-size: .9em;
}
.page-link a {
	font-weight: bold;
	margin: 0 1px;
}
.page-link a:hover {
	text-decoration: none;
}
/* --- Sticky Post --- */
#content .sticky {
	border-top: 1px solid #ddd;
	background-color: #F0F0F0;
	padding: 15px 10px;
	overflow: hidden;
}
/* --- Post Typography --- */
#content strong {
	font-weight: bold;
}
#content p em {

	font-style: italic;
}
#content em {

	font-style: italic;
	font-size: .9em;
}
#content p small {
	font-size: .8em;
}
#content .post blockquote, #content .page blockquote {
	margin: 0 20px 10px 0;
	overflow: hidden;

}
#content .single-entry-content blockquote {
	margin: 20px 20px 10px 20px;
	background: none;
}
#content blockquote cite {
	margin: 10px 0 0 0;
	padding: 0 25px 15px 0;
	float: right;

	text-transform: uppercase;
	letter-spacing: .1em;
}
#content pre {
	background-color: #f0f0f0;
	font-family: monospace;
	font-size: 1.2em;
	line-height: 1.3;
	margin: 0 0 20px 0;
	padding: 10px;
}
#content p.nocomments {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
/* --- Post Images and Video --- */
#content .post img,#content .page img{
-
}
#content .post img.noshadow, #content .page img.noshadow,img.noshadow{
-moz-box-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: none;
 -ms-filter:none;
}
#content img.aligncenter {
	margin: 0em auto 1em;
}
#content img.alignleft ,#content .wp-caption.alignleft {
	margin: 0px 1em 1em 0;
}
#content img.alignright,#content .wp-caption.alignright {
	margin: 0px 0 1em 1em;
}
#content img.alignnone {
	margin: 0;
}
#content .wp-caption.alignnone {
	margin: 0 ;
}
#content .wp-caption.aligncenter{
	margin-bottom: 1em;
}
#content .post .wp-caption {
	max-width: 100%;
	text-align: center;
}
#content .single-entry-content .wp-caption {
	max-width: 100%;
	text-align: center;
}
#content .post p.wp-caption-text,#content .page p.wp-caption-text {
	margin: 0;
	padding: 3px 0 5px 0;
}
#content object,
#content embed,
#content iframe {
	max-width: 100%;
	margin: 3px 0 10px;
	display: block;
}

#content span.highlight {
	padding: 2px;
	background-color: #FFFBCC;
}


/* --- Post Tables --- */
#content table {
	margin:10px 0px 20px 0px;
}
#content table thead {
	border-top:1px solid #ddd;
}
#content table tr {
	border-bottom:1px solid #ddd;
}
#content table tr th {
	padding: 10px 20px 10px 20px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#content table tr td {
	padding: 10px 20px 10px 20px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#content table.plain,#content table.plain tr,#content table.plain tr td{
	border:none;
}
#content table.plain.nomargin {
width:auto;
}
#content table.plain.nomargin tr td {
padding:5px;
}
#content table.plain tr td{
padding-bottom:1em;
}
#content table.explain,#content table.explain tr,#content table.explain tr td{
	border:none;	
}
#content table tr td.arrow{
	padding:0;
	vertical-align:middle;
}

/* Single Posts
--------------------------------------------- */
#content .post .single-entry-header {


background-image: -moz-linear-gradient(44% 0% -90deg,white 0%,#CCC 99%);
background-image: -webkit-gradient(linear,44% 0%,44% 100%,color-stop(0, white),color-stop(0.99, #CCC));
background-image: -webkit-linear-gradient(-90deg,white 0%,#CCC 99%);
background-image: -o-linear-gradient(-90deg,white 0%,#CCC 99%);
background-image: -ms-linear-gradient(-90deg,white 0%,#CCC 99%);
background-image: linear-gradient(-90deg,white 0%,#CCC 99%);
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0);
height: 46px;
position: relative;
}
.single-entry-header .date{
margin-left:15px;
}

#content .single-entry-header p {
	padding: 0 0 5px;
}

#content .single-entry-details {
	width: 22.507%;
	padding: 0 18px 0 0;
	float: left;
}
#content .single-entry-content {
	margin: 20px;
	padding: 15px;
}
#content .post .single-entry-meta p {
	padding: 15px 0 0;

}
#content .post .single-entry-meta p a {

	font-style: normal;
}
#content .post .author-info {
	margin: 40px 0 0;
	padding: 15px 20px 15px;
	background: #F0F0F0;
	overflow: hidden;
	border-top: 1px solid #ddd;
}
#content .post .author-info h3 {
	margin: 0 0 4px;

}
#content .post .author-info .avatar {
	max-width: 100%;
	width: 70px;
	margin: 0 15px 0 0;
	float: left;
}
#content .post .author-description {
	overflow: hidden;
}
#content .post .author-description p {
	padding: 0;
	font-size: .9em;
	line-height: 1.5;
}
#content .post .author-description a:hover {
	text-decoration: underline;
}
/* --- Post Nav Below --- */
#content #image-nav {
	margin: 30px 0 3px 0;
	overflow: hidden;
}
#comment-nav-below {
	margin:40px 0;
	overflow: hidden;
}
#content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a {
	width: 40%;
	display: block;
	float: left;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a {
	display: block;
	float: right;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover {
	text-decoration: none;
}

input#submit, input.wpcf7-submit {
	margin: 10px 0 0;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	background-color: #777;
	border: none;
	font-size: .75em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
input#submit:hover, input.wpcf7-submit:hover {
	background-color: #009BC2;
	color: #fff;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	width: 60%;
	margin: 5px 0 0;
	padding: 9px 5px 9px;
	display: block;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}

/* Post Formats
--------------------------------------------- */
.meta{
margin-left:0;
}
#content .entry-link, #content .entry-gallery, #content .entry-video {
	width: 100%;
	margin: 0;
	float: left;
}
/* --- Link Post Format --- */
#content .entry-link a {
	font-size: 1.1em;
	color: #009BC2;
	font-weight: bold;
}
#content .entry-link .entry-meta a {
	font-size: 1em;
	font-weight: normal;
}
/* --- Image Post Format --- */
#content .entry-header h2.entry-title-image {
	margin-top: 0;
	font-size: 1.1em;
}
/* --- Video, Image and Gallery Post Format --- */
#content .entry-post-format .entry-header h2.entry-title {
	margin: 0 0 5px;
}
#content .entry-post-format .entry-header p {

}
#content .entry-post-format .entry-header p a {

	font-style: normal;
}
#content .entry-post-format .entry-content-gallery {
	width: 54%;
	float: left;
}
#content .entry-post-format .gallery-thumb {
	width: 42.258%;
	float: left;
	margin: 5px 15px 0 0;
}
#content .post img.attachment-medium {
	max-width: 100%;
	height: auto;
	padding: 0;
}
.cat1-header{
margin-bottom:20px;
}
x

/* Pages 
--------------------------------------------- */
#content .page {
	overflow: hidden;
	clear: both;
	line-height: 1.6;
}
#content .page-entry-header {
	background-image: -moz-linear-gradient(44% 0% -90deg,white 0%,#CCC 99%);
background-image: -webkit-gradient(linear,44% 0%,44% 100%,color-stop(0, white),color-stop(0.99, #CCC));
background-image: -webkit-linear-gradient(-90deg,white 0%,#CCC 99%);
background-image: -o-linear-gradient(-90deg,white 0%,#CCC 99%);
background-image: -ms-linear-gradient(-90deg,white 0%,#CCC 99%);
background-image: linear-gradient(-90deg,white 0%,#CCC 99%);
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0);
height: 46px;
position: relative;
}
#content h1.entry-title{
border-left: 5px solid #F28340;

line-height: 46px;
padding-left: 15px;
margin-bottom: 5px;
}
#content h1.page-title{
clear: both;
line-height: 50px;
padding-left: 15px;
border-left: 5px solid #F28340;
}

#content h2 {
margin-bottom: 10px;
clear:both;
font-weight: bold;
font-size:20px;
}
.home .section h2{
font-weight: normal;
}
#content .page h3 {
font-size: 15px;
font-weight: bold;
border-bottom: 1px dotted #CFD2D4;
}
#content .page p {
	padding: 0 0 1em 0;
}
/* --- Fullwidth Page --- */
#content.full-width {
	width:100% !important;
}
#content.full-width .page {
	margin: 0;
	padding: 0 0 20px;
	border-bottom: none;
}
/* --- Archive, 404, Search Results --- */

/* --- Contact Page --- */
#content .wpcf7 {
	overflow: hidden;
	margin: 0;
	padding:20px;
	background: #F0F0F0;
}
#content .wpcf7 h3#form-title {
	margin:0 0 3px 0;
	font-size: 1.2em;
}
#content .wpcf7 p.form-info {
	padding:0 0 15px 0;
	font-size: .8em;
}
#content .wpcf7 p span.required {
	color: #E75428;
}
#content .wpcf7 input.wpcf7-text {
	width: 60%;
	margin: 5px 0 15px;
	padding: 9px 5px;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}
#content .wpcf7 textarea {
	width:95%;
	margin: 5px 0 0;
	padding: 9px 5px;

	background-color:#fff;
	border: 1px solid #ddd;
}
#content .wpcf7-form p {
	padding:0;
}
#content ul{
margin:0 2em 1em ;
}
#content table ul{
margin:0 1em 1em ;
}
#content ul li{
padding-left: 10px;
padding-bottom:0px;
margin-bottom: 0px;
border-bottom:1px  dotted #ccc; 
}
#content .page,#content .post{
border: 1px solid #CCC;
margin-bottom: 20px;
margin-top: 10px;
}
.archive #content .page,.archive #content .post{
padding:15px;
}
.page-header{
background-image:-moz-linear-gradient(2% 0% -90deg,rgb(232,232,232) 0%,rgb(232,232,232) 3%,rgb(255,255,255) 87%,rgb(255,255,255) 96%); 
background-image:-webkit-gradient(linear,2% 0%,2% 101%,color-stop(0, rgb(232,232,232)),color-stop(0.03, rgb(232,232,232)),color-stop(0.87, rgb(255,255,255)),color-stop(0.96, rgb(255,255,255)));
background-image:-webkit-linear-gradient(-90deg,rgb(232,232,232) 0%,rgb(232,232,232) 3%,rgb(255,255,255) 87%,rgb(255,255,255) 96%);
background-image:-o-linear-gradient(-90deg,rgb(232,232,232) 0%,rgb(232,232,232) 3%,rgb(255,255,255) 87%,rgb(255,255,255) 96%);
background-image:-ms-linear-gradient(-90deg,rgb(232,232,232) 0%,rgb(232,232,232) 3%,rgb(255,255,255) 87%,rgb(255,255,255) 96%);
background-image:linear-gradient(-90deg,rgb(232,232,232) 0%,rgb(232,232,232) 3%,rgb(255,255,255) 87%,rgb(255,255,255) 96%);
height:50px;
border-color:rgb(204,204,204);
border-width:1px;

border:solid 1px #ccc;
-moz-box-shadow:0px 0px 3px rgba(204,204,204,0.3);
-webkit-box-shadow:0px 0px 3px rgba(204,204,204,0.3);
box-shadow:0px 0px 3px rgba(204,204,204,0.3);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe8e8e8,endColorstr=#ffffffff,GradientType=0)
	progid:DXImageTransform.Microsoft.Glow(Color=#ffcccccc,Strength=3)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe8e8e8,endColorstr=#ffffffff,GradientType=0)
	progid:DXImageTransform.Microsoft.Glow(Color=#ffcccccc,Strength=3);
margin-bottom: 20px;
}
/* Sidebars
--------------------------------------------- */
.sidebanner a{
display:block;
margin-bottom:10px;
}

/* Footer
--------------------------------------------- */
#colophon p {
	line-height: 1.5;
}
a.top {
	margin: 3px 0 0 0;
	font-weight: bold;
	display: block;
}
a.top:hover {
	text-decoration: none;
}
#footer{
	background:url(images/bg_footer.png) repeat-x left center;
	width:100%;
	height:100px;
}
#footer .copyright{
	float:left;
	width:30%;
	margin-top: 45px;
}
#footer .logo{
	float:right;
	width:254px;
	margin-top: 30px;
}
.lead{
	margin:0 2em 2em;
	padding:1em;
	background:#F1F9FD;
}
.pdf{
text-align:center;
}
.pdf img{
	margin:0 auto;
}
#secondary .companyinfo img{
	margin-top:10px;
}
/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

#topimg_smart{
display:none;
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
body {
min-width: 320px;
}

h1, h2 {
font-size:1.2em !important;
}

#footer .copyright{
	margin-left:auto;
	margin-right:auto;
	float:none;
	width:230px;
	margin-top: 10px;
}
#footer .logo{
	margin-left:auto;
	margin-right:auto;
	float:none;
	padding-top:15px;
	width:254px;
}

#topimg{
display:none;
}

#topimg_smart{
display:inherit;
}
.wrap {
width:100%;
}
img {
height: auto;
max-width: 100%;
}
#site-title,#info,#secondary ,#content,.section #topnews,.section #topcolm ,#footlogo ,#footitem,#foottimetable,#mainnav ul li,.alignleft, .alignright {
float:none;
}
.alignright{
padding: 2%;
}
#secondary ,#content,.section #topnews,.section #topcolm,#footlogo,#footitem,.home .section .brick2{
width:100%;
}
#foottimetable,#mainnav ul li {
width:auto;
}
#mainnav ul li a {
text-align:left;
border-bottom: 1px solid white;
heigth:44px;
}
#site-title{
padding: 10px 0;
}
#site-title,#info {
margin: 0 auto;
}
#mainnav {
height:auto;
}

#main{
padding:1%;
}
.sidebanner a {
display: block;
width: 240px;
margin: 0 auto 10px;
}
#mainnav ul {
display:block;
background:none;
border-top: 1px solid #0D7B97;
}
#mainnav ul li{
height:44px;
padding:0;
background: url(images/og_limenu.gif) no-repeat 99% center;
}
#mainnav ul li a{
height: 44px;
padding: 0 1%;
line-height: 44px;
border-bottom: 1px solid #0D7B97;
width:98%;
}
#footer1,#footer2  {
padding:1%;
}
#footer1 .block{
margin-top:10px;
}
#content .single-entry-content{
margin: 10px 1%;
}
td,th,#content table tr td,#content table tr th{
padding: 1%;
}
}