/*
Theme Name: tourguides
Theme URI: http://127.0.0.1/tourguides/wp-content/themes/tourguides
Author: nolito
Author URI: http://wwww.nolito.net/
Description: Tourguides theme
License: nolito
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bright dolphin cruise african styled theme, one page site
Text Domain: tourguides

This theme, is licensed to nolio.
Use it to make something cool, have fun, and share what you've learned with others.
*/




@charset "utf-8";

 @font-face { font-family: nmfont; src: url(fontawesome-webfont.eot) format('embedded-opentype'); src: url('fontawesome-webfont.ttf') format('truetype'), url(fontawesome-webfont.woff) format('woff'); font-size:10pt }
 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;position:relative; 
}
 html {  -ms-text-size-adjust: 100%;   -webkit-text-size-adjust: 100%;overflow-x:hidden; overflow-y:visible; font-size: 90%;  -ms-touch-action: manipulation; touch-action: manipulation; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;   }
 
body,html {  height:100%; }
body { color: #333; font-family: Candara,  Arial, sans-serif;  font-size: 1.1rem; line-height: 140%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {   display: block; }

 
 
/* LINKS
   ========================================================================== */
a, a:visited { background-color: transparent; color: #666;outline: none; text-decoration: none; }
a:hover, a:focus, a:active { color: #006633;outline: 0; }
a img { border: 0; }

/* TEXT
   ========================================================================== */
abbr[title] {border-bottom: 1px dotted; }
b, strong {font-weight: bold; }
 strong {font-weight:bold}
em, i {font-style:italic}
small { font-size: 80%;line-height:normal }
big, .big  { font-size: 125%; }
dfn { font-style: italic; }
mark {  background: #ff0;  color: #000; }
sub, sup { font-size: 75%;line-height: 0;position: relative; vertical-align: baseline;}
sup {  top: -0.5em;}
sub { bottom: -0.25em;}
ol, ul { list-style: none; } 
p {margin:0 0 1.5em 0;}
hr { -moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
hr.style1 { margin: 10px 0;   border: 0; height: 1px;  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));   background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }

hr.style2 { margin: 5px 0;   background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.40), rgba(0,0,0,0));  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.40), rgba(0,0,0,0));   background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.40),  rgba(0,0,0,0));   background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.40),  rgba(0,0,0,0)); }

 
 

/* IMAGES
   ========================================================================== */
img { height: auto;  max-width: 100%; vertical-align: top;border: 0;  } 
   
   /* GLOBALS
   ========================================================================== */
svg:not(:root) {overflow: hidden;}
figure { margin: 1em 40px;}

pre {overflow: auto;}
code, kbd, pre, samp {  font-family: monospace, monospace; font-size: 1em; }
embed, iframe, object { max-width: 100%; }
table {border-collapse: collapse; border-spacing: 0;}
audio, canvas, progress, video {  display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none; }

/* headers
   ========================================================================== */
 
h1, h2, h3, h4, h5, h6 { font-weight: normal }
h1 { font-size: 2.4rem; }
h2 { font-size: 2rem; }
h3{ font-size: 1.8rem }
h4 { font-size: 1.6rem }
h5 { font-size: 1.5rem }
h6 { font-size: 1.4rem }

 

/* Forms
   ========================================================================== */


 
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;position:relative;
	font-size: 100%;  font-size:1.1rem; vertical-align: baseline;  }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer; }
