/*
#
# Stylesheet file
# FotoGift Produtos Personalizados
# Designed by TY | Interactive
#
# (C) 2009 - All rights reserved
#
*/



/*CSS RESET*/

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;
}

* { margin: 0; padding: 0; }

/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*COMMON*/

body
{
	line-height: 1;
	padding: 0;
	margin: 0;
	font-size:15px;
	font-family:Helvetica, Tahoma, Arial, sans-serif;
	background: url(../images/bg_top-x.jpg) repeat-x center top #fff;
	color:#666;
	text-align:left;
}

h1 { font-family: Tahoma, Arial, Verdana, sans-serif; color:#9a9a9a; font-size:32px; }
h2 { font-family: Tahoma, Arial, Verdana, sans-serif; color:#00243c; font-size:20px; margin:15px 0 10px 0;}

body a {color:#ec1595; text-decoration:none;}
body a:hover {text-decoration:underline;}

p { line-height:1.5; font-size:15px; font-family:Helvetica, Tahoma, Arial, sans-serif; color:#666; margin-top:10px;}

span { color:#666; }
span.destaque {color:#ec1595;}
strong { font-weight:bold; }

.clearfix {overflow: auto;}
.imgreplace {text-indent: -9999px; overflow: hidden; display: block;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}



/*Estrutura*/

#main
{
	background:url(../images/bg_footer-x.jpg) repeat-x bottom center;
	width:100%;
	height:auto;
}

#container
{
	width:960px;
	height:auto !important;
	height:600px;
	min-height:600px;
	background:url(../images/bg_top.jpg) no-repeat top center;
	margin:0px auto;
	padding:0 30px;

}

	#header
	{
		width:100%;
		height:163px;
		position:relative;
	}

		#header h1
		{
			width:183px;
			height:106px;
			position:absolute;
			top:25px;
			left:10px;
		}

		#header h1 a
		{
			display:block;
			background:url(../images/logo-entercores.png) no-repeat;
			border:none;
			text-indent:-9999px;
			width:183px;
			height:106px;
		}

	#nav
	{
		width:100%;
		height:60px;
	}

	#content
	{
		width:100%;
		height:auto !important;
		height:400px;
		min-height:400px;
		margin-top:10px;
		text-align:left;
	}

	div#content:after
	{
	   content:".";
	   display:block;
	   clear:both;
	   visibility:hidden;
	   height:0;
	   overflow:hidden;
	}


		#content h1
		{
			font-family:Arial, Tahoma, Verdana, sans-serif;
			font-size: 32px;
			color:#9a9a9a;
			font-weight:normal;
		}

		#content h2
		{

			font-family:Tahoma, Arial, Verdana, sans-serif;
			font-size: 16px;
			color:#FFF;
			height:42px;
			font-weight:normal;
			background:url(../images/bg-h2.gif) repeat-x;
			padding:4px 0 0 5px;

		}

	#footer
	{
		margin-top:50px;
		width:100%;
		height:192px;
		background:url(../images/bg_footer.jpg) no-repeat bottom center;
		position:relative;

	}

		#footer h1
		{
			width:131px;
			height:68px;
			position:absolute;
			top:50px;
			left:10px;
		}

		#footer h1 a
		{
			display:block;
			background:url(../images/logo-footer.gif) no-repeat;
			border:none;
			text-indent:-9999px;
			width:131px;
			height:68px;
		}

		#footer ul
		{
			list-style:none;
			margin:0;
			padding:0;
			position:absolute;
			top:75px;
			left:160px;			
		}

		#footer ul li {display:inline; padding-right:1px; margin:0;}

		#footer ul li a
		{
			display:inline-block;
			font-family:Verdana, Tahoma, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#9a9999;
			padding:10px 10px;
		}

		#footer ul li a:hover, #footer ul li a.selected {background:#0e0e0e; text-decoration:none; color:#FFF;}

		#footer .phone {position:absolute; top:70px; left:820px; width:140px; height:38px; background:url(../images/phone.gif) no-repeat center center; text-indent:-9999px;}
		#footer .endereco {position:absolute; top:160px; left:20px;}
		#footer .endereco span {font-size:11px; color:#9a9999; font-family:Verdana, Tahoma, sans-serif;}
		#footer .creator {position:absolute; top:160px; left:870px;}
		#footer .creator a {display:block; text-indent:-9999px; width:87px; height:22px; background:url(../images/ty-logo.png) no-repeat center center;}

/*************NAV***************/

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index:100;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left;
	text-indent: -9999px;
	height: 49px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }

ul#topnav a.home {
	background: url(../images/nav-home.gif) no-repeat;
	width: 88px;
}
ul#topnav a.sobre-nos {
	background: url(../images/nav-sobre.gif) no-repeat;
	width: 127px;
}
ul#topnav a.solucoes-digitais {
	background: url(../images/nav-solucoes.gif) no-repeat;
	width: 197px;
}

ul#topnav a.clientes {
	background: url(../images/nav-clientes.gif) no-repeat;
	width: 121px;
}

ul#topnav a.orcamentos {
	background: url(../images/nav-orcamentos.gif) no-repeat;
	width: 147px;
}

