@charset "utf-8";

/*

Autor: Herick Correa
Site: www.herickcorrea.com
E-mail: herickcorrea@gmail.com
Descrição: Portifólio Online

*/


/* ----------- SESSION 1 / TOPO ------------ */


#session-1 {height:9em; padding-left:2.5em;}

/* Session 1-1 / Logo */

#session-1-1 {
	width:219px;
	height:96px;
	padding-left:0.6em;
	float:left;
	background-image:url("../images/logo.png") !important;
	background-position:top left;
	background-image:none; 
	background-repeat:no-repeat; 
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');
}

/* Session 1-2 / Menu */

#session-1-2 {float:left;}
#session-1-2 ul {padding:3.5em 0 0 3.1em;}
#session-1-2 ul li {float:left; list-style-type:none;}
#session-1-2 ul li a {font-size:1.2em; color:#9c9c9c; text-decoration:none; font-weight:bold;}
#session-1-2 ul li a:hover {text-decoration:underline;}
#session-1-2 ul li .border {border-right:1px solid #9c9c9c; padding-right:0.9em; margin-right:0.9em;}
#session-1-2 ul .blind {display:none;}

/* Session 1-3 / Busca */

#session-1-3 {float:left;}
#session-1-3 form fieldset {border:0; padding:3.2em 0 0 0em;}
#session-1-3 form fieldset legend {display:none;}
#session-1-3 form fieldset p {float:left;}
#session-1-3 form fieldset p input {float:left; background-color:#353535; border:0; color:#FFFFFF;}
#session-1-3 form fieldset p #campBusca {padding:4px 5px 0 5px; font-size:1em; height:19px; margin-top:1px; width:170px;}
#session-1-3 form fieldset p #botBusca {width:32px; height:23px; background:url(../images/bot_busca.jpg); margin-top:1px;}
#session-1-3 form fieldset p .focusField{padding:4px 5px 0 5px; font-size:1em; height:19px; margin-top:1px; width:170px;}  
#session-1-3 form fieldset p .idleField{padding:4px 5px 0 5px; font-size:1em; height:19px; margin-top:1px; width:170px;}  


/* ----------- SESSION 2 / Conteúdo ------------ */


/* Session 2 / WRAP (ESTE NOME NÃO PODE SER ALTERADO) - Ele segura o Grid */

.wrap {padding:1em; overflow: auto;}

/* Session 2-1 / Institucional */

#session-2-1 {float:left; width:22.7em;	padding:0.5em; margin:0.3em; color:#CCCCCC;}
#session-2-1 p {padding:0 4.6em 0 2.4em; line-height:1.6em;}

/* Session 2-1-1 / Redes de relacionamento e Contato */

#session-2-1-1 {padding:1.8em 0 0 2.4em;}
#session-2-1-1 h4 {display:none;}
#session-2-1-1 a {display:block; color:#7d7d7d; text-decoration:none; height:2em; padding:0 0 0 2em; line-height:2em;}
#session-2-1-1 a:hover {text-decoration:underline;}
#session-2-1-1 span {display:block; color:#7d7d7d; height:2em; padding:0 0 0 2em; line-height:2em;}
#session-2-1-1 strong {display:none;}
#session-2-1-1 .twitter {background:url(../images/img_twitter.gif) no-repeat left center;}
#session-2-1-1 .msn {background:url(../images/img_msn.gif) no-repeat left center;}
#session-2-1-1 .gmail {background:url(../images/img_gmail.gif) no-repeat left center;}
#session-2-1-1 .delicious {background:url(../images/img_delicious.gif) no-repeat left center;}

/* Session 2-1-2 / Sites de amigos */

#session-2-1-2 {padding:1.8em 0 1.8em 2.4em;}
#session-2-1-2 h4 {font-size:1.2em; color:#a7a6a6; padding-bottom:0.5em;}
#session-2-1-2 ul li {padding:0.3em 0 0 0;}
#session-2-1-2 ul li a {text-decoration:none; color:#878787;}
#session-2-1-2 ul li a:hover {text-decoration:underline;}

/* BOX / Peças do portfolio (ESTE NOME NÃO PODE SER ALTERADO) - Ele organiza os Boxes com o portfólio */

.box {background:url(../images/bg_art.gif) no-repeat; padding:0.5em; margin:0.3em; width:22.7em; height:22.1em; float:left;	display: inline;}
.box h4 {font-size:1.2em; color:#cec7ff; padding:0.4em 0 0 0.4em;}
.box h4 span {display:none;}
.box h5 {font-size:1.1em; color:#707070; padding:0 0 0.1em 0.4em; font-weight:normal;}
.box p {padding-left:0.4em;}
.box p img {border:1px solid #201b22;}
.box p img:hover {border:1px solid #7267ba; filter:alpha(opacity=80); opacity:0.8;}
.box ul {float:right; padding-right:0.6em;}
.box ul li {float:left;} 
.box ul li a {display:block; width:16px; height:16px; margin-left:0.3em;}
.box ul li a:hover {filter:alpha(opacity=80); opacity:0.8;}
.box ul li a span {display:none;}
.box ul li .zoom {background:url(../images/zoom.gif) no-repeat;}
.box ul li .play {background:url(../images/play.gif) no-repeat;}
.box ul li .info {background:url(../images/info.gif) no-repeat;}
.box ul li .link {background:url(../images/link.gif) no-repeat;}

/* TOOLTIP / Mais Informações sobre o projeto (ESTE NOME NÃO PODE SER ALTERADO) - Ele exibe as informações ocultas */

.hidden {display:none;}

#dhtmltooltip{
	position:absolute;
	border: 1px solid #585858;
	padding: 2px;
	background-color:#191919;
	color:#585858;
	visibility: hidden;
	z-index:5;
	padding:10px;
	width:263px;
}
#dhtmltooltip p {color:#878787;}
#dhtmltooltip p strong {color:#cec7ff; font-weight:normal; display:block;}

/* Session 2-2 / Espaçador */

#session-2-2 {clear:both; height:3em;}


/* ----------- SESSION 3 / Footer ------------ */


#session-3 {_clear:both; _margin-top:20px; height:37px; background:#000000; overflow:hidden; text-align:center; color:#4e4e4e;}
html>body #session-3 {position:fixed; width:100%; left:0; right:0; bottom:0px; z-index:1; text-align:center; color:#4e4e4e;}

/* Session 3-1 / Copright */

#session-3-1 {float:left; line-height:37px; padding:0 0 0 10px; font-size:0.94em;}

/* Session 3-1 / Paginação */

#session-3-2 ul {padding:10px 0 0 0;}
#session-3-2 li {display:inline;}
#session-3-2 li a {background:#191919; border:1px solid #363636; display:block inline; padding:6px 10px 6px 10px; text-decoration:none; color:#6a6a6a}
#session-3-2 li #setaAnt {font-weight:bold; color:#CCCCCC; border:0; background:none;}
#session-3-2 ul li #setaProx {font-weight:bold; color:#CCCCCC; border:0; background:none;}
#session-3-2 ul li #checked{color:#bdbdbd; font-weight:bold;}

/* Session 3-2 / Apoio */

#session-3-3 {float:right; line-height:37px; padding:0 10px 0 0; font-size:0.90em;}
#session-3-3 a {font-weight:bold; text-decoration:underline; color:#4e4e4e;}


/* ----------- SESSION 4 / Analytics ------------ */


#session-4 {display:none;}