pero .gridko1{ margin-top:40px;}
#shop{ text-align:center}
.styleko_green{ color:#9C0; font-size:36px;   }
.styleko_green2{ color:#60d362; font-size:36px;   }
.styleko_violet{ color:#ab40e9; font-size:36px;   }
.styleko_orange{ color: #F90; font-size:36px;   }
.styleko_red{ color: #F00; font-size:36px;   }
.styleko_pink{ color: #f52db1; font-size:36px;   }
#green a { background-color:#9C0}
#green a:hover { background-color:#6ba605}
#green2 a { background-color:#60d362}
#green2 a:hover { background-color:#3f9f41}
#greenstyle { color:#3f9f41}
#red a{ background-color: #F00}
#red a:hover{ background-color: #db0852}
#violet a{ background-color:#ab40e9}
#violet a:hover{ background-color:#760cb9}
#orange a{ background-color:#ffa406}
#orange a:hover{ background-color:#bf8e09}
#blue a{ background-color:#14c7ed;  }
#blue a:hover{ background-color:#0996bf;   }
#cyan a{ background-color:#02d1d3;  }
#cyan a:hover{ background-color:#00bdbf;   }
#pink a{ background-color:#ff38bb;  }
#pink a:hover{ background-color:#f52db1;   }

#angelo   th{ background-color: #ff9600; color:#fff}	 

#greentable   th{ background-color:#9C0; color:#fff}
#orangetable   th{ background-color: #ff9600; color:#fff}
#orangetable2    { background-color: #ff9600 !important;; color:#fff}
#greentable3   th{ background-color: #3f9f41; color:#fff}
#pinktable   th{ background-color: #fa55ca; color:#fff}
#redtable   th{ background-color: #F00; color:#fff}
#cyanbg{ background-color:#0ad0dc; color:#fff; -webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;}

#cyanbg h2{ text-align:center}
#cyanbg p{ padding:5px;}

#violetbg h2{ text-align:center}
#violetbg p{ padding:5px;}
#violetbg{ background-color:#760cb9; color:#fff; -webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;}
			
			
#pinkbg h2{ text-align:center}
#pinkbg p{ padding:5px;}
#pinkbg{ background-color:#f52db1; color:#fff; -webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;}
			
#greenbg h2{ text-align:center}
#greenbg p{ padding:5px;}
#greenbg{ background-color:#6ba605; color:#fff; -webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;}


#orangebg{ background-color:#ff9600; color:#fff; -webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;}
#orangebg h2{ text-align:center}
#orangebg p{ padding:5px;}

#redbg{ background-color:#f80376; color:#fff; -webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;}
#redbg h2{ text-align:center}
#redbg p{ padding:5px;}

#greenlight{ background-image:url(../img/green.png); width:80px; height:80px}
#yellowlight{ background-image:url(../img/yellow.png); width:80px; height:80px}
#redlight{ background-image:url(../img/red.png); width:80px; height:80px}

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;   }
	* html .cf { zoom: 1; }
	*:first-child+html .cf { zoom: 1; }
	
 
.rt { width: 100%; /*font-size: 0.75em;*//*12*/ line-height: 1.25em;/*15*/ border-collapse: collapse; border-spacing: 0;   }

	.rt th,
	.rt td { margin: 0; padding: 0.4166em;/*10*/ vertical-align: top; border: 1px solid #babcbf; background: #fff; }
	.rt th { text-align: left; background: #f52db1; color:#fff }
	
	.rtA th,
	.rtA td { margin: 0; padding: 0.4166em;/*10*/ vertical-align: top; border: 1px solid #babcbf; background: #fff; }
	.rtA th { text-align: left; background: #f00; color:#fff }

    .rtB th,
	.rtB td { margin: 0; padding: 0.4166em;/*10*/ vertical-align: top; border: 1px solid #babcbf; background: #fff; }
	.rtB th { text-align: left; background: #f90; color:#fff; width:120px; }

	@media only screen and (max-width: 40em) { /*640*/

		#rt1 { display: block; position: relative; width: 100%;  }
		#rt1 thead { display: block; float: left; }
		#rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
		#rt1 thead tr { display: block; }
		#rt1 th { display: block; }
		#rt1 tbody tr { display: inline-block; vertical-align: top; }
		#rt1 td { display: block; min-height: 1.25em; }
		


		#rt2 { display: block; position: relative; width: 100%; }
		#rt2 thead { display: block; float: left; }
		#rt2 tbody { display: -webkit-box; overflow-x: auto; }
		#rt2 th,
		#rt2 tr,
		#rt2 td { display: block; }
		
		#rt3 { display: block; position: relative; width: 100%;  }
		#rt3 thead { display: block; float: left; }
		#rt3 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
		#rt3 thead tr { display: block; }
		#rt3 th { display: block; }
		#rt3 tbody tr { display: inline-block; vertical-align: top; }
		#rt3 td { display: block; min-height: 1.25em; }

		/* sort out borders */

		.rt th { border-bottom: 0; }
		.rt td { border-left: 0; border-right: 0; border-bottom: 0; }
		.rt tbody tr { border-right: 1px solid #babcbf; }
		.rt th:last-child,
		.rt td:last-child { border-bottom: 1px solid #babcbf; }

	}




@media print {
    .myDiv {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}