@charset 'utf-8';
/* CSS Document */


/* informacoes gerais */
*	{
	color:#495053;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-decoration:none
	}
html
	{
	font-size:100.01%;
	}
body
	{
	background:url(../img/fd.jpg);
	font-size:62.5%;
	margin:0
	}
p	{
	font-size:1.1em ;
	margin-bottom: 5px
	}

h1	{
	font-size:1.6em;
	}
h2	{
	font-size:1.7em;
	}
input
	{
	font-size:1.1em ;
	margin:4px 0 4px 0;
	width:190px
	}
textarea
	{
	font-size:1.1em ;
	margin:4px 0 4px 0;
	width:190px
	}

/* fim informacoes gerais */

/* moldura */
div#site
	{
	display:block;
	height:628px;
	left:50%;
	margin-left:-425px;
	margin-top: -314px;
	overflow:hidden;
	position:absolute;
	top:50%;
	width:850px;
	}

	.h1 
		{
		display:block;
		float: right;
		height:44px;
		margin:0 30px 4px 0;
		width:155px; 
		}
		.h1 a
			{
			background:url(../img/logo.gif) no-repeat;
			display:block; 
			height:44px; 
			margin:0;  
			overflow:hide; 
			text-indent:-9000px; 
			width:155px; 
			}
/* moldura site */


div#abertura
	{
	background:url(../img/transp.png);
	display:block;
	height:100px;
	margin-top: -40px;
	overflow:hidden;
	position:absolute;
	top:50%;
	width:100%;
	}
	div#abertura div
	{
	display:block;
	left:50%;
	margin-left:-77px;
	position:absolute;
	width:154px;
	text-align:center;
	}
	div#abertura h1
		{
		background: url(../img/logo_abert.gif);
		float:left;
		height:45px;
		margin:15px 0 10px 0;
		overflow:hidden;
		text-indent:-9000px;
		width:155px
		}
	div#abertura  a
		{
		color:#4f4f4f;
		font:1.4em/1.0em 'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase
		}
		div#abertura a:hover
			{
			color:#8ace2b;
			}



/* conteudo */
	#container
		{
		background: url(../img/transp.png);
		display:block;
		float:left;
		height:520px;
		width:780px;
		padding:20px;
		}
		div#container h1
			{
			display:block;
			font:1.5em  'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			letter-spacing:10px;
			}
		div#container h2
			{
			display:block;
			text-transform:uppercase;
			font:1.5em  'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
			}
		div#container img
			{
			display:block;
			float:left;
			}
/* fim conteudo */

/* rolagem horizontal */
		#scroller.SlidingPanels 
			{
			float: left;
			height:520px;
			width:780px;
			}
		#scroller .SlidingPanelsContentGroup 
			{
			float: left;
			height:520px;
			width: 10000px;
			}
		#scroller .SlidingPanelsContent 
			{
			float: left;
			height:520px;
			width:780px;
			}
/* fim rolagem horizontal */

/* home */
	.p1 h1
		{
		color:#901e78
		}
		div#titulo
			{
			float:right;
			margin:-280px 40px 0 0
			}
/* fim home */

/* empresa */
	.p2 
		{
		background:#8ace2b;
		}

		div#ex2_p2 .simbolo
			{
			float:right;
			margin:210px 100px 0 0;
			}
		div#ex2_p2 img
			{
			float:right;
			}
		.p2 div.texto
			{
			float:right;
			height:300px;
			margin:50px 40px 0 0;
			width:210px;
			}
		.p2 div.texto p
			{
			color:#fff;
			}
		.p2 h1
			{
			color:#fff;
			float:left;
			margin:20px 0 0 0;
			}
/* fim empresa */

