/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 0.8em;
    line-height: 1.4;
    background-color: white;
    background-color: white;
}



option {
	margin:0.5em;
}
option.inUse {
	color:gray;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: rgba(255,102,102,0.5);
    text-shadow: none; 
}

::selection {
	background: rgba(255,102,102,0.5);
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*	{
	margin: 0px;
	padding: 0px;
	}
header, section, footer, aside, nav, article, figure, figcaption, hgroup	{
	display: block;
	}
body	{
	text-align: center;
	overflow-x: auto;
//	overflow-x: hidden;
	}
/*960px ; 758px ; 470px ; 310px ; 230px*/
#agrupar{
	background-color: White; 
	width: 960px; 
	margin: 0px auto;
	text-align: left;
//	border:0; 
	border-left:1px solid #e5e5e5; 
	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#cabecera	{
	background-color: white; 
	color: #3B3B3B;
	border-bottom: 2px solid #e5e5e5;
	border-top: 0;
	padding: 0 0 8px 0;
    margin: -15px 0 15px 0;
    width: 100%;
    text-align:center;
	}
#cabecera figure{
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 0; 
	border: 2px solid transparent;  
}
#cabecera figure.banner{
	display: inline-block;
//	border: 1px solid red; \*rgb(250,250,250);*\
    margin: auto;
    width: 50%;
    text-align:center;
}
#cabecera .logo {
    float:left;
	margin: 10px -5px;
}
#cabecera .login	{
	float:right;
	display: inline-block;
    width:15em; 
	margin: 10px -2px;
	padding: 5px; 
	border: 1px solid #e5e5e5;
    text-align: center;
    box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
    background-color: white; 
}

#cabecera .login input	{
	display: inline-block;
    margin: 0.01em  0.1em;
}
select {
    margin: 0.2em  0.45em;
    width:96%;
}

#cabecera .login input[type="text"], #cabecera .login input[type="password"] {
	width:86%;
}
em {
	color: #BA0013;
}
.news {
	color: #BA0013;
    display: block;
	padding: 2em 1em;
}
ul {
	text-align: justify;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
table.list tr.rolled td{
    border-top: 2px solid grey;
    border-bottom: 2px solid black;    
	background-color:#CCC;
    color:red;
}
.rednumber {
	color:red;
}
/* ...............................fold/unfold section.............................*/
.section {
	padding: 0;
	margin: 0;
}
input.fold { display: none; }

div.fold {
	text-align:center;
	margin-bottom: 20px;
	margin-top: -8px; 
	border: 1px solid #e5e5e5; //#e5e5e5;
	background: white; //#fff;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
	width: 99%;
	
	overflow: auto; 
	max-height: 500px;  /* approximate max height */

	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

label.fold {
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
	margin-bottom: 10px; 
	border: 1px solid #e5e5e5; //#e5e5e5;
	font-size: 11px;
	font-weight: 600; 
	letter-spacing:1px; 
	background: white; //#fff;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
	width:99%;
}

label.fold ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

input.fold ~ label.fold ul li {
    background-image: url(../images/opened.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 25px;
}

#CheckFold0:checked ~ div#fold0 {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#CheckFold0:checked ~ label.fold ul li#li0 {
    background-image: url(../images/closed.png);
}

#CheckFold1:checked ~ div#fold1 {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#CheckFold1:checked ~ label.fold ul li#li1 {
    background-image: url(../images/closed.png);
}

#CheckFold2:checked ~ div#fold2 { 
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#CheckFold2:checked ~ label.fold ul li#li2 {
    background-image: url(../images/closed.png);
}

#CheckFold3:checked ~ div#fold3 { 
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#CheckFold3:checked ~ label.fold ul li#li3 {
    background-image: url(../images/closed.png);
}

#CheckFold4:checked ~ div#fold4 {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#CheckFold4:checked ~ label.fold ul li#li4 {
    background-image: url(../images/closed.png);
}

#CheckFold5:checked ~ div#fold5 {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#CheckFold5:checked ~ label.fold ul li#li5 {
    background-image: url(../images/closed.png);
}
/* ...............................fold/unfold section.............................*/
/* ============================= SURVEYS =========================================== */
.survey {
	text-align:justify;
	margin:0 auto 15px auto;
/*	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);	*/
	border: 1px solid #e5e5e5;
	border-width: 0 1px 1px 0;
	border-radius: 5px; 
}
.survey h3 {
	font-weight: 600;
	width:100%;
	white-space: nowrap;
	border-bottom: 1px solid;
	display:inline-block;
}
.survey .date {
	display:inline-block;
	float:right;
	margin: -18px 0 0 0;
}
.survey li {
	list-style:none;
	margin: 8px 0;
}
.survey li img {
	background-color:#BA0013;
	width:25px;
	margin: -8px 4px 0 4px;
}
.survey li input {
	margin: 0 4px 0 4px;
}
/* ============================== FORMS ============================================ */

