/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, 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%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4; font-size: .85em; display: block;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: none;
}
ul .plain{ list-style-type: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
/* end reset browser styles */

@font-face {
   font-family: 'TeXGyreBonumRegular';
   src: url('/static/fonts/texgyrebonum-regular-webfont.eot');
   src: url('/static/fonts/texgyrebonum-regular-webfont.eot?#iefix') format('embedded-opentype'),
   url('/static/fonts/texgyrebonum-regular-webfont.woff') format('woff'),
   url('/static/fonts/texgyrebonum-regular-webfont.ttf') format('truetype'),
   url('/static/fonts/texgyrebonum-regular-webfont.svg#TeXGyreBonumRegular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'TeXGyreBonumItalic';
   src: url('/static/fonts/texgyrebonum-italic-webfont.eot');
   src: url('/static/fonts/texgyrebonum-italic-webfont.eot?#iefix') format('embedded-opentype'),
   url('/static/fonts/texgyrebonum-italic-webfont.woff') format('woff'),
   url('/static/fonts/texgyrebonum-italic-webfont.ttf') format('truetype'),
   url('/static/fonts/texgyrebonum-italic-webfont.svg#TeXGyreBonumItalic') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'TeXGyreBonumBold';
   src: url('/static/fonts/texgyrebonum-bold-webfont.eot');
   src: url('/static/fonts/texgyrebonum-bold-webfont.eot?#iefix') format('embedded-opentype'),
   url('/static/fonts/texgyrebonum-bold-webfont.woff') format('woff'),
   url('/static/fonts/texgyrebonum-bold-webfont.ttf') format('truetype'),
   url('/static/fonts/texgyrebonum-bold-webfont.svg#TeXGyreBonumBold') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'TeXGyreBonumBoldItalic';
   src: url('/static/fonts/texgyrebonum-bolditalic-webfont.eot');
   src: url('/static/fonts/texgyrebonum-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
   url('/static/fonts/texgyrebonum-bolditalic-webfont.woff') format('woff'),
   url('/static/fonts/texgyrebonum-bolditalic-webfont.ttf') format('truetype'),
   url('/static/fonts/texgyrebonum-bolditalic-webfont.svg#TeXGyreBonumBoldItalic') format('svg');
   font-weight: normal;
   font-style: normal;
}

body{font-family: TeXGyreBonumRegular,Palatino Linotype, times, serif;}
p{margin: 1em 0; font-size: 1.05em;}
b, strong{ font-family:TeXGyreBonumBold, Times-bold, serif-bold}
/*b, strong{font-weight:bold;}*/
i, em{font-family: TeXGyreBonumItalic, times-italic, serif-italic;}
/*i, em{font-weight:italic;}*/
h1, h2, h3, h4, 
h5, h6, B		{ font-family: TeXGyreBonumBold,times-bold, serif-bold; }

h1              { font-size: 2.1em; margin: .67em 0 }
h2              { font-size: 1.6em; margin: .83em 0 }
h3              { font-size: 1.19em; margin: 1em 0 }
h4              { font-size: 1.1em; margin: .75em 0 .25em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }
B, STRONG       { font-weight: bolder }
big{ font-size: 1.17em }
small{ font-size: .83em }
.header {
   width:100%;
   clear: both;
   margin-left:auto;
   margin-right:auto;
  /* margin-top:-1.5em;
   margin-bottom:-1.5em;*/
}
/* Footer styles */
.footer {
	clear:both;
	float:left;
	width:100%;
	#border-top:12px solid #666;;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
/* common column settings */
.colright, .colmid, .colleft,
.eqcolright, .eqcolmid, .eqcolleft {
	float:left;
	width:100%;
	position:relative;
}
.col1, .col2, .col3,
.eqcol1, .eqcol2, .eqcol3{
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}

.threecol .colmid {
	right:20%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:60%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}

.threecol .col1 {
	width:56%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
   text-align:justify;
}
.threecol .col2 {
	width:16%;			/* Width of left column content (column width minus padding on either side) */
	left:28%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:16%;			/* Width of right column content (column width minus padding on either side) */
	left:88%;			/* Please make note of the brackets here:
   (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 equal columns */
.threecol .eqcolmid{
   right:33.3%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .eqcolleft{
   right:33.3%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .eqcol1 {
	width:29.3%;			/* width of center column content (column width minus padding on either side) */
	left:116.3%;			/* 100% plus left padding of center column */
   text-align:justify;
}
.threecol .eqcol2 {
	width:29.3%;			/* Width of left column content (column width minus padding on either side) */
	left:54.3%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
   text-align:justify;
}
.threecol .eqcol3 {
	width:29.3%;			/* Width of right column content (column width minus padding on either side) */
	left:89.9%;			/* Please make note of the brackets here:
   (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
   text-align:justify;
}


/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#f4f4f4;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}


/* Full page settings */
.fullpage {
	background:#fff;		/* page background colour */
}
.fullpage .col1 {
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
}

.block { display: block; }
.right { float: right;padding-left:1%;}
.centre {float:left;padding-left:.1%}
.centre_one {position:relative;margin: 0 auto;}
.left {float: left;padding-right:1%;}
.w10 {width: 10%;} .w15  {width: 15%;}
.w20 {width: 20%;} .w25  {width: 25%;} 
.w30 {width: 30%;} .w33  {width: 32.6%;} .w35  {width: 35%;}
.w40 {width: 40%;} .w45  {width: 45%;}   .w49  {width: 49%;}
.w50 {width: 50%;} .w55  {width: 55%;}
.w60 {width: 60%;} .w65  {width: 65%;} 
.w70 {width: 70%;} .w75  {width: 75%;}
.w80 {width: 80%;} .w85  {width: 85%;} 
.w90 {width: 90%;} .w95  {width: 95%;} 
.w100 {width: 100%; padding: 0px;}
.caption {
    float: left;
    display: inline-block;
    font-size:80%;
}
.caption_centre{
   display: block;
   text-align:center;
   font-sixe: 80%;
}

/* miettas */
	/*start header buttons*/

td.button{
	border: solid #999 2px; /*999*/
	border-collapse:separate;
} 
td.button {
	background-color:#333;  /*333*/
	border-color:#fff;  /*ccc*/
	color: red;
	font-family: helvetica-bold, verdana-bold, sans-serif-bold;
	font-size:0.7em;
	padding: 0 2px 0 2px; 
}
 /*start header*/
#banner_background {
   /*position:absolute;
   top:0px;
   left:0px;*/
   float:left;
   width:100%;
   background: #666; 
}
#logo {
   position: relative;
   left:3px;
   top: 3px;
   width: 120px;
}
#banner {
	width:100%;
	float: left;
	margin:-120px 0 10px 0; /* top right bottom left */
}
#banner_insert{
	width:468px;
	margin-top: 12px;
}

#nav2{
   float:left;
   background: #333;
   width: 100%;
   padding: 4px;
   margin-top:-26px
}
/*end header*/  

a.navlink:link {color:#ddd; text-decoration:none;   /*ddd*/}
a.navlink:visited {color:#ddd; text-decoration:none; /*999*/}
a.navlink:hover {color:red; text-decoration:underline;}
a.photolink:link{color:#000;text-decoration:none;}

a.homelink:link {color:#006;text-decoration:none;}
a.homelink:hover {color:red; text-decoration:underline;}

h1.homeh1 {margin: 0.5em 0 0.5em 0; color:black;}
h2.homeh2 {margin: 0.4em 0 0.4em 0; color:black;}
h3.homeh3 {margin: 0.3em 0 0.3em 0; color:black;}
h4.homeh4 {margin: 0.2em 0 0.2em 0; color:black;}
    
/* styles for mobile */
@media screen and (max-width: 768px) {
    .tinynav { display: block }
    #nav { display: none }
}
/* @media only screen and (min-width: 768px) {
 /* tablets and desktop 
}*/

@media only screen and (max-width: 767px) {
 /* phones */
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
 /* portrait phones */
}	

/* end mobile */