*{
	padding:0px;
	margin:0px;
}

body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#web {
	width: 970px;
	height: 660px;
	margin: 0 auto; 
	border: 0px;
	text-align: left; 
	background-color:#ffffff;
}

#cabecera{
	height:100px;	
	background-color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

#hora{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	float:right;
	padding-top:57px;
}

#menuborde{
	width:5px;
	height:40px;
	float:left;
}

#menu{
	width:960px;
	height:40px;
	float:left;
	background-image:url(../images/menu.gif);
	background-repeat:repeat-x;
}

#banner{
	padding:20px;	
	display:inline-block;
}

#contenido{
	padding:20px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	font-size:12px;
}

ul.menusup {
	margin:0px;
	padding:0px;
	padding-top:12px;
	padding-left:0px;
}

li.menusup {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#001c4d;
	padding-right:10px;
	padding-left:10px;
	margin:0px;
	list-style:none;
	border-right:1px #ffffff solid;
}

li.menusup a { color:#ffffff; text-decoration:none; }
li.menusup a:hover { color:#eeeeee; text-decoration:none; }

h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#b90851;
	font-size:24px;
	padding-bottom:20px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	padding-top:7px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#b90851;
	font-size:14px;
	padding-bottom:10px;
}

#cuadro{
	width:210px;
	height:210px;
	padding-left:15px;
	padding-right:15px;
	float:left;
}

#cuadrocab{
	width:190px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	padding-left:20px;
	background-image:url(../images/cabcuadro.gif);
	background-repeat:no-repeat;
}

#cuadrocontenido{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	width:170px;
	height:135px;
	background-color:#ebebeb;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	font-size:12px;
}

#cuadropie{
	height:5px;
	width:210px;
	background-image:url(../images/piecuadro.gif);
	background-repeat:no-repeat;
}

#lineapie{
	height:1px;
	background-color:#b90851;
	width:970px;
	display:inline-block;
}

#pie{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
	padding-left:20px;
	width:950px;
	padding-top:5px;
}

#cuadrocomercio{
	width:465px;
	height:120px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

img.fotocomercio{
	float:left;
	padding-right:10px;
}


/* Área de clientes PEDIDOS*/

.resumenPedido {
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: #dddddd;
    margin: 5px 0px;
    padding: 15px;
}

.resumenPedido .cabecera{
    -moz-border-radius: 10px 10px 10px 10px;
    /*background-color: #f5f5f5;*/
    background-color: #ffffff;
    margin: 5px 0px;
    padding: 3px 10px;
}
.resumenPedido .toggle{
    -moz-border-radius: 10px 10px 10px 10px;
    margin: 5px 0px;
    padding: 3px 10px;
    cursor: pointer;
    text-decoration: underline;
}

.resumenPedido .pedidoCompleto {
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    margin: 5px 0px;
    padding: 15px;
    font-size: 12px;
}

.resumenPedido .cTitulo, .resumenPedido .c1{
    background-color: #b90851;
    color: #FFFFFF;
}
.presentacion{ float:right; padding-right: 5px; border-left: 1px #000000 solid; padding-left: 5px; }
/* FIN AREA CLIENTES PEDIDOS*/
	.error{color:#CC0000; font-weight:bold;}
	.ok{color:#339933; font-weight:bold;}