/*

CSS by Web Formatos

http://www.webformatos.com

*/



* {

	margin: 0;

	padding: 0;

    link rel: shortcut icon url(images/ico.gif) no-repeat;

}





body {

	background: #f5f7fc url(images/img01.jpg) repeat-x;

	font: normal 12px " Arial", Arial, Helvetica, sans-serif;

	color: #001245;

	text-align: justify;



}



h1, h2, h3 {

	color: #333333;

}



h1 {

	margin-bottom: .5em;

	font-size: 182%;

	font-weight: normal;

	letter-spacing: 1px;

}



h2 {

	margin-bottom: .5em;

	font-size: 136%;

	font-weight: normal;

	letter-spacing: -1px;

}



h3 {

	font-size: 100%;

	font-weight: bold;

}



p, blockquote, ol, ul {

	margin-bottom: 1.5em;

	text-align: left;

	line-height: 167%;

	font-size: 105%;

}



blockquote {

	margin-left: 2em;

}



ol {

	margin-left: 2em;

}



ul {

	list-style: none;

}



ul li {

	padding-left: 1em;

	background: url(images/img07.gif) no-repeat left center;

}



a {

	text-decoration: none;

	color: #001245;

}



a:hover {

	text-decoration: underline;

	color: #ffcd1f;

	font-size: 100%;

	font-weight: bold;

}

/* Form*/



	

/* Menu */



#menu {

	width: 740px;

	height: 60px;

	margin: 0 auto;

	border-left: 20px solid #ffcd1f;

    border-right: 0px solid #990000;

    background: #ffffff;

}



#menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#menu li {

	padding: 0;

	display: inline;

	background: none;

}



#menu a {

	display: block;

	float: left;

	height: 40px;

	padding: 20px 20px 0 20px;

	font-size: 92%;

	font-weight: bold;

}



#menu a:hover {

	background: #ffcd1f;

	text-decoration: none;

	color: #001245;

	font-size: 92%;

}



#menu .first a {

	text-decoration: underline;

	color: #000033;

}



#menu .first a:hover {

    text-decoration: underline;

	color: #001245;

}



#menu b {

	text-decoration: underline;

}

#Layer2 {

	color: #001245;

	font-size: 92%;

	font-weight: bold;

}



/* Logo */



#logo {

	width: 760px;

	height: 180px;

	margin: 0 auto;

	background: #010100 url(images/img02.jpg)

}



#logo h1 {

	margin: 0;

	padding: 120px 0 0 0;

	text-align: right;

	letter-spacing: -1px;

	font-size: 189%;

}



#logo h2 {

	margin: 0;

	padding: 0 0 0 0;

	text-align: right;

	letter-spacing: -1px;

	font-size: 100%;

	font-weight: bold;

	font-style: italic;

}



#logo a {

	text-decoration: none;

	color: #FFFFFF;

}



/* Page */



#page {

	width: 760px;

	margin: 0 auto;

	background: url(images/img03.gif) repeat-y;

}



/* Content */



#content {

	float: left;

	width: 440px;

	text-align: justify;

	padding: 20px 30px 20px 50px;

}



#welcome {

	margin-bottom: 20px;

	padding-bottom: 1px;

	background: url(images/img14.gif) repeat-x left bottom;

}

#categoria {

        border-bottom: 4px solid #ffffff;

        padding: 10px 0px 10px 40px;

        margin-bottom: 6px;

}



#categoria .text {

        width: 180px;

}



#categoria .submit {

        background: url(images/img18.gif) repeat-x;

        color: #e5e4e2;

        border: 3px solid #e5e4e2;

        padding: 0px 1px 1px 0px;

		margin: 1px;

}



#categoria .reset {

        background: url(images/img18.gif) repeat-x;

        color: #e5e4e2;

        border: 3px solid #e5e4e2;

        padding: 0px 1px 1px 0px;

		margin: 1px;

}



#form1 .text {

        width: 180px;

}



#form1 .submit {

        background: url(images/img18.gif) repeat-x;

        color: #e5e4e2;

        border: 3px solid #e5e4e2;

        padding: 0px 1px 1px 0px;

		margin: 1px;

}



