@charset "UTF-8";
/* CSS Document */
html, 
html * {
	
}
/* mobile */
@media only screen and (max-width: 600px){

tbody{	
	font-family:"Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif"
}
table.nav{ width: 100%;
}
table.work{ width: 100%;
}
div,td,tr{font-size: 'small';
	
}
iframe.videosonora{
	 width: 350px;
	 height: 287px;
}
iframe.videoatesorado{
	 width: 350px;
	 height: 197px;
}
iframe.videozurdo{
	 width: 350px;
	 height: 306px;
}
iframe.droso{
	 width: 350px;
	 height: 270px;
}
iframe.videoletter{
	 width: 350px;
	 height: 232px;
}
iframe.caliban{
	 width: 352px;
	 height: 288px;
}
iframe.sennin{
	 width: 350px;
	 height: 263px;
}

body{
	margin-left: 3px;
    margin-top: 3px;
    margin-right: 2px;
    margin-bottom: 2px;
    background-color: #000000;
    resize: both;
    background-image: url("img/0back_03236a.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	font-family:"Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif";
    font-style: normal;	
}
.style_anna {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif";font-size: 20px; 
	color: #f5dfdf;
}
		.style_anna_b {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif";	font-size: 20px; font-weight: normal;
	background-color: #000000;
	color: #f5dfdf;
}
	.style_w {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif"; font-size: 20px; color: #FFFFFF }
	.style_black {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif"; font-size: 18px; color: #d6d5b0 }
	.style_w_y {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic"; font-size: 20px; color:  #faf6a5}
.style_w_bb_y {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 20px; color: #faf6a5;
	font-weight: normal;
	background-color: #000000;
}
.style_w_bb {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 20px; color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
}
.style_exi_bb {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 18px; color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
}
.style_copyr {    color: #006699;
    font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";
    font-size: 20px;
    text-align: left;
}
a:link {
    color: #ff0000;
}
a:visited {
    color: #cc0000;
}
a:hover {
    color: #ff6633;
}
a:active {
    color: #ff0033;
}
a {
    font-family: "Arial Narrow";
    font-style: normal;
    font-weight: normal;
}
}
/*Tablet View*/
@media only screen and (min-width: 600px){
	tbody{	
	font-family:"Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic", "sans-serif"; font-size: 20px;
	}
table.nav{ width: 400px;
}
table.work{ width: 100%;
}
iframe.videosonora{
	 width: 640px;
	 height: 524px;
}
iframe.videoatesorado{
	 width: 640px;
	 height: 360px;
}
iframe.videozurdo{
	 width: 640px;
	 height: 559px;
}
iframe.droso{
	 width: 400px;
	 height: 309px;
}
iframe.videoletter{
	 width: 640px;
	 height: 424px;
}
iframe.caliban{
	 width: 400px;
	 height: 327px;
}
iframe.sennin{
	 width: 450px;
	 height: 338px;
}

	body{
	margin-left: 1px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #000000;
    resize: both;
    background-image: url("img/0back_03264.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
}

.style_work
.style_anna {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";	font-size: 20px;
	color: #f5dfdf;
}	
		.style_anna_b {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";	font-size: 20px; font-weight: normal;
	background-color: #000000;
	color: #f5dfdf;
}
	.style_w {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic"; font-size: 20px; color: #FFFFFF }
	.style_black {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif"; font-size: 18px; color: #d6d5b0 }
		.style_w_y {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic"; font-size: 20px; color:  #faf6a5}
.style_w_bb_y {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 20px; color: #faf6a5;
	font-weight: normal;
	background-color: #000000;
}
	.style_w_bb {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 20px; color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
}
.style_exi_bb {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 16px; color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
}
.style_copyr {    color: #006699;
    font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";
    font-size: 18px;
    text-align: left;
}
a:link {
    color: #ff0000;
}
a:visited {
    color: #cc0000;
}
a:hover {
    color: #ff6633;
}
a:active {
    color: #ff0033;
}
a {
    font-family: "Arial Narrow";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
}

/*Desktop View*/

@media only screen and (min-width: 1024px){
	tbody{	
	font-family:"Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif";
    font-size: 18px;
	
}
table.nav{ width: 400px;	
}
table.work{ width: 100%;
}
iframe.videosonora{
	 width: 640px;
	 height: 559px;
}
iframe.videoatesorado{
	 width: 640px;
	 height: 360px;
}
iframe.videozurdo{
	 width: 640px;
	 height: 559px;
}
iframe.droso{
	 width: 450px;
	 height: 347px;
}
iframe.videoletter{
	 width: 640px;
	 height: 424px;
}
iframe.caliban{
	 width: 450px;
	 height: 368px;
}
iframe.sennin{
	 width: 640px;
	 height: 480px;
}
	body {
		max-width: 1200px;
    	background-color: #000000;
   		 resize: both;
		background-image: url("img/0back_03445.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-attachment: fixed;
		
		font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";
    	font-style: normal;
    	font-weight: normal;
    	font-size: 16px;
	}
	.style_anna {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";	font-size: 16px;
	color: #f5dfdf;
}
		.style_anna_b {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";	font-size: 16px; font-weight: normal;
	background-color: #000000;
	color: #f5dfdf;
}
	.style_w {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 16px; color: #FFFFFF }
	.style_black {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic","sans-serif"; font-size: 14px; color: #d6d5b0 }
		.style_w_y {font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic"; font-size: 16px; color:  #faf6a5}
.style_w_bb_y {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 16px; color: #faf6a5;
	font-weight: normal;
	background-color: #000000;
}
	.style_w_bb {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 16px; color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
}
.style_exi_bb {	font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";font-size: 14px; color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
}
	.style_copyr {    color: #006699;
    font-family: "Arial Narrow", "Arial Narrow Bold", "Arial Narrow Bold Italic", "Arial Narrow Italic";
    font-size: 16px;
    text-align: left;
}
}	
	a:link {
    color: #ff0000;
}
a:visited {
    color: #cc0000;
}
a:hover {
    color: #ff6633;
}
a:active {
    color: #ff0033;
}
a {
    font-family: "Arial Narrow";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}
}