@charset "utf-8";
/* CSS Document */

*		{margin:0px; padding:0px; outline:0px;}
a		{text-decoration:none;}
body	{font-size:12px; background:url(../images/bg.jpg) repeat-x #042844; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
p		{margin:10px 0px;}
img		{border:0px;}
li		{list-style:none;}
input	{ margin:5px;}
.campo		{ background:#D4DFF0; padding:4px; margin:5px; border:0px; color:#042844;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width:300px;}
.env	{ background:url(../images/titulos/enviar.jpg); height:30px; float:right; width:100px; border:0px;}

.botao_novidades	{ cursor:pointer;}


.right		{float:right;}
.left		{float:left;}
.titulo		{margin-bottom:20px;}
.imgLeft	{margin-right:20px; margin-bottom:20px;}
.imgRight	{margin-left:20px; margin-bottom:20px;}
.mais		{text-align:right;}

#topo		{height:370px; width:100%; text-align:center;}
#topo a		{color:#fff; margin-right:20px;}
#topo a:hover	{ color:#999;}


#corpo			{width:100%;}
#corpo_dentro	{width:990px; margin:0 auto;}
#rodape	    	{width:100%;background:#D4DFF0; margin-top:20px;}

#coluna1	{width:630px; margin-right:10px; padding-top:17px;}
#coluna2	{width:300px; text-align:center;}

#colunaA	{ width:300px;}
#colunaB	{width:630px;}

.noticias a	 	{ color:#ccc;}
.noticias a:hover	{ text-decoration:underline;}

/**/
#cx1Home	{}
.cx			{width:175px; margin-right:52px; text-align: justify;}
.cx a	{display:block;}
.cx p	{margin-top:10px;}

#clientes 	{ width:630px; text-align:center; padding:20px 0px; background:#fff;-moz-border-radius:10px; -webkit-border-radius:10px; margin-top:20px;}

#contato	{ margin:30px;}



.menu_galeria	{ width:170px;}
.exibe_galeria	{ width: 460px; margin-top:20PX;}


#rodape	{ height:160px;}
#rodape div		{ width:150px; margin:10px; font-size:9px; color:#042844; float:right; }
div#rodape_dentro	{ width:990px; margin-left:-495px; left:50%;position:absolute; float:none;}

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	color:#042844;

	/* vertical scrollables have typically larger height than width but not now */
	height: 300px;
	border:2px solid #fff;
	
	background:#fff;
	
	width:300px;
	-moz-border-radius:10px; -webkit-border-radius:10px;
	padding-top:10px;
	padding-bottom:30px;

}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	
	/* this time we have very large space for the height */
	height:20000em;
	border-bottom:3px dotted #042844;
	padding:10px;
	padding-top:0px;	
}


.item	{border-bottom:3px dotted #042844; padding:10px; padding-top:0px; padding-bottom:20px; clear:both; width:230px; margin:15px 10px; margin-bottom:0px; text-align:left; 
	 }
	 
	 .item a { color:#042844;}
	 .item a:hover	{ text-decoration:underline;}	 
	

/**/



.jcarousel-skin-tango .jcarousel-container-vertical {
  
    height: 300px;
    padding: 40px 0px;
}


.jcarousel-skin-tango .jcarousel-clip-vertical {

    height: 300px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 73px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 73px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#md			{background:#fff; padding:10px;-moz-border-radius:10px; -webkit-border-radius:10px;}
#md a		{ font-size:12px; font-weight:bold;}
#md a:hover	{text-decoration:underline;}
#md h3		{cursor:pointer;padding:10px; }



h3.azul 	{border-bottom:2px dotted #004677;}
h3.cinza 	{border-bottom:2px dotted #A7A9AC;}
h3.laranja  {border-bottom:2px dotted #F79239;}

.azul li a		{color:#004677;}
.cinza li  a	{color:#A7A9AC;}
.laranja li  a	{color:#F79239;}



/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
	position: absolute;
	background-image: url(../images/buttons.png);
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}
	
.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover {
	background-position: 0 -88px;
}
	
.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: 84px -44px;
}
.simply-scroll-btn-right.disabled {
	background-position: 84px 0 !important;
}
.simply-scroll-btn-right:hover {
	background-position: 84px -88px;
}
	
.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover {
	background-position: -126px -88px;
}
	
.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover {
	background-position: -42px -88px;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert { 
	width: 340px; /* wider than clip for custom button pos. */
	height: 400px;
	margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip {
	width: 290px;
	height: 280px;
	margin-top:50px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	width: 290px;
	margin-bottom:10px;

}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
	right: 0;
	/*top: 0;*/
}

.vert .simply-scroll-btn-down { 
	right: 0;
	/*top: 52px;*/
}



.simply-scroll-back	{ position:absolute; left:60px; top:-50px;}
.simply-scroll-forward		{ left:60px; top:285px;}



#gallery img	{ margin-right:5px; margin-top:5px; width:117px;}