/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for WrapsUK
    Created by Ed Merritt
    19th September 2007
--------------------------------------------------------------------------------------*/


/*  Structure
--------------------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative;  background: #fff url('bkg2.gif') repeat-x top; color: #494c50; text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:75%; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif}
#p_01 {background: #fff url('bkg.gif') repeat-x top;}
#container {display: block; width: 750px; margin: 0 auto; text-align: left;}
#logo {display: block; width: 750px; height: 113px; background: url('logo2.gif') no-repeat top left; text-indent: -5000px; overflow: hidden}
#tools {float: right; list-style: none; }
#tools li {display: inline;}
#tools a {float: left; font-size: 0.8em; text-transform: uppercase; color: #9ea1a6; text-decoration: none; padding: 10px 0 10px 20px; font-weight: normal;}
#tools a:hover {color: #222;}
#columns {float: left; width: 750px; background: url('columns.gif') no-repeat top; padding-top: 20px}
#sidecol {float: right; display: block; width: 230px;}
#sidecol>*:first-child {margin-top: 0;}
#content {float: left; display: block; width: 480px;}
#content>*:first-child {margin-top: 0;}
#footer {float: left; width: 750px; border-top: 1px solid #c8c8c8; padding-top: 0px; margin-top: 20px;}
#footer p {position: relative; font-size: 0.9em;}
#footer .top {position: absolute; right: 0; color: #5e646b;}



#highlight {display: block; float: left; width: 750px; height: 35px; margin: 15px 0 19px 0; text-indent: 0; line-height: 20px;}
#p_01 #highlight {display: block; float: left; width: 210px; height: 200px; padding: 20px 20px 0 520px; margin: 15px 0 19px 0;  overflow: hidden; color: #fff; font: 1.4em/1.35em Arial, Helvetica, sans-serif;}
#p_01 .highlight01 {background: url('../images2/mainpic01b.jpg') no-repeat top left;}
#p_01 .highlight02 {background: url('mainpic01e.jpg') no-repeat top left;}

.c1 {float: left; width: 230px; margin: 0 20px 0 0;}
.c3 {float: left; width: 400px; margin: 0 20px 0 0;}
.c2 {float: left; width: 230px;}

/*  Navigation
--------------------------------------------------------------------------------------*/
#nav {list-style: none; overflow: hidden; height: 39px;}
#nav li {display: inline;}
#nav a {float: left; font-size: 0.9em; text-transform: uppercase; color: #5e646b; text-decoration: none; padding: 9px 10px 16px 10px; font-weight: normal;}
#nav a:hover {color: #222;}

#p_01 #n_01 a,
#p_02 #n_02 a,
#p_03 #n_03 a,
#p_04 #n_04 a,
#p_05 #n_05 a,
#p_06 #n_06 a,
#p_07 #n_07 a,
#p_08 #n_08 a,
#p_09 #n_09 a {background: url('nav_current.gif') no-repeat bottom; color: #fff}

