/*
Theme Name: Pro Accounting
Theme URI: http://pro-accounting.co.uk
Description: Pro Accounting
Author: Kai Motta
Author URI: http://www.kaimotta.com
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyten
*/


/* ============================================================
    Reset
============================================================ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

@font-face {
    font-family: 'robotobold';
    src: url('roboto/roboto-bold-webfont.eot');
    src: url('roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('roboto/roboto-bold-webfont.woff') format('woff'),
         url('roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('roboto/roboto-light-webfont.eot');
    src: url('roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/roboto-light-webfont.woff2') format('woff2'),
         url('roboto/roboto-light-webfont.woff') format('woff'),
         url('roboto/roboto-light-webfont.ttf') format('truetype'),
         url('roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('roboto/roboto-regular-webfont.eot');
    src: url('roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('roboto/roboto-regular-webfont.woff') format('woff'),
         url('roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #fff;
    color: #424242;
    font:100%/1.5  robotolight, Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1 {
	font-family: robotoregular;
	font-size: 1.625em;
	font-weight: bold;
	margin-bottom: 0.5em; 
}

h2 {
	font-family: robotoregular;
	font-size: 1.25em;
	font-weight: bold;
	padding: 1em 0;
}

h3 {
	color: #ffffff;
	font-family: robotoregular;
	font-size: 1.4em;
	margin-bottom: 0.5em; 
	text-transform: uppercase;
}

h3.widget-title {
	color: #ffffff;
	font-family: robotolight;
	font-size: 1em;
	margin-bottom: 1em; 
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

a {
	color: #346ab4;
	text-decoration: none;
}

a:hover {
	color: #444444;
	text-decoration: underline;
}

#iright h1 {
	color: #424242;
	font-family: robotoregular;
	font-size: 1.625em;
	font-weight: normal;
	margin-bottom: 0.5em; 
	text-transform: uppercase;
}


nav {
	list-style-type: none;
	float: right;
	margin: 2em auto 0;
	padding-bottom: 1em;
}

nav li {
	float: left;
	list-style-type: none;
}

nav a {
	color: #424242;
	float: left;
	font-family: robotoregular;
	font-size: 1em;
	margin: 0px 0.5em;
	text-transform: uppercase;
	text-decoration: none;
}

nav a:hover {
	color: #346ab4;
	font-family: robotoregular;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
}

#logo {
	clear: both;
	height: 25px;
	float: left;
	margin: 1.7em 0 1em;
	width: 300px;
}

header {
	margin: 0px auto;
}

#main {
	margin: 0px auto;
	padding-top: 2em;
}

#banner {
	float: left;
	width: 100%;
}

#banner img {
	max-width: 100%;
}

#mobile-banner {
float: left;
margin-bottom: 2em;
	width: 100%;
}


#ibanner, #imobile-banner {
	width: 100%;
}

#ibanner img, #imobile-banner img {
	max-width: 100%;
}

#imobile-banner, #ibanner {
	list-style-type: none;
}

#hpcontent {
background-color: #f0f1f1;
float: left;
margin-bottom: 2em;
outline: 1px solid #e4e6e6;
padding: 2em 3% 1em;
width: 94%;
	/*outline: 1px solid red;*/
}

#hpcontent p {
	line-height: 1.6;
	margin-bottom: 1em;
}

#threeicons {
	float: left;
	width: 100%;
}

.iconbox {
	float: left;
	padding: 2em 5% 4em;
	text-align: center;
	width: 20%;
}

.iconbox.m {
	float: left;
	text-align: center;
	padding: 2em 10%;
	width: 20%;
}

.iconbox p, .iconbox.m p {
	font-size: 0.8em;	
}

.iconbox img {
	max-width: 100%;
}

#hpnewsbox {
	background-image: url('http://inositec.com/wp-content/uploads/2016/10/newsbg.jpg');
	clear: both;
	float: left;
	margin-bottom: 4em;
	padding: 2em 0;
	width: 100%;
}

#hpnewsbox p {
	color: white;
	width: 70%;
}

#hpnewsbox a {
	border: 3px solid white;
	color: white;
	float: right;
	padding: 0.5em 2.5em;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

#hpnewsbox a:hover {
	border: 3px solid #346ab4;
	color: #346ab4;
	float: right;
	padding: 0.5em 2.5em;
	text-align: center;
	text-decoration: none;
	width: 100px;
}


#intcontent {
	float: left;
	padding: 2em 0 4em 0;
	width: 100%;
}

#intcontent p {
	margin-bottom: 1em;
}

#ileft {
	background-color: #346ab4;
	float: left;
	list-style-type: none;
	margin: 2em 0;
	padding: 2em 3% 2em;
	width: 24%;
}

#ileft ul li {
	list-style-type: none;
}

