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

@font-face {
    font-family: 'FSRufusBold';
    src: url('fs_rufus-bold-webfont.eot');
    src: url('fs_rufus-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/fs_rufus-bold-webfont.woff') format('woff'),
url('fs_rufus-bold-webfont.ttf') format('truetype'),
url('fs_rufus-bold-webfont.svg#FSRufusBold') format('svg');
    font-weight: normal;
    font-style: normal;
} 

html {
  position: relative;
  min-height: 100%;
}

body { 
  padding: 0;
  margin-bottom: 415px;
}


/* .rainbow {background:url(../../images/interface/rainbow.jpg); height:0.8em; }  24 segments original*/
/* .rainbow { height:0.8em; background:url(../../images/interface/rainbow.png); } */

h1 {font-family: FSRufusBold, Georgia, "Times New Roman", Times, serif; font-size:1.8em;color:#339; margin: 1em 0px 10px 0px;}
h2 {font-family: FSRufusBold, Helvetica, Verdana, Arial, sans-serif; font-size:1.4em;color:#339; margin: 1em 0px 10px 0px;}
h3 {font-family: FSRufusBold, Helvetica, Verdana, Arial, sans-serif; font-size:1.2em;color:#339; margin: 1em 0px 10px 0px;}
h4 {font-family: FSRufusBold, Helvetica, Verdana, Arial, sans-serif; font-size:1em;color:#339; margin: 1em 0px 10px 0px;}

header { height:80px; }

.affix {top: 0;width: 100%;}
  
.navbar {width: 100%; position:fixed; z-index:999; border-bottom:1px solid #339;}

.contact {height:60px; padding-top: 45px;}
.contact2 {padding-top: 1em;}


/* colors  */
.blue {color:#339;}
.green {color:#00b37d}
.grey {color:#999;}
.lightblue {color:#66a3ff;}
.paleblue {color:#99ffcc}
.orange {color:#F08A00}
.red {color:#C00;}
.white {color:#fff}
.yellow {color:#FABB00}

/* colors for buttons  */
.btn-warning {background-color: #FCD116;}
.btn-primary {background-color: #003893;}
.btn-danger {background-color: #CE1126;}

/* cal  */
td.start {background-color:#6699FF;color:#FFF;}
td.weekend {background-color:#CCC;}
td.fiesta {background-color:#900;color:#FFF;}

/* backgrounds  */
.hilite-button {background-color:#ffd84d;}
.greenback {background-color:#00b37d;color:#fff;} 
.lgreenback {background-color:#d5e59e;}
.orangeback {background-color:#ffb34d;color:#fff;}
.greyback-lite {background-color:#EEE;}
.greyback {background-color:#CCC;}
.lblueback {background-color:#297eff;color:#fff;padding:1em;}
.lblueback a {color:#fff;text-decoration:underline;transition: all 0.5s linear; } 
.lblueback a:hover, a:focus {color: #C00;}
.greybluback {background-color:#EEE; border-top:2px solid #009; border-bottom:2px solid #009; padding-top:1em; padding-bottom:1em;}
.blackback {background-color:#000; color:#FFF; border-top:4px solid #CCC; border-bottom:4px solid #CCC; padding-top:1em; padding-bottom:1em;}
.blackback h3 {color:#fff;}	
.blackback a {color:#0f6;}	
.blackback a:hover, a:focus {color: #ff9;}	

/* mark used for NEW */
mark {background-color: yellow;}

/* WIP for quotes only h2 p h3  */
.pblueback {background-color:#99ccff;color:#fff;padding:1em;}
.pblueback a {color:#fff;text-decoration:underline;transition: all 0.5s linear; } 
.pblueback a:hover, a:focus {color: #C00;}
.pblueback h2 {margin-top:2em;}
.pblueback h3 {margin-top:0.5em; margin-bottom:2em;}

.row .lblueback {border-radius: 5px;}
.lblueback h4 {margin-top:0.3em; color:#FFF;}
.whiteback {background-color:#FFF;}
.yellowback {background-color:#ffd84d;color:#339;}

.bluebutton {background-color:#297eff;color:#fff;}
.greenbutton {background-color:#080;color:#fff;}
.orangebutton {background-color:#f60;color:#fff;}

.chevron {background-color:#297eff; color:#fff; padding:0.5em; border-radius:5px; line-height:1.3em;}

/* borders can be applied to h tags  */
.borderbot-grey {border-bottom: solid 4px #CCC; padding-bottom:5px;}
/* border on table */
.table-bord {border-bottom:4px solid #CCC;border-top:4px solid #CCC;} 

/* currently needs to be used on longest col in row  */
.highlightcol {border:1px solid #06C; border-radius:5px;}

.well h2, h3 {margin-top:0}

.addpad1 {padding-top:2em;}
.addpad2 {padding:2em 0;}
.addpad3 {padding-bottom:5em;}
.clearby2 {margin:2em 0;}
.floatimg-r {float:right;margin: 0 0 1em 1em}
.floatimg-l {float:left;margin: 0 1em 1em 0}
.floatmdonly {float:none;margin:1em;}

.quoted p { font-size:120%;}
.quoted img {float:right; max-width:50%; height:auto; padding:0.5em;}

/* These styles fix Google Search CSE and Bootstrap 3 conflict */
.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after,  .gsc-inline-block {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
        box-sizing: content-box;
        line-height: normal;
    }

#share {margin-top:15px; margin-bottom:10px; height:30px; width:100%}
.shareitem {float:left; padding-right:5px;}

a {
  transition: all 0.5s linear;
}
  a:hover, a:focus {
  color: #C00;
}

ul.lista{list-style-type:none;margin-left:0.2em;padding-left:0;margin-top:5px;margin-bottom:1em;}
ul.lista li{background: left 0.4em url(../../images/interface/bullet.gif) no-repeat;padding-left: 1em;margin-bottom:0.3em;}

.container-fluid {margin-top: 1em; margin-bottom: 1em;text-align:center;}
.container-fluid .row {max-width:1160px;margin:auto;text-align:left;}

.fullwidth {position: relative; width: 100%; height: 100%; background-size: cover; max-height:600px; overflow: hidden;}

.flex-row.row {display: flex; flex-wrap: wrap;}
.flex-row.row > [class*='col-'] {display: flex;flex-direction: column;}

.flex-row.row:after, .flex-row.row:before {display: flex;}

.tab-pane p:first-child {margin-top: 1em;}
/* .tab-pane {padding-left:1em;} */

.fa-rotate-45 {
    -ms-transform:rotate(45deg);     /* Internet Explorer 9 */
    -webkit-transform:rotate(45deg); /* Chrome, Safari, Opera */
    transform:rotate(45deg);         /* Standard syntax */
}

.instagram {}
.instagram img {float:left; margin: 5px;max-width:120px;}
.instagram p {clear:both;}

.circle_lblue {float:right;font-size:1.2em;margin-left:10px;color:white;font-weight:bold;text-align:center;display: flex;align-items: center;justify-content: center;background-color:#297eff;width: 150px;height: 150px; border-radius: 50%;border:#297eff solid 2px; margin-bottom:1em;}
.circle_lgreen {float:right;font-size:1.2em;margin-left:10px;color:white;font-weight:bold;text-align:center;display: flex;align-items: center;justify-content: center;background-color:#d5e59e;width: 150px;height: 150px; border-radius: 50%;border:#d5e59e solid 2px; margin-bottom:1em;}
.circle_green {float:right;font-size:1.2em;margin-left:10px;color:white;font-weight:bold;text-align:center;display: flex;align-items: center;justify-content: center;background-color:#00b37d;width: 150px;height: 150px; border-radius: 50%;border:#00b37d solid 2px; margin-bottom:1em;}
.circle_yellow {float:right;font-size:1.2em;margin-left:10px;color:white;font-weight:bold;text-align:center;display: flex;align-items: center;justify-content: center;background-color:#ffd84d;width: 150px;height: 150px; border-radius: 50%;border:#ffd84d solid 2px; margin-bottom:1em;}
/* used viajes: */
.circle2mblue{float:right;font-size:1em;font-weight:bold;margin-left:10px; text-align:center; display: flex;align-items: center;justify-content: center;color: #FFF;background-color:#009;width: 3em;height: 3em;border-radius: 50%;border:#009 solid 2px;margin-right:1em;}

/* legacy */
.exclaim {background-image:url(../../images/interface/postit-yellow.png);background-repeat:no-repeat;background-position:top left;float:right;height:200px;width:200px;font-size:1.2em;}
.exclaim p {width:150px;padding:30px 0px 0px 30px;}

/*
Back to top button http://webdesignerwall.com/demo/scroll-to-top/scrolltotop-step1.html
*/
#back-top {
	position: fixed;
	bottom:60px;
	right:15px;
}
#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	/* background color transition */
	-webkit-transition: 3s;
	-moz-transition: 3s;
	transition: 3s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	/* background color transition */
	-webkit-transition: 3s;
	-moz-transition: 3s;
	transition: 3s;
}
#back-top a:hover span {
	background-color: #777;
}

.footer .container {
  background-color: #ffd84d;
}

.footer {
  width: 100%;
  background-color: #ffd84d;
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 415px;  
}

.footnav ul
{ list-style-type: none; margin-top:2em; }

.address { border-top: 1px solid #F90; padding:4px;}

/* legacy */
.colright {float: right;margin: -10px 0px 25px 20px;padding-left: 15px;padding-top: -10px;border-left: 1px #CCC solid;}

@media (max-width: 480px){
.rainbow {width:100%; background:url(../../images/interface/rainbow.png); height:0.8em; text-align:center; background-size: cover;}
	
.padheight2em {margin-top:2em;}	
}

@media (min-width: 481px){
.rainbow {background:url(../../images/interface/rainbow2.png); height:0.8em; text-align:center; background-size: cover; }

h1 {font-family: FSRufusBold, Helvetica, Verdana, Arial, sans-serif; font-size:3em;color:#339; margin: 1em 0px 10px 0px;}
h2 {font-family: FSRufusBold, Helvetica, Verdana, Arial, sans-serif; font-size:1.8em;color:#339; margin: 2.5em 0px 10px 0px;}
h3 {font-family: FSRufusBold, Helvetica, Verdana, Arial, sans-serif; font-size:1.3em;color:#339; margin: 2em 0px 8px 0px;}
h4 {font-family: FSRufusBold, Helvetica, Verdana, Arial, sans-serif; font-size:1.1em;color:#339; margin: 1em 0px 5px 0px;}

h2+h3 {margin-top:1em;}

}

@media (min-width: 768px) {
.rainbow {background:url(../../images/interface/rainbow2-1200x3.png); height:0.8em; text-align:center; 
}

.quoted p { font-size:130%; color:#666;}
.quoted img {float:none; max-width:100%; height:auto; padding:0.5em;}

/* WIP for quotes only h2 p h3  */
.pblueback {border-radius:15px;}

.floatmdonly {float:right; margin:0.5em;}

.instagram img {max-width:150px;}

.address { text-align:center;}
.legal { text-align:center;}

}