@CHARSET "ISO-8859-1";

h1{
	font-size:100%;
	font-weight:normal;
	}
h2{
	font-size:100%;
	font-weight:normal;
	}	
h3{
	font-size:100%;
	margin:0;
	top:0px;
	
	}	
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:0px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
	}		
.clear{
	clear:both;
	}	
img{border:none;}

/* */

/* all form DIVs have position property set to relative so we can easily position newly created SPAN */ 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:10;
		height:26px !important;
		line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:255px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	<!--background:url(img)img_site/bg_select.gif) no-repeat 0 0;!-->
	cursor:default;
	z-index:1;
	}
	
/* first variation (LABEL is above the SELECT) */	
form div.variation1 label{display:block;line-height:26px;}

/* second variation (LABEL is placed on the left of the SELECT) */	
form div.variation2 label{float:left;width:100px;line-height:26px;}
form div.variation2 span.select{left:100px;}
.blur{
   background-color: #ccc; /*shadow color*/
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
}
.lineselected{
	background-image: url(../img_site/select.gif);
	height:30px;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;

}
.line{
	
	height:30px;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;

}

.shadow,
.content{
   position: relative;
   bottom: 2px;
   right: 2px;
}

.shadow{
   background-color: #666; /*shadow color*/
   color: inherit;
}

.content{
   background-color: #fff; /*background color of content*/
   color: #000; /*text color of content*/
   border: 1px solid #000; /*border color*/
   padding: .5em 2ex;
} 

.box{
	margin-right:3px;
	margin-left:3px;
	padding: 0px;
	background-color:white;
		border:1px solid gray;
}


.transparentback{
	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	color: #101010;
	margin-left: 0px;
	margin-right: 0px;
	font: bold 12px Verdana;
	border-bottom-color: white;
}

.transparentbackselected{
	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	color: #101010;
	margin-left: 0px;
	margin-right: 0px;
	font: bold 12px Verdana;
	border-bottom-color: white;
}

.transparent{
	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	color: #101010;
	margin-left: 0px;
	margin-right: 0px;
	font: bold 12px Verdana;
	border-bottom-color: white;
	opacity:.50;
	
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}

.groupselected{

	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	color: #101010;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	font: bold 12px Verdana;
	border-bottom-color: white;
}

.group{
	height:100px;
	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	border: 0px solid #778;
	color: #101010;
	font: bold 12px Verdana;
}

.iconeselected{
	height:100px;
	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	color: #101010;
	margin-left: 4px;
	margin-right: 5px;
	font: bold 12px Verdana;
	border-bottom-color: white;
}

.icone{
	height:35px;
	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	margin-top: 35px;
	margin-left: 15px;
	margin-right: 15px;
	border: 0px solid #778;
	color: #101010;
	font: bold 12px Verdana;
}

.iconevertical{
	height:35px;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0; 

	position: relative;
	z-index: 1;
	margin-top: 15px;
	border: 0px solid #778;
	color: #101010;
	font: bold 12px Verdana;
}
.iconeselectedpeq{
	height:65px;
	text-decoration: none;
	text-align: center;

	position: relative;
	z-index: 1;
	color: #101010;

	font: bold 12px Verdana;
	border-bottom-color: white;
}



.iconepeq{
	height:30px;
	text-decoration: none;
	text-align: center;
	
	position: relative;
	z-index: 1;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	border: 0px solid #778;
	color: #101010;
	font: bold 12px Verdana;
	opacity:.50;
	
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}

p{font-family:verdana;font-size:xx-small}
td {
	font-family:Verdana;
	font-size:8pt;
	font-weight: lighter;
}

div {
	font-family:Verdana;
	font-size:8pt;
	font-weight: lighter;
}

.input_270{
	border: 0px black solid;
	width:270px;
	height:29px;
	padding-left:7px;
	background: url('../img_site/input_270.png') no-repeat;
}

.input_250{
	border: 0px black solid;
	width:250px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_250.png') no-repeat;
}

