/*
Esse arquivo.css foi todo projetado em divisao de componentes. Tirando o conteudo "Geral", cada divisao de 4 paragrafos define um componente do site.
*/



/*-- Geral --*/

* {
margin:0;
padding:0;
}

body {
background:#DFE6ED url(../img/bg.gif) repeat-y center top;
font-size:100%;
line-height:1.5;
font-family:Trebuchet Ms, arial, sans-serif;
color:#666;
}

#container {
background:#fff;
}

img,ul,li,a,fieldset {
border:0;
}

ul {
list-style:none;
}

a {
cursor:pointer;
text-decoration:none;
color:#69c;
}

a:hover {
text-decoration:underline;
}

.topo .logo span {
display:none;
}

.ghost{
display:none;
}

strong{
font-weight:normal;
}

#isee1 {
position:absolute;width:0px;height:0px;top:-5px;visibility:hidden;
}
#isee1 img{
width:1px; height:1px; border:0;
}


/*-- Topo --*/
.topo {
background:#fff url(../img/bgHeader.jpg) right top no-repeat;
height:70px;
padding:32px 0 0 20px;
}

.topo .logo {
background:url(../img/logo.gif) no-repeat;
display:block;
width:340px;
height:31px;
}
.topo .logo a {
display: block;
width: 268px;
height: 31px;
}


.social{
	text-align:right;
	position:relative;
	top: -62px;	
}
.social ul {
}
.social ul li {
	display:inline;
}


/*-- Menu --*/

.menu .menuLinks {
background:#666;
padding-bottom:9px;
position:relative;
text-align:right;
font-size:60%;
z-index: 2;
line-height: 1;
}

.menu .menuLinks li {
display:inline;
text-transform:uppercase;
font-weight:700;
position:relative;
color:#fff;
}

.menu .menuLinks li:hover {
text-decoration:none;
}

.menu .menuLinks li img {
position:relative;
top:1px;
}

.menu .menuLinks li .linkMenu {
color:#fff;
position:relative;
text-decoration:none;
top:5px;
padding:2px 15px 0;
}
.menu .menuLinks li .linkMenu:hover {
text-decoration:none;
border-top:4px solid #69c;
}
.menu .menuLinks li .linkCurriculo:hover {
border-top: 4px solid #ff4444;
}
.menu .menuLinks li.marcaPg .linkMenu {
border-top:4px solid #69c;
cursor: default;
}
.menu .menuLinks li.marcaPg h1{
display:inline;
font-size:100%;
}
.menu .menuLinks li.contato .linkMenu {
margin-right:2px;
background:#ccc;
color:#666;
padding:1px 70px 0;
position:relative;
}
.menu .menuLinks li.contato .linkMenu:hover {
border-top:none;
}

.menu .menuLinks span {
position:relative;
top:2px;
}


/*-- Menu de Contato --*/

.notedefault {
	visibility: hidden;
	position:absolute;
	top: -80px;
	left:-2px;
	text-align: left;
}

.notedefault ul {
	position: relative;
	background: #ddd;
	border: 2px solid #666;
	width:19.5em;
	overflow: hidden;
}

.menu .menuLinks .notedefault ul li {	
	border-top: 1px solid #666;
	letter-spacing: 1.5;
	text-transform: none;
	color: #666;
	margin: -1px 5px 3px 5px;
	padding:6px 3px 6px 25px;
	font-size: 120%;
	display:block;
}

.notedefault ul li span {
	display: none;
}
.notedefault ul li.email {
	background: url(../img/bulletContato.gif) 6px 5px no-repeat;
}
.notedefault ul li.msn {
	background: url(../img/bulletContato-02.gif) 9px 5px no-repeat;
}
.notedefault ul li.cel {
	background: url(../img/bulletContato-03.gif) 10px 4px no-repeat;
}
.notedefault ul li a {
	background: #ddd;
	margin-right: 0;
	padding: 0;
}

.notedefault ul li.email a {
	color: #666;
}



/*-- Título Page --*/

.tituloPage {
background: #dfe6ed;
margin: 40px 0;
text-transform: uppercase;
font-size: 160%;
}


/*-- Titulo Topo --*/

.tituloTopo {
background:url(../img/bulletHeadline.gif) 0 3px no-repeat;
border-bottom:3px solid #666;
font-size:95%;
padding-left:13px;
line-height: 1;
height:20px;
margin:40px 0 20px;
font-weight: 700;
}



/*-- Descrição --*/

.description {
	font-size:90%;
	text-align: justify;
}

.description div {
	margin-bottom: 15px;
}

.description dl {
	margin-left: 15px;
}

/*-- Rodapé --*/
.rodape {
background:#666;
color:#fff;
font-size:75%;
padding:20px;
}

.rodape .listaAmigos {
margin-bottom:80px;
}

.rodape .listaAmigos li {
display:inline;
}

.rodape .listaAmigos li a {
color:#fff;
}



/*-- Case --*/
.case h3,.case p {
font-size:90%;
margin:0 0 20px 530px;
text-align: justify;
}

.case strong{
font-weight: normal;
}

.case li .imgCase {
border:20px solid #ccc;
display:block;
width:450px;
height:250px;
float:left;
margin-right:40px;
}

.case li a.imgCase:hover {
border:20px solid #69c;
}

.case li .back {
clear:both;
text-align:right;
border-bottom:1px solid #ccc;
margin:0 0 20px 0;
font-size:65%;
font-weight:700;
text-transform:uppercase;
background:url(../img/bulletBack.gif) right 20px no-repeat;
padding:20px 10px 3px 0;
}

.case li .back a {
color:#ccc;
}



/*-- Destaques --*/

.destaqueCase {
	padding: 0 5px;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 252px;
    height: 192px;
	margin-left: 1px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #69c;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(../img/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../img/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}