ul#topnav a.loja {
	background: url(../images/nav-loja.gif) no-repeat;
	width: 150px;
}

ul#topnav a.contato {
	background: url(../images/nav-contato.gif) no-repeat;
	width: 130px;
}

ul#topnav li .sub {
	position: absolute;
	top: 49px; left: 0;
	background: #00243c url(../images/bg-sub.gif) repeat-x bottom;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	display: none;
	z-index:100;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;

}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0 0 5px;  margin: 0;
	font-size: 16px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align:left;
	text-indent:0;
	color: #00bbff;
}

ul#topnav .sub ul li a {

	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 0 0 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size:11px;
}
ul#topnav .sub ul li a:hover {color: #ff0097; background-position: 5px 12px ;}




/**************SIDEBAR**************/

#sidebar
{
	float:right;
	background:url(../images/bg-sidebar.gif) repeat-x top #c8d7dc;
	text-align:left;
	height:auto;
	border:1px solid #cce5ef;

}

#sidebar h1
{
	width:236px;
	height:38px;
	margin-bottom:18px;
	background:url(../images/t-sidebar.gif) no-repeat top center;
	display:block;
	text-indent:-9999px;
}

#sidebarMenu
{
	width:200px;
	margin:0px auto;
	height:auto;
	padding-bottom:18px;

}

ul#menu, ul#menu ul {
  list-style-type:none;
  padding: 0;
  width: 200px;
}

ul#menu a {
  display: block;
  text-decoration: none;
  text-align:left;
  font-size:12px;
  font-family:Tahoma, Arial, Verdana, sans-serif;
}

ul#menu li {
  border-top: 1px solid #81b5ca;
}

ul#menu li a {
  background: #2d4a61;
  color: #fff;
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #162e41;
}

ul#menu li ul li a {
  background: #a5c2ce;
  color: #004e6f;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #87b7ca;
  border-left: 5px #ec1595 solid;
  padding-left: 15px;
  color:#000;
}

ul#menu li ul li a.selected{
  background: #87b7ca;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


/* jFLOW */

#jflow-content-slider { position:static; z-index:0; }
#jFlowSlide{ background:#FFF;  z-index:0; }
#myController { font-family: Tahoma; width:99%; background:#fff; text-align:right;}
#myController span {display:inline-block; width:16px; height:16px; background:url(../images/dot.gif) no-repeat center center;}
#myController span.jFlowSelected, #myController span:hover {display:inline-block; width:16px; height:16px; background:url(../images/dot-selected.gif) no-repeat center center; color:#000;}
#myController span.jFlowNext, #myController span.jFlowPrev {background:none;}

#slides {margin-top:10px; position:absolute; z-index:-1; background:none;}

.slide-wrapper { padding: 5px 0 5px 10px; }
.slide-thumbnail { width:445px; height:305px; float:right; }
.slide-thumbnail img {max-width:442px; }
.slide-details { width:400px; float:left; margin-right:10px;}
.slide-details .description { margin-top:10px; line-height:1.4; }

.slide-button { float:right; padding:10px 0 0;}
.slide-button a {display:block; background:url(../images/veja-mais.jpg) no-repeat center; width:103px; height:86px; text-indent:-9999px;}
.slide-button a:hover {background:url(../images/veja-mais-selected.jpg) no-repeat center;}

.jFlowControl, .jFlowPrev, .jFlowNext { cursor:pointer; }
.jFlowControl {padding:4px;}


/* HOME */

#home { width:100%; height:auto; margin-top:20px; }

	#home-destaques {width:100%;height:175px; padding:10px 0;}

		.destaque-box
		{
			float:left;
			width:270px;
			height:123px;
			background:url(../images/box.gif) no-repeat center center;
			padding:25px;
		}
		
		.destaque-box h3
		{
			width:100%;
			height:16px;
			padding-left:23px;
			background:url(../images/marker.png) no-repeat left;
			font:bold 0.875em Tahoma, Verdana, Arial, sans-serif;
			color:#1a75a5;						
		}
		
		.destaque-box-texto {float:left; width:190px; height:auto;}		
			.destaque-box p {font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif; line-height:1.6;}
			
		.destaque-box-imagem {float:left; width:75px; height:auto;}
		
		

	#home-splash
	{
		margin-top:20px;
		height:50px;
		padding-top:20px;
		width:100%;
		background:url(../images/line.gif) no-repeat center top;
		text-align:center;
	}

	#home-splash p {font-family:Arial, Tahoma, sans-serif; font-size:24px; color:#9a9a9a;}
	#home-splash span	{color:#1a75a5;	}