.input_200{
	border: 0px black solid;
	width:200px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_200.png') no-repeat;
}

.input_60{
	border: 0px black solid;
	width:60px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_60.png') no-repeat;
}
.input_90{
	border: 0px black solid;
	width:90px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_90.png') no-repeat;
}

.input_120_22{
	border: 0px black solid;
	width:120px;
	height:22px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_120_22.png') no-repeat;
}

.input_180{
	border: 0px black solid;
	width:180px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_180.png') no-repeat;
}

.input_140{
	border: 0px black solid;
	width:140px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_140.png') no-repeat;
}

.input_150{
	border: 0px black solid;
	width:150px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_150.png') no-repeat;
}

.input_100_25{
	border: 0px black solid;
	width:100px;
	height:25px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_100_25.png') no-repeat;
}

.input_100{
	border: 0px black solid;
	width:100px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_100.png') no-repeat;
}

.input_80{
	border: 0px black solid;
	width:80px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_80.png') no-repeat;
}

.input_40{
	border: 0px black solid;
	width:40px;
	height:29px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/input_40.png') no-repeat;
}
.select_200{
	border: 1px #999999 solid;
	width:200px;
	height:20px;
	padding-left:0px;
	padding-top:0px;
	line-height:20px;
}
.select_100{
	border: 1px #999999 solid;
	width:100px;
	height:20px;
	padding-left:0px;
	padding-top:0px;
	line-height:20px;

}

.select_150{
	border: 1px #999999 solid;
	width:150px;
	height:20px;
	padding-left:0px;
	padding-top:0px;
	line-height:20px;

}

.textarea_220{
	border: 0px #999999 solid;
	width:220px;
	height:70px;
	padding-left:7px;
	padding-top:2px;
	background: url('../img_site/textarea_220.png') no-repeat;
}

.transp{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */}

.titulo {font-family:verdana;font-size:8px;color:#000000}
.peq {font-family:verdana;font-size:10px;color:#666666}
.menu-header {font-size:28px;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;font-style:italic;text-decoration:none;}
.menu-header2 {font-size:22px;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;font-style:italic;}
.cont {font-size:18px;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;font-weight:bold;}

.menu {font-size:12px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#000000;text-decoration:none;}

.menu_mark {font-size:19px;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;color:#333333;text-decoration:none;}
.menu2 {font-size:12px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#555555;}
.menu3 {font-size:12px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#555555;}
.menu4 {font-size:12px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#800000}
.menu5 {font-size:25px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#555555;}
.menuselected {font-size:17px;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;font-weight:bold;color:#17B3E6;}

.header {text-decoration:none;font-size:16px;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT";color:black;}
.destaque {font-size:10px;font-weight:bold;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT";}
.preco {font-size:24px;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT";color:red;font-weight:bold;}
.descricao {font-size:12px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#0000CD;}
.descricao2 {font-size:12px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#228B22;}
.descricao3 {font-size:12px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#800000;}
.descricao4 {font-size:16px;font-family: "Verdana", "Verdana", "Verdana", Calibri, sans-serif;color:#006400;}

#32CD32

.sombra1	{width: 300px;
		height: 200px;
		background: #999;}

.sombra1 img	{position: relative;
		top: -3px;
		left: -3px;}
/* segundo efeito de sombra, utilizando imagem */

.sombra2	{background: url(sombra.png) no-repeat bottom right;
		width: 305px;
		height: 205px;}

/* terceiro efeito de sombra, utilizando imagem e borda na foto */

.sombra3	{background: url(sombra.png) no-repeat bottom right;
		width: 313px;
		height: 213px;}

.sombra3 img	{border: #CCF solid 4px;}

hr { height: 0;border:0; border-bottom: 1px dotted #000; color:#333333; }
.vr { width:0;height:250px;margin-left:50%;border-left:dotted 1px red;}
.box { width:650px;height:50px;border:dotted 1px green;}



/* DRAG */


/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement {
 position: absolute;
 border: 1px solid #333;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 height: 20px;
 border-bottom: 1px solid #666;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}