fieldset.list_tab {
	margin: 10px 0 10px 0;
	border-radius:0 10px 10px 0;
	padding: 10px;
}

fieldset.list_tab legend {
	border-radius:0 10px 10px 0;
    box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
}
fieldset.list_tab form {
	margin-right:20px
}

fieldset {
	border: thin solid black;
    display: inline-block;
    padding: 10px 28px 10px 10px;
    box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
    margin: 0 auto 20px auto;
    background-color: white;
    }
fieldset fieldset{
	border: thin solid silver;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    }    
legend {
	text-align:left;
	font-size: 12px;
    font-weight: 600;
    font-style: italic;
    padding: 2px 10px;
    background: #900;
    color: white;
    letter-spacing: 1px;
}

input:focus {
  background-color: rgba(255,102,102,0.5);
/*  background-color: 255,102,102,0.5; */
  color: black;
}

input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="search"] {
    margin: 0.2em  0.5em;
    padding: 0.2em  0.5em;
    font-size: 0.9em;
    width:100%;
}
input[type="checkbox"] {
    margin: 0.3em 0;
    color: red;
}
.form [type="button"], .form [type="submit"], .form [type="reset"] {
    margin: 0.2em  1em;
}
form [disabled="disabled"][type="submit"], form [disabled="disabled"][type="button"], form [disabled="disabled"][type="reset"]{
    display:none
}
[type="button"], [type="submit"], [type="reset"] {
    padding: 0.1em 0.5em;
    box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
    font-size: 0.9em;
/*   	width: 100%; */
    letter-spacing:0.08em;
    margin: 0 0 0 0;
    padding: 0.16em 0.3em;
}
form.work {
	margin: auto;
    width: 100%;
    padding: 10px;
//    background: silver;
}
select.heading {
    margin: 0;
    width:100%;
	font-size:10px;
	color:#666;
	border:0;
	background-color:rgb(230,230,230);
}
[type="button"].search-reset {
	width:20px;
    margin: 0 -1px 0 -30px;
}
#search-span {
	display:inline-block;
    white-space:nowrap;
    background-color:transparent;
    float:right;
    cursor:pointer;
    color:#BA0013;
    font-weight:bold;
}
#search-reset {
	visibility:hidden;
    margin: 0 0 0 -5px;
}
#search-x {
	position:relative;
    top:4px;
	visibility:hidden;
	cursor:pointer;
    margin: 0 2px 0 -28px;
	font-size: 24px;
    line-height:0px;
}
#search-submit {
    display: inline-block;
/*    margin: 0 0 0 -10px; */
}
textarea {
	border: 1px solid #e5e5e5;
	background: #fff;
	border-radius: 5px;
	padding: 5px;
/*	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3); */
}
form.work textarea {
    margin-left:6px;
    width:100%;
	border-radius: 0px;
}
/* ============================== SELECTOR ============================================ */
#selector {
	width:99%;
	text-align:center;
	background:transparent;
    margin:-10px auto 10px auto;
    padding:0px;    
}
/* ============================== LISTS ============================================ */

table.list table.list{
#    border: 1px solid black;
#	border-top: 0;
	border: 0;
    font-size: inherit;
	letter-spacing:inherit;
    display: inline-block;
    margin: 0 auto;
}

table.list table.list table.insidelist{
    border: 1px solid black;
	border-top: 0;
	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
}

table.list {
	border: 0;
    font-size: 0.9em;
	letter-spacing:0.08em;
    display: inline-block;
    margin: 0 auto;
}
table.list th{
	border-width: 1px; 
	border-style: solid;
    border-color: #900 black black #900 ;
    padding: 0.2em  0.5em;
    background: #900;
    color: white;
   	text-shadow: 3px 3px 3px rgba(0,0,0,.3);
}
table.list th a{
    padding: 0;
    background-color: #900;
    color: white;
   	text-shadow: 3px 3px 3px rgba(0,0,0,.3);
    text-decoration: none;
}

table.list.disabled th, table.list.disabled a {
    background-color: #CCC;
    border-color: white;
}

