/*======================================
SELECT BOX
======================================*/

#infoarte .capa_select {
    overflow: hidden;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

#infoarte .capa_select:before {
  position: absolute;
  right: 20px;
  top: 30%;
  font-size: 24px;
  color: #444444;
  pointer-events: none;
}

#infoarte .capa_select select,
#infoarte .capa_select select:hover,
#infoarte .capa_select select:focus { 
  background-color: #f4f2f2;
  font: normal normal normal 18px/18px 'OgloboCondensedRegular',Arial,sans-serif;
  outline: 0;
  cursor: pointer;
  width: 110%;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  margin: 0;
  padding: 15px 20px;
  height: auto;
  border: none; 
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  transition: box-shadow 0.45s,border-color 0.45s ease-in-out;    
}

#infoarte .capa_select.fa {
  display: block;
  position: relative;
}

#infoarte .capa_select select option:focus,
#infoarte .capa_select select optgroup:focus{
    outline: 0;
}

/*======================================
END SELECT BOX
======================================*/

#infoarte #base{
  background: url(../images/bg.png) repeat-x left bottom;
  border: 1px solid #d5d5d5;
  border-radius:10px;
  /*height: 495px;*/
  overflow: hidden;
  padding: 72px 0px 0 20px;
}

#infoarte #base #imgbase{
  min-height: 102px;
  text-align: center;
}

#infoarte #base .labelbase{
  text-align: center;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:13px;
  color: #333333;
}
#infoarte span.quebra1{
  background:url(../images/traco.png) center top repeat-y;
  min-height:20px;
  display:block;
  margin:8px 0 13px 0;
  line-height:none;
}
#infoarte span.quebra{
  background:url(../images/traco.png) center top repeat-y;
  min-height:41px;
  display:block;
  margin:8px 0 13px 0;
  line-height:none;
}
#infoarte #gerar{display: none;}

#infoarte #linha{
  background:url(../images/separador.png) no-repeat 65px top;
  height:495px;
}
#infoarte .res{
  display: block;
  margin-bottom: 19px; 
}
#infoarte #seila {background: red; height: 500px;}
#infoarte #box_resultado{
  text-align: center;
  font: normal normal normal 24px/24px 'OgloboCondensedRegular',Arial,sans-serif;
}
#infoarte #box_resultado *{
  margin: 0;
}
#infoarte #box_resultado p{
  font-size: 20px;
  padding: 0;
}
#infoarte #box_resultado h2{
  font-size: 49px;
  color: #cd9469;
  font-weight: bold;
  margin:0px 0; 
  padding: 0;
  line-height:normal;
}

/*@media only screen and (min-width: 0) and (max-width: 768) {
  #linha{
    display: none;
  }
}*/
#infoarte #base .coluna1{
  margin-right: 20px;
}
#infoarte #base .coluna2{
  margin-right: 20px;
}
#infoarte #base .coluna3{
  margin: 0;
}
#infoarte #base .coluna4{
  margin: -72px 0 0 0px;
}

img{
   transform-style: preserve-3d;
   transition: all 0.2s linear;
}
.anima{
  transform: rotateY(360deg);
  -ms-transform: rotateY(360deg); /* IE 9 */
  -moz-transform: rotateY(360deg); /* Firefox */
  -webkit-transform: rotateY(360deg); /* Safari and Chrome */
  -o-transform: rotateY(360deg); /* Opera */
}

@media (max-width: 1024px) {

  #infoarte #base{
    height: 100%;
    padding: 50px 20px 150px 20px;
    overflow: auto;
  }
  #infoarte span.quebra{
    background:url(../images/traco.png) center top repeat-y;
    min-height:20px;
    display:block;
    margin:8px 0 13px 0;
    line-height:none;
  }
  #infoarte #base .coluna1{
    margin-bottom: 50px;
  }
  #infoarte #base .coluna2{
    margin-bottom: 35px;
  }
  #infoarte #base .coluna3{
    margin-bottom: 50px;
  }

}