/* ---------------------------------------------------------------------------
Basic Style Sheet

version: 1.0
author:  sergio l. baptista
email:   sergioelebe@gmail.com
website: http://www.osarte.com.br
--------------------------------------------------------------------------- */
* { margin: 0px; padding: 0px;
}
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; color: #000000; text-align: center;
background: #2e78bd url(../images/back800.jpg) no-repeat;
}
div#wrapper { width: 780px; height: 587px; margin: 15px auto; text-align: left;
border: 0px solid black; position: relative;
background: url(../images/top_osarte.gif) no-repeat top left;
}
div#logo { width: 197px; height:118px; background: url(../images/logo.gif);
position: absolute; z-index: 2; top: 20px; left: 10px;
border: 0px solid black;
}
div#content { width: 631px; height: 455px; float: right;
background: #ffffff; margin-top: 112px; left: 149px;
position: absolute; z-index: 0;
}
div#flash { width: 280px; height: 210px; float: left; background: transparent;
margin-left: 10px; margin-top: 30px; border-top: 4px outset #e2e2e2;
border-right: 8px outset #e2e2e2; border-bottom: 8px outset #e2e2e2;
border-left: 4px outset #e2e2e2;
}
div#menu_flash { width: 580px;  height: 27px; border: 1px solid #b9a977;
margin-top: 25px; margin-left: 10px; margin-bottom: 5px;
}
div#player { width: 140px; height: 40px; padding-left: 3px;
}
h3.title_1 { font-size: 17px; margin-left: 325px; margin-top: 30px;
}
div#produt { width: 550px; height: 140px; border: 0px solid black;
margin-left: 20px; margin-top: 10px; padding: 20px; background-color: #f6f6f6;
}
p.produttext { width: auto; height: 150px; font-size: 12px;
text-align: justify;
}
.imgprodut { width: 140px; height: 160px;  float: left; margin-right: 25px;
}
h3.title_1 { font-size: 17px; margin-left: 325px; margin-top: 30px;
}
p.bodytext { width: 280px; height: auto; font-size: 12px; margin-left: 325px;
text-align: justify;
}
a:link { text-decoration: underline; color: #000000;
}
a:visited { text-decoration: underline; color: #000000;
}
a:hover {  text-decoration: underline; color: #141193;
}
a:active { text-decoration: underline; color: #141193;
}
div#menu { width: 160px; height: 475px; float: left; margin-top: 112px;
background: url(../images/backmenu_osarte.gif) no-repeat top left;
position: absolute; z-index: 0;
}
div#footer { width: 631px; height: 20px; position: absolute; z-index: 1;
background: transparent url(../images/foot_osarte.gif) no-repeat bottom right;
margin-top: 567px; left: 149px; color: #000000; font-size: 10px;
text-align: center; border: 0px solid black;
}
ul#mvertical { width: 150px; height: auto; margin-top: 40px; margin-left:3px;
list-style: none;
}
li.mv { margin-bottom: 1px;
}
li a:link { display: block; width: 140px; height: 20px;color: #b9a977;
text-decoration: none; font-size: 12px; font-weight: bold; text-indent: 8px;
border: 1px solid #b9a977; background: transparent; line-height: 20px;
}
li a:visited { display: block; width: 140px; height: 20px; color: #b9a977;
text-decoration: none; font-size: 12px; font-weight: bold; text-indent: 8px;
border: 1px solid #b9a977; background: transparent; line-height: 20px;
}
li a:hover { display: block; width: 140px; height: 20px; color: #141193;
text-decoration: none; font-size: 12px; font-weight: bold; text-indent: 8px;
border: 1px solid #141193; background: #FFFFFF; line-height: 20px;
}
li a:active { display: block; width: 140px; height: 20px; line-height: 20px;
text-decoration: none; text-indent: 8px; color: #141193; font-size: 12px;
font-weight: bold;
}
/*  -----------------------------------------------------------------------  */
/*  History page */
div#scrolltext { width: 605px; height: 410px; overflow: auto; padding-left: 10px;
scrollbar-arrow-color: #b9a977; scrollbar-base-color: #b9a977;
scrollbar-darkshadow-color: #efe7ca; scrollbar-face-color: #f6f3e4;
scrollbar-highlight-color: #cccccc;	scrollbar-shadow-color: #cccccc;
padding-right: 10px; margin-top: 20px;
}
img.pos { float: left; margin-left: 5px; margin-top: 10px; margin-right: 15px;
margin-bottom: 5px;
}
h3.title { margin-top: 10px; font-size: 16px;
}
p.history { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*  -----------------------------------------------------------------------  */
/*  Empresa page */
div#noscrolltext { width: 605px; height: 420px; overflow: auto; padding-left: 10px;
padding-right: 10px; margin-top: 20px;
}
img.pos { float: left; margin-left: 5px; margin-top: 10px; margin-right: 15px;
margin-bottom: 5px;
}
h3.title { margin-top: 10px; font-size: 16px;
}
p.history { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*  -----------------------------------------------------------------------  */
div#content_paint { width: 621px; height: 475px; float: right;
margin-top: 112px; left: 149px; position: absolute; z-index: 0;
background: #ffffff url(../images/corner_right.jpg) no-repeat bottom right;
padding-left: 10px;
}
/*  -----------------------------------------------------------------------  */
/*  Dicas de decoração page */
div#content_decor { width: 621px; height: 475px; float: right;
margin-top: 112px; left: 149px; position: absolute; z-index: 0;
background: #ffffff url(../images/corner_right.jpg) no-repeat bottom right;
padding-left: 10px;
}
div#flash_decor { width: 600px;  height: 27px; border: 1px solid #f1f1f1;
margin-top: 35px; margin-left: 0px; margin-bottom: 5px;
}
/*  -----------------------------------------------------------------------  */
/*  contact form */
form {  font-size: 1.4em;  width: 27em; margin-left: 110px;
margin-top: 20px;
}
/* fieldset styling */
fieldset { margin: 1em 0; /*  space out the fieldsets a little*/
padding: 1em;  border : 1px solid #b9a977;
}
/* legend styling */
legend { font-weight: bold; color: #202380;
}
/* style for  labels */
label {  display: block;
}
/* style for required labels */
label .required {  font-size: 0.75em;  color:#760000;
}
input { width: 200px;
}
input.radio, input.submit {  width: auto;
}
/* style form elements on focus */
input:focus, textarea:focus {  background: #ffc;
}
input.radio { float: left;  margin-right: 1em;
}
textarea { width: 300px;  height: 100px;
}
/* Hack the labels correctly in IE/Mac*/
/* This is the style I want IE/Mac to see */
input.radio + label { text-indent: 2em;
}
input.radio + label { text-indent: 0;
}
/* End the hack */
/*  -----------------------------------------------------------------------  */
/*  Links Úteis page */
div#usefullinks { width: 420px; height: 380px; margin-top: 40px;
margin-left: 30px; font-size: 14px;
}
span.textlk { color: #141193; font-weight: bold;
}
p a:link { text-decoration: nome; color: #000000;
}
p a:visited { text-decoration: none; color: #000000;
}
p a:hover { text-decoration: underline; color: #000000;
}
p a:active { text-decoration: underline; color: #000000;
}
/*  -----------------------------------------------------------------------  */
/*  Consultoria page */
div#consult { width: 180px; float: left;  border: 0px solid black;
}
p.textconsult { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
p.textconsult2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-style: italic; width: 330px;
}
.alttext{ font-style: normal; font-size: 10px;
}
div#consult2 { width: 300px; clear: both;
}
/*  -----------------------------------------------------------------------  */
/*  Shops page */
div#leftcol{ width: 120px; height: 360px; float: left;
}
div#navbar { width: 495px;  height: 20px; border: 1px solid #f1f1f1;
margin-top: 15px; margin-left: 70px; margin-bottom: 5px; padding-top: 4px;
padding-left: 14px; padding-bottom: 2px;
}
table#shops{ border-collapse: collapse; width: 570px; border: 1px solid #666;
margin-left: 30px; margin-top: 20px;
}
th, td { padding: 0.1em 1em;
}
tr { font-size: 11px;
}
caption { font-size: 16px; font-weight: bold; margin: 1em 0;
}
col { border-right: 1px solid #ccc;
}
col#area{ border: none;
}

thead{ background: #ccc; border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}
th { font-weight: normal; text-align: left; font-size: 12px;
}
tr.odd{ background-color: #edf5ff;
}
td a:link { text-decoration: none; color: #000000; }
td a:visited { text-decoration: none; color: #000000;}
td a:hover {  text-decoration: none; color: #141193; font-weight: bold; }
td a:active { text-decoration: none; color: #141193; }
/*  -----------------------------------------------------------------------  */
/*  Events page */
p.warning { font-size: 20px; margin-left: 100px;
margin-top: 200px;
}