button[disabled], html input[disabled] {  cursor: default;background:#666; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;  padding: 0; }
input { line-height: normal; }
fieldset {  border-right: 1px solid #c0c0c0; margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
 
textarea { overflow: auto; vertical-align: top; width: 96%;}
optgroup { font-weight: bold;}

input, textarea   {line-height: normal; padding:5px;   -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;  position:relative; border:1px solid #ddd; position:relative;  margin:0 0 12px 0;display:block;background:#fff;} 
input    {height:24px;width:96%} 
textarea   { font-size:1.2rem;font-family: Candara, Arial, sans-serif; } 
input:focus, textarea:focus, select:focus {border:1px solid #666;outline:none }
button { padding:6px 10px 6px 10px;background:#666;color:#fff;clear:both; font-weight:bold; outline:none;display:block;   cursor:pointer;min-width:28px;border:0;     text-decoration:none;text-align:center}
button:hover  {color: #fff; background:#006633; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 2px 0 0 0;width:18px;height:18px;float:left ;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] {  -webkit-appearance: textfield; -moz-box-sizing: content-box;  -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}

 /* placeholder */
::-webkit-input-placeholder { font-size:1.1rem; }
::-moz-placeholder { font-size:1.1rem; } /* firefox 19+ */
:-ms-input-placeholder {font-size:1.1rem; } /* ie */
input:-moz-placeholder {font-size:1.1rem; }
textarea:placeholder {font-size:1.1rem; font-family:  Candara,  Arial, sans-serif;} 
 
.posta, .gosta {cursor:pointer}
#aboutbox img, #gallerybox img {position:relative;  }

 .alignleft { display: inline; float: left; margin:0 1.5% 1.5% 0; }
.alignright { display: inline; float: right; margin:0 0 1.5% 1.5%; }
.aligncenter { clear: both; display: block; margin: 0 auto; }   
 
 /* EFFECTS
--------------------------------------------- */
 
  a, li a, li a img, li a span, li a div, input, button, a span , a p, p a,span, section, footer, header, nav, img , li, li img, h1,h2,h3,h4,h5,h6  {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

header , section, footer  {clear:both;margin:0 auto;position:relative ;width:100%;box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	}
 section { vertical-align:top;min-height:200px }
 header   {background:#fff url(images/dw.png);position:relative;top:0;z-index:2000;  min-height:70px;height:70px}
 footer {min-height:100px; font-size:80%; }
 header:after, section:after, footer:after  {clear:both;content:""}
 footer {min-height:100px; font-size:80%;      }
 header:after, section:after, footer:after  {clear:both;content:""}

/* clearfix hack */
.clear {clear: both;display: inline-block;}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height:1%;}
/* Alignment */
 
 
 
/* Shadows
--------------------------------------------- */
.inset {-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 0px 20px 0px rgba(0,0,0,0.5);
box-shadow:inset 0px 0px 20px 0px rgba(0,0,0,0.5);}

.shadow360 {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}

.shadowleft {-webkit-box-shadow: -4px 4px 8px -2px rgba(0,0,0,0.8);
-moz-box-shadow: -4px 4px 8px -2px rgba(0,0,0,0.8);
box-shadow: -4px 4px 8px -2px rgba(0,0,0,0.8);}

.shadowright {-webkit-box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.8);
-moz-box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.8);
box-shadow: 4px 4px 8px -2px rgba(0,0,0,0.8);}
 
.cube {  -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
  .oliv{background:#FAFAF8}
   .white {color:#fff!important}
    .trnwite {background:url(images/dw.png)}
	.cliy   {display:none;clear:both;margin:0 0 10px 0;padding:4px ;border:1px solid #666;width:98%;background:url(images/dw.png)}
.cliy  li {clear:both;padding:4px 4px 4px 20px;cursor:pointer}
  .oliv{background:#FAFAF8}
.liv{color:#7E923A;}
 
/* EFFECTS
--------------------------------------------- */
 
  .kids,.ikon,.hovs, .trays, .fish,.label,.iwrap,.logo, .slogo, .show, .none, #aboutbox   {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
 
  
 
#mobilecover {display:none;  height:350px; }
#mobilecover img {max-width:200%;height:auto }
 .page-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: url(images/dw.png)}
 .fixed   { position:fixed; }
 .shline   {  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); }
  .ico {font-family:nmfont;padding:2px 0 0 0;width:14px; }
 .ikon { float:right;line-height:100%;padding:5px;   font-family:nmfont;font-size:1.4rem; color:#666;display:block;margin:0 2px 0 2px;z-index:500;position:relative;cursor:pointer}
 span.bigview{}
 a span.bigview{ display:block;width:100%;padding:20px;text-align:center;position:absolute;z-index:10;top:50px;left:-600px;background:url(images/black.png);color:#666}
  a:hover span.bigview{left:40%;color:#fff}
  
 #pull, #home   {  display:none; margin:30px 10px 0 0 }
.ikon:hover { color:#072B47}
 
 
 
#swload {width:128px;height:128;position:absolute;top:50%;left:50%;z-index:10;overflow:hidden; 
  margin-top: -64px; /* Half the height */
   margin-left: -64px; /* Half the width */
   }


#logo  {position:absolute;z-index:1000;top:0;left:0;padding:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px ; background: url(images/dw.png)  }
#logo img  {max-width:100%;height:auto;position:relative; top:0;left:0;margin:0}

 .logo {width:250px;height:auto}
 .slogo { width:75px; height:50px; }


.group { position:relative;width:96%;max-width:1200px;margin:0 auto; box-sizing:border-box;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box;	clear: both;
	padding: 20px 0px 20px 0;  }
 header .group, .titlestripbg .group   {padding:0; }
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
 
 
.group  h3{color:#333;text-align:left}
 .group h1 {text-align:left }
 h1.welcome {font-size:4rem;line-height:125%;text-align:center;color:#676767;font-weight:bold}
 
  h4.massive {font-size:3rem;text-align:left;line-height:100%; margin:0 0 10px 0;padding:0 0 0 5px;border-left:4px solid #23819C; color:#999 ;background:#f4f4f4 }
 
 
 .full,  .box, .one  {  position: relative;  width: 100%; padding: 0; box-sizing:border-box;	-moz-box-sizing:border-box; margin:0 auto;	-webkit-box-sizing:border-box;position:relative; 	display: block; 	float:left; z-index:2;text-align:justify; min-height:1px;height:auto }
  .box  { width: 98%; }
   .box p { margin:0 0 2% 0;}
  .box h5 {text-align:left; margin:0 0 5px 0; padding:5px 5px 0 0;font-size:1.2rem ;color:#666; }
 a:hover  .box h5 { color:#000; }

.box, .dfmar, .mil  {  margin:0 1.8% 2% 0;  }
.box:last-child, .dfmar:last-child { margin-left: 0!important }
 .box h6 {text-align:left; margin:0 0 5px 0;  color:#666;font-size:1.3rem ;color:#666;font-weight:bold; }
  /***.box li {background:url(images/mmbul.png) no-repeat 0px 4px;padding:0 0 0 20px;margin:0 0 5px 10px} **/
 
 .box h6 span   { padding:2px 4px 2px 2px;margin:0 10px 0 0 ; color:#333;background:#E0E0E0;border-left:4px solid #E0E0E0;font-size:1rem ; }
 .sr  { padding:0 0 10px 0}
  .sr h6{font-size:1.3rem ; margin:0;padding:5px 0 2px 5px}
  .sr small{font-size:0.9rem;color:#333;background:#E0E0E0;border-left:4px solid #E0E0E0;display:block;padding:3px 3px 3px 15px}
 .sr p{font-size:1.1rem;margin:5px 0 10px 0;text-align:left;padding:0 5px 0 5px}
  
  .entice {font-size:1.4rem;line-height:120%;padding:5px ; clear:both; text-align:center}
  
a:hover .box h6   { color:#476670; }
a:hover  .box h6 span ,  a:hover .sr small {  color:#fff;background:#666;border-left:4px solid #072B47 }
a:hover .sr p{color:#333}
 a:hover .sr{-webkit-box-shadow:0 0 12px -2px rgba(0,0,0,.4);-moz-box-shadow:0 0 12px -2px rgba(0,0,0,.4);box-shadow:0 0 12px -2px rgba(0,0,0,.4); } 
   footer  .box,  footer  .box a {color:#fefefe;}
   footer  .box a:hover {color:#fff;font-weight:bold }
 
    .eight, .seven, .six,  .five, .four,.three, .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60 ,.one { float:left; position: relative;   padding: 0; box-sizing:border-box;	-moz-box-sizing:border-box;  	-webkit-box-sizing:border-box;position:relative; 	display: block; 	 z-index:2; }	
 	
 .eight {width:12.05%} 
 .seven {width:13%;}  
 .six {width:16%}  
  .five{width:18.111%;} 
 .four {width:23%}  
.three, .third, .th3 {width:31%} 
 .two  {width:47%} 
  .t40 {width:38%; } 
   .t45 {width:44%} 
  .t65  {width:64%} 
      .t50  {width:50%} 
    .t55  {width:54%} 
	    .t60  {width:60%} 
.one, .full { width: 100%;}	 

   .t60 p img,.t65 p img,.t65 p a img,  .t60 p a img{width:50%!important;height:auto}
.t60{font-size:1.2rem}
.t60 h3 {font-size:1.4rem;border-bottom:1px solid #999;clear:both}

.t60 li, .t65 li {list-style-image:url(images/gray-icon.png);padding:0 0 0 5px;margin:0 0 0 20px;width:90%}



.h50{height:50px}
.h80{height:80px}
.h150{height:150px}
.h100{height:100px}
.h120{height:120px}
.h140{height:140px}
.h160{height:160px}
.h180{height:180px}
.h200{height:200px}
.h220{height:220px}
.h240{height:240px}
.h280{height:280px}
.h250 {height:250px}
.h300 {height:300px}
.h350 {height:350px}
.h400 {height:400px}
.h900 {height:900px}
 .h50,.h80,.h150, .h120,.h100,.h160,.h180,.h200, .h220,.h280,.h240,.h140,.h250 ,.h300,.h350 ,.h400,.h900 {overflow:hidden; }
 

 
  .excerpt {margin:5px 0 0 0;font-size:1.1rem;padding:0;line-height:130%; display:block;min-height:60px;text-align:left}
 .excerpt p {margin:0; padding:0; }
	.excerpt:after  {clear:both;content:'';} 
a:hover .excerpt  {color:#333;} 
  
 .mar0 {margin:0 auto}

  .iwrap, .docs {min-width:100px;overflow:hidden;position:relative;  }
 .iwrap img{max-width:150%!important;height:auto;-webkit-backface-visibility: hidden;
  vertical-align: top;   top: 0;  left: 0;  margin-top:0;  margin-left: 0; }
 
 .ovlay h4, .iwrap h4, .docs h4 {color:#333;background:url(images/dw.png);font-size:1.2em; width:100%;position:absolute;left:0px;top:50%;padding:5px 10px 5px 10px; margin:0;border-bottom:0;line-height:100%}
 .gray img {width:540px!important;height:auto; -webkit-filter: grayscale(1);
  filter: grayscale(1); opacity:0.5}
  
 .iwrap span, .docs  span {position:absolute; width:100%; left:0px;bottom:0px;z-index:100;padding:5px 10px 5px 10px;text-align:center;  background:url(images/dw.png); font-size:1rem;border-left:5px solid #999;}
 
 
  box:hover .iwrap span, a:hover .iwrap span,  a:hover .docs span  {  color:#333 ;border-left:5px solid #072B47;background:url(images/dw.png); }
 
box:hover  .iwrap img , a:hover .iwrap img ,.iwrap a:hover img  {opacity:1;   -moz-transform:rotate(3deg) scale(1.2); -webkit-transform:rotate(3deg) scale(1.2); -o-transform:rotate(3deg) scale(1.2); -ms-transform:rotate(3deg) scale(1.2); -webkit-filter: grayscale(0);
  filter: grayscale(0); }

  
  
 .pwrap  {min-width:100px;overflow:hidden;position:relative; text-align:center}
 .pwrap img{max-width:90%!important;height:auto;-webkit-backface-visibility: hidden;}
 a:hover .pwrap img {opacity:1;   }
.label {width:100%;background:url(images/dw.png) no-repeat center center ;display:block ;position:absolute;left:-400px;bottom:40px; background-size: cover; -webkit-background-size:  cover;
	-moz-background-size: cover;
	-o-background-size:cover;  clear:both; min-height:20px ; opacity:0}
  .label p {margin:5px;width:98%;color:#333;text-align:center;font-size:1.2rem} 
 .iwrap:hover .label { left:0; opacity:1}
	
  .dw{background:url(images/dw.png) }
 .white {color:#fff} 
 .big {font-size:130%;text-align:center;line-height:140%}
  .list {clear:both;margin:0 0 10px 0;padding: 0 0 0 15px;background:url(images/gray-icon.png) no-repeat left center;}
    span.sID {display:none}
	span.canc {display:block;width:20px;float:right;font-family:nmfont;font-size:1.3rem;color:#999;}
		span.canc:hover {color:red;cursor:pointer}
  
  .fish {border-left:2px solid #396C93/* #86913C */;background:#E7E4DC;padding:5px}
  
  
   a.choice {padding:5px 10px 5px 10px;border-left:5px solid #999;background:#eee}
  a.choice:hover  {  color:#fff ;border-left:5px solid #072B47;background:#999 }
  
  
a .hovs h6, .hovs  h6{background:#FBFBF7;padding:4px 0 2px 10px;color:#999;border-left:4px solid #999}
a:hover .hovs  h6{background:#F3F3F1;  border-left:4px solid #072B47}
a  .hovs  .excerpt,  .hovs  .excerpt { font-size:1.1rem;padding:10px; color:#666 }
a:hover .hovs  .excerpt { color:#333 }
a:hover .hovs {-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);}
a:hover .hovs {background:#fff;-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.8);-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.8);box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.8);}
  
  
  
  
  
table #facts {display:block}
#facts tr {margin:0 0 1% 0}
#facts tr:nth-child(ODD) {background:#F8F7F3}
#facts tr:nth-child(even) {background:#F0EEE6}
#facts td {padding:6px 10px 6px 5px;margin:0 0 1% 1%}
.lab {width:20%;text-align:right;font-size:90%;font-weight:bold;}
.des {width:78%;text-align:left;}





 
   


  
 .titlestripbg {background: url(images/typography.jpg) no-repeat fixed center center;;display:block ;position:relative; background-size: cover; -webkit-background-size:  cover;
	-moz-background-size: cover;
	-o-background-size:cover;height:180px;padding:162px 0 0 0;clear:both;}
.inpagetitle {margin:0; width:100%; background:url(images/dw.png);display:block;padding:10px 0 10px 5px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0 ; }
.inpagetitle h3 {font-size:2rem; }
.inpagetitle h3 a span{font-size:1.2rem; float:right;margin:0 20px 0 0;background:#FBFBF7;padding:4px 5px 2px 10px;color:#999;border-left:4px solid #999}
.inpagetitle h3 a:hover span  {background:#F3F3F1;  border-left:4px solid #072B47 ;color:#333}




.down {position:relative;bottom:0px;left:0px;}


  
 .wood {background:url(images/wood.jpg) fixed center center; -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;}
  .woodyellow {background:url(images/woodyellow.jpg);background-size:cover; -webkit-background-size:  cover;
	-moz-background-size: cover;
	-o-background-size:cover; }
  .wooddark {background:url(images/wooddark.jpg); -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
	 .woodbrown {background:url(images/woodbrown.jpg);background-size:100%; -webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size:100%; }
  .teal {background:#072B47 url(images/dot.png)}
  	  .grey {background:#333 url(images/dot.png)}
  	  .dashedgrey {background:#F4F4F4 url(images/dashed.png)no-repeat fixed center center; background-size:cover; -webkit-background-size:  cover;
	-moz-background-size: cover;
	-o-background-size:cover; }
 .sand {background:  url(images/sand.jpg)no-repeat fixed center center; background-size:cover; -webkit-background-size:  cover;
	-moz-background-size: cover; -o-background-size:cover; }
	    .lightgrey {background:#F4F4F4 }
	.typography {background: url(images/typography.jpg) no-repeat fixed center center; background-size:cover; -webkit-background-size:  cover;
	-moz-background-size: cover;
	-o-background-size:cover; }
	 .dotted {background: url(images/dotted.jpg) no-repeat center bottom; background-size:100% 100%; -webkit-background-size:  100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size:100% 100%; }
		 .spotlight {background: url(images/spotlight.jpg) no-repeat center bottom; background-size:100% 100%; -webkit-background-size:  100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size:100% 100%; }
		 .printblur {background: url(images/printblur.jpg) no-repeat center bottom; background-size:100% 100%; -webkit-background-size:  100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size:100% 100%; }
	 .silver {background: url(images/silver.jpg) no-repeat center bottom; background-size:100% 100%; -webkit-background-size:  100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size:100% 100%; }
	 .blackboard{background: url(images/blackboard.jpg) no-repeat center bottom; background-size:100% 100%; -webkit-background-size:  100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size:100% 100%; }
  .tanie {background:#F5F4EF}
  .quotes{background: url(images/quotes.png) no-repeat top left;  }
  .office{background: url(images/office.jpg)no-repeat fixed center center; background-size:cover; -webkit-background-size:  cover;
	-moz-background-size: cover;
	-o-background-size:cover;}
  
    .coffee{width:370px;height:370px; position:absolute;right:-200px;top:20%}
     .coffee img {max-width:100%;height:auto}
  
   .colow{width:380px;height:500px; position:absolute;left:-10px;top:10%}
 .colow img {max-width:100%;height:auto}
  
  
  
  
  .accordion {padding:10px 0 10px 0;margin:0}
  .accordion h6 { font-size:1.3rem;display: block;color:#666;border-left:5px solid #999;padding:5px;cursor:pointer;font-weight:bold;margin:0 0 10px 0;background:#F5F4F3}
.accordion h6:hover,  .accordion h6.active {color:#000;border-left:5px solid #072B47;}
 
.qres{padding:5px 0 5px 15px; position: relative; margin:0 0 10px 0; top: -1px;display:none; }
 .qres li {padding:5px 0 5px 15px; list-style-type:square; }
 
 
 
 .mabs   {padding: 0;list-style-type: none; margin:0;position:relative;z-index:20;clear:both;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;   }
  .mabs ul  {padding: 0;display:block;  margin:0px;width:100%;}
.mabs li    {padding:0; ; margin:0; cursor:pointer;min-width:60px;color:#999;clear:none; float: left; position: relative; letter-spacing:0.5px;display:block;line-height:100%;   }
 .mabs li:hover ,  .mabs li.active   {   overflow:hidden; } 
 .mabs  li.active  {cursor:default;} 
 
  .premabs li {height:100px;width:31%;overflow:hidden}

 .headmabs   { background:#f4f4f4; }
  .headmabs  li  { height:28px;  font-size: 1.6rem ;letter-spacing:0.5px;   padding:6px 17px 4px 15px;border-left:2px solid #f4f4f4;}
  
  .headmabs li:hover ,   .headmabs li.active  {  
color:#000;  border-left:2px solid #23819C;background:#fff;} 
 
  .mabpanel {padding:0;clear: both;margin:0;position:relative;z-index:10; }
 .mab_content   {padding:10px 0 0 0;margin: 0;display:block;clear:both;min-height:200px; height:auto}
   .mabpanel:after {clear:both;content:'';height:1px;display:table;}
 .show {display:block}
  .none {display:none}
 
 
  #share  {display:none;background:#FEFEFE ;padding:5px; }
 .absolute { position:absolute;top:50px;left:0;z-index:100; -webkit-box-shadow: 0px 10px 16px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 16px -12px rgba(0,0,0,0.75);
box-shadow: 0px 10px 16px -12px rgba(0,0,0,0.75);}
 #share h2 {margin:20px 0 10px 0;font-size:18pt;color:#D1D1CD}
  #share:after  {clear:both; content:"";display:table;}
  .tabfo {margin:-10px 0 0 0;height:26px;background:#F9F9F9;color:#999; } 
  .tabfo a {float:right;margin:0 0 0 30px;font-size:1rem;display:inline; min-width:40px; text-align:left;padding:6px 6px 4px 6px}
   .tabfo a:hover {background:#FEFEFE; color:#333}
   .tabfo a:hover span {color:#072B47 }
 
 .the-x {display:block; position:absolute; z-index:1000;color:#ddd;font-family:nmfont;width:28px;height:24px; top:5px;right:10px;font-size:1.4rem;cursor:pointer }
.the-x:hover {color:#9B0000;  }
 .staytop {font-size:1rem;}
 .comments h6 {color:#666;margin:10px 0 5px 0;font-size:1.2rem}
  .comments h6 span.ago {float:right;font-size:0.9rem;color:#999;background:transparent;border:none;font-weight:normal}
 .comments p { border-left:2px solid #999;padding:0 0 0 10px;margin:0 0 0 20px;width:90%;text-align:left;font-size:1.1rem;font-style:italic}
 
 
p.ord {margin:0 ;padding:0;display:block;position:relative;height:auto; width:99% }
p.ord span{display:none;position:absolute;top:-10px;right:0px;z-index:100;font-size:0.9rem;padding:1px 4px 1px 4px;background:#F3F3F1}
p.ord {}
 
 
 
 
  
#map_canvas {
   width: 100%;
   height:300px;
}


 .status {display:none;padding:6px 10px 6px 10px;clear:both;margin:10px 0 10px 0;font-size:8pt;text-align:left }

 .colwrap { -webkit-columns: 3 320px;
       -moz-columns: 3 320px;
            columns: 3 320px;
    -webkit-column-gap: 3em;
       -moz-column-gap: 3em;
            column-gap: 3em;
    -webkit-column-rule: 1px dotted #666;
       -moz-column-rule: 1px dotted #666;
            column-rule: 1px dotted #666;
			
			-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
			}

 
 a .leader  {display:block;padding:10px;background:#666 ;color:#999}
a .leader img {width:66px;height:150px;position:absolute;top:0;left:-100px}
a .leader span {display:block;width:70%;padding:50px 0 0 0;float:right;font-size:1.3rem;line-height:110%;text-align:right}
  a:hover .leader  {background:#333;color:#fff}
  a:hover .leader img {left:0px} 
 
  .kids{background:#fff}
a .kids h5{font-size:1.2rem;margin:0;color:#666;border-left:5px solid #999;padding:5px;cursor:pointer;font-weight:bold;margin:0;background:#F5F4F3;
  }
 a .kids p{padding:5px;margin:5px 0 0 0;font-size:1rem;line-height:110%}
 a:hover .kids h5,  a:hover .kids p{color:#000}
  a:hover .kids h5 { border-left:5px solid #072B47; }
a:hover .kids {-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.5);}
 
 
 a:hover .tan {background:#F5F4EF}
  .padtop20 {padding-top:20px}
   .padlr20 {padding:0 20px 0 20px}
   .pmlr20 {padding:0 10px 0 10px;margin:0 20px 0 20px!important}
 .mar10l {margin:0 10px 10px 0}
  .mar10r {margin:0 0 10px 10px}
    .mar10sr {margin:0 0 0 10px}
	  .mar10sl {margin:0 10px 0 0}
    .txleft {text-align:left;}
.mir {margin:0 0 1.8% 2%; }	
 
  .left {float:left; }
.right {float:right}
 .devi {border-bottom:1px dotted #333;padding:0 0 10px 0}
 .elips h6,  .elips h5 { 
  padding:5px; margin:0; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
 



 #rotsecimg{display:block;clear:both;height:900px; position:relative;  width:100%; overflow:hidden; } 
 #rsimg {position: relative;  width:2100px; height: 900px; overflow: hidden;margin:0 auto;display:block}
 #rsimg:after ,  #rotsecimg:after,  section:after{clear:both;content:''}
 .slideimg {cursor: move; position: absolute; left: 0px; top: 0px; width:2100px; height:905px; overflow: hidden;}
  
 .slideimg img {width: 2100px; height:auto;float:left;margin:0 ;display:inline-block}
 .caps1, .caps2, .caps3 {position: absolute;  left: 400px; padding:10px;z-index:1000 ; background: url(images/dw.png); }
 .caps1 { top: 300px;  }
 .caps2 { top: 350px;  }
 .caps3 {  top: 400px;  }
 .capsinner {color: #000; font-size: 20pt;   text-align: center;}
 

 a .litebox{background:#333;}
 a .litebox span{position:absolute;top:40%;left:0;background:url(images/dw.png);padding:5px 10px 5px 10px;font-size:2rem;text-align:center}
 
 
#srcbox {display:block; position:absolute;top:20px;right:0px;width:34px;height:34px;z-index:50;  }
#sxin { position:relative;min-width:36px;overflow:hidden;height:34px;}


 a#busca {position:absolute;top:0px;right:0px;font-family:nmfont;  font-size:14pt;width:36px;height:32px;background:#fff;padding:4px 0 0 8px;color:#999} 
  a#busca:hover {color:#333} 
#sf1 {position:absolute;top:0px;right:-320px;width:300px;z-index:1000; padding:0 20px 0 5px;  
 -webkit-border-radius: 2px;
-moz-border-radius: 2px; 
border-radius: 2px;background:#F7F7F4;}
#sf3 {clear:both;width:300px; margin:5px 0 20px 0;padding:0 20px 0 10px;  
 -webkit-border-radius: 2px;
-moz-border-radius: 2px; 
border-radius: 2px;background:#F7F7F4;height:32px;border-bottom:1px dotted #999}
.searchf1 form {float:left;}
.searchf1 p {width:260px;overflow:hidden;position:relative; margin:0;float:left;border:none; padding:0}
.searchf1 input {float:left;width:220px; background:transparent;  padding:3px 5px 0px 5px;border:none;	font-style:italic;	margin:0;font-size:1.2rem; color:#1E1E1E}
.searchf1 button {background:transparent;padding:4px;font-size:14pt;font-family:nmfont;position:absolute;z-index:5;width:24px;right:0px;top:0;cursor:pointer; border:none;color:#666}
.searchf1 button:hover {color:#F89807}
.searchf1 span {cursor:pointer;position:absolute;top:3px; right:-20px;z-index:50;font-family:nmfont;font-size:10pt;color:#CECEC8}
.searchf1 span:hover { color:red}

 
 #sf3 {display:none}

 
.rela {position:relative;top:0;margin:0 10px 30px 0} 
 
 #mainmenu {display:none; font-size:1.4rem;font-family:nmfont;float:left;   line-height:100%;padding: 5px 0 0 2px;    color:#666; margin:0 20px 0 20px; position:relative;cursor:pointer}
a#mainmenu:hover  {  color:#072B47 }
 
#nav {position:absolute;  top:20px;right:10px; min-height: 36px; display:block;z-index:20}

#nav ul {padding: 0;margin: 0 auto;width: auto; }
#nav li {position:relative;	display: inline;float: left;text-align:left;line-height: 24px;text-transform:capitalize;}
#nav a {margin:0;	text-align: left;	text-decoration: none;box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	 display:block; }
#nav li a {min-width: 20px;font-size: 1.1rem; color: #999; padding:4px 15px 4px 5px	}
#nav li a span{font-family:nmfont; float:right;font-size:1.1rem }
#nav li a:hover span   { }
 
 #nav li.focal a, #nav li a:hover, #nav li a:active  { color:#fff;background:#999}
 
#nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
 #nav li a:focus { outline:none;  }
#nav li:first-child a { border-left:none; }
#nav li.last a { border-right:none; }
#nav a span { display:block; float:right; margin-left:5px; }
#nav  li ul {display:none;  width:200px; max-width:300px;position:absolute; left:0; top:32px  ;background:#072B47; }
#nav  li a:hover ul { display:block;   }
#nav  li  ul li   { clear:both;overflow:hidden; }
#nav li.focal li a {border:none;background:#072B47;}
#nav  li  ul li a  {   max-width:200px;min-width:200px; font-size:1.1rem;    color:#fff ;  padding:4px 0 4px 6px }
 #nav  li  ul li a:hover {  border-bottom:0; background:#999;}

 #navfloat li {clear:both; display:block;color:#666; position:relative;margin:2px 0 6px 0;font-size:1.3rem}
 #navfloat li a{color:#666; display:block;height:28px;font-weight:bold; padding: 6px }
 #navfloat li:after {clear:both;content:""}
 #navfloat li a:hover  {background:#F8F8F8;color: #333;  }
  #navfloat li li a   {padding:3px 5px 2px 6px ;font-weight:normal!important;margin:0 0 0 4px;background:#F8F8F8;}
  #navfloat li li a:hover  {color:#333!important;background: rgb(238,238,238);  border-bottom:1px solid #fff}


 
  
  
.closer {font-size:20pt;position:absolute;top:5px; right:10px;cursor:pointer;color:#666}
.closer:hover {color:#E60005}





 .panels{color:#333;display:none;padding:20px 30px 20px 20px;min-width:300px;width:480px;position:absolute;top:100px;right:-1px;z-index:1000;-webkit-box-shadow:0 0 12px -2px rgba(0,0,0,.4);-moz-box-shadow:0 0 12px -2px rgba(0,0,0,.4);box-shadow:0 0 12px -2px rgba(0,0,0,.4);background:url(images/dw.png);overflow-y:auto;overflow-x:hidden;min-height:100px}
 .panels:after{clear:both;content:''}
 
 
 .panels h3{font-size:13pt;text-align:left;margin:5px 0;position:relative;clear:both;color:#333}
 


 
  
  #sponsorsection {  background:#FCFBF8 } 
#sponsors {width:100%;clear:both;min-height:160px;margin:20px 0 20px 0; position:relative;padding:4px; background:#FCFBF8;text-align:center } 
#pubs {width:100%;clear:both;min-height:200px;margin: 0; position:relative;  } 
   #up {z-index:888;right:40px;bottom:40px;position:fixed;font-size:5rem;color:#666;opacity:0.9;cursor:pointer;display:none;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }
 
 



 .n1date{z-index:500;font-family:Candara;position:absolute;top:0;left:0;background:url(images/b60.png);display:block;width:70px;height:80px;padding:5px 10px;}
.day, .month, .time {clear:both;color:#fff;display:block;text-align:center;}
.day {font-size:25pt;margin:5px 0 10px 0; line-height:80%}
.month, .time {font-size:8pt;line-height:120%}
 
 
  
img .alignleft {   float: left!important; margin:0 1.5% 1.5% 0; }
img.alignright {  float: right!important;  margin:0 0 1.5% 1.5%; }
img .aligncenter { clear: both; display: block; margin: 0 auto; }  


 
 

.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
background:#fff; opacity: 0.9; filter: alpha(opacity = 90);z-index:9000
}
.nmReposition {
	position: absolute;
}
.nyroModalCloseButton {
	top: 10px;	position: absolute;
	right: 10px;
	width: 28px;
	height: 28px;
	text-indent: -9999em;z-index:9999;
	background: url(images/close.png) no-repeat;
}
.nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
    font-size: 1.1em;
	color: #ddd;
}
.nyroModalCont {z-index:9500;box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;
	position: absolute; 
	border: 5px solid #fff;
	margin: 25px;
	background: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.nyroModalCont img {
-ms-interpolation-mode:bicubic;padding:0;margin:0 auto;position:relative }
.nyroModalCont iframe {
	max-width: 98%;
	height: 80%;
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	min-height: 250px;
	min-width: 250px;
	max-width: 98%;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;
}
.nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(images/ajax-loader.gif) no-repeat center;
	padding: 0;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
}
.nyroModalPrev {
	left: 0;
}
.nyroModalPrev:hover {
	background-image: url(images/prev.gif);
}
.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
.nyroModalNext:hover {
	background-position: right 20%;
	background-image: url(images/next.gif);
}

 
 
   
 
@media  only screen 
and (max-width: 1490px) {  
 
  #rotsecimg, #rsimg,   .slideimg  {width:1490px; height:500px;}
 
}
 


@media  only screen 
and (max-width: 1280px) {  
 
 
  
  #logo {width:350px; }
#logo img {width:350px;height:auto}
 
  
}
 
 
@media  only screen 
and (max-width: 1200px) {  
 
  #logo {width:340px; }
#logo img {width:340px;height:auto}
 
  
 
}
 

 
 
 
@media  only screen 
and (max-width: 1024px) {  
 
  
  #logo {width:320px; }
#logo img {width:320px;height:auto}
 
  
 
 

 	   
}

 /* Medium devices (desktops, 992px and up) */
@media  only screen 
and (max-width: 992px) { 

 
 
 #logo {width:290px; }
#logo img {width:290px;height:auto}
 .panels {width:400px}
 
  
 
.h140 , .h120{height:100px} 
 
  
  
 }

 
  /* Medium devices (desktops, 992px and up) */
@media  only screen 
and (max-width: 960px) { 

 
 
 #logo {width:220px; }
#logo img {width:220px;height:auto}
.panels {width:400px}
 
.box,  .eight, .seven, .six,  .th3 , .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 
   
.five,.third,.three, .kids, .four {width:31%}

 
.iwrap span {display:none}
.h140 , .h120{height:100px} 
 
 .right{float:left}
 
 
 
 }
 
 
 /* Medium devices (desktops, 992px and up) */
@media  only screen 
and (max-width: 950px) { 
header   {height:90px; }
 .titlestripbg { padding:170px 0 0 0;  }

 #rotsecimg ,  #nav   {display:none; }
 #mobilecover, #sf3  {display:block;} 
#pull,#home  { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #mobilecover { height:390px}
#mobilecover img {max-width:126%; }
 
 #logo {width:150px; }
#logo img {width:150px;height:auto}
.panels {width:400px}
 
.box,  .eight, .seven, .six,  .th3 , .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 
 .five   {width:22%}
.three,.third, .kids, .four {width:31%}

 
.iwrap span {display:none}
.h140 , .h120{height:100px} 
 
 .right{float:left}
 
  
 }
 
 
 
 /* Medium devices (desktops, 992px and up) */
@media  only screen 
and (max-width: 800px) { 
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }

#rotsecimg ,  #nav    {display:none; }
 #mobilecover, #sf3  {display:block;} 
#mobilecover { height:325px}
#mobilecover img {max-width:126%; }
#pull,#home  { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 
 #logo {width:100px; }
#logo img {width:100px;height:auto}

.box,  .eight, .seven, .six,  .th3 , .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 .five,.third,.three, .kids, .four {width:31%}
 .iwrap span {display:none}
.h140, .h120 {height:100px} 
 
 .right{float:left}
  
  
 
 }
 
/* Medium devices (desktops, 768px and up) */
@media  only screen 
and (max-width: 768px) { 
 
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
#rotsecimg ,  #nav   {display:none; }
 #mobilecover, #sf3  {display:block;} 
#mobilecover { height:320px}
#mobilecover img {max-width:126%; }
#pull,#home  { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
  
 #logo {width:100px; }
#logo img {width:100px;height:auto}
.panels {width:400px}
 
 
.box,  .eight, .seven, .six,  .th3 , .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img{width:40%}
.five,.third,.three, .four  {width:31%}
  .kids {width:48%}
 
.iwrap span {display:none}
.h140 , .h120{height:100px} 
 
 .right{float:left}
 
 
 
 }
 


 
@media  only screen 
and (max-width: 640px) {
 
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
 #nav    {display:none; }
#pull,#home  { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:80px; }
#logo img {width:80px;height:auto}
.panels {width:400px}
  #rotsecimg , #srcbox  {display:none;}
  #mobilecover, #sf3  {display:block;}
    #mobilecover { height:325px}
#mobilecover img {max-width:150%; }
.box,  .eight, .seven, .six,  .th3 , .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 
  .t60 p img,.t65 p img,.t65 p a img , .t60 p a img{width:40%}
.five,.third,.three, .four {width:31%}
  .kids {width:48%}
 
.iwrap span {display:none}
.h140, .h120 {height:100px} 
 
 .right{float:left}
 
  
}

 
  
 
@media  only screen 
and (max-width: 600px) {
 
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
 #nav   {display:none; }
#pull ,#home { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:80px; }
#logo img {width:80px;height:auto}
.panels {width:400px}
  #rotsecimg , #srcbox   {display:none;}
  #mobilecover, #sf3  {display:block;}
  #mobilecover { height:300px}
#mobilecover img {max-width:150%; }
.box,  .eight, .seven, .six,  .th3 , .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img {width:40%}
.five,.third,.three, .four {width:31%}
 .kids {width:48%}
 
.iwrap span {left:0px}
.h140, .h120 {height:100px} 
 
 .right{float:left}
 
    
}

 
@media  only screen 
and (max-width: 533px) {

header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
 #nav    {display:none; }
#pull ,#home { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:70px; }
#logo img {width:70px;height:auto}
.panels {width:400px}
  #rotsecimg , #srcbox  , #sidebar {display:none;}
  #mobilecover, #sf3  {display:block;}
 
.box,  .eight, .seven, .six,    .four, .th3,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img,  
.five,.third,.three, .kids, .four {width:48%}
.iwrap span {left:0px}
.h140, .h120 {height:100px} 
.gray img {-webkit-filter: grayscale(0);  filter: grayscale(0);opacity:1 }
 .right{float:left}
 
 
}

 
@media  only screen and (max-width: 480px) {
/* Styles */
 
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
 #nav   {display:none; }
#pull ,#home{ display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
  
  
 #logo {width:70px; }
#logo img {width:70px;height:auto}
.panels {width:96%}
  #rotsecimg , #srcbox  , #sidebar {display:none;}
  #mobilecover, #sf3   {display:block;}
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img, .box,  .eight, .seven, .th3, .six,    .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
 
.three,.five,.third, .kids, .four{width:48%}
.iwrap span {left:0px}
.h140, .h120 {height:100px} 
.gray img {-webkit-filter: grayscale(0);  filter: grayscale(0);opacity:1 }
 .right{float:left}
 
  
  
 
}
 
 
  
@media  only screen and (max-width: 414px) {
/* Styles */
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
 #nav   {display:none; }
#pull ,#home{ display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:60px; }
#logo img {width:60px;height:auto}
.panels {width:96%}
  #rotsecimg , #srcbox  , #sidebar {display:none;}
  #mobilecover, #sf3   {display:block;}
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img, .box,  .eight, .seven, .th3, .six,  .third,  .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
  .excerpt {display:none}
.three,.five, .kids, .four{width:48%}
.iwrap span {left:0px}
.h140, .h120 {height:100px} 
.gray img {-webkit-filter: grayscale(0);  filter: grayscale(0);opacity:1 }
 .right{float:left}
  .elips h6,  .elips h5 {word-wrap: normal; 
    white-space: normal;  text-overflow: none;}
	 

 
}
 
 
 
@media  only screen and (max-width: 400px) {
/* Styles */
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
  #nav   {display:none; }
#pull,#home  { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:60px  }
#logo img {width:60px;height:auto}
.panels {width:96%}
  #rotsecimg , #srcbox , #sidebar {display:none;}
  #mobilecover, #sf3  {display:block;}
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img, .box,  .eight, .seven, .th3, .six,  .third,  .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
  .excerpt {display:none}
.three,.five, .kids, .four{width:48%}
.iwrap span {left:0px}
.h140, .h120 {height:100px} 
.gray img {-webkit-filter: grayscale(0);  filter: grayscale(0);opacity:1 }
 .right{float:left}
  .elips h6,  .elips h5 {word-wrap: normal; 
    white-space: normal;  text-overflow: none;}
	
 
}




@media only screen and (max-width : 384px) { 
header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
 #nav    {display:none; }
#pull ,#home { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:50px; }
#logo img {width:50px;height:auto}
.panels {width:96%}
  #rotsecimg , #srcbox  , #sidebar {display:none;}
  #mobilecover, #sf3  {display:block;}
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img, .box, .kids,  .eight, .seven, .six,  .third, .th3,  .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
  .excerpt {display:none}
  
.three , .five, .four{width:48%}

 
.iwrap span {left:0px; }
.h140, .h120 {height:100px} 
.gray img {-webkit-filter: grayscale(0);  filter: grayscale(0);opacity:1 }
 .right{float:left}
  .elips h6,  .elips h5 {word-wrap: normal; 
    white-space: normal;  text-overflow: none;}
	
 
	
 
 
}



@media only screen and (max-width : 360px) { 

header   {height:70px; }
 .titlestripbg { padding:170px 0 0 0;  }
 #nav  {display:none; }
#pull { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:50px; }
#logo img {width:50px;height:auto}
.panels {width:96%}
  #rotsecimg , #srcbox  , #sidebar {display:none;}
  #mobilecover, #sf3 {display:block;}
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img, .box, .kids,  .eight, .seven, .six,  .third, .th3,  .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
  .excerpt {display:none}
  
.three, .five, .four{width:48%}

 
.iwrap span {left:0px; }
.h140, .h120 {height:100px} 
.gray img {-webkit-filter: grayscale(0);  filter: grayscale(0);opacity:1 }
 .right{float:left}
  .elips h6,  .elips h5 {word-wrap: normal; 
    white-space: normal;  text-overflow: none;}
 
	
}


@media only screen and (max-width : 320px) { 

header   {height:70px; }
 .titlestripbg { padding:70px 0 0 0;  }

 #nav   {display:none; }
 
#pull { display:block; font-size:1.8rem;margin:20px 10px 0 0} 
 
 #logo {width:50px; }
#logo img {width:50px;height:auto}
.panels {width:96%}
  #rotsecimg , #srcbox  , #sidebar {display:none;}
  #mobilecover, #sf3{display:block;}
 .t60 p img,.t65 p img,.t65 p a img , .t60 p a img, .box, .kids,  .eight, .seven, .six,  .third, .th3,  .four,  .two, .t40, .t45, .t65,   .t50 , .t55 ,.t60   {width:96%;}
  .excerpt {display:none}
  
.three ,.five, .four {width:48%}

 
.iwrap span {left:0px; }
.h140, .h120 {height:100px} 
.gray img {-webkit-filter: grayscale(0);  filter: grayscale(0);opacity:1 }
 .right{float:left}
  .elips h6,  .elips h5 {word-wrap: normal; 
    white-space: normal;  text-overflow: none;}
	
	 
	
	
}