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

/* responsive rules */



@media all and (max-width : 1000px) {
#container { width: 100%;}
nav { margin: 0; background-color: #DBE7F2;
  font-family:'Oswald', Trebuchet MS; }
.tab1 { display:none;}
.toggle + a,
.menu { display: none; }
.img {display: none;}
.toggle {
  display: block;
  padding: 0 20px;

  font-size: 12px;
  font-family:'Oswald', Trebuchet MS;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
color: #1693d1;
background-color: #fafafa;
}

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

[id^=drop]:checked + ul { display: block; padding: 0 20px;}

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

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: #F2F2F2; }

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;

}

.toggle + a,
 .menu { display: none; }
.toggle {
  display: block;
 /* font-family:"Lucida Sans Unicode",arial;
  background-color: #DBE7F2;
  padding: 0 20px;
  color: #000;
  font-size: 13px;
  line-height: 30px;
  text-decoration: none;
  border: none;*/
  
      padding: 0 20px;
  font-size: 13px;
  font-family:'Oswald', Trebuchet MS;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  line-height: 30px;
color: #1693d1;
background-color: #fafafa;

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

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

.phGal{max-height:600px;}
}
@media (min-width : 600px) and (max-width : 1000px) {
#container { width: 100%;}	
.span_fl { max-height: 150px;}
	nav { background-color: #fafafa;
	  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF; float:left;
}
nav ul {	
  position: absolute;
  background-color: #fafafa;
z-index: 2;}


	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_4_of_3, .spanH,.span_43, .span_55, .span_4_of_3F1,.span_70,.span_30,.span_1_of_3Q { width: 100%; }
	.span_4_of_3F{border-right: 0px;border-bottom: 1px dotted #BBB; width: 100%;}
	.span_25{ width: 48.6%;}
	.span_3R,.span_23,.span_24,.span_1_of_3,.spanlist{width: 50%;}
	.spanlist{width: 33%;}
	.span7{width: 11%;}
	.span3{width: 7.5%;}
	.span_50{width: 48%;}
	.img { display: none;}
	.toggle + a,
 .menu { display: none; }

nav ul li { display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
}
.toggle + a,
 .menu { display: none; }

a.topmenu {
/*font-family:"Lucida Sans Unicode",arial;
  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;
  background-color: #DBE7F2;
  padding: 0 20px;
  color: #000;
  font-size: 13px;
  line-height: 30px;*/
    padding: 0 20px;
  font-size: 13px;
  font-family:'Oswald', Trebuchet MS;
  text-decoration: none;
  border: none;
  line-height: 30px;
  text-transform:uppercase;
color: #1693d1;
background-color: #fafafa;


}
a.topmenu:hover {
font-family:'Oswald', Trebuchet MS;
/*  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;*/
color: #292221;
background-color: #F2F2F2;
}

	#container { width:100% !important;}
#subcontainer { width: 49% !important; margin-top: 10px; float:left; margin-right:10px;}
#sidebar {width: 49%; float:left;}
.ser{ width: 100%;
 position: inherit;
}
.phGal{max-height:120px;}
.tab { display:none;}
#target-content #target-inner { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}
#target-contentM #target-innerM { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}
}

@media all and (max-width : 600px) {
#container { width: 100%;}	
	nav { background-color: #fafafa;
	font-family:'Oswald', Trebuchet MS;
	  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF; float:left;  
position:relative;
}
nav ul {	
  position: absolute;
  background-color: #fafafa;
z-index: 2;}


nav ul li {
	  display: block;
  width: 100%;
  background-color: #f0f0f0;
  border-bottom: 1px solid #FFF;
 
}
.toggle + a,
 .menu { display: none;}
 
a.topmenu {
font-family:"Lucida Sans Unicode",arial;
/*  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;*/
    padding: 0 20px;
  font-size: 13px;
  font-family:'Oswald', Trebuchet MS;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
color: #1693d1;
background-color: #fafafa;
  line-height: 30px;

}
a.topmenu:hover {
font-family:'Oswald', Trebuchet MS;
/*  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;*/
color: #292221;
background-color: #F2F2F2;
}

.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3,.span_4_of_3, .span_fl, .spanH,.span_43,.span_70,.span_30, .span_55,.span_4_of_3F1,.span_1_of_3Q { width: 100%; }
	.span_25{ width: 48.6%;}
	.span_3R,.span_23,.span_24, .span_1_of_3,.span_15,.spanlist{width: 50%;}
	.span_50{width: 48%;}
	.span7{width: 11%;}
	.span3{width: 7.5%;}
	.table1 {visibility:hidden;}
	.tab { display:none;}
	#container { width:100% !important;}
#subcontainer { width: 96% !important; margin-top: 10px; margin-left: 2%; margin-right: 2%;}
#sidebar {width: 96%; margin-top: 10px; margin-left: 2%; margin-right: 2%;}

.ser{ width: 100%;
 position: static;
}
td.rsp{
    display:block;
	width: 100%;
}
td.rsps { display:block;
	width: 100%;
}

.imgC{width:100%;}
.phGal{max-height:80px;}
.span_fl { height: 150px;}
#target-content #target-inner { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}
#target-contentM #target-innerM { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}
}