/*
QS Modules Generic StyleSheet
by Favio Manriquez
faviomanriquez@qsi.com.mx
(c) 2004 QSI de México S.C.
*/

/* GENERAL ELEMENTS */
body {
color:#000;
font-family:verdana, "Trebuchet MS", "Bitstream Vera Sans", "Lucida Console", Arial, sans-serif;
width:100%;
text-align:left;
margin:0 auto;
padding:0;
}

h1 {
color:#000;
text-align:left;
padding:0;
margin:0;
font-size:1.4em;
font-family:'Trebuchet MS';
}

h1 acronym,
h1 abbr {
 border-bottom:0;
}

h2 {
 color:#c00;
 text-align:left;
 font-size:1.0em;
 padding:0;
 margin:0;
 margin-top:0.5em;
}

/* description */
h2 span {
 font-size:0.6em;
 padding-left:10px;
 
}

h3 {
font-size:1.1em;
margin:0 0 .5em 0;
text-align:left;
color:#c00;
}

h3 em {
color:#519E4A;
}

/*date*/
h3 span {
 font-size:0.6em;
 padding-left:20px;
 color:#000;
 font-weight:normal;
 font-style:italic;
 font-family:verdana;
}

h4 {
font:bold 0.9em/1.8em verdana;
}

h5 {
margin:.5em .05em;
font-style:italic;
color:#888;
}

p {
 margin:0.2em 0;
 padding:0;
 text-align:left;
}

/* font sizing */
p, pre{
 font-size:0.7em;
 line-height:1.8em;
}

em {
 font-style:italic;
 font-weight:bold;
 text-decoration:underline;
}

img { border:0; }

abbr, acronym {
 cursor:help;
 border-bottom:1px dotted #000;
} 

/* FORMS STYLES */

span.form-example {
font-size:0.7em;
font-family:verdana;
}

form, label, input {
margin:0;
padding:0;
}

fieldset {
padding:10px;
display:block;
border:1px solid #ccc;
margin:10px 0;
}

legend {
color:#fff;
background:#333;
padding:5px 10px;
font-weight:bold;
font-size:0.8em;
border:1px dotted #eee;
}

label {
font-weight:bold;
font-size:0.7em;
display:block;
cursor:hand;
cursor:pointer;
margin-top:10px;
}

label.noaction {
cursor:auto;
}

label.op {
margin-top:0;
display:inline;
font-weight:normal;
}

input, textarea, select {
font-family: georgia, verdana;
color:#000;
background: #f1f2f3;
border:1px solid #ccc;
padding:3px;
margin:0;
font-size:0.7em;
margin:1px;
}

input:focus,
textarea:focus, 
select:focus {
background:#f9f9f9;
}

.radiobt {
border:0;
background:transparent;
}
	
.control-button {
background:#CD2210; /* nice red F52F15 */
border:1px outset #f00;
color:#fff;
font-weight:bold;
}

input.b {
background: #c00 url(submit.png) repeat-x top left;
color:#fff;
font:bold 0.90em verdana;
border:1px outset #c00;
padding:5px 7px;
border-bottom:2px solid #c00;
border-top:1px solid #F48078; cursor:pointer;
}

input.b:hover {
 cursor:pointer;
 cursor:hand;
}

.error {
 color:red;
}

.error-message {
 color:red;
 font-size:0.7em;
 font-weight:bold;
}

/* END FORM STYLES */

/* specific styles */
a {
color:#c00;
font-weight:bold;
}

#header {
border-top:10px solid #000;
padding:5px 10px;
margin:0;
}

/* LOGO STUFF */
#header #logo {
float:left;
margin-bottom:5px;
}

#header h1 {
float:left;
padding-top:10px;
padding-left:10px;
}
h1 span {
color:#999;
font-style:italic;
}

/* menu Bar */
ul.menubar {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style:none;
background:#f1f2f3  url(menu.png) repeat-x top left;
}

ul.menubar li {
float: left;
margin: 0;
padding: 0;
}

ul.menubar li a {
float:left;
display:block;
padding: 9px 15px;
text-decoration: none;
font-weight: bold;
font-size: 0.6em;
font-family:verdana;
color: #000;
border-right:1px solid #eee;
}

ul.menubar li a:hover {
background:#f1f2f3;
color:#c00;
}