table.list tr.pre-list th{
    background: silver;
    border-color: silver black black silver ;
}
table.list td{
	border: 1px solid #e5e5e5;
}
table.list tr:nth-child(even) {
	background: Lavender;
}
table.list tr:nth-child(odd) {
	background: White;
}
table.list tr td.button {
	background: white;
	border: 0;
}
table.list tr th.button {
	border: 0;
    background:white;
}
table.list tr.selected th.button {
	display:none;
}

table.list [type="button"], table.list [type="submit"], table.list [type="reset"]{
    display:inline-block;
    padding:0.2em 0.2em;
    box-sizing: border-box;
    transition: all 0.15s;
    width: 100%;
    max-width: 18em;
    text-align: center;
}

table.list [type="button"]:disabled, table.list [type="submit"]:disabled, table.list [type="reset"]:disabled {
	color:#CCC;
	box-shadow: none;
}

table.list tr.opened td{
//	border-top: 2px solid red;
	padding-top: 25px;
	text-shadow: 3px 3px 3px rgba(0,0,0,.3);
}

table.list tr.selected td{
//	border-bottom: 2px solid black;
}

table.list tr.selected{
	background-color:#CCC;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	text-shadow: 3px 3px 3px rgba(0,0,0,.3);

}

table.list tr.selected td table{
	padding-bottom: 25px;
	padding-top: 5px;
}

table.list tr.filtered{
//	filter: blur(0.08em);
}

table.list tr.opened{
	background-color:#CCC;
	color:black;
	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
}

table.list tr.selected{
	background-color:#CCC;
	color:black;
	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
}

table.list tr.clicked{
	background-color:#CCC;
    color:black;
}
table.list tr.blink {
	background-color:#F66;
	color:white;
	font-weight:600;
	animation: blink 1s steps(2, start) infinite;
	-webkit-animation: blink 1s steps(2, start) infinite; 
}
table.list input {
//	background-color:green;
    font-size: 1em;
}
@keyframes blink {
  to {
/*	visibility: hidden; */
/*	background-color:#900; */
	background-color:#700; //	black;
  }
}
@-webkit-keyframes blink {
  to {
/*	visibility: hidden; */
/*	background-color:#900; */
	background-color:#700; //	black;
  }
}
/* ============================== END LISTS ============================================ */
/* ============================== PAGINATOR ============================================ */

.paginator a:hover	{
	color: #BA0013;
}

table.paginator {
	letter-spacing: 0.08em;
	margin: 3px auto;
	width: 1%;
    border-spacing: 0.5em 0;
	border-collapse: separate;
	border-bottom: 1px solid  #e5e5e5; 
	border-top: 1px solid  #e5e5e5; 
}
.paginator td {
	padding: 0 0.5em;
	white-space: nowrap;
}
.paginator a {
	text-decoration:none;
	color:black;
}
.paginator td.current {
	font-weight: 600;
	margin: 2px;
	padding: 0 1em;
	background-color:#CCC;
}


.list .paginator {
	background-color:white;
}
.list table.paginator {
	letter-spacing: 0.08em;
	margin: 3px auto;
	width: 1%;
    border-spacing: 0.5em 0;
	border-collapse: separate;
	border:0;
	background-color:white;
}

.list table.paginator tr {
	padding: 0 0.5em;
	white-space: nowrap;
	border:white;
	background-color:white;
}

.list table.paginator td {
	padding: 0.1em 0.5em;
	white-space: nowrap;
	background-color:white;
}

.list table.paginator td.current {
	font-weight: 600;
	margin: 2px;
	padding: 0 1em;
	background-color:#CCC;
}
/* ============================== END PAGINATOR ============================================ */

:required {  /*    */
	border: 1px inset #BA0013;
}
.required {
	color: #BA0013;
}
.userlogin {
	width: 120px;
	text-align:center;
	font-size: 0.8em;
}
#slider {
	width: 99.6%;
	padding: 2% 0;
	border: 2px solid transparent;
	border-bottom:2px solid #BA0013;
}
h1	{
	font: bold 2.25em MyLucidaBold, verdana, sans-serif; /*2.4em*/
}
h2	{
	font: bold italic 2em MyLucidaBold, verdana, sans-serif; /* italic 2em*/
}
h3	{
	font: normal 1.5em MyLucida, verdana, sans-serif;
}
h4	{
	font: bold italic 0.8em MyLucidaBoldItalic, verdana, sans-serif;
	display:inline;
	background:#BA0013;
	padding: 1px 3px;
	color:black;
}
article	{
	padding: 1%;	
	margin: 2% 0 0 0;
	text-align: justify;
	border: 0;
	font: normal 0.8em MyLucida, verdana, sans-serif;
	letter-spacing:0.8px;
	line-height:1.45em;
	}
