/* CSS Document */
.avatarChange {
    padding:2px;
    border:1px #036 solid;
    background-color:#87C6E0;
    font-size:9px
}

.aviso {
    background-color:#FC6;
    font-size:12px;
    padding: 5px;
    display:block;
    width:100%;
}

.btn {
    color:#FFF;
    width:100px;
    background-image:none;
    font-weight:bold;
}

.btnadd { background-image:url(../images/ico/Adicionar.png); background-color:#CC9; }
.btncadastrar { background-image:url(../images/ico/Cadastrar.png); background-color:#069; }
.btndeletar { 2background-image:url(../images/ico/Deletar.png); background-color:#066; }

.btnDown {
    line-height:0;
    width:1px;
    height:0px;
    border-style: solid;
    border-color: #FC0 transparent transparent transparent;
    border-width: 7px 7px 1px;
}

.btnFecha {
     background-color: transparent;
     background-image: none;
     border: 1px solid #FFFFFF;
     color: #FFFFFF;
     cursor: pointer;
     font-size: 8px;
     margin: 2px 4px;
     padding: 1px 3px;
     width: 20px;
}

.btnfoto { background-image:url(../images/ico/camera.png); background-color:#9CC; }

.btnLeft {
    line-height:0;
    width:1px;
    height:0px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #fc0;
    border-width: 7px;
}

.btnPlus {
    padding:0; width:14px; height:14px; border:1px solid #fff;
    float:left; margin-top:1px; margin-right:10px; text-align:center; color:#FFF; cursor:pointer; }

.btnrelacao { background-image:url(../images/ico/Relacao.png); background-color:#339; }

.btnRight {
    line-height:0;
    width:1px;
    height:0px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fc0;
    border-width: 7px;
}

.btnsalvar { 2background-image:url(../images/ico/Gravar.png); background-color:#F30!important;   }

.blogPart { background-image:url(../images/texturas/paint.jpg); height:35px }
.blogPart a { 
    color: #fff;
    font-weight:bold;
    padding:10px;
    border:1px #fff solid;
    border-bottom:none;
    border-top:none
 }

.coluna {
    width:500px;
    padding:5px;
    text-align:left;
    float:left;
    margin-left:10px;
    display:block
}

.comments {
    background-image:none;
    border:none;
    background-color:#FFF;
    float:right;
    background-image:url(../images/ico/balloon.png);
    background-repeat:no-repeat;
}

.cmyks, .squares {
    width:10px;
    height:10px;
    float:left;
    margin:12px 5px;
    background-color:#000;
    border:1px #fff solid;
}

.squares {
    width:75px;
    height:45px;
    padding-top:25px;
    background-image:url(../images/texturas/degrade.png);
    background-position:bottom;
    background-repeat:repeat-x;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}

.caixa { 
    position:absolute; top:10px;
    left:10px;
    -webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
    box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
    display:none;
    padding:6px;
    border:none;
    border-bottom:6px #aaa solid\9;
    border-right:6px #aaa solid\9;
    width:auto;
    height:auto;
    overflow:hidden;
}

.caixa fieldset { clear:both; width:inherit; float:none; padding:3px }

.caixaIn { 
    background-color:#667;
    overflow:auto;
    width:100%!important; max-height:500px; min-height:150px;
    height:auto; border:none!important
}

.caixaIn h4 { color:#CFF }

.caixa .btnFecha { float:right; }

.field-sub .divLista * {  }

.field-sub .divLista table { width:400px!important }

.divLista span { width:100%; clear:both; text-align:left; color:#fff }

.divLista button { float:left }

.dragbar {
    width:100%;
    height:24px;
    display:block;
    padding:4px 0;
    background-color:#C90;
    background-image:url(http://www.prancheta.com/images/texturas/degrade.png);
    background-position:0 -3px;
    border:none;
    cursor:move;
    text-align:left;
    color:#036
}

.dragbar .btnFecha {
    border:1px #fff solid;
    color:#FFF;
    float:right;
    margin:2px 4px;
    padding:3px;
    cursor:pointer;
    font-size:8px;
    background-color:transparent;
    width:18px;
    height:18px;
    background-image:none;
}


.dragbar label {
    float:left;
    padding:5px;
    font-weight:bold;
    color:#fff;
    font:12px
}

.dragbar img {
    float:right;
    margin:2px 4px;
    width:16px;
    height:21px;
    border:none;
    cursor:pointer;
    filter : alpha(opacity=70);
    moz-opacity : 0.7;
    opacity: 0.7;
}

.fIMG{ width:50px; height:35px }

.hide { display:none }

.hidewrite { display:none; font-size:12px; clear:both; background-color:orange; min-height:20px; clear:both }

.imgAvatar {
    border:1px solid #036;
    margin-right:15px;
    cursor:pointer
}

.innerJ {
    display:block;
    padding:1px;
}

.innerJ * {

}

.hide { display:none }

.menuL {  padding:10px 0 }

.menuL li {  padding:5px 0 }

.menuL a {
    padding-left: 18px;
    margin-bottom: 13px;
    height: 32px;
    font-size:12px;
    color:#006;
    background-image:url(../images/ico/balao.png);
    background-repeat:no-repeat
}

.menuL a .menuUp { background-image:url(../images/ico/up_on.gif); }

.produto {
    padding:3px;
    margin: 3px;
    display:block;
    float:left;
}

.produto button { 
    width:100px;
    margin-bottom: 5px
}

.produto span, .produto h5 { 
    width:100%;
    display:block;
}

.promocao {
    background-image:url(../images/texturas/tra_am.png);
}

.square { width:15px; height:15px; border:1px solid #000; cursor:pointer; float:left }

fieldset .square { width:20px; height:20px; margin:0 10px; }

td .square { width:12px; height:12px; }

.thumb {
    padding:3px;
    border:1px solid #036;
    margin-bottom:7px;
    cursor:pointer;
    width:50px;
    height:50px
}

/* ----------------------------------------------------------------------- */

.avatarChange {
	padding:2px;
	border:1px #036 solid;
	background-color:#87C6E0;
	font-size:9px
}

.aviso {
	background-color:#FC0;
	font-size:12px;
	border:1px #039 solid;
	padding: 5px;
}

.btn {
	color:#FFF;
	width:auto;
	background-color:#aa1;
	padding:5x;
	padding-left:20px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:5px;
	margin:1px
}

.btnadd { background-image:url(../images/ico/Adicionar.png); background-color:#CC9;  }
.btncadastrar { background-image:url(../images/ico/Cadastrar.png); background-color:#069; }
.btndeletar { background-image:url(../images/ico/Deletar.png); background-color:#066; float:left }
.btnfoto { background-image:url(../images/ico/camera.png); background-color:#9CC; }
.btnrelacao { background-image:url(../images/ico/Relacao.png); background-color:#339; }

.btnsalvar,.btnsave  { background-color:#F30!important;  }

.btnUp {
	line-height:0;
	width:1px;
	height:0px;
	border-style: solid;
	border-color: transparent transparent #FC0 transparent;
	border-width: 1px 7px 7px;
}
 
.btnDown {
	line-height:0;
	width:1px;
	height:0px;
	border-style: solid;
	border-color: #FC0 transparent transparent transparent;
	border-width: 7px 7px 1px;
}

.btnLeft {
	line-height:0;
	width:1px;
	height:0px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fc0;
	border-width: 7px;
}

.btnRight {
	line-height:0;
	width:1px;
	height:0px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #fc0;
	border-width: 7px;
}


.blogPart { background-image:url(../images/texturas/paint.jpg); height:35px }
.blogPart a { 
	color: #fff;
	font-weight:bold;
	padding:10px;
	border:1px #fff solid;
	border-bottom:none;
	border-top:none
 }

.coluna {
	width:500px;
	padding:5px;
	text-align:left;
	float:left;
	margin-left:10px;
	display:block
}

.comments {
	background-image:none;
	border:none;
	background-color:#FFF;
	float:right;
	background-image:url(../images/ico/balloon.png);
	background-repeat:no-repeat;
}

.cmyks, .squares {
	width:10px;
	height:10px;
	float:left;
	margin:12px 5px;
	background-color:#000;
	border:1px #fff solid;
}

.dragbar {
	width:99%;
	height:20px;
	display:block;
	padding:1px 2px;
	background-color:#cc9;
	border:1px #039 solid;
	border-left-color : #FFF;
	border-top-color : #FFF;
	background-image:url(../images/fundo.jpg);
	cursor:move;
	color:#fff;
}

.dragbar label {
	float:left;
	margin:2px 3px;
	color:#fff;
	font-weight:bold
}

.dragbar img {
	float:right;
	margin:2px 4px;
	width:16px;
	height:16px;
	border:none;
	cursor:pointer;
	filter : alpha(opacity=70);
	moz-opacity	: 0.7;
	opacity: 0.7;
}

.fIMG{ width:50px; height:35px }

.fset { float:left; width:200px; padding-top:13px; margin:0; height:auto }
		
.fset * { float:left }

.fset li { clear:both; width:100% }

.fset a, .fset button { 
	color:#FFFFFF; margin-left:10px;  background-image:url(../images/button.png);
	background-repeat:no-repeat; padding:3px; display:block;
	background-color:transparent; height:18px; width:18px;
	text-align:center;	
}

.fset a:hover, .fset button:hover { background-position:right } 

.fset input {
	background-color:transparent;
	border:none; margin-bottom:3px;
	color:#fff; font-size:12px;
	background-image:url(../images/input.png); padding:1px 13px; width:150px;
	height:22px;
	background-repeat:no-repeat }

.fset textarea {
	border:1px solid #ccc; background-color:transparent;
	width:290px; height:200px;
	background-image:url(../images/texturas/trp_000.png);
	color:#FFFFFF; padding:5px; margin:0 5px;
	*width:280px;
}

.hide { display:none }

.imgAvatar {
	border:1px solid #036;
	margin-right:15px;
	cursor:pointer
}

.innerJ {
	display:block;
	padding:1px;
}

.innerJ * {

}

.janela {
	padding:0px;
	border:5px #58a ridge;
	position:absolute;
	background-color:#036
}

.menuADM { float:left; width:250px; border-left:7px solid #CCC; padding:10px }

.menuADM li { font-size:16px; color:#CF0 }

.menuL {  padding:10px 0 }

.menuL li {  padding:5px 0 }

.menuL a {
	padding-left: 18px;
	margin-bottom: 13px;
	height: 32px;
	font-size:12px;
	color:#006;
	background-image:url(../images/ico/balao.png);
	background-repeat:no-repeat
}

.menuL a .menuUp { background-image:url(../images/ico/up_on.gif); }

.produto {
	border-bottom: 1px solid #369;
	padding:3px;
	margin: 3px;
	display:block;
	height:90px;
	_width: 445px
}

.produto img, .noImg { 
	width:120px;
	height:80px;
	float:left;
	border: 1px solid #369;
}

.produto button { 
	width:100px;
	margin-bottom: 5px
}

.produto span, .produto h5 { 
	width:250px;
	_width:200px;
	display:block;
}

.promocao {
	background-image:url(../images/texturas/tra_am.png);
}

.squares {
	width:75px;
	height:45px;
	padding-top:25px;
	background-image:url(../images/texturas/degrade.png);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.tabela { float:left }

.thumb {
	padding:4px;
	border:1px solid #036;
	cursor:hand;
}