/* YOU ARE HERE */
#boletin #aboletin,
#tips #atips,
#promotions #apromos,
#news #anews,
#taf #arecommend,
#faq #afaq,
#vcpromos #avcpromos,
#gallery #agallery
 {
background:#000 url(navaction.gif) repeat-x top left;
color:#fff;
display:none;
}

body.add #add a,
body.list #list a,
body.conf #conf a,
body.tpl #tpl a,
body.sub #sub a,
body.order #order a,
body.preview #preview a,
body.categories #cats a {
background:#000;
text-decoration:underline;
}

/* SUB NAVIGATION */
#subnav {
float:left; /* agregando el float left ya pude hacer que el background se extendiera a lo ancho en Firefox */
text-align:left;
padding:0;
width:100%;
margin:0;
background:#666 url(subnav.png) repeat-x top left;
}

#subnav li {
list-style-type: none;
padding: 0;
margin: 0;
display:block;
float:left;
font: 0.6em verdana, "Lucida Grande", sans-serif;
}

#subnav a {
color: #fff;
font-weight:bold;
text-decoration: none;
display: block;
float:left;
padding:9px 15px;
margin:0;
text-align:right;
background:#666 url(subnav.png) repeat-x top left;
border-right:1px solid #aaa;
}

#subnav h2,
#subnav li a.current,
#subnav li a.current:hover {
background:#000 url(navaction.gif) repeat-x top left;
color:#fff;
padding:9px 15px;
font-size:1.2em;
text-align:center;
}

#subnav h2 {
font-size:1.4em;
font-weight:bold;
font-family: 'Trebuchet MS';
text-transform:uppercase;
margin:0;
padding:6px 10px;
letter-spacing:0.1em;
float:left;
border-right:1px solid #000;
}

#subnav a:hover {
text-decoration: underline;
background:#000;
}

/* end navigation artifacts */

#content {
clear:left;
padding:0 15px;
padding-top:10px;
margin:5px 0 0;
}

/* TABLES STUFF */

#container table {
width:100%;
/* margin:0 auto; */
border-spacing:0;
}

#container td, #container th { 
font-size:0.7em;
}

table.incrusted {
width:95%;
}

table.incrusted th {
background:#fff;
text-decoration:underline;
color:#000;
}

table.incrusted td { text-align:left }
table.isolated {

}
td, th {
text-align:center;
}
td.desc {
text-align:left;
}

td {
padding:2px 10px;
}
th {
background:#ccc;
color:#000;
padding:10px;
}

tr.even td {
background:#eee;
}

tr.odd td {
background:#f8f8f8;
}

td#subs a {
text-decoration:none;
}

/* layouts per type of page */

/* admin */

.tab-list {
 font-size:0.7em;
 padding:0;
 margin:0 auto;
}

.tab-list caption {
 padding:5px;
 font-weight:bold;
 text-align:left;
}
.tab-list th {
 font-weight:bold;
 text-align:left;
 padding:5px;
}

.tab-list td {
 padding:5px;
}

/* end #admin */

/* footer */
#footer {
margin-top:10px;
clear:left;
padding:9px;
background:#555 url(footerbak.jpg) repeat-x top left;
border-bottom:1px solid #f1f2f3;
border-top:1px solid #fafafa;
text-align:right;
font-size:0.6em;
color:#000;
}

#footer a {
color:#c00;
}

/* USERS */

.panel {
 float:left;
 width:40%;
}

/* globals */
.navigator {
 font-size:0.7em;
 text-align:center;
 padding:5px 10px;
}

.noteworthy {
color:#005B7F;
font-weight:bold;
}

.aname {
color:#777;
font-style:normal;
font-weight:normal;
border-bottom:1px dotted #999;
}

div#blah {
display:none;
}

div.control-link {
font-size:0.7em;
}
/* mnemonic to not display some elements like skip navigation */
.nono { display:none }
.cl {clear:left}
.cr {clear:right}
.cb { clear: both; }
.fl {float:left}
.fr {float:right}
.spacer { clear: both; }
.float { float:left; }

#menubottom {
clear:left;
width:100%;
background:#fff url(menubottom.png) repeat-x top left;
height:9px;
}

/* fieldset */ span.cat-nest {
	display: block;
	margin-left: 20px;
}

hr {
text-align:center;
width:50%;
margin:1em auto;
border:1px solid transparent;
}