#produtos{width:48%; float:left;}
#info{width:48%; float:right;}
#info a{color:#03c;}
strong{color: #03c; text-align:left;}
.red{color:#C00; font-weight:bold; font-size:15px; line-height:1em;}
.linha{width:98%; padding: 2px 1%;}
.linha_cor{width:96%; padding: 2%; background:#02244f; color:#fff; border-radius:4px; margin:6px 0;}
.linha_border{width:98%; padding:1%; border-bottom:1px solid #333; margin-bottom:4px;}
.excluir{width:5%; float:left; font-size:10px;}
.excluir img{width:100%;}
.img_mini{width:15%; float:left; padding:1%;}
.img_mini img{width:100%; border:2px solid #fff;}
.descri{width:75%; padding:1%; float:right; text-align:left;}
.preco{ background:#eee; border: 1px solid #ccc;}
.clear{clear:both;}
.submit{ width:120px; background: #036; color:#fff; padding:10px; border-radius:6px;}
.l_esq{width:48%; padding:1%; float:left; text-align:right;}
.l_dir{width: 46%; padding:1%; float:right; text-align:left;}
input, select, textarea{width:100%;}

/*DIV MAIS PRODUTOS*/
#mais{
width:98%;
padding:1%;
text-align:center;
background:#eee;
}
.m_mais{width:23%; margin:1%; float:left;}
.m_mais img{width:100%; max-height:150px;}
@media screen and (max-width: 979px) and (min-width: 480px){

}
@media screen and (max-width: 779px) {
#produtos, #info{float:none; width:98%; padding:1%;}
}

@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-radius: 12px;
	width:300px;
}

/*
cor da barra inicial e com painel fechado
 */
.CollapsiblePanelTab {
	background: #eee url(imagens/frete_calc_o.png) top left no-repeat;
	border-bottom: solid 1px #ccc;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	min-height:24px;
}
.CollapsiblePanelContent {margin: 0px;padding: 0px;}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {color: black;text-decoration: none;}
/*
cor da barra quando o painel está aberto
*/
.CollapsiblePanelOpen .CollapsiblePanelTab {background: #eee url(imagens/frete_calc_c.png) top left no-repeat;}

/*

*/
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #ccc;
}
/*
painel com clique ativo
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #f90;}
*/