html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit;font-weight:normal}
*{margin:0;padding:0}
body{font-family:Tahoma, Verdana, Arial;font-size:11px;font-weight:normal;color:#ABABAB;background:#2E2E2E}
img,fieldset{border:0}
ul,li{list-style-type:none}
a{color:#ABABAB;text-decoration:underline}
a:hover{color:#B9FF00}

.geral{width:750px;margin:0 auto}

.header{width:750px;display:table;margin:20px 0}
.header h1{float:left;margin-right:28px}
.header h1 a{width:197px;height:47px;background:url(../img/logo.gif) no-repeat;display:block}
.header h1 a span{display:none}
.header ul{width:510px;float:right;border-top:1px solid #575757;padding-top:10px;margin-top:10px}
.header ul li{margin-right:20px;float:left}
.header ul li a{border-top:3px solid #B9FF00;padding-top:5px;display:block;text-decoration:none}
.header ul .menu-extra{padding-right:175px}
.header ul .menu-contato{float:right}

.areas{width:750px}
.areas p{width:750px;display:table;margin-bottom:5px}
.areas p img{float:left;margin-right:5px}
.areas p .extra{margin-right:0}
.areas ul{height:61px;background:url(../img/areas-home.gif);display:table}
.areas ul li{float:left}
.areas ul li a{width:185px;height:64px;display:block}
.areas ul li a span{display:none}

.conteudo{width:710px;background:#373737;padding:20px}
.perfil{width:710px;display:table;margin-top:15px}
.perfil img{float:left}
.perfil span{width:330px;float:left;display:block;text-align:justify;margin-left:30px;line-height:29px}

.contato, .mensagem{width:710px;display:table;margin-top:15px}
.contato form, .mensagem div{width:325px;float:left;border-right:1px solid #575757;margin-right:33px;padding-right:40px}
.contato form input, .contato form textarea{width:296px;background:#373737;border:1px solid #92C310;margin:3px 0 30px 0;display:block;font:normal 11px tahoma;color:#ABABAB;padding:3px}
.contato form textarea{height:120px}
.contato form .enviar{width:58px;font-weight:bold;color:#CCC}

.mensagem div{height:428px;min-height:428px}
.mensagem div img{float:left;display:block;margin-right:10px}

.rodape{width:750px;border-top:1px solid #575757;text-align:center;padding-top:10px;margin:10px 0}

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 103px; height:75px;}
.pika-stage {width: 720px; height: 499px !important}


body{background: none repeat scroll 0 0 #2E2E2E; font-family:Helvetica, sans-serif;}

#image-gallery {
    margin: 0;
    padding: 0;
}

.imageGallery {width: 750px; margin: 0 auto;}
.pika-stage {position: relative;background: #373737; border: none; padding: 10px;text-align:center;height:250px;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}

.pika-stage .caption {
    background: url(../img/75-black.png);
    bottom: 10px;
    color: #FAFAFA;
    font-size: 11px;
    padding: 10px;
    position: absolute;
    right: 35px;
    text-align: right;
}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../img/prev.png) no-repeat 10px center; height: 100%; width: 40px; top: 10px; left: 0;cursor:pointer;}
	.pika-imgnav a.next {background: url(../img/next.png) no-repeat 13px center; height: 100%; width: 40px; top: 10px; right: 0;cursor:pointer;}
	.pika-imgnav a.play {background: url(../img/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(../img/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0; display: none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #6D717D; border: 1px solid #666; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{
    background: url(../img/75-black.png) repeat 0 0;
    bottom: 15px;
    color: white;
    font-size: 10px;
    left: 40px;
    letter-spacing: 1px;
    padding: 7px;
    position: absolute;
    text-align: center;
}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-rodo .jcarousel-container-horizontal { padding: 15px 0;}
.jcarousel-skin-rodo .jcarousel-clip-horizontal {height: 90px; margin:0 auto; width: 716px;}
.jcarousel-skin-rodo .jcarousel-item-horizontal { margin: 0 10px 0 0;}

.jcarousel-skin-rodo .jcarousel-prev,
.jcarousel-skin-rodo .jcarousel-next {
    background: url('../img/jcarousel-arrows.png') no-repeat 0 0;
    display: block;
    height: 26px;
    width: 18px;
    position: absolute;
    top: 44px;
}
.jcarousel-skin-rodo .jcarousel-prev:hover {
    background-position: left bottom;
    cursor: pointer;
}
.jcarousel-skin-rodo .jcarousel-next:hover {
    background-position: right bottom;
    cursor: pointer;
}
.jcarousel-skin-rodo .jcarousel-prev {
    left: -10px;
}
.jcarousel-skin-rodo .jcarousel-next {
    background-position: right top;
    right: -10px;
}

.jcarousel-skin-rodo .jcarousel-prev-disabled,
.jcarousel-skin-rodo .jcarousel-prev-disabled:hover {
    background-position: left -31px;
    cursor: default;
}
.jcarousel-skin-rodo .jcarousel-next-disabled,
.jcarousel-skin-rodo .jcarousel-next-disabled:hover {
    background-position: right -31px;
    cursor: default;
}