body{color: #F3A343; margin: 0px; padding: 0px; background-color: #000000; /*background-image: url('/images/background.jpg');*/}
.orange-frame{/*border: 2px solid #F3A343;*/ min-width: 300px; max-width: 100%/*2640px*/; /*width: 100%;*/ margin: 0 auto; background-color: #000000; overflow: hidden;}
.logo-lang{}
.logo-container{/*float: left;*/ width: 40%; margin-left: auto; margin-right: auto;}
.logo{width: 100%; display: block; margin-left: auto; margin-right: auto;}
.lang-container{width: 33%; margin-left:auto; margin-right:0px; text-align: right;}
.lang {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:none; color:#F3A343;  margin-right:5px;  margin-top:5px; }
.menu-frame{clear:both; text-align: center;}
.menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: /*16px*/18px; text-decoration:none; color:#F3A343;}
.staff-context{ max-width: 100%; text-align: center;}
.staff{width: 100%; height: 31px;}
.note{display: none; position: absolute; left:0px; top:0px;}
.clef{display: none; position: absolute; left:0px; top:0px;}
.context{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:none; color:#FEE161;}

.select-lang{display: none; border: 1px solid #F3A343; padding: 5px;}
.orange-text{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration:none; color:#FF8B00;}
.orange-border{border: 2px solid #F3A343;}

.contact-frame{/*padding: 5%;*/ /*border: 2px solid #F3A343;*/ width: 90%; /*background-color: #F2E5B1;*/ text-align: left; color: #F3A343/*#D17300*/; overflow: auto; margin: auto;}
.contact-instructions{text-align: justify;}
.contact-div-photo{width: 100%; display: block; vertical-align: top; /*border: 2px solid #F3A343;*/}
.contact-photo{max-width: 100%; margin: auto; display: block; }
.contact-form{width:90%; /*padding: 5%;*/ /*border: 2px solid #F3A343;*/ display: block; background-color: #000000; margin: auto;}
.contact-input{width: 100%}

.home-frame{border: 2px solid #F3A343; width: 80%; background-color: #F2E5B1; text-align: left; color: #D17300; overflow: auto; margin: auto; padding: 5%;}
.home-image{border: 2px solid #F3A343; width: 50%; max-width: 200px;  min-width: 20px; float:left; margin-right: 20px;}
.home-welcome{font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#E5881A;}

.video-frame{overflow: auto; padding: 5%; width: 80%; margin: auto;}
.video-text{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration:none; color:#FFFFFF;}
.video-border{border: 2px solid #F3A343; width: 100%}
.video-iframe{border: 2px solid #F3A343; width:100%; height:75%; margin-left: auto; margin-right: auto; display: block;}
.video-prev{float: left;}
.video-next{float: right;}

.bio-frame{/*border: 2px solid #F3A343;*/ max-width: 100%; /*background-color: #F2E5B1;*/ text-align: right; color: #D17300; overflow: auto; margin: auto; /*padding: 5%;*/}
.bio-title{font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 24px; text-decoration:none; color:#F3A343/*#ED8D1A*/; text-align: center;}
.bio-author{font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 14px; text-decoration:none; color:#F3A343/*#E5881A*/; text-indent: 0cm; text-align: right; line-height:120%}
.bio-paragraph{font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 16px; text-decoration:none; color:#F3A343/*#E5881A*/; text-indent: 0cm; text-align: justify; line-height:120%}
.bio-images{width:100%; /*border: 2px solid #F3A343;*/}
.bio-logo{max-width:100%; display: block; margin-left: auto; margin-right: auto;}

.gallery-frame{width: 99%; margin: auto; border: 1px solid #F3A343; display: block;}
.gallery-slider-frame{width: 99%; white-space: nowrap; margin: auto; text-align: justify; display: inline-block; border: 1px solid #F3A343; overflow: auto;}
.gallery-thumb-frame{height: 60px;border: 1px solid #F3A343; display: inline-block; margin: auto;}
.gallery-thumb{height: 100%;}
.gallery-prev{display: inline-block; width: 10%; float: left;}
.gallery-next{display: inline-block; width: 10%; float: right;}
.gallery-next-image{width: 100%}
.gallery-prev-image{width: 100%}
.gallery-photo-frame{border: 2px solid #F3A343; width: 90%; background-color: #F2E5B1; text-align: right; color: #D17300; overflow: auto; margin: auto; padding: 5%;}
.gallery-photo{width: 100%;}

.events-details{display:none; border: 2px solid #990000; color: #990000; position:absolute; width:50%; /*overflow:auto;*/ background-color:#FFF9E2; padding: 25px 25px 25px 25px; left: 20%; overflow: hidden; z-index: 999;}
.events-details-td{overflow: hidden;}
.events-table{border: 1px solid #FEE161; table-layout: fixed;overflow: hidden;}


.school-frame{/*border: 2px solid #F3A343;*/ width: 90%; /*background-color: #F2E5B1;*/ text-align: right; color: #D17300; overflow: auto; margin: auto; /*padding: 5%;*/}
.school-services{border: 2px solid #F3A343; width: 80%; background-color: #FFF9E3; text-align: right; color: #D17300; overflow: auto; margin: auto; padding: 5%;}
.school-title{font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 24px; text-decoration:none; color:#F3A343/*#ED8D1A*/; text-align: center;}
.school-paragraph{font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 18px; text-decoration:none; color:#F3A343/*#E5881A*/; text-indent: 0cm; text-align: justify; line-height:120%}
.siteTitle{text-align: center; font-size:24px; font-weight: bold; color:#990000; }
.siteText {text-align: justify; text-indent: 0cm; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; text-align: justify; color:#550000;}

.blog-frame{background-color: #FFFFFF; padding: 5%;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #000000; text-indent: 0cm; max-width: 800px; margin: auto;}
.blog-title{text-align: center; text-indent: 0cm;}
.blog-mw{max-width: 100%; height: auto;}
.blog-100{width: 100%; height: auto;}
.blog-p{text-align: justify; text-indent: 0cm;}
.page{}
.footer{}
.locator{text-align: right; background-image: url('/images/gradiente.jpg'); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px/*16px*/; text-decoration:none; color:#F3A343; width: 300px; margin-left:auto; margin-right: 0;}
.footer-text{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px/*16px*/; text-decoration:none; color:#FEE161}


.ss-container{/*slideshow*/
  display: block;
  text-align: center;
  width: 100%;
  max-height: 300px;
  overflow: hidden;
}
.ss-mw400{/*slideshow*/
  display: inline-block;
  width: 100%;
  max-width: 400px;
  position: relative;
  padding-bottom: 75%;
  text-align: center;
  max-height: 300px;
  overflow: hidden;
}
.ss-iframe{
  max-width: 400px;
  max-height: 300px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
}
.container-4x3{
  display: inline-block;
  width: 100%;
  position: relative;
  padding-bottom: 75%;
}
.container-16x9{
  display: inline-block;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%
}
.contained {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}