#ileft ul li a {
	border-bottom: 1px solid #7197cb;
	color: white;
	float: left;
	font-size: 0.9em;
	padding: 0.8em 0;
	text-decoration: none;
	width: 100%;
}

#ileft ul li a:hover {
	background-color: #7197cb;
	border-bottom: 1px solid #7197cb;
	color: #ffffff;
	float: left;
	padding: 0.8em 0 0.8em 2%;
	text-decoration: none;
	width: 98%;
}

#ileft ul li.current_page_item a {
	background-color: #7197cb;
	border-bottom: 1px solid #7197cb;
	color: #ffffff;
	float: left;
	padding: 0.8em 0 0.8em 2%;
	text-decoration: none;
	width: 98%;
}

#cleft {
	float: left;
	list-style-type: none;
	margin: 0em 0;
	width: 30%;
}

#cright {
	float: right;
	list-style-type: none;
	margin: 0em 0;
	width: 65%;
}

/* blog */

.nav-next, .nav-previous {
	font-size: 12px;
}

#nav-above {
	padding-bottom: 20px;
}

.entry-utility {
	border-bottom: 1px dotted #444444;
	clear: both;
	font-size: 12px;
	margin-bottom: 20px;
	padding: 20px 0px;
}
	
.entry-meta {

	font-size: 12px;
	padding: 20px 0px;
}
	
.comments-link {
	display: none;
}	
	
#comments-title {
	padding-bottom: 20px;
}

.vcard, .commentmetadata {
	padding-bottom: 20px;
}

.reply {
	padding: 10px 0px ;
}

#reply-title {
	padding-bottom: 10px;
}

.comment-form-comment label {
	display: block;
	padding: 10px 0px;
}

.form-allowed-tags {
	padding: 10px 0px;
}

.comment-notes {
	padding: 10px 0px;
}


.comment-form-author, .comment-form-email, .comment-form-url {
	height: 40px;
	width: 300px;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label {
	float: left;
}
.comment-form-author #author, .comment-form-email #email, .comment-form-url #url {
	float: right;
}

#commentform input {
	border: 1px solid #CCC;
	padding: 5px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.comment-form-comment  {
	clear: both;
}

.comment-form-comment label {
	display: block;
	width: 300px;
}

.comment-form-comment textarea {
	border: 1px solid #CCC;
	padding: 5px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 10px;
}

#commentform {
	display: none;
}

#blog-left {
	display: none;
}

.entry-title {
	font-size: 2em;
	border: none;
}

#intcontent ol {
	margin-bottom: 1em;
}

#intcontent li {
	font-size: 0.9em;
	margin-left: 2em;
}


#intcontent ul {
font-size: 0.9em;
	margin-bottom: 1em;
}

#intcontent ol {
font-size: 0.9em;
	margin-bottom: 1em;
}

#intcontent ol ul {
	margin-bottom: 1em;
}

#intcontent ol li {
	margin-bottom: 1em;
}

#intcontent ol li p {
	font-size: 1em;
}

#intcontent li {
	font-size: 1.1em;
	margin-left: 2em;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 30px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}



.slide-title {
	display: none;
}

footer {
	background-color: #424242;
	clear: both;
	float: left;
	padding: 2em 0;
	width: 100%;
}

#infoot {
	margin: 0px auto;
}

#infl {
	float: left;
	width: 45%;
}

#infl ul {
	float: left;
	list-style-type: none;
}

#infl ul li {

color: white;
	float: left;
	line-height: 0.8;
	padding-right: 0.5em;
}

#infl ul li a {
color: white;
	float: left;
	font-size: 0.75em;
	text-decoration: none;
}

#infl ul li a:hover {
	text-decoration: underline;
}

#infl ul li.inflfirst {
border-right: 1px solid white;
	padding-left: 0px;
}

#infr {
	float: right;
	width: 45%;
}

#infr ul  {
	float: right;
	list-style-type: none;
}

#infr ul li {
	color: white;
	font-size: 0.75em;
}

#infr ul li a {
	color: white;
	text-decoration: underline;
}

#infr ul li a:hover {
	color: white;
	text-decoration: none;
}

.your-name input, .your-email input, .your-subject input  {
	border: 1px solid #9ca09f;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	height: 3em;
	margin-top: 2px;
	padding: 0.2em 2%;
	width: 96%;
}

.wpcf7-textarea {
	border: 1px solid #9ca09f;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	height: 7em;
	margin-top: 2px;
	padding: 0.2em 2%;
	width: 96%;
}

.wpcf7-submit {
	background-color: #333333;
	border: none;
		-moz-border-radius: 2px;
	border-radius: 2px;	
	color: white;
	text-transform: uppercase;
	padding: 8px 16px;
}