@charset "iso-8859-1";
/* CSS for MelissaHie.com */

/*
	RESET STYLES 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
*
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, strong, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

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


html {
	overflow: hidden;
}

body {
	margin: 0;
	padding: 0;
	background:  url(imagens/separacao.jpg) #000000;
}

strong {
	font-weight: bold;
	font-size: 12px;
}

.clear {clear:both}

#container {
	width: 3700px;
	height: 1650px;
}

/** CONTEUDOS **/

.back-menu-green, .back-menu-economico, .back-menu-lojavirtual, .back-menu-sermais, .back-menu-egestor, .back-menu-sosevox, .back-menu-evoxtelptt, .back-menu-voip, .back-menu-web, .back-menu-evoxtelptt {
	margin:0 auto;
	width:826px;
	height:287px;
	behavior: url(iepngfix.htc);
}

.back-menu-green {
	background-image:url(img/menu-green.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-economico {
	background-image:url(img/menu-blue.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-sermais {
	background-image:url(img/menu-sermais.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-lojavirtual {
	background-image:url(img/menu-lojavirtual.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-egestor {
	background-image:url(img/menu-egestor.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-sosevox {
	background-image:url(img/menu-sosevox.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-evoxtelptt {
	background-image:url(img/menu-sosevox.png);
	background-repeat:no-repeat;
	background-position:top center;
}


.back-menu-voip {
	background-image:url(img/menu-voip.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-web {
	background-image:url(img/menu-web.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.back-menu-evoxtelptt
{
	background-image:url(img/menu-evoxtelptt.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.menu-line-01 {
	padding-top:118px;
	_margin-left:-30px;
	width:826px;
	_width:860px;
	height:45x;
}

/*
body:nth-of-type(1) .menu-line-01{
	margin:102px auto 0 -40px;
	width:826px;
	height:45x;
	position:absolute;
}
*/

.menu-line-02 {
	margin:0 auto;
	*margin-left:330px;
	_margin-left:180px;
	width:170px;
	_width:160px;
	height:45x;
	_float:left;
}

/*
body:nth-of-type(1) .menu-line-02{
	width:188px;
	height:45x;
	clear:both;
	padding-left:22px;
}
*/

.principal {
	margin-left:40px;
	width:90px;
	height:45x;
	float:left;
}

.economico {
	*margin-left:5px;;
	_margin-left:-3px;
	width:109px;
	height:45x;
	float:left;
}

.egestor {
	_margin-left:-10px;
	*margin-left:-5px;
	width:93px;
	height:45x;
	float:left;
}

.sermais {
	_margin-left:-7px;
	width:97px;
	height:45x;
	float:left;
}

.lojavirtual {
	_margin-left:-5px;	
	width:118px;
	height:45x;
	float:left;
}

.sosevox {
	_margin-left:-3px;
	width:100px;
	height:45x;
	float:left;
}

.evoxtelptt {
	_margin-left:-5px;	
	width:123px;
	height:45x;
	float:left;
}

.voip {
	width:74px;
	height:37x;
	float:left;
}

.web {
	width:67px;
	height:45x;
	float:left;
}

.content {
	margin:160px auto 0;
	_margin-top:75px;
	width:826px;
	height:auto;
}

.content-principal, .content-economico, .content-egestor, .content-sermais, .content-lojavirtual, .content-sosevox, .content-evoxtelptt, .content-voip, .content-web {
	margin:160px auto 0;
	*margin:75px auto 0;
	_margin-top:75px;
	width:826px;
	height:255px;
	behavior: url(iepngfix.htc);
}

.content-principal {
	background-image:url(img/content/conteudo-principal.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.content-economico {
	background-image:url(img/content/conteudo-economico.png);
	background-repeat:no-repeat;
}

.content-egestor {
	background-image:url(img/content/conteudo-egestor.png);
	background-repeat:no-repeat;
}

.content-sermais {
	background-image:url(img/content/conteudo-sermais.png);
	background-repeat:no-repeat;
}

.content-lojavirtual {
	background-image:url(img/content/conteudo-lojavirtual.png);
	background-repeat:no-repeat;
}

.content-sosevox {
	background-image:url(img/content/conteudo-sos.png);
	background-repeat:no-repeat;
}

.content-evoxtelptt {
	background-image:url(img/content/conteudo-ptt.png);
	background-repeat:no-repeat;
}

.content-voip {
	background-image:url(img/content/conteudo-voip.png);
	background-repeat:no-repeat;
}

.content-web {
	background-image:url(img/content/conteudo-web.png);
	background-repeat:no-repeat;
}


.base-shadow-blue, .base-shadow-green, .base-shadow-grey {
	margin-top:0;
	width:826px;
	height:52px;
}

/** Posionamento de página **/

.positioning {
	position: absolute;
	width: 1010px;
	height: 800px;
}

	#principal {
		top: 0px;
		left: 0px;
		background-image:url(img/back-green.jpg);
		background-repeat: no-repeat;
	}
	
	#evoxtelptt {
		top: 850px;
		left: 0px;
		background-image:url(img/back-green-03.jpg);
		background-repeat:no-repeat;
	}
	
	#sosevox {
		top: 850px;
		left: 1250px;
		background-image:url(img/back-pb-03.jpg);
		background-repeat:no-repeat;
	}		
		
	#egestor {
		top: 0px;
		left: 1250px;
		background-image:url(img/back-blue-03.jpg);
		background-repeat:no-repeat;
	}
		
	#lojavirtual {
		top: 0px;
		left: 2500px;
		background-image:url(img/back-pb.jpg);
		background-repeat:no-repeat;
	}
		
	#economico {
		top: 850px;
		left: 2500px;
		background-image:url(img/back-blue-02.jpg);
		background-repeat: no-repeat;
	}
	
	#sermais {
		top: 0px;
		left: 3750px;
		background-image:url(img/back-pb-02.jpg);
		background-repeat:no-repeat
	}
	
	#voip {
		top: 1700px;
		left: 0;
		background-image:url(img/back-blue-02.jpg);
		background-repeat:no-repeat
	}
	
	#web {
		top: 1700px;
		left: 1250px;
		background-image:url(img/back-green-02.jpg);
		background-repeat:no-repeat
	}


.inside {
	margin:0 auto;
	height:auto;
	width: 1017px;
	text-align:center;
}
	
	.inside .header {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
		font-size: 17px;
		color: #FFF;
		padding-bottom: 25px;
	}

	.inside .text {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
		font-size: 11px;
		color: #FFF;
		text-align: justify;
		line-height: 22px;
		height: 250px;
		width: 720px;
	}
	
	.profile {
		display: block;
		float: left;
		width: 88px;
		height: 250px;
		background-image: url(../images/pf.jpg);
		background-repeat: no-repeat;
		margin-right: 20px;
		margin-bottom: 10px;
		border: 10px solid #ca117d;
	}
	
	.inside .index {
		background-image: url(../images/index.gif);
		width: 404px;
		height: 177px;
		display: block;
		clear: both;
		margin: 0px 0px;
	}
	
		/** list for purple page **/
		
		.inside .text ul#purple {
			border-top: 1px solid #7C2FA4;
			margin: 30px 0px;
		}
	
		.inside .text ul#purple li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			display: block;
			padding: 4px 16px;
			border-bottom: 1px solid #7C2FA4;
		}
		
		.inside .text ul#purple li:hover {
			background-color: #7110A3;
			color: #E8BFFD;
		}

/** TITLES **/

.title {
	background-repeat: no-repeat;
	text-indent: -1000em;
}

	#egestor .title {
		background-image: url(../images/title_egestor.gif);
		height: 43px;
	}

	#evoxtelptt .title {
		background-image: url(../images/title_evoxtelptt.gif);
		height: 43px;
	}
	
	#lojavirtual .title {
		background-image: url(../images/title_lojavirtual.gif);
		height: 50px;
	}
	
	#economico .title {
		background-image: url(../images/title_skills.gif);
		height: 43px;
	}
	
	#sosevox .title {
		background-image: url(../images/title_sosevox.gif);
		height: 43px;
	}
	
	.container-botoes-web {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:100px;
		padding-left:370px;
		float:left;
	}
	
	.container-botoes-voip {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:170px;
		padding-left:300px;
		float:left;
	}
	
	.container-botoes-evoxtelptt {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:190px;
		padding-left:370px;
		float:left;
	}
	
	.container-botoes-sosevox {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:170px;
		padding-left:320px;
		float:left;
	}
	
	.container-botoes-lojavirtual {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:120px;
		padding-left:350px;
		float:left;
	}
	
	.container-botoes-sermais {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:160px;
		padding-left:290px;
		float:left;
	}
	
	.container-botoes-egestor {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:160px;
		padding-left:290px;
		float:left;
	}
	
	.container-botoes-economico {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:160px;
		padding-left:350px;
		float:left;
	}
	
	.container-botoes-economico {
		width:400px;
		height:74px;
		margin:0 auto;
		padding-top:190px;
		padding-left:400px;
		float:left;
	}
	
	
/** NAVIGATION BUTTONS **/

ul.navigation {
	float: right;
	display: block;
	width: 700px;
	padding: 0px;
	text-align: right;
}

ul.navigation li {
	display: block;
	float: left;
}

#principal ul.navigation { margin: 0 0; float: none; }

a.navigator {
	cursor: pointer;
	width: 45px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 10px;
	text-align: center;
	margin-left: 1px;
	padding: 5px;

}

/*	#principal .navigator { background-color: #222; }
	#sosevox .navigator { background-color: #006cab; }
	#lojavirtual .navigator { background-color: #b97300; }
	#evoxtelptt .navigator { background-color: #a60764; }
	#economico .navigator { background-color: #400061; }
	#egestor .navigator { background-color: #639d11; }
	#sermais .navigator { background-color: #639d11; }
*/	
/*
	#principal .present .navigator,
	#sosevox .present .navigator,
	#lojavirtual .present .navigator,
	#evoxtelptt .present .navigator,
	#economico .present .navigator,
	#egestor .present .navigator { background-color: #C00; color: #FFF;}
	#sermais .present .navigator { background-color: #C00; color: #FFF;}
*/	

/** LINKS **/

a {
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a:hover {
	color: #FFF;
}
	
	#evoxtelptt a {
		color: #fdb3de;

	}
	
	#egestor a {
		color: #dcffab;

	}
	
	#economico a {
		color: #dfaef9;

	}
	
	#sosevox a {
		color: #c5eaff;

	}
	
