/*  
URI:http://www.steinproducoes.com.br
Version:2.0
Author:Rogério Lima
*/



/*/////////////////////////////////////////
//  TAGS HTML
////////////////////////////////////////*/

* { 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:16px; color:#000000; text-align:justify; line-height:28px; 
	margin:0px; border:0px; padding:0px; 
}
strong { 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:16px; color:#000000; text-align:justify; line-height:28px; 
}

body {
	background:#FFFFFF url(../gifs/imagemFundo.jpg) no-repeat fixed center center;
}

table { width:100%; border-spacing:0px; } /* border:1px solid #FF0000;  */

table.workshop tr { vertical-align: top; } 
table.workshop td.tdItem { width:100px; font-weight: bold; } 
table.workshop td.tdDesc { text-align: justify; } 


h1,h2,h3,h4,h5,h6 { font-weight:bold; text-align:center; }
h1 { font-size:22px; color: #FFFFFF; }
h2 { font-size:20px; color: #990000; }
h3 { font-size:18px; color: #990000; text-align:left; }
h4 { font-size:18px; color: #000000;  }
h5 { font-size:18px; color: #000000; text-align:left; }
h6 { font-size:18px; color:#FFFFFF;}
/* div.div h6,a { text-align:center; } */
h6.itens { text-align:center; }
p { font-size:17px; }

cite{ font-size:18px; color: #E5DDAD; font-style: normal; font-weight: bold; }
abbr{ color: #0000FF; font-weight:bold; }
small{ color: #0000FF; font-size:11px; }
p tt { color:#FFFFFF; }

ul.form { text-indent: -16pt; margin-left: 18px; list-style-type: none; }





/*/////////////////////////////////////////
//  IDs e CAMADAS
////////////////////////////////////////*/

/* menuPrincipal */
#menuPrincipal { margin:0; list-style:none; }
#menuPrincipal a { font-size:14px; line-height:14px; }
#menuPrincipal a:link, a:visited { color:#E5DDAD; } 
#menuPrincipal a:hover, a:active { color:#FF0000; }
#menuPrincipal li { 
	background:url(../gifs/boxMenu.png) repeat; 
	font-size:14px; line-height:14px; margin-left:15px; margin-right:15px; margin-top:3px; padding-left:10px; 
}

/* links */
a { text-decoration:none; } a:link, a:visited { color:#E5DDAD; } a:hover, a:active { color:#FF0000; }
h4 a:link, h4 a:visited { font-size:18px; color:#0000FF; }

/* camadaParceiros */
#camadaParceiros{
	position:relative; float:left; top:-10px; left:15px; width:120px; /* height:300px; */
	text-align:center; vertical-align:top; font-size:10px; 
}



/*/////////////////////////////////////////
//  ESTILOS DAS CÉLULAS
////////////////////////////////////////*/

/*  width="25" height="250" background="gifs/boxSupEsq.png" */
.boxSupEsq{ 
	background-image:url(../gifs/boxSupEsq.png); background-repeat:no-repeat; background-position:left top;
	height:250px; width:25px;
}

/* width="150" valign="top" background="gifs/boxSupPreto.png */
.boxSupPreto{
	background-image:url(../gifs/boxSupPreto.png); background-repeat:repeat;
	width:150px; vertical-align:top;
}

/* align="left" valign="middle" background="gifs/logoStein.png */
.steinProd {
	background:url(../gifs/logoStein.png) no-repeat right top;
	vertical-align:middle; text-align:center; font-weight:normal; font-size:23px; line-height:25px; color:#666666;
	padding-right:210px; 
}

/* width="25" height="250" background="gifs/boxSupDir.png" */
.boxSupDir{ 
	background-image:url(../gifs/boxSupDir.png); background-repeat:no-repeat; background-position:right top;
	width:25px;
}

/* background="gifs/boxBranco.png" */
.boxBranco{ 
	background-image:url(../gifs/boxBranco.png); background-repeat:repeat;
	vertical-align:top;
}

/* align="center" valign="top" background="gifs/boxPreto.png" */
.boxPreto{
	background-image:url(../gifs/boxPreto.png); background-repeat:repeat;
	vertical-align:top;
}

/* background="gifs/boxInfEsq.png" */
.boxInfEsq{
	background-image:url(../gifs/boxInfEsq.png); background-repeat:no-repeat; vertical-align:top;
	height:25px;
}

/* background="gifs/boxInfPreto.png" */
.boxInfPreto{
	background-image:url(../gifs/boxInfPreto.png); background-repeat:repeat-x;
	vertical-align:top; height:25px;
}

/* background="gifs/boxInfBranco.png" */
.boxInfBranco{
	background-image:url(../gifs/boxInfBranco.png); background-repeat:repeat-x;
	vertical-align:top; height:25px; text-align:center; 
}

/* background="gifs/boxInfDir.png" */
.boxInfDir{
	background-image:url(../gifs/boxInfDir.png); background-repeat:no-repeat;
	vertical-align:top; height:25px; 
}



/*/////////////////////////////////////////
//  ESTILOS TEXTOS e FORMs
////////////////////////////////////////*/

.celTexto { padding-left:20px; vertical-align:middle; }

.celCBTA { height:100px; vertical-align:top; text-align:center; }

.celRodape { height:100px; vertical-align:bottom; text-align:center; }

.lista { margin-left:20px; width:96%; }
.lista1{ font-size: 14px; list-style-type:decimal; margin-top:10px; }
.lista2{ font-size: 14px; list-style-type:lower-alpha; margin-bottom:10px; }
.lista1 li{ margin-top:10px; }

.aceitar {color:#E5DDAD; }

.vermelho {color:#990000; }

.esgotado { color:#FF0000; }

.btRadio { border:0px; background-color: transparent; }

.foto{ text-align: right; float:right; padding-right:15px; padding-top:15px; padding-left:15px; }
.fotoE{ text-align: right; float:left; padding-right:15px; padding-top:15px; padding-left:15px; }


/*
form,input,select,textarea,label,strong { font-family: "Courier New", Courier, monospace; }
*/
label {display:inline-block; }
input,select,textarea {
	background:url(../gifs/boxBranco.png) repeat;
	background-color: transparent;
	border: 1px solid #666666;
}

.btForm{
	font-size: 13px; color: #E5DDAD;
	background-color: transparent; border: thin solid #CCCCCC;
	text-align: center; font-weight: bold; cursor: pointer; cursor: hand;
}
.objForm {
	font-size: 13px; color: #000000; text-align: justify;
	background-color: transparent; border: thin solid #000000;
	padding-right: 5px; padding-left: 5px;
}
.transparente { 
	background-color: transparent; background-attachment: fixed; background-image: url(../gifs/boxBranco.png); background-repeat: repeat; 
	font-size: 13px; padding-left:3px; padding-right:3px;
}

.recuado1 {
	text-indent: -20pt;
	margin-left: 27px;
	margin-bottom: 5px;
	margin-top: 10px;
}
.recuado2 { 
text-indent: -15pt; margin-left: 40px; 
	margin-bottom: 5px;
}
.recuado3 { margin-left: 50px; }

.div {
	position:relative; margin: 10px; padding: 10px; border: 1px solid #E5DDAD;
	background-attachment: fixed; background-image: url(../gifs/boxPreto.png); background-repeat: repeat;
	-moz-border-radius:7px; /* Firefox, etc */
	-khtml-border-radius:7px; /* Konqueror, etc */
	-webkit-border-radius:7px; /* Safari, Google Chrome, etc */
	-opera-border-radius:7px; /* Opera */
}

.box1{
	position:relative;
	float:right;
	left:-50%;
	width:40%;
	visibility: hidden;
}
.box2 {
	position:relative;
	top:10px;
	left:50%;
	width:40%;
	visibility: hidden;
}
.box3 { position:relative; top:-100px; left:2%; width:500px; }

.boxCadastro { 
	position:relative; top:-100px; left:20px; width:90%; height:50px; 
	font-size:12px; text-align:center; color:#E5E5E5; 
	vertical-align: middle; 
}
.boxCadastro p { font-size:12px; text-align:center; color:#E5E5E5; }

.center { text-align:center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }

.copyright { vertical-align: middle; text-align: center; color: #333333; font-size: 11px; }

	

/*/////////////////////////////////////////
//  SLIDE PARCEIROS
////////////////////////////////////////*/

/* jcarousel */
.jcarousel-skin-tango .jcarousel-container-vertical { width:120px; height:295px; padding:0px 0px; } /* <== ajuste do slide */
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:120px; height:231px; } /* <== ajuste do slide */
.jcarousel-skin-tango .jcarousel-clip-vertical { width:120px; height:231px; } /* <== ajuste do slide */
.jcarousel-skin-tango .jcarousel-item { width:120px; height:77px; } /* <== ajuste do slide */
/* controles manuais */
/* .jcarousel-skin-tango .jcarousel-prev-vertical { position:absolute; background:transparent url(../slideParceiros/prev-vertical.png) no-repeat 0 0; cursor:pointer; top:-30px; left:45px; width:120px; height:32px; }
.jcarousel-skin-tango .jcarousel-next-vertical { position:absolute; background:transparent url(../slideParceiros/next-vertical.png) no-repeat 0 0; cursor:pointer; bottom:32px; left:45px; width:120px; height:32px; }
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position:relative; top:20px; width:120px; height:295px; text-align:center; }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li, .jcarousel-item { float:left; list-style:none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width:75px; height:75px; }
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index:3; display:none; }
.jcarousel-prev { z-index:3; display:none; }