/* lss.css */
/* Los Senderos Studio*/

/* Non-standard css  below ============================================================================================================================================================================================================= */

	/*   background-color:  #7A1600;    (dark-red) */
	/*   background-color:   #ffffcc;    (light-yellow) */

a:link { 
	color: blue;
	}
	
a:visited { 
	color:  #34495e;
	text-decoration: underline;
	}
	
a:hover { 
	color: #000000;
	background-color: #F7BE81;
	text-decoration: underline;
	}
	
a:active { 
	color: #34495e;
	text-decoration: underline;
	}
	
.nohover:hover { background-color: #ffffcc;
}

.highlight img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlight:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
	

body {
  background-color: #ffffcc; 
  max-width: 1200px;
  margin: 0 auto !important;
}

.shadow {	
	margin-top:1em;	
	margin-bottom:1em;	
	-moz-box-shadow:0px 0px 15px 10px rgba(0,0,0,0.7);	
	-webkit-box-shadow:0px 0px 15px 10px rgba(0,0,0,0.7);
	box-shadow:0px 0px 15px 10px rgba(0,0,0,0.7);
}

.outer {
	border: 0;
	}
	
	
.three {
		background-color: #ffffcc;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
		
.one {
	border-width: 0;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffcc; 
    border-color:  	#ffffcc; 
	max-width: 100%; 	
    clear: both; 
}

.border { 
   border:3px solid #7A1600;
}  
.bkborder { 
   border:1px solid #000000;
}  
.grborder { 
   border:2px solid #abb2b9;
}
.outside {
	border-color:  	#ffffcc; 
	border-width: 0;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: 	#ffffcc; 
	max-width: 100%; width:  750px; 
	}
	
.bottom {
	border-width: 0;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #7A1600; 
    border-color:  	#7A1600;  
	max-width: 100%; 
	width:  750px; 
	clear: both; 
}	
	
.div1 {
		background-color: #7A1600;
		margin-top: 0;
	    margin-left: auto;
	    margin-right: auto;
     }	
	
.seven {
		background-color: transparent;
	    margin-left: auto;
	    margin-right: auto;
     }

/*   Tables:      */	

.table1 {
		background-color: #7A1600;
		margin-top: 0;
	    margin-left: auto;
	    margin-right: auto;
		max-width:100%;
		overflow: auto;
     }	
	 
.table2 {
		background-image: url("../img/header.jpg");
		background-repeat: no-repeat;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
.table2r {
		background-image: url("../img/header-7.jpg");
		background-repeat: no-repeat;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	

.table3 {
		background-color: #ffffcc;
		max-width:100%;
		overflow: auto;
		}
		
.table4 {
		font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-size: 10pt;
		background-color: #ffffcc;
		max-width:100%;
		overflow: auto;
		}
		
.table5 {
		font-family: Arial, Helvetica, sans-serif;
        font-size: 15pt;
		background-color: #ffffcc;
		margin-left: auto;
		margin-right: auto;
		max-width:100%;
		overflow: auto;
		}
		
.table6 {
		font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
		background-color: #ffffcc;
		margin-left: auto;
		margin-right: auto;
		border-collapse:collapse;
		border: 2px solid black;
		max-width:100%;
		overflow: auto;
		}
.table6i {
		font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
		background-color: #ffffcc;
		margin-left: 20px;
		margin-right: 20px;
				border-collapse:collapse;
		border: 2px solid black;
		max-width:100%;
		overflow: auto;
		}		
		
.table7 {
		background-color: transparent;
	    margin-left: auto;
	    margin-right: auto;
		max-width:100%;
		overflow: auto;
     }
.table8 {
		font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
		background-color: #ffffcc;
		margin-left: auto;
		margin-right: auto;
		border-collapse:collapse;
		border: 0px;
		border-spacing:20px 20px;
		max-width:100%;
		overflow: auto;
     }
.table9 {
		font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
		background-color: #ffffcc;
		margin-left: auto;
		margin-right: auto;
		border-collapse:collapse;
		border: 0px;
		border-spacing:5px 5px;
     }
.table10 {
		background-color: #EDDA74;
		max-width:100%;
		overflow: auto;
		}	 
	
		
p {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 15pt;
	line-height:125%;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 1em;
	text-align: justify;
    }

/*#D9541E=orange */
	
h1 {
  	font-family: Arial, Helvetica, sans-serif;
    color: #D9541E;
    font-size: 25pt;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0; 
	}
	
h2	{
  	font-family: Arial, Helvetica, sans-serif;
    color: #D9541E;
    font-size: 18pt;
	font-weight: bold;
	font-style: normal;
	line-height: 0;
	margin-left: 0;
	text-align: left;
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0; 
	}
h3	{
  	font-family: Arial, Helvetica, sans-serif;
    color: #D9541E;
    font-size: 17pt;
	font-weight: bold;
	font-style: normal;
	line-height: 0;
	margin-left: 0;
	text-align: left;
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0; 
	}

table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
th {
	background-color: #FFCC99;
	color: black;
	padding: 2px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.image {
	position:relative;
	   margin-top: 0em;
	   margin-bottom: 0em;
	   margin-left: 0em;
	   margin-right: 3em;
}
	
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-style: normal;
	line-height:125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-indent: 0px;
	list-style-position: outside;
	list-style-image: url(../img/star.gif);
	list-style-type: none;
	margin-left: 60px;
	margin-right: 60px;
	text-align: justify;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	line-height:125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-indent: 50px;
	list-style-position: inside;
	list-style-type: decimal;
	padding: 10px;
	padding-left: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	line-height: 16px;
	text-align: justify;
	overflow: auto
}

li	{
	padding-left:14px;
	padding:3px;
	margin:0px;
}
small {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 9pt;
	   line-height:125%;
       }

.studio	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #D9541E;
	font-weight: bold;
	}

.mag	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	font-style: italic;
	}
	
/* D9541E = brown  */
	
.copy  {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 12pt;
	   margin-top: 0em;
	   margin-bottom: 0em;
	   text-align: center;
	   }
	   
.note  {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 12pt;
	   margin-top: 1em;
	   margin-bottom: 1em;
	   margin-left: 4em;
	   margin-right: 4em;
	   text-align: justify;
	   }
	   
.subject  {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 12pt;
	   margin-top: 1em;
	   margin-bottom: 1em;
	   margin-left: 2em;
	   margin-right: 2em;
	   text-align: right;
	   }	   
	   
.super {
		font-size: x-small; 
		vertical-align: top;
		} 

sup {
    vertical-align: super;
    font-size: x-small;
}		
	   
.td5 	{
		border-width: 2px;
		padding: 4px;
		border-color: black;
		border-style: solid;
		background-color: #ffffff;
		font-weight:normal;
		color: black;
		text-align: center;
		}	 
.th6 	{
		border-width: 2px;
		padding: 4px;
		border-color: black;
		border-style: solid;
		background-color: #FFCC99;
		font-weight:bold;
		color: black;
		text-align: center;
		}
.td6 	{
		border-width: 2px;
		padding: 4px;
		border-color: black;
		border-style: solid;
		background-color: #ffffff;
		font-weight:normal;
		color: black;
		text-align: center;
		}
.td7 	{
		border-width: 2px;
		padding: 4px;
		background-color: #ffffff;
		border-color: black;
		border-style: solid;
		color: black;
		text-align: left;
		}		
.td8 	{
		border-width: 2px;
		padding: 8px;
		background-color: #ffffff;
		border-color: black;
		border-style: solid;
		color: black;
		text-align: justify;
		}
.td9 	{
		border-width: 0px;
		padding: 2px;
		color: black;
		text-align: left;
		}		
	 
.indent {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 15pt;
	   line-height:125%;
	   margin-top: 0;
	   margin-bottom: 0;
	   margin-left: 30px;
	   margin-right: 30px;
	   text-align: justify;
       }
.indent2 {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 15pt;
	   line-height:125%;
	   font-weight: normal;
	   margin-top: 0;
	   margin-bottom: 0;
	   margin-left: 30px;
	   margin-right: 30px;
	   text-align: left;
       }

.heading {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 15pt;
	   font-weight: bold;
	   line-height:120%;
	   margin-top: 0;
	   margin-bottom: 0;
	   margin-left: 1em;
	   margin-right: 1em;
	   text-align: center;
       }	   

.heading2{
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 20pt;
	   font-weight: bold;
	   line-height:120%;
	   margin-top: 0;
	   margin-bottom: 0;
	   margin-left: 1em;
	   margin-right: 1em;
	   text-align: center;
       }
	   
.center {
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       font-size: 15pt;
	   line-height:125%;
	   margin: 0 auto !important;
	   text-align: center;   
       }

.imgcenter {
    text-align: center;
}
	   
.position {
	font-size: 8pt;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-setif;
	color: #000000;
	}

.form {
	background-color: #ffffcc;
	padding: 5px;
	font-size: 15pt;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}
.com {
	background-color: #ffffcc;
	padding: 0px;
	font-size: 12pt;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5em;
	color: red;
	}
.left {
		background-color: #ffffcc;
		}
		
.footer 	{
		background-color:  #ffffcc;
		}	
		
.caption { 
	font-size: 14pt;
	font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
    text-align: center; }
	
hr {
  border: 0;
  width: 95%;
  color: #7A1600;
  background-color: #7A1600;
  height: 5px;
}
.outer {border: 0;}
.head {background-color: #ffffcc; padding: 5px; font-weight: bold;}
.head a {text-decoration: none; color:#ffffcc; font-weight:bold;}
.even {background-color: #ffffcc; padding: 5px;}
.odd {background-color: #ffffcc; padding: 5px;}

.clip {
		font-family: Arial, Helvetica, sans-serif;
	    font-weight: normal;
        color: #006600;
        font-size: 10pt;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    margin-left: 10px;
	    margin-right: 10px;
	    text-align: justify;
	    }
		
table.coupon {
		MARGIN-TOP: 6px;
		BACKGROUND-COLOR: #ccffcc;
		BORDER-BOTTOM: #006600 2px dashed;
		BORDER-LEFT: #006600 2px dashed;
		BORDER-RIGHT: #006600 2px dashed;
		BORDER-TOP: #006600 2px dashed;
		margin-top: 1em;
	   margin-bottom: 1em;
	   margin-left: 3em;
	   margin-right: 3em;
		}
		

	 
td.save {
		color: #ff6600;
		font-family: Arial Narrow,Arial MT Condensed Light,sans-serif;
		margin: 10px;
		font-size: 24pt;
		font-weight: bold;
		text-align: left;
		}	

.formbutton{
width: 460px;
  height: 116px;
  padding: 55px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(../img/signup.gif) no-repeat center top;
  overflow: hidden;
}		

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.modal {
    display: none; 
    position: fixed;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px;	
    left: 50%;
    top: 50%;
    width: 700px; 
    height: 500px; 
	margin-left: -350px;
    margin-top: -350px;
    overflow: auto; /* Enable scroll if needed */
    background-color: #fcf3cf; /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #ffffcc;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 90%;
}

/* The Close Button */
.close {
    color: #000000;
    float: right;
    font-size: 15px;
	font-weight: bold;
}

.close2 {
    color: #000000;
    float: none;
    font-size: 15px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

img { 
	max-width:100%;
	height:auto; 
	/* max-height:100%; */
	}
	
.address {
  padding-left: .5em;
  padding-right: .5em;
}

iframe {
  border:none;
}

figure { 
  margin: 10px 40px 10px 10px;
  max-width: 96%; 
  text-align: center;
  padding: 10px; 
  }
  
figure img {
  margin-right: auto;
  margin-left: auto;
  max-width: 96%;
}
		
img.header-img {
    display: block;
    margin: 0 auto 0 auto;
}
div.menu {
    text-align: center;
}

footer img {
    margin: 5px auto 5px auto; 
    width: 70px; 
    display: block;
}
html, body, h1, h2, h3, h4, h5, p, a, * {
    font-family: Arial, Helvetica, sans-serif;
}


.image {
  display: block
}

figure{
    display: inline-block;
}

.accordion {

    transition: 0.4s;
}

.accordion:active  {
    background-color: #eee;
}

.accordion:hover {
    background-color: #eee;
}

.accordion:after {
    content: '\2228';
    color: #D9541E;
    font-weight: bold;
    margin-left: 5px;
}

.active:after {
    content: "\2227";
}

.panel {
    padding: 0 18px;
    background-color: #ffffcc;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.top-bar {
	margin: auto;
  color: #000;
  padding: 1rem;
}

.btn {
  background: grey;
  color: #fff;
  border: 2px solid black;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  padding: 0.5rem 2rem;
}

.btn:hover {
  opacity: 0.7;
}

.page-info {
  margin-left: 1rem;
   margin-right: 1rem;
}

.error {
  background: orangered;
  color: #fff;
  padding: 1rem;
}
/*   navbar colors:  #7A1600; (red) background*/
/*   navbar colors:   #DC541C  ;  (orange)  hover*/
/*   navbar colors:  #ffffff;  (white) text*/

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color:  #DC541C  ;
    color: #ffffff;
	}
 
 /*   navbar */
.navbar-custom {
  background-color: #7a1600  !important;
  border: 2px solid #7a1600 ;
  font-size: 185pt;
  font-weight: bold;
  width: 100%;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
 /*   navbar hover/focus*/
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  background-color: #8f2678;
  color: #ffffff;
}
 /*   navbar text*/
.navbar-custom .navbar-text {
  color: #ffffff;
  font-size: 15pt;
  font-weight: bold;
  
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  font-weight: bold;
  }
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #ffffff;
}
 /*   navbar dropdown */
.navbar-custom .navbar-nav > li > .dropdown-menu {
  background-color: #7a1600  !important;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
  font-weight: bold;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color:  #DC541C   !important;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li.divider {
  background-color:  #DC541C   !important;
}
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color:  #DC541C   !important;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color:  #DC541C   !important;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color:  #DC541C   !important;
}
.navbar-custom .navbar-toggle {
  border-color:  #DC541C  ;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color:  #DC541C   !important;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #ffffff !important;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #ffffff !important;
  width: 100%;
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color:  #DC541C   !important;
  }
}
 /* Fixed Header */
.top-container {
  background-color: #ffffcc;
  text-align: center;
}

.header {
  background: #ffffcc; 
  color: #000000;
  max-width: 1200px;
  margin: 0 auto !important;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 100px;
  margin: 0 auto;
}
 /* End Fixed Header */