/*  Typography
--------------------------------------------------------------------------------------*/
h1 {font: 2.2em Tahoma, Arial, Helvetica, sans-serif; color: #fff;}
#p_01 h1, h2, h3, h4, h5 {float: left; display: block; width: 100%; clear: both; font: 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #494c50; border-bottom: 1px solid #c8c8c8; text-transform: uppercase; padding-bottom: 2px; margin: 20px 0 1em 0;}
p {margin-bottom: 1em;}
.more {position: relative; top: -1em; text-align: right; margin-bottom: 0;}
a, a:visited {color: #FFFFFF; text-decoration: none; font-weight: regular;}
a:hover {color: #BBDBE6;}



.destaque {  font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 17px; text-decoration: none; color: #FFFFFF; font-weight: regular;}
.destaque visited {color: #FFFFFF; text-decoration: none;}
.destaque hover {color: #BADAE5;}


.verde{
	font-family: Tahoma;
	font-size: 13px;
	color: #444444;
}

.verde:hover{
	font-family: Tahoma;
	font-size: 13px;
	color: #4DC0ED;
}

.verde:visited{
	font-family: Tahoma;
	font-size: 13px;
	color: #4DC0ED;
}





#columns img {padding: 1px; background: #FFFFFF; border: 0px solid #eee; margin: 0 0 10px 0; }
#columns #sidecol img {padding: 1; background: none; border: 0px none; margin: 10 }
#columns .thumblist img {float: left; padding: 1px; background: #c8c8c8; border: 5px solid #eee; margin: 0 10px 0 0; }



#columns ul, #columns ol {clear: both; margin: 0 0 1em 2em;}
#columns ul ul {margin-bottom: 0;}
#columns ol li {margin: 0 0 10px 0;}
#sitemap {padding-top: 20px;}
#sitemap ul a {font-weight: normal;}
#columns .thumblist {list-style: none; margin-left: 0;}
#columns .thumblist li {display: block; clear: both; margin-bottom: 5px;}
#columns .thumblist a {display: block; float: left;}
#columns .thumblist a span {font-weight: normal; font-size: 0.9em; color: #999;}
#columns .thumblist a {min-height: 7em;}

.vid {padding: 30px 10px; border: 1px solid #ddd; background: #f8f8f8; text-align: center;}

/*  Journal
--------------------------------------------------------------------------------------*/
.post h2 {border-bottom: none; text-transform: capitalize; font-size: 2em; margin-bottom: 0.5em;}
.post h2 a {font-weight: normal;}
.post small {border-bottom: 1px solid #ccc; display: block; padding-bottom: 3px;  font-size: 0.9em; margin-bottom: 1em;}
.results .post small {border: none; padding: 0;}
.postmetadata, .commentmetadata {display: block; padding: 3px; background: #eee; font-size: 0.9em; border-bottom: 1px solid #ddd;}
.postmetadata a, .commentmetadata a {font-weight: normal;}

.field {padding: 3px; width: 222px; border: 0px solid #bbb;}
.button {padding: 3px 5px;}
textarea {width: 320px; padding: 3px; border: 1px solid #bbb;}
#s {width: 164px;}

.commentlist {display: block; clear: both; list-style: none;}
.commentlist cite {font-style: normal;}
.commentlist h3 {text-transform: none; font-size: 1.1em; margin: 0 0 0.5em 0; border-bottom: none;}
#commentform .field {float: right;}
#commentform .button{float: right;}

#sidecol select {padding: 3px; width: 230px; border: 1px solid #bbb;}


.borda-tabela1 { border: thin; }
.campo-texto {
	background-color:#E6E6E6;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px ;
	color : #2C3679;
	BORDER-RIGHT: #D5D5D5 1px ;
	BORDER-TOP: #D5D5D5 1px ;
	BORDER-LEFT: #D5D5D5 1px ;
	BORDER-BOTTOM: #D5D5D5 1px ;
	border-style : solid;
}
.campo-texto2 {
	background-color: #F4F4F4;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px ;
	color : #2C3679;
	BORDER-RIGHT: #DBD7D7 1px ;
	BORDER-TOP: #DBD7D7 1px ;
	BORDER-LEFT: #DBD7D7 1px ;
	BORDER-BOTTOM: #DBD7D7 1px ;
	border-style : solid;
}
.campo-texto3 {
	background-color: #F4F4F4;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px ;
	color : #2C3679;
	BORDER-RIGHT: #DBD7D7 1px ;
	BORDER-TOP: #DBD7D7 1px ;
	BORDER-LEFT: #DBD7D7 1px ;
	BORDER-BOTTOM: #DBD7D7 1px ;
	border-style : solid;
	SCROLLBAR-FACE-COLOR: #DBD7D7; 
	SCROLLBAR-HIGHLIGHT-COLOR: #DBD7D7; 
	SCROLLBAR-SHADOW-COLOR: #F4F4F4; 
	SCROLLBAR-3DLIGHT-COLOR: #E2E2E2; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR: #F4F4F4; 
	SCROLLBAR-DARKSHADOW-COLOR: #F4F4F4
	MARGIN: 0px;
}






/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */