@charset "utf-8";
/* CSS Document */

/* responsive rules */



@media all and (max-width : 1000px) {

nav { margin: 0;}

.toggle + a,
 .menu { display: none; }
.img {display: none;}
.toggle {
  display: block;
  padding: 0 20px;
  color: #000;
  line-height: 30px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #F2F2F2; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #F2F2F2; }

nav ul li ul li .toggle,
 nav ul ul a { /*background-color: #DBE7F2;*/ font-size: 15px;}

nav ul ul {
  float: none;
  position: static;
  color: #000;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { /*position: static; */
  position: relative;


}
/*sub menu*/

.span_100 iframe{
position: relative;
height: 45px;
width: 100%;
}


.toggle:hover { background-color: #CCC; }

[id^=drop]:checked + ul { display: block; }

}
@media (min-width : 600px) and (max-width : 1000px) {	
	nav { 
	  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF; float:left;
  /*position: absolute;*/
  position: relative;
  background-color: #f1f1f1;
  text-align: left;
}

	.col { margin: 1% 0 1% 0%;}
	.img { display: none;}
	
	.toggle + a,
 .menu { display: none; }
.tab { display:none;}
nav ul li { display: block;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  font-size: 15px;
}
.toggle + a,
 .menu { display: none; }

.span_3_of_3,.span_32,.span_100{ width: 100%; }
.span_100 iframe{
position: relative;
height: 100px;
width: 100%;
}

}

@media all and (max-width : 600px) {
	
	nav { 
	  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF; float:left important;
  /*position: absolute;*/
  position: relative;
  background-color: #f1f1f1;
  text-align: left;
  align:left;
}

nav ul li {
	  display: block;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  font-size: 15px;
   float:left;
   text-align: left;
}
.toggle + a,
 .menu { display: none; float:left;}
 
.tab { display:none;}
.col { margin: 1% 0 1% 0%;}
	.tab { display:none;}

.span_3_of_3,.span_32,.span_100{ width: 100%; }
.span_100 iframe{
position: relative;
height: 90px;
width: 100%;
}

}