/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

.background {
	background-image: url(..images/background.png);
	background-repeat: repeat-x; 
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;

}
#faux {
 background: url(../images/background_main.png);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 
 color: #333;
 width: 800px;
 padding: 0px;
 height: 142px;
 margin: 10px 0px 5px 0px;
 background: url(../images/header05.png);
}
#navigation {
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #ABBEBE;

}
#leftcolumn { 
/*background: #9d93ac; */
 border-bottom: 1px solid #de87cd;
 display: inline;
 color: #333;
 margin: 0px;
 padding: 20px;
 width: 522px;
 float: left;
}
#leftcolumn a {
  color: #932b7f;
}
#leftcolumn hr {
  color: #ffd5f6;
}
#leftcolumn ul {
  list-style: inside;
  padding-left: 15px;
}




#content { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 460px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 background: #de87cd; 
 display: inline;
 position: auto;
 color: #333;
 margin: 0px;
 padding: 20px;
 width: 190px;
 float: right;
}
#footer { 
 width: 800px;
 clear: both;
 color: #fff;
 background: #932b7f;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 5px 0px ;
 text-align: center;

}
#footer a {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

/* tabela  */

.rowtop {
background-color: #932b7f;
color: #fff;
padding: 0px 20px 0px 5px ;
}
.rownorm {
background-color: #ddd;
color: #444;
padding: 0px 20px 0px 5px;
  border-bottom: 1px solid #fff;
}
.rownorm_in {
background-color: #fff;
color: #444;
padding: 0px 20px 0px 5px;
  border-bottom: 1px solid #fff;
}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(../images/button4.gif);}
.menu2 {padding:0 0 0 40px; margin:0; list-style:none; height:40px; background:#fff url(../images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#ffd5f6; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../images/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../images/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../images/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../images/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../images/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #a08; white-space:nowrap; width:93px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#a08; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#a08 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#a08 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #a08; white-space:nowrap; width:93px; z-index:200; height:auto;}

/*image float */


 .floatleft
{
float: left;
margin: 17px 10px 2px 0px;
border: 1px solid #a08;
padding: 2px;
}

 .thumbnail
{
float: left;
width: 91px;
height: 60px;
border: none; /*1px solid #a08;*/
margin: 0px 5px 5px 0;
padding: 4px;
}

.clearboth { clear: both; }

/* END of image float */

/* Liquid Corner */

#liquid-round {

width:108%;
margin:0px auto;
background:#fff url(css/leftside.gif) repeat-y left top;
}
 
.topl {
width: 100%;
height: 20px;
background: url(css/top.gif) no-repeat left top;
}
.topl span {
display: block;
position: relative;
height: 20px;
background: url(css/top-right.gif) no-repeat right top;
}

.center-contentl {
position:relative;
background:url(css/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}

.bottoml{
height:60px;
background:url(css/bottom.gif) no-repeat left bottom;
}
.bottoml span {
display:block;
position:relative;
height:60px;
background:url(css/bottom-right.gif) no-repeat right top;
}

/* Liquid Corner */



.clear { clear: both; background: none; }