/*
Audio
*/
   audio::-webkit-media-controls-panel {
  background-color: #333;
}

audio::-webkit-media-controls-play-button {
  background-color: #B1D4E0;
  border-radius: 50%;
}

audio::-webkit-media-controls-play-button:hover {
  background-color: rgba(177,212,224, .7);
}
audio::-webkit-media-controls-current-time-display {
  color: #fff;
}
audio::-webkit-media-controls-time-remaining-display {
  color: #fff;
}
audio::-webkit-media-controls-timeline {
  background-color: #B1D4E0;
  border-radius: 25px;
  margin-left: 10px;
  margin-right: 10px;
}
audio::-webkit-media-controls-volume-slider {
  background-color: #B1D4E0;
  border-radius: 25px;
  padding-left: 8px;
  padding-right: 8px;
}
audio::-webkit-media-controls-mute-button {
  background-color: #B1D4E0;
  border-radius: 50%;
}



body { background:#333;	padding:0; margin:0; color:#fff; font-size:12px; font-family:'helvetica neue',helvetica,sans-serif;}
h1 { letter-spacing:3px; text-transform:uppercase; font-size:1.2em;	margin:10px 0; color:#FC0;}
#topo{ background:#FFF; margin:0 auto; width:100%; height:120px; border-bottom:4px solid #FC0;}
#conteiner{ margin:0 auto; width:986px;}
#logo{ width:300px; float:left; }
#logo img{ float:left;}

#menu{ background:#fff; margin:0 auto;  height:30px;}
#menu ul{ margin:84px 0 0 0; padding:0; float: right;}
#menu ul li{ list-style-type:none; display:inline; }
#menu ul li a{background:#FC0; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; color: #333333; padding:8px 15px 10px 15px; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:35px;}
#menu ul li a:hover{ color:#FFF; background:#FC0;}
#menu ul li a.ativo{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; color: #333; padding:5px 15px 10px 15px; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:35px; background:none; border-left:3px solid #FC0; border-top:3px solid #FC0; border-right:3px solid #FC0;}


#menuPortifolio{ background:#333333; margin:0 0 10px 0; float:left; width:986px;}
#menuPortifolio ul{ margin:0; padding:0;}
#menuPortifolio ul li{ list-style-type:none; display:inline;}
#menuPortifolio ul li a{background:#FC0; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; color: #333333; padding:0 0 0 20px; margin:0 3px 0 0; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:35px; float:left;}
#menuPortifolio ul li a:hover{ color:#FFF; background:#FC0;}
#menuPortifolio ul li a.ativo{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; color: #333; padding:0 0 0 20px; margin:0 3px 0 0; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:35px; background:#fff;}

#menuPortifolio ul li a#ativo{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; color: #333; padding:0 0 0 20px; margin:0 3px 0 0; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:35px; background:#fff;}

#menuPortifolio ul li a.tamanho{background:#FC0; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; color: #333333; padding:0 0 0 15px; margin:0 3px 0 0; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:35px; float:left; width:80px;}
#menuPortifolio ul li a.tamanho:hover{ color:#FFF; background:#FC0;}
#menuPortifolio ul li a.tamanho.ativo{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; color: #fff; padding:0 0 0 15px; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:35px; background:#FC0;}


.nome{margin:0; padding:0; float:left; width:100%;}
.ano{font-size:11px; font-style:italic; color: #C30; margin:-20px 0 0 0; padding:0; float:left; width:100%;}




#box{ background:#000; padding:12px; width:962px; float:left; margin:0;}
#box img{ margin:0; padding:0;}
#box img.about{ margin:0; margin:0 0 50px 30px; float: right; border:2px solid #FC0;}
#box p{ line-height:23px; font-size:14px;}


#informacoes{ border-right:1px solid #FC0; width:300px; float:left;}
#informacoes a{ color:#FC0;}

#main {	width:986px; margin:0 auto;}
#images { display:none;}
.panel { float:left;}

ul.exposureThumbs {	background:#111; border:12px solid #111; border-right:none;	padding:0; margin:0; list-style-type:none;}
ul.exposureThumbs li { margin:0 0 12px 0; padding:0; text-align:center; display:none;}
ul.exposureThumbs li img { cursor:pointer;}
ul.exposureThumbs li.last {	margin:0;}

.exposureTarget { width:800px; height:600px; background-color:#111; background-image:url(res/loader.gif); background-repeat:no-repeat;	background-position:center center; float:left;	padding:0; margin:0; border:12px solid #111;	position:relative; overflow:hidden;}
.exposureWrapper { position:absolute; top:0; left:0;}
.exposureWrapper img { cursor:pointer; position:absolute; top:0; left:0;}
.exposureLoaded { background-image:none;}
.exposureData {	position:absolute; left:0; right:0; bottom:0; padding:7px; background-image:url(res/veil.png);	color:#fff;	font-family:Arial,Verdana,Helvetica,sans-serif;	font-size:16px;	font-weight:bold;}

/* In this demo we are using thumbs with fixed size */
ul.exposureThumbs li { width:150px; height:79px;}

.exposureSlideshowControls a,.exposureControls span,.exposureControls a { font-family:Arial,Verdana,Helvetica,sans-serif;	font-size:11px;	padding:8px;	background-color:#555; display:block; float:left;}
.exposureSlideshowControls a { float:right;}
.exposureSlideshowControls a,.exposureControls a { color:#ccc; text-decoration:none; outline:none;}
.exposureSlideshowControls a:active,
.exposureSlideshowControls a:hover,

.exposureControls a:active,
.exposureControls a:hover {	background-color:#444; color:#ddd;}

.exposurePaging .active { color:#fff; background-color:#111;}
.clear { clear:both;}

p.info { margin:40px auto; text-align:center; width:600px;}
p.info a { color: #FC0;}
p.info a:hover, p.info a:active { color:#FC0;}




#faleconosco{ width:450px; height:374px; float:left;}
#faleconosco form {width:450px; display:block; margin:0 0 0 40px; padding:0; float:left;}
#faleconosco fieldset {padding:5px 15px 10px 15px; margin:0; float:left;}
#faleconosco legend { display:none;}
#faleconosco label {display:block; padding:3px 0;}
#faleconosco span {display:block; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; color: #FC0;}
#faleconosco input {padding:3px; width:325px; border:1px solid #ccc; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; color: #333333;}
#faleconosco textarea {padding:3px; width:325px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; color: #333333;}
#faleconosco .btnenvia { width:80px;display:block; margin:10px 0 0 0; padding:5px 10px; cursor:pointer; border:0; background: #C00; color:#fff; float:right; border:1px solid #FFF; }
#faleconosco .btnenvia:hover {background:#FC0;}