#form1 .reset {

        background: url(images/img18.gif) repeat-x;

        color: #e5e4e2;

        border: 3px solid #e5e4e2;

        padding: 0px 1px 1px 0px;

		margin: 1px;

}



#form2 .text {

        width: 180px;

}



#form2 .submit {

        background: url(images/img18.gif) repeat-x;

        color: #e5e4e2;

        border: 3px solid #e5e4e2;

        padding: 0px 1px 1px 0px;

		margin: 1px;

}



#form2 .reset {

        background: url(images/img18.gif) repeat-x;

        color: #e5e4e2;

        border: 3px solid #e5e4e2;

        padding: 0px 1px 1px 0px;

		margin: 1px;

}



.floating-box {

	float: left;

	width: 210px;

}



.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {

	line-height: 144%;

	font-size: 92%;

}



.floating-box img {

	border: 1px solid #000066;

}



.floating-box form {

		 background-position: center; 

         background: #f7f7f7; 

         border:1px solid  #f7f7f7; 

         font-family: Arial ;

         font-size: 12;

         padding-left: 3px; 

         padding-top: 1px; 

         padding-bottom: 1px;

}



.floating-box input {

         background: #ffffff; 

         border: 1px solid  #990000;

         font-color: #000033;

         

}



.floating-box textarea {

         background: #ffffff; 

         border: 1px solid #990000; 

         font-color: #000033;

}



.floating-box select {  

         width:135px;

         background:#990000; 

         font:11px verdana; 

         color:#FFFFFF;



}



.floating-box select option.stit { 

         width:135px;  

         background-color:#CC9999; 

         color:#CC9999;

}



.floating-box select option.sep { 

         width:135px;  

         background-color:#FFFFFF; 

         color:#000000;

}



.floating-box select option.impar { 

         width:135px;  

         background-color:#CC9999; 

         color:#CC9999;

}



.floating-box select option.par { 

         width:135px;  

         background-color:#CC9999; 

         color:#CC9999;

}



/* Sidebar */



#sidebar {

	float: right;

	width: 200px;

	padding: 20px;

}



#sidebar blockquote {

	margin-left: 0;

	padding-left: 1em;

	background: url(images/img09.gif) no-repeat right bottom;

	border-left: 5px solid #ffcd1f;

}



#sidebar blockquote p {

	text-align: left;

	line-height: normal;

	font-style: italic;

    font-size: 90%;

        

}



#sidebar text {

        text-align: left;

        font-color: #000066;

}  



#links {

}



#links ul {

	background: url(images/img04.gif) repeat-x left bottom;

}



#links li {

	padding: 3px 0;

	background: url(images/img04.gif) repeat-x left top;

}

#links li.title {

	padding: 1px 0;

	background: none;

	color: #000000;

	font-weight:bold;



}

#links .first a {

    padding-left: 1em;

	background: url(images/img11.gif) no-repeat left center;

    text-decoration: underline;

	color: #001245;

	font-weight:bold;

}



#links a {

	padding-left: 1em;

	background: url(images/img13.gif) no-repeat left center;

	color: #001245;

	font-weight:normal;

}

#links a:hover {

	padding-left: 1em;

	background: url(images/img08.gif) no-repeat left center;

	text-decoration: none;

	color: #001245;

	font-weight:bold;

}

/* Footer */



#footer {

	height: 50px;

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

}



#footer .wrapper {

	width: 760px;

	margin: 0 auto;

}



#footer .links {

	float: left;

	width: 440px;

	height: 34px;

	padding: 16px 30px 0 30px;

	background: #001245;

	border-left: 20px solid #ffcd1f;

	font-size: 85%;

    color: #FFFFFF;

}



#footer a {

        font-size: 100%;

        color: #ffffff;

}



#footer .legal {

	float: right;

	width: 220px;

	height: 34px;

	margin: 0 auto;

	padding: 16px 20px 0 0;

	background: #ffcd1f;

	text-align: right;

	font-size: 85%;

	color: #FFFFFF;

}