/*---------------------- CSS RESET: Chris Poteet -----------------------*/
* {
    vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:inherit;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	background-color:transparent;
	color:inherit;
}

/*--------------------------- GENERAL SET ----------------------------*/

html {
  background-color:#CEE830;
}

body {
  font-family:Helvetica,Arial,sans-serif;
  font-size:11px;
  color:#666;
  min-width:776px;
  line-height: 135%;
}

strong { font-weight:bold; }
em { font-style:italic; }
h1, h2, h3 { margin:3px 0; }
ul { margin:0 0 0 20px; list-style-type: circle }
li { margin:0;  padding:1px 5px; }

h1 {
  font-size:18px;
  font-weight:bold;
  text-align:center;
  padding:5px;
  background-color:#ffffff;
  color:#777;
}

h2 {
  font-size:16px;
  height:18px;
  font-weight:bold;  
  text-align:left;
  border-bottom:2px #22E solid;
  padding:0;
  margin:19px 0 3px 0;
}

h2 span {
  padding:5px 5px 0 5px;
  background-color:#d1d1d1;
  color:#777;
}

h3 {
  font-size:14px;
  font-weight:bold;  
  height:16px;
}

table {	border-collapse:collapse;border-spacing:0; border:1px #A9A9A9 solid;empty-cells:show;}
tr:hover td {background-color:#EEE; color:#70829f; cursor:default;}
th {font-weight:bold; background-color:#dadada; }
td {padding:0 3px;}
hr {border:0; background-color:#eee; height:2px; color:#eee; margin:8px;}
input[type="submit"] { display:block; padding:2px; border:1px #444 solid; background-color:#888; color:#EEE; }
input[type="text"], textarea, select { background-color:#F0F0F0; color:#333; border:1px #AAA solid; padding:0.25em; }
input, textarea, select {margin:1px;}
input[type="text"], select { width:21em;}
label { font-weight:bold; font-size:11px; display:block;}
ins {	text-decoration: none; }
del {	text-decoration: line-through; }
:focus {	outline: 0; }

.body-top,
.navbar,
#show,
#galeria,
.footer { width:768px; }

/*--------------------------- BODY ----------------------------*/

.body-top {
  height:182px;
  margin-top:24px !important;
  background:transparent url('../images/bg-top_mini-left.png') no-repeat center top;
  margin:auto;
}

.body-top .title { background-color:transparent; text-align:left; font-size: 32px; font-weight:bold; color:#444; margin:0; padding:35px 0 0 377px;}
.body-top .slogan { background-color:transparent; font-size: 16px; font-weight:normal; color:#777; font-style:italic;margin:0; padding:5px 0 0 377px; }
.body-top img {margin:0; padding:17px 0 0 365px;}

.body-content {
  /*background:transparent url('../images/bg-body-content.gif') repeat-y left top;*/
  width:788px;
  margin:auto;
}

/*--------------------------- NAVBAR ----------------------------*/
.navbar {
  height:36px;
  margin:auto;
  background:transparent url('../images/bg-navbar.gif') repeat-x left top;
  text-align:center;
}

.navbar ul {
  list-style:none;
  display:inline-block;
  height:33px;
  font-size:12px;
  
  overflow:hidden;
}

.navbar li {
  float:left;
  color:#eee;
  padding:0;
}

.navbar a {
  display:block;
  height:21px;
  padding-top:10px;
  padding-bottom:2px;
  padding-left:10px;
  padding-right:10px;
  
  font-weight:normal;
  text-decoration:none;
  text-align:center;
}

.navbar a.active { background:#FFF url('../images/navbar-active.png') no-repeat bottom center; color:#555; }

.navbar a:hover {
  background-color:#555 !important;
  color:#EEE;
}

/*--------------------------- BURBUJAS ----------------------------*/

.burbuja {
  background:#FFF url('../images/bg-burbuja.png') repeat-x top left;
  margin:9px;
  float:left;
  
  border-width: 1px;
  border-color:#B1B1B1;
  border-style:solid;
}

.burbuja-top-left,
.burbuja-top-right,
.burbuja-bottom-left,
.burbuja-bottom-right {
  width:5px;
  height:5px;
  display:block;
  position:static;
}

.burbuja-top-left {
  background:transparent url('../images/burbuja.png') no-repeat top left;
  float:left;
  margin:-1px 0 0 -1px;
}

.burbuja-top-right {
  background:transparent url('../images/burbuja.png') no-repeat top right;
  float:right;
  margin:-1px -1px 0 0;
}

.burbuja-bottom-left {
  background:transparent url('../images/burbuja.png') no-repeat bottom left;
  float:left;
  margin:0 0 -1px -1px;
}

.burbuja-bottom-right {
  background:transparent url('../images/burbuja.png') no-repeat bottom right;
  float:right;
  margin:0 -1px -1px 0;
}

.burbuja-content {
  position:static;
  margin:8px;
  padding:0;
}

.burbuja-content a {
  text-decoration:underline;
  color:#22537F;
}

.burbuja-content p { 
    margin:0.5em 0;
}

.burbuja-content > h2 {
  color:#555;
  text-transform: uppercase;
  letter-spacing:0;
  margin:0 0 0.3em 0;
  
  border-bottom:1px #999 dotted;
  background-image:none;
  background-color:transparent;
}

/*--------------------------- MANTENIMIENTO -----------------------------*/
.maitenance h2 {
  padding:0;
  margin:0 0 3px 0;
  border-bottom:1px #999 dotted;
}

.maitenance p {
  text-align:left;
}

/*--------------------------- GALERIA -----------------------------*/
#galeria {margin:5px 10px;}
#galeria div {display:block; float:left; margin:3px; padding:3px; border:1px #AAA solid; background-color:#fff;}
#galeria div a { display:block; width:139px; height:105px; margin:0; padding:0; border:0;}
#galeria div span { display:block; width:130px; height:70px; padding:3px; margin:3px 0 2px 0; background-color:#F0F0F0; color:#555; border:1px #AAA solid; text-align:center;}
#galeria h2 {clear:both;}

/*--------------------------- VENTAS -------------------------*/
.ventas_observaciones {display:block;height:57px;width:auto; background-color:#eee; color:#293787; padding:3px; overflow:auto;}

/*--------------------------- TAGS---------------------------*/
.special-tag-2 { display:block;position:relative;height:16px;margin:-16px 6px 0 0; padding-bottom:3px; text-align:right;}
.special-tag-2 span { display:inline; background-color:#D11614; padding:2px 6px; color:#FFF; }
.special-tag-4 {display:inline; color:#777;  padding-left:4px;}
.special-tag-4 span {font-weight:bold; font-size:14px;}

/*--------------------------- FOOTER -----------------------------*/
.footer {
  margin:0 auto 18px auto;
  text-align:center;
  background-color:#C1D836;
  color:#798C05;
}

.footer > p { padding:8px;}

/*--------------------------- MENSAJES -----------------------------*/
.info, .success, .warning, .error, .validation {  
    border: 1px solid;  
    margin: 10px 0px;  
    padding:15px 10px 15px 50px;  
    background-repeat: no-repeat;  
    background-position: 10px center;
    vertical-align:baseline;
    
    border-radius:5px;
}  
.info {  
    color: #00529B;  
    background-color: #BDE5F8;  
    background-image: url('../images/icons/info_32x32.png');  
}  
.success {  
    color: #4F8A10;  
    background-color: #DFF2BF;  
    background-image:url('../images/icons/success_32x32.png');  
}  
.warning {  
    color: #9F6000;  
    background-color: #FEEFB3;  
    background-image: url('../images/icons/warning_32x32.png');  
}  
.error,msg_error {  
    color: #D8000C;  
    background-color: #FFBABA;  
    background-image: url('../images/icons/error_32x32.png');  
}

/*--------------------------- TAMAÑOS ----------------------------*/
.tam_total { width:768px; }
.tam_unoDtres { width:242px; }
.tam_unoDtres_sub { width:222px; }
.tam_dosDtres { width:505px; }
.tam_unoDdos { width:374px; }
.tam_unoDdos_sub { width:354px; }

.tam_hNormal .burbuja-content { height:175px; overflow:auto;}
.tam_hDoble .burbuja-content { height:413px; overflow:auto;}

/*--------------------------- OTROS ----------------------------*/
.clear-fix { display:block; clear:both; height:1px; }
.fl-left { float:left; }
.fl-right { float:right; }
.txt_al-right {text-align:right;}
.txt_al-center {text-align:center;}
.txt_al-left {text-align:left;}

.pd8  { padding: 8px; }
.pd10 { padding:10px; }
.pd12 { padding:12px; }
.pd15 { padding:15px; }
.pd20 { padding:20px; }
.mar8  { margin: 8px; }
.mar10 { margin:10px; }
.mar12 { margin:12px; }
.mar15 { margin:15px; }