/** PORTFOLIO **/

.portfolio-item {
	display: block;
	float: left;
	width: 135px;
	height: 185px;
	cursor: pointer;
	margin-right: 5px;
}

.lojavirtual-item {
	display: block;
	float: left;
	width: 116px;
	height: 132px;
	cursor: pointer;
	margin-right: 5px;
}

	#evacare { background-image: url(../images/thumb/evacare.jpg);}
	#lakiff { background-image: url(../images/thumb/lakiff.jpg);}
	#duffled { background-image: url(../images/thumb/duffled.jpg);}
	#rickdavid { background-image: url(../images/thumb/rickdavid.jpg);}
	#phirhospring { background-image: url(../images/thumb/phirhofall07.jpg);}
	#phirhofall { background-image: url(../images/thumb/phirhofall06.jpg);}
	
/** SHOWCASE **/

.strip {
	padding-top: 20px;
}

.showcase {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 11px;
	padding: 20px;
	color: #FFF;
	line-height: 18px;
}

	#lojavirtual .showcase { background-color: #d06c07; }
	#sosevox .showcase { background-color: #0085d3; }

.showcasename {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

	#lojavirtual .showcasename { color: #fee097;}
	#sosevox .showcasename { color: #9ddbff;}

.showcase img {
	border: 10px solid #FFF;
	margin: 10px auto;
	display: block;
}

.close {
	float:right;
	display: block;
	font-weight: bold;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #AA0000;
	padding: 2px 8px;
	margin-left: 4px;
	margin-bottom: 4px;
}