
body {
	margin:0;
	padding:0;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	color: #222;
}

a {
	border: none;
	text-decoration: none;
	padding:0;
	margin:0;
}

a:hover {
	border: none;
}

/* Outer */

#outer
{
	position: relative;
	margin:0;
	padding:0;
	width:980px;
}

/* Header */

#logo
{
    background-image: url(../images/logo2.png);
    background-repeat:no-repeat;
    background-position: right top;
    width:370px;
    height:100px;
    float:left;
    padding:0;
    margin:0;
    border:none;
}
#titulo {
 padding-top:30px;
 width:300px;
 height:100px;
 float:right;
 text-align:center;
 font-family:"Trebuchet MS", AvantGarde Bk BT, Arial;
}

#products {
 position:relative; 
 width:275px;
 text-align:left;
 float:left;
}
#product {
 padding:5px;
 min-height:400px;
 max-height:550px;
 overflow:auto;
 overflow-x:hidden;
 position:relative;
}
#prod1 {
 height:40px;
 font-family:"Trebuchet MS", AvantGarde Bk BT, Arial;
 padding:5px;
}
#prod1 h3 { margin:0; padding:0; color:Navy;}
#prod1 a { text-decoration:none; color:Maroon;}

#order {
 position:relative; 
 width:700px;
 border:solid 1px #999;
 text-align:left;
 float:left;
}

#detalle {
 padding:0 15px;
 border:solid 1px #888;
}
.fecha { text-align: right; display:block;}
.lbt1 {
 width:140px;
}
.lbt2 {
 padding-left:15px;
}
.tbt1 {
 width:500px;
}
.tbt2 {
 width:150px;
}
.borra{width:16px; height:16px; position:relative; border:solid 1px #777;}
.borra span {width:16px; height:16px; background-image: url(images/borra.jpg); background-repeat:no-repeat; position:absolute; left:0px; top:-8px; cursor:pointer;}
.prodx{ width:500px;}
.unidad{ width:80px; padding-left:10px;}
.cantidad{ width:80px; text-align:right;}
.clear {
 clear:both;
}

/* botones */
.lkbutton {
	display: block;
    position: relative;
    height:32px;
    width:100px;
    color:#555;
}
.lkbutton span {
    left:0;
    top:0;
    width:100px;
    font-size:0.8em;
    text-align:center;
    text-transform:lowercase;
    /*vertical-align:middle;*/
    display: block;
    position:absolute;
    cursor:pointer;
    color:#333;
}

.lkbutton span {height:25px; padding:7px 0 0 0; line-height:1.2em;}
.sboton { background: url(Images/boton4.png) no-repeat left top;}
.sboto5 { background: url(Images/boton5.png) no-repeat left top;}
.lkbutton:hover span { background-position: left -32px; color:#222;}

/* Footer */

#footer {
	clear: both;
	height:65px;
	width:100%;
}

#footer .izqui 
{
    float:left;
	padding-left:15px;
	text-align: left;
	font-size: .7em;
	position:absolute;
	bottom:3px;
}

#footer a {
	color: #888888;
}

#footer .derec 
{
    float:right;
    text-align:right;
	padding-right:5px;
	font-size: .7em;
	color:#4d040a;
	position:absolute;
	bottom:3px;
	right:0;
}


.text2 {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	color:#004890;
}

/* Content */

#content
{
    line-height: 1.7em;
	margin:0;
	padding:0;
}

img.left {
	float: left;
	margin: 3px 15px 0 0;
}

img.right {
	float: right;
	margin: 3px 0 0 15px;
}

/**Styling information specific to individual content pages**/

/* Accordion */
h3.toggler
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding:3px;
    margin:0;
    cursor:pointer;
    position:relative;
    display:block;
}
/*
h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}
*/

#products .toggler a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#products .toggler a:hover
{
	background: none;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding:3px;
    margin-top:2px;
    cursor: pointer;
}

#products .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#products .accordionHeaderSelected a:hover
{
	background: none;
}

.element
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding:3px;
    padding-top:5px;
    padding-bottom:10px;
    font-size: 12px;
    display:block;
    position:relative;
}
#products .element a
{
	color: #444;
	background: none;
	text-decoration: none;
	display:block;
	
}

#products .element a:hover
{
	background: none;
}


.aclk{ display:block; position:relative;}
.aclk span{ right:3px; position:absolute; text-transform:lowercase;cursor:pointer;}
.plk span{ position:absolute; right:3px; width:12px; height:12px; border:solid 1px red;cursor:pointer;}

#accordion {
	margin:20px 0px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}