/* colecao */
	#divCarregando
    {
      position:absolute;
      top:0px;
      left:2010px;
      background:#ffffff;
      border:0px solid #ff0000;
      height:356px;
      width:325px;
      float:right;
      z-index:1000;
      display:none;          
    }
    #divCarregando img
      {
        margin: 150px 0 0 155px
      }
	
  #divGaleria
    {
      border:0px solid #000000;
      height:356px;
      width:425px;
      float:right;    
    }
  
  .p3 
		{
		background: #fff;
		}
		.p3 h1
			{
			float:right;
			margin:20px 20px 0 0;
			width:242px;
			display:block;
			}
		div#galerias 
			{
			display:block;
			float:left;
			margin:150px 10px 200px 10px;
			width:80px;			
			}
		div#galerias h2
			{
			margin:0 0 5px 0;
			}
		div#galerias ul
			{
			display:block;
			float:left;
			list-style-type:none;			
			}
			div#galerias li
				{
				background:#FF0000;
				display:block;
				float:left;
				margin:2px;
				}
				div#galerias li a
					{
					color:#fff;
					display:block;
					background:#dddddc;
					padding:2px 6px 2px 6px;
					font:1.2em  'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
					}
					div#galerias li a:hover
						{
						background:#8ace2b;
						}
					div#galerias li a.active
						{
						background:#8ace2b;
						}
		
					div#lista 
						{
						position:relative;
						display:block;
						float:left;
						margin:20px 0 0 -58px;
						width:150px;
						z-index:10;
						}
						div#lista a
							{
							background:#9b2575;
							color:#fff;
							display:block;
							float:left;
							font:1.5em  'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
							display:block;
							margin-bottom:1px;
							padding:2px 6px 2px 6px;
							text-indent:10px;
							text-transform:uppercase;
							min-width:120px;
							width:150px
							}
						div#lista a:hover
							{
							color:#8ace2b;
							}
							
			ul#imageContainer
				{
				display:block;
				list-style-type:none;
				margin:15px 0 0 0;
				padding:0;				
				}
				ul#imageContainer li
					{
					border: 1px solid #e6e6e5;
					float:left;
					margin:5px;
					padding:5px;
					width:40px
					}
					ul#imageContainer li:hover
						{
						border: 1px solid #8ace2b;
						}
				ul#imageContainer li img
					{
					margin:0 0 4px 0;
					}
				ul#imageContainer a
					{
					background:url(../img/lupaOff.gif) bottom right no-repeat;
					color:#e6e6e5;
					display:block;
					font:1.2em/1.0em 'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
					height:auto;
					text-decoration:none;
					width:40px
					}
					ul#imageContainer a:hover
						{
						background: url(../img/lupaOn.gif) bottom right no-repeat;
						color:#8ace2b;
						}
			.p3 div.texto 
				{
				display:block;
				float:right;				
				height:auto;
				margin:10px 20px 0 0 ;
				padding:0;
				width:242px
				}
				
		#galeria.SlidingPanels 
			{
			float: right;
			height:355px;
			width:265px;
			border:0px solid #000;
			overflow:hidden;
			}
		#galeria .SlidingPanelsContentGroup 
			{
			float: left;
			height:10000px;
			width: 265px;
			}
		#galeria .SlidingPanelsContent 
			{
			float: left;
			height:355px;
			width:265px;
			}

							
/* fim colecao */

/* representantes */
	.p4 {
		background-color: #8ace2b;
		}
		.p4 img
			{
			display:block;
			float:left;
			}
		.p4 h1
			{
			color:#fff;
			display:block;
			font:1.5em  'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			letter-spacing:10px;
			float:right;
			margin:20px 20px 0 0
			}
		div#representante
			{
			display:block;
			float: right;
      height:350px;
			margin:100px 100px 0px 0px;
			_margin:100px 50px 0px 0px;
			padding:0;
			width:190px;
			}
		div#representante img
			{
			float: left;
			}
		div#representante p
			{
			color:#fff;
			}
		div#representante a
			{
			color:#9b2575;
			display:block;
			margin:0 0 5px 0;
			}
		div#representante a:hover
			{
			color:#fff;
			text-decoration:underline
			}
		div#representante .input
			{
			float:right;
			width:auto
			
			}			
/* fim representantes */

/* contato */
	.p5 {
		background-color: #8ace2b;
		}
		.p5 img
			{
			display:block;
			float:left;
			}
		.p5 h1
			{
			color:#fff;
			display:block;
			font:1.5em  'Trebuchet Ms', Tahoma, Verdana, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			letter-spacing:10px;
			float:right;
			margin:80px 20px 0 0
			}
		div#contato
			{
			display:block;
			float: right;
      		height:350px;
			margin:60px 100px 0px 0px;
			_margin:60px 50px 0px 0px;
			padding:0;
			width:190px;
			}
		div#contato img
			{
			float: left;
			}
		div#contato p
			{
			color:#fff;
			}
		div#contato a
			{
			color:#9b2575;
			display:block;
			margin:0 0 0 0;
			}
		div#contato a:hover
			{
			color:#fff;
			text-decoration:underline
			}
		div#contato .input
			{
			float:right;
			width:auto
			
			}




/* fim contato */

	
address 
	{
	float:left;
	margin-top:5px;
	font-style:normal;
	text-align:center;
	width:820px;	
	}

