*{ 
	margin:0; 
	padding:0; 
	list-style-type:none;
	border:none;
}
A{ text-decoration:underline; color:#000}
body{
	font:normal 12px  Arial, Helvetica, sans-serif; 
	color: #000;
}
#wrapper{
	width:1000px;
	margin:0 auto;
	background:#DCDEDC;
}

#main-header{
	background:url(../img/back_header.png);
	overflow:hidden;
	clear:both;
	height:1%;
	height:inherit;
}
#middle-content{
	overflow:hidden;
	clear:both;
	height:1%;
	height:inherit;
	padding:10px 0;
	background:url(../img/back_contenido.gif) repeat-x;
}
#footer{ 
	padding:5px 10px; text-align:center;
	font-family: Century Schoolbook, verdana;
}
#left-bar{
	display:inline;
	width:25%;
	float:left;
	margin-left:15px;
}
#content{
	display:inline;
	width:72%; 
	float:left;
	margin-left:15px;
	text-align:left;
}
.expand{ width:93% !important}
.contract{ width:4% !important}
/*Elementos del header*/
UL.header-items LI{
	float:left;
	height:80px;
}
UL.header-items LI.logo{
	width:200px;
	background:url(../img/back_recorte.png) no-repeat right top #000;
	margin-right:30px;
}
UL.header-items LI.user H5, UL.header-items LI.user H4{
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#FFF;
}
UL.header-items LI.user H5{ margin-top:15px}
UL.header-items LI.user H4{ font-weight:bold; margin-top:5px}
UL.header-items LI.options{
	width:300px;
	float:right;
	background:url(../img/back_fcm.png) no-repeat 30px 0;
}
UL.actions{ height:65px; margin-top:8px}
UL.actions LI{
	float:right;
	padding:0  10px;
	border-left:1px dotted #FFF;
	text-align:center;
	height:65px;
}
UL.actions LI.noBorder{ border:none}
UL.actions LI A{ color:#FFF}
UL.actions LI SPAN{ 
	display:block;
	color:#FFF;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	margin-top:2px;
}
/*Terminan elementos del header*/

DIV.comp-container{
	margin:0 0 15px 0;
	overflow:hidden;
	height:1%;
	height:inherit;
	clear:both;
}
DIV.cont-container{
	border:1px solid #000;
	-moz-border-radius-bottomleft : 15px;
	-webkit-border-bottom-left-radius : 15px;
	text-align:center;
}
DIV.menu-options{
	width:205px;
	float:left;
}

#mainmenu{
	min-height:239px; 
	height:auto;
	border:1px solid #000;
	border-bottom:none;
	padding:5px 0;
	background:#FFF;
	overflow:hidden;
}

/*\*/
* html #drop-down-menu {
	height: 239px;
}
DIV.drop-down-menu UL{ margin:10px 0 0 10px}
DIV.drop-down-menu UL LI DIV{ margin-left:10px}
DIV.drop-down-menu UL LI DIV A{
	display:block;
}
DIV.drop-down-menu UL LI DIV A:hover{ background:red}
DIV.drop-down-menu H4{ font:bold 14px/14px Arial, Helvetica, sans-serif}
SPAN.footer-menu{
	display:block;
	border:1px solid #000;
	border-top:none;
	background:#7b1b24;
	padding:5px;
	text-align:center;
	color:#999;
	font:italic bold 14px/14px /*Century Schoolbook,*/ Verdana, Geneva, sans-serif;
	
}
UL.vert-menu-tabs{
	width:40px;
	float:left;
}
UL.vert-menu-tabs LI{ 
	padding:0; 
	margin:0;
	font:normal 12px/11px Arial, Helvetica, sans-serif;
	margin:-1px 0 0 0;
	/*margin:-3px 0 0 0;*/
}
UL.vert-menu-tabs LI.first{ margin-top:0 !important}
DIV.cont-subcontainer{ text-align:left; padding:10px}
H4.subcontainer-title{
	background:#7B1B24; 
	padding:8px 10px;
	font:bold 18px/18px  Verdana, Geneva, sans-serif;
	color:#999;
	text-align:left;
}
H4.subcontainer-title SPAN{ font-size:12px; display:block; font-style: italic; font-weight: bold;}
DIV.cont-subcontainer.red-corner{
	background:url(../img/corner_red.png) no-repeat right -1px ;
}

TABLE, TD, TH{ border-collapse: collapse}

TABLE{ margin:0 auto 0 0 !important;}
TABLE.gray-table, TABLE.gray-table TD, TABLE.gray-table TH{ border:1px solid #D6D6D6}
TABLE.gray-table, TABLE.gray-table TD, TABLE.gray-table TH{margin:0 1px 0 0}
TABLE.gray-table TR{ background:#F7F7F7}
TABLE.gray-table TR.even{ background-color:#E6E6E6}
TABLE.gray-table TR:hover{ background-color:#DAC7C8}
TABLE.gray-table TH{ 
	padding:6px 10px;
	color:#666; 
	font:bold italic 15px Century Schoolbook, Arial, Helvetica, sans-serif;
	background:#E0E0E0;
	text-align:center;
}
TABLE.gray-table TFOOT TD{
		background:#E0E0E0;
		font-weight:bold;
	}
TABLE.gray-table TD{
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	padding:5px; 
	text-align:left;
}
TABLE.gray-table TD A{ color:#000}



/*Elementos de formularios*/
INPUT, TEXTAREA, SELECT{ font: normal 12px Arial, Helvetica, sans-serif;}
INPUT[type="text"],INPUT[type="password"],INPUT[type="file"],SELECT,TEXTAREA{border:1px solid #000}
.error-data{ background:#D2BCBE; border:1px solid #000}
INPUT[type="submit"],INPUT[type="reset"],button, .big-button, .medium-button, .small-button{ 
	height:30px;
	border:none;
	color:#CCC;
}
INPUT[type="submit"],INPUT[type="reset"], button, .small-button{ 
	background: url(../img/back_btn_small.png); 
	width:65px; 
}
.big-button{ 
	background: url(../img/back_btn_big.png); 
	width:140px; 
}	
.medium-button{ 
	background: url(../img/back_btn_med.png); 
	width:100px; 
}

INPUT, TEXTAREA { padding: 2px 5px;}
 LABEL{ margin:0 10px}
 TABLE.form{
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	text-align:left;
}
 TABLE.form TR TD{ padding:3px}
 TABLE.form TR TD.right-align{ text-align:right}
 TABLE.form H1{ font:bold 18px "Times New Roman", Times, serif; font-style:italic}
 TABLE.form SPAN.error-message{ font:bold 11px Arial, Helvetica, sans-serif; font-style:italic; color:#993300; display:block}




/* Date picker */

a.dp-choose-date {
        float: left;
        width: 16px;
        height: 16px;
        padding: 0;
        margin:3px 0;
        display: block;
        text-indent: -2000px;
        overflow: hidden;
        background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
        background-position: 0 -20px;
        cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
        width: 140px;
        float: left;
}

table.cfd td.cfdheader{
	padding-left:0px;
}
table#cfdheader{
	width:100%;
}

table.cfd{
	border: 0px solid #7B1B24;
	font:normal 10px  Arial, Helvetica, sans-serif; 
	
	width: 100%;

}

table.cfd td{
	padding-left: 20px;
	padding-top:  5px;
	padding-bottom:  5px;
	width:50%;
	vertical-align: top;
	}
table.cfd .cfddata{
	font-weight: bold;
	}

table.cfd .upperheader{
	/*background: #ffffff;*/
	overflow:hidden;
	
	font:bold italic 21px/21px Century Schoolbook, Verdana, Geneva, sans-serif;
	color:#000;
	text-align:left;
	margin-top: 22px;
	
}
table.cfd .logoheader{
	width:40%;
	float:left;
}
table.cfd .upperheader2{

	font:italic bold 16px/16px Century Schoolbook, Verdana, Geneva, sans-serif;

}

table.cfd .subheader{
	background:#7B1B24; 
	border: solid 1px #7B1B24;
	font:bold italic 14px/14px  Century Schoolbook, Verdana, Geneva, sans-serif;
	color:#C7C8CB;

}
table.cfd .subheader-data{
	font: 12px/12px  Arial,Verdana, Geneva, sans-serif;
}
table.cfd .subsubheader{
	background:#ffffff; 
	font:bold italic 12px/12px  Century Schoolbook, Verdana, Geneva, sans-serif;
	color:#000000;
	padding-top:1px;
	padding-bottom:0px;
}
table.cfd .subsubheader-data{
	padding-top:1px;
	padding-bottom:1px;
}

table.cfd .area{
	border: 1px solid #7B1B24;
	padding: 3px 3px 3px 3px;
}
table.cfd .blackarea{
	border-bottom: 2px solid #000000;
	padding: 3px 3px 3px 3px;
}

table.cfd .conceptos{
	padding-left: 1px;
	padding-top: 2px;
	padding-bottom: 0px;
}


table.cfd TABLE.gray-table th{
	padding-left: 1px;
	padding-bottom:2px;
	padding-top:2px;
	font:italic bold 12px/11px  Century Schoolbook, Verdana, Geneva, sans-serif;
}
table.cfd TABLE.gray-table td{
	padding-left: 1px;
	padding-bottom:2px;
	padding-top:2px;
	font:11px/11px  Arial, Verdana, Geneva, sans-serif;
}


table.cfd #productosList{ width:100%; }
table.cfd #productosList .cantidad{ width:12%; text-align:right; }
table.cfd #productosList .unidad  { width:12%;}
table.cfd #productosList .concepto  {width:40%; }
table.cfd #productosList .preciounitario  { width:15%; text-align:right; }
table.cfd #productosList .precio  { width:18%; text-align:right; font-weight:bold; }


table.cfd .totales{padding-top: 0px; padding-right: 0px;}
table.cfd #totalList{
	margin-left:  auto;
	margin-right: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top:  0px;
	width:100%;
}
table.cfd #totalList .impuesto{}
table.cfd #totalList .cantidad{width:33%; text-align:right; font-weight:bold;}
table.cfd #totalList .total {font-weight:bold;}

table.cfd .footer-data{
	font:normal 11px/11px Arial, Verdana, Geneva, sans-serif;
	padding-top:1px;
	padding-bottom:1px;
}

table.cfd .cfdfooter{
	font:normal 10px/10px Century Schoolbook, Verdana, Geneva, sans-serif;
	border-top: solid 1px #000000;
}
table.cfd .logofooter{
	float: left;
	width: 65px;
	padding-right:5px;
}



/*
mainheader
header
conceptos
descuentos
*/

.controls{
/*	border-bottom: solid 1px #7B1B24;*/
	font:bold italic 13px/13px  Century Schoolbook, Verdana, Geneva, sans-serif;
	color:#C7C8CB;
	padding:3px;
	margin-bottom:5px;
}

.unshown{
	display:none;
}
.cancelada {
	background:url(../img/cancelada.png) repeat;
}

/*Solo para browsers compatibles*/

@font-face {
  font-family: Century Schoolbook;
  src: local("Century Schoolbook"),
	local("Schoolbook"),
	url(schlbk.ttf) format("truetype");
  
}
@font-face {
  font-family: Century Schoolbook;
  src: local("Century Schoolbook Bold"),
	local("Schoolbook Bold"),
	url(schlbkb.ttf) format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: Century Schoolbook;
  src: local("Century Schoolbook Italic Bold"),
  	local("Schoolbook Italic Bold"),
	url(schlbkbi.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: Century Schoolbook;
  src: local("Century Schoolbook Italic Bold"),
	local("Schoolbook Italic Bold"),
	url(schlbki.ttf) format("truetype");
  font-style: italic;
}


.permisos {overflow:hidden;}
#center h1{
	font:bold italic 22px/22px  Century Schoolbook, Verdana, Geneva, sans-serif;
	
	margin-bottom:9px;
	margin-top:14px;
}
#center h2{
	font:bold italic 18px/18px  Century Schoolbook, Verdana, Geneva, sans-serif;
	
	margin-bottom:6px;
	margin-top:10px;
}

#center p {
	margin-bottom: 10px;
}
DIV.menu-options-page{
	width:195px;
	float:left;
}
#mainmenu-page{
	min-height:239px; 
	height:auto;
	border:0px;
	border:1px solid #000;
	padding:5px 0;
	background:#FFF;
	overflow: hidden;
	width: 100%;
}
#left-bar-page{
	display:inline;
	width:20%;
	float:left;
	margin-left:15px;
}
#content-page{
	display:inline;
	width:77%; 
	float:left;
	margin-left:15px;
	text-align:left;
}