@import url(https://use.edgefonts.net/antic-slab:n4:all.js);

.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-image:url("img/bg.png");
    background-attachment: inherit;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: inherit inherit;
}

#allContenido {
    float: none;
    height: 640px;
    clear: none;
    width: 960px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgb(206, 209, 195);
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

#containerMenu {
    float: left;
    height: 40px;
    margin: 600px 0px 0px 0%;
    clear: none;
    width: 100%;
    background-color: rgb(5, 114, 143);
}

#btn_1 {
    float: left;
    height: 30px;
    margin-left: -99.244792%;
    margin-top: 6px;
    clear: none;
    width: 9.270833%;
    background-color: rgb(5, 114, 143);
}

#txt_btn1 {
    float: left;
    font-size: 20px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 6px;
    clear: none;
    min-height: 0px;
    font-family: antic-slab, sans-serif;
    color: rgb(41, 196, 217);
}
#txt_btn2 {
    float: left;
    font-size: 20px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 6px;
    clear: none;
    min-height: 0px;
    font-family: antic-slab, sans-serif;
    color: rgb(41, 196, 217);
}
#txt_btn3 {
    float: left;
    font-size: 20px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height 1em;
    wor-wrap: break-word;
    margin-left: 0%;
    margin-top: 6px;
    clear: none;
    min-height: 0px;
    font-family: antic-slab, sans-serif;
    color: rgb(41, 196, 217);
}
#txt_btn4 {
    float: left;
    font-size: 20px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 6px;
    clear: none;
    min-height: 0px;
    font-family: antic-slab, sans-serif;
    color: rgb(41, 196, 217);
}
#txt_btn5 {
    float: left;
    font-size: 20px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 6px;
    clear: none;
    min-height: 0px;
    font-family: antic-slab, sans-serif;
    color: rgb(41, 196, 217);
}

#btn_2 {
    float: left;
    height: 30px;
    margin-left: -89.241536%;
    margin-top: 6px;
    clear: none;
    width: 19.246419%;
    background-color: rgb(5, 114, 143);
}



#btn_3 {
    float: left;
    height: 30px;
    margin-left: -69.246419%;
    margin-top: 6px;
    clear: none;
    width: 23.404948%;
    background-color: rgb(5, 114, 143);
}


#btn_4 {
    float: left;
    height: 30px;
    margin-left: -45.092773%;
    margin-top: 6px;
    clear: none;
    width: 10.592448%;
    background-color: rgb(5, 114, 143);
}


#btn_5 {
    float: left;
    height: 30px;
    margin-left: -33.803711%;
    margin-top: 6px;
    clear: none;
    width: 9.967448%;
    background-color: rgb(5, 114, 143);
}


#containerInfo {
    float: left;
    height: 40px;
    margin-left: 76.892904%;
    margin-top: 0px;
    clear: none;
    width: 23.107096%;
    background-color: rgb(41, 196, 217);
}

#img_separador {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 2.423047%;
    margin-top: 9px;
    clear: none;
    color: rgb(0, 0, 0);
}

#txt_paginacion {
    float: left;
    font-size: 20px;
    width: 31.999718%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 2.366697%;
    margin-top: 8px;
    clear: none;
    min-height: 20px;
    color: rgb(240, 241, 238);
    font-family: antic-slab, sans-serif;
}

#txt_porcentaje {
    float: left;
    font-size: 18px;
    width: 51.031908%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 4.155808%;
    margin-top: 3px;
    clear: none;
    min-height: 0px;
    color: rgb(10, 89, 119);
    font-family: antic-slab, sans-serif;
}

#containerProcentaje {
    float: left;
    height: 8px;
    margin-left: 45.453265%;
    margin-top: -3px;
    clear: both;
    width: 51.031908%;
    background-color: rgb(5, 114, 143);
}

#porcentaje {
    float: left;
    height: 8px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 0%;
    background-color: rgb(240, 241, 238);
}

#btn_siguiente {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 257px;
    left: 917px;
    z-index: 2;
}

#btn_anterior {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 257px;
    left: 0px;
    z-index: 2;
}
#containerSlides {
    float: left;
    height: 0px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    height:600px;
    width: 960px;
    position: absolute;
    z-index: 1;
    background-color: rgb(206, 209, 195);

}

#menuDesplegable {
    float: left;
    height: 8px;
    margin-left: 1%;
    margin-top: 480px;
    display: none;
    clear: both;
    height:120px;
    width: 300px;
    position: absolute;
    z-index: 3;
    background-color: #ededed;

}

#mascara{
   clip:rect(0 960px 600px 0);
   position:absolute;
}
.iconoMenu{

  background-image:url("img/on.png");
  height:48px;
  width: 48px;
  position: absolute;
  -ms-transform: scale(0.25,0.25); /* IE 9 */
  -webkit-transform: scale(0.25,0.25); /* Chrome, Safari, Opera */
  transform: scale(0.25,0.25);
  margin-top: -45px;
  margin-left: 260px;
  z-index: 4;

  /* background-position: left; */
}

a:link
{
 text-decoration:none;
}

.btn {
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #d6d6d6);
  background-image: -moz-linear-gradient(top, #ededed, #d6d6d6);
  background-image: -ms-linear-gradient(top, #ededed, #d6d6d6);
  background-image: -o-linear-gradient(top, #ededed, #d6d6d6);
  background-image: linear-gradient(to bottom, #ededed, #d6d6d6);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: antic-slab, sans-serif;
  color: #14543a;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #b0b0b0;
  background-image: -webkit-linear-gradient(top, #b0b0b0, #cccccc);
  background-image: -moz-linear-gradient(top, #b0b0b0, #cccccc);
  background-image: -ms-linear-gradient(top, #b0b0b0, #cccccc);
  background-image: -o-linear-gradient(top, #b0b0b0, #cccccc);
  background-image: linear-gradient(to bottom, #b0b0b0, #cccccc);
  text-decoration: none;
}