.estrecho{
	width: 60%; /*948px;*/
	border: 2px solid transparent;
	}
aside	{
	width: 38%;
	float: right;
	/*width: 268px;*/
	margin: 0 0 0 0; /*top right bottom left*/
	border: 2px solid transparent;
}
#pie	{
	clear: both;
	text-align: center;
	padding: 0;
	border: 2px solid transparent;
	border-top: 2px solid #BA0013;
	font: normal 0.7em MyLucida, verdana, sans-serif;
	color:#737373;
	}
@media screen and (min-width: 1024px) { /* +1024 */ 
	#agrupar{
/*		width: 960px; */
		width: 95%;
		border-left:1px solid #e5e5e5;
		box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.3);
	}
	h1	{
		font: bold 2em MyLucidaBold, verdana, sans-serif; /*2.4em*/
	}
	h2	{
		font: bold italic 1.5em MyLucidaBold, verdana, sans-serif; /* italic 2em*/
	}
	h3	{
		font: normal 1.25em MyLucida, verdana, sans-serif;
	}
	h4	{
		font: bold italic 0.9em MyLucidaBoldItalic, verdana, sans-serif;
		display:inline;
		background:#BA0013;
		padding: 1px 3px;
		color:black;
	}
	article	{
		font: normal 0.9em MyLucida, verdana, sans-serif;
		letter-spacing:1px;
		line-height:1.5em;
	}
	#pie	{
	font: normal 0.7em MyLucida, verdana, sans-serif;
	}
}
@media screen and (max-width: 1024px){ /* -768 */
	#agrupar	{
		width: 748px; /*960px ; 758px ; 470px ; 310px ; 230px*/
		border:0;
		box-shadow:0 0 0;
	}
	h1	{
		font: bold 1.9em MyLucidaBold, verdana, sans-serif; /*2.4em*/
	}
	h2	{
		font: bold italic 1.3em MyLucidaBold, verdana, sans-serif; /* italic 2em*/
	}
	h3	{
		font: normal 1.1em MyLucida, verdana, sans-serif;
	}

	h4	{
		font: bold italic 0.75em MyLucidaBoldItalic, verdana, sans-serif;
		display:inline;
		background:#BA0013;
		padding: 1px 3px;
		color:black;
	}
	article	{
		font: normal 0.75em MyLucida, verdana, sans-serif;
		letter-spacing:1px;
		line-height:1.5em;
	}
	#pie	{
	font: normal 0.65em MyLucida, verdana, sans-serif;
	}
	#cabecera figure{
		padding: 0 0.3%; 
	}
	#footbanner	img{
		width: 100%;
	}
}
@media screen and (max-width: 768px) { /* -480 */
	#agrupar{
		width: 462px; /*960px ; 758px ; 470px ; 310px ; 230px*/
		border:0;
		box-shadow:0 0 0;
	}
	#cabecera	{
		border-bottom: 2px solid  #e5e5e5;
	}
	#cabecera figure.banner{
		float:none;
	}
	h1	{
		font: bold 1.7em MyLucidaBold, verdana, sans-serif; /*2.4em*/
	}
	h2	{
		font: bold italic 1.1em MyLucidaBold, verdana, sans-serif; /* italic 2em*/
	}
	h3	{
		font: normal 0.9em MyLucida, verdana, sans-serif;
	}
	h4	{
		font: bold italic 0.7em MyLucidaBoldItalic, verdana, sans-serif;
		display:inline;
		background:#BA0013;
		padding: 1px 3px;
		color:black;
	}
	article	{
		font: normal 0.7em MyLucida, verdana, sans-serif;
		letter-spacing:1px;
		line-height:1.5em;
	}
	#pie	{
	font: normal 0.6em MyLucida, verdana, sans-serif;
	}	
}
@media screen and (max-width: 480px) { /* -320 */
	#agrupar{
		width: 304px; /*960px ; 758px ; 470px ; 310px ; 230px*/
		border:0;
		box-shadow:0 0 0;
	}
	#cabecera	{
		border-bottom: 2px solid  #e5e5e5;
	}
	.estrecho{
		width: 99.6%;
		border: 2px solid transparent;
	}
	aside	{
		width: 99.6%;
		border: 2px solid transparent;
	}
	h1	{
		font: bold 1.55em MyLucidaBold, verdana, sans-serif; /*2.4em*/
	}
	h2	{
		font: bold italic 1em MyLucidaBold, verdana, sans-serif; /* italic 2em*/
	}
	h3	{
		font: normal 0.8em MyLucida, verdana, sans-serif;
	}
	h4	{
		font: bold italic 0.65em MyLucidaBoldItalic, verdana, sans-serif;
		display:inline;
		background:#BA0013;
		padding: 1px 3px;
		color:black;
	}
	article	{
		font: normal 0.65em MyLucida, verdana, sans-serif;
		letter-spacing:1px;
		line-height:1.5em;
	}
	#pie	{
		font: normal 0.5em MyLucida, verdana, sans-serif;
		}
}
@media screen and (max-width: 320px) { /* -240 */
	#agrupar{
		width: 235px; /*960px ; 758px ; 470px ; 310px ; 230px*/
		border:0;
		box-shadow:0 0 0;
		padding: 0.55em 0 0 0;
	}
	#cabecera	{
		border-bottom: 2px solid  #e5e5e5;
	}
	#slider {
		border: 1px solid transparent;
		border-bottom:1px solid #BA0013;
	}
	h1	{
		font: bold 1.5em MyLucidaBold, verdana, sans-serif; /*2.4em*/
	}
	h2	{
		font: bold italic 0.95em MyLucidaBold, verdana, sans-serif; /* italic 2em*/
	}
	h3	{
		font: normal 0.75em MyLucida, verdana, sans-serif;
	}
	h4	{
		font: bold italic 0.6em MyLucidaBoldItalic, verdana, sans-serif;
		display:inline;
		background:#BA0013;
		padding: 1px 3px;
		color:black;
	}
	article	{
		font: normal 0.6em MyLucida, verdana, sans-serif;
		letter-spacing:1px;
		line-height:1.5em;
	}
	#pie	{
		font: normal 0.4em MyLucida, verdana, sans-serif;
		}
}
#head {
	width:100%;
	padding:0;
	margin:-1% 0 0 0;
	border:0;

}
section{
	width: 99.6%;
	float: left;
	/*margin: 0px 5px 20px 5px; /*top right bottom left*/
	border: 2px solid transparent;
	clear:both;
	}
article a{
	color: #3B3B3B;
	font-weight: bold;
	font-style:italic;
	text-decoration:none;
}

article em a{
	color: black;
	font-weight: bold;
	text-decoration:none;
}
article .em a{
	color: black;
	font-weight: bold;
	text-decoration:none;
}
article footer{
	text-align: right;
	}
article figure {
	float: left;
	margin: 5px 15px;
	padding: 5px;
	border-radius: 8px;
}
article em {
	background:#BA0013;
	padding: 1px 3px;
}
article p.em {
	background:#BA0013;
	padding: 5px 15px;
	font-style:italic;
}
article header {
	margin-bottom:15px;
}
article p {
	margin:1% 0px;
}
article ul{
	padding: 0px;
	margin: 0px;
}
article li{
	list-style-position:inside;
	list-style-image: url('../img/bullet.gif');
}
time	{
	color: #999999;
	font: italic 0.8em MyLucida, verdana, sans-serif;
	}
figcaption{
	color: #999999;
	font: italic 0.8em MyLucidaItalic, verdana, sans-serif;
	text-align:center;
	}
div	{
	width: 96.7%; 
	margin: 0px 5px 20px 5px; /*top right bottom left*/ 
	padding: 10px;
	border: 1px solid transparent;
	}
a:hover	{
	text-shadow: 0.2em 0.2em 0.4em rgba(0,0,0,.3);
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing:1px;
	text-align:left;
	color: #3B3B3B;
	font-variant:small-caps;
	margin: 0px;	
}
@font-face	{
	font-family: 'MyBankGothicLight';
	src: url('../BANKGTH.TTF');
}
//@font-face	{
//	font-family: 'MyBankGothic';
//	src: url('../BANKGTHB.TTF');
//}
@font-face	{
	font-family: 'MyLucida');
	src: url('../LSANS.TTF');
}
@font-face	{
	font-family: 'MyLucidaBold');
	src: url('../LSANSD.TTF');
}
@font-face	{
	font-family: 'MyLucidaItalic');
	src: url('../LSANSI.TTF');
}
@font-face	{
	font-family: 'MyLucidaBoldItalic');
	src: url('../LSANSDI.TTF');
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}