/*	------------------------------------------------------------------------------------------
	POETICSOFT.COM
	------------------------------------------------------------------------------------------
*/
/*	------------------------------------------------------------------------------------------ MENU */
body.index #menu {
  border: #333 dotted;
  border-width: 1px 0 0 0;
  text-align: right;
  color: #999;
  padding-top: 6px;
  padding: 20px 20px 20px 0;
}
body.index #menu P,
body.index #menu UL,
body.index #menu LI {
  display: inline;
}
body.index #menu LI {
  padding-left: 10px;
}
body.index #menu INPUT {
  vertical-align: top;
  margin: 1px 1px 0 0;
}
body.index #menu LI DIV {
  vertical-align: top;
  background-color: #000;
  display: inline;
  padding: 0 6px;
  margin: 0 6px 0 0;
}
body.index {
  /*	------------------------------------------------------------------------------------------ PROYECTOS */
}
body.index DIV.proyectos DIV.proyecto {
  width: 250px;
  float: left;
  margin: 0 20px 20px 0;
  padding: 0 0 10px 0;
  border: 1px #666 dotted;
}
body.index DIV.proyectos DIV.proyecto DIV {
  width: 10px;
  height: 10px;
  background-color: #00FF99;
  float: left;
  margin: 6px;
}
body.index DIV.proyectos DIV.working DIV,
body.index #menu LI.working DIV {
  background-color: #FF3300;
}
body.index DIV.proyectos DIV.waiting DIV,
body.index #menu LI.waiting DIV {
  background-color: #33CC00;
}
body.index DIV.proyectos DIV.ideas DIV,
body.index #menu LI.ideas DIV {
  background-color: #FFCC33;
}
body.index DIV.proyectos DIV.web DIV,
body.index #menu LI.web DIV {
  background-color: #3366CC;
}
body.index DIV.proyectos DIV.proyecto H2 {
  margin: 3px 0 0 0;
}

/*	------------------------------------------------------------------------------------------
	CSS BASE (propuesta) / mayo 2007
	------------------------------------------------------------------------------------------
*/
HTML, BODY, FORM, FIELDSET {
  margin: 0;
  padding: 0;
}

HTML {
  font-size: 100.01%; /* IE hack */
  height: 100%;
}

BODY {
  height: 100%;
  text-align: center; /* to correct the centering IE bug - reset!!! in child elements*/
  /* 	font-size:0.625em; 			normaliza el tamaño normal de texto a 10px ó 1em */
  font-size: 0.75em; /* 	normaliza el tamaño normal de texto a 12px ó 1em */
  line-height: 1.4em; /* 	normaliza el interlineado */
  font-family: verdana, sans-serif; /* default typo */
  color: #333; /* default text color */
}

TABLE, SELECT, INPUT, SELECT, TH, TD, LI LI, LI P, TD P, BLOCKQUOTE P {
  font-size: 100%;
} /* IE hack */
/* HEADINGS */
H1 {
  font-size: 2em;
}

H2 {
  font-size: 1.5em;
}

H3 {
  font-size: 1.25em;
}

H4 {
  font-size: 1em;
}

H5 {
  font-size: 0.8em;
}

H6 {
  font-size: 0.6em;
}

H1, H2, H3, H4, H5, H6, P, PRE,
BLOCKQUOTE, UL, OL, DL, ADDRESS {
  margin: 0;
  padding: 0;
}

LI, DD, BLOCKQUOTE {
  margin-left: 0;
}

A, A IMG, FORM LABEL {
  cursor: pointer;
}

IMG, FIELDSET {
  border: none;
}

INPUT, SELECT, TEXTAREA {
  font-size: 100%;
  font-family: inherit;
}

/*	------------------------------------------------------------------------------------------ 
	Alberto Moral, abril 2007
	------------------------------------------------------------------------------------------
*/
/* Styles para la galeria jquery */
body.gaaleria .galleria {
  list-style: none;
  width: 200px;
}
body.gaaleria .galleria li {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  float: left;
  margin: 0 10px 10px 0;
}
body.gaaleria .galleria li a {
  /* display: none; */
}
body.gaaleria .galleria li div {
  position: absolute;
  /* display: none; */
  top: 0;
  left: 180px;
}
body.gaaleria .galleria li div img {
  cursor: pointer;
}
body.gaaleria .galleria li.active div img, body.gaaleria .galleria li.active div {
  display: block;
}
body.gaaleria .galleria li img.thumb {
  cursor: pointer;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  height: auto;
}
body.gaaleria .galleria li .caption {
  display: block;
  padding-top: 0.5em;
}
body.gaaleria {
  /* MSIE bug */
}
body.gaaleria * html .galleria li div span {
  width: 400px;
}

/*	------------------------------------------------------------------------------------------
	POETICSOFT.COM
	------------------------------------------------------------------------------------------
*/
/*	------------------------------------------------------------------------------------------ HTML */
BODY {
  padding: 30px 0 20px 30px;
  color: #556;
  font-size: 0.6em;
  letter-spacing: 0.5em;
}

DIV {
  text-align: left;
}

H1 {
  font-size: 1.3em;
  letter-spacing: 0.5em;
}

H2 {
  font-size: 1.1em;
  letter-spacing: 0.2em;
}

A {
  font-weight: bold;
}

A:link {
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

A:active {
  text-decoration: none;
}

A:visited {
  text-decoration: none;
}

UL {
  list-style: none;
}

/*	------------------------------------------------------------------------------------------ COMMON */
.hidden {
  /* display: none; */
}

/*	------------------------------------------------------------------------------------------ HEAD */
#head {
  margin: 0 20px 10px 0;
}

#head A.contacto {
  float: right;
}

/*	------------------------------------------------------------------------------------------
	POETICSOFT.COM
	------------------------------------------------------------------------------------------
*/
/*	------------------------------------------------------------------------------------------ TITULO */
body.projects #intro {
  border: dotted #666;
  border-width: 1px 0 0 0;
  margin: 20px 20px 30px 0;
}
body.projects #intro H2 {
  float: right;
  margin: 10px 0 10px 0;
}
body.projects #intro P {
  float: right;
  letter-spacing: 0.1em;
  text-align: right;
  width: 400px;
  clear: both;
  margin: 10px 0 10px 0;
}
body.projects DIV.seccion {
  border: dotted #666;
  border-width: 1px 0 0 0;
  clear: both;
  margin: 40px 20px 10px 0;
  padding: 20px;
}
body.projects DIV.seccion UL LI {
  display: inline;
}
body.projects DIV.seccion UL LI IMG {
  margin: 0 5px 10px 0;
}
body.projects DIV.seccion UL.mosaico,
body.projects DIV.seccion UL.mosaicohorizontal {
  overflow: hidden;
}
body.projects DIV.seccion UL.mosaico LI,
body.projects DIV.seccion UL.mosaicohorizontal LI {
  display: block;
  float: left;
  width: 200px;
  height: 200px;
  border: 1px solid #999;
  text-align: center;
  margin: 0 2px 2px 0;
  line-height: 200px;
  background-color: #eee;
}
body.projects DIV.seccion UL.mosaicohorizontal LI {
  height: 133px;
  margin: 0 5px 5px 0;
}
body.projects DIV.seccion UL.mosaico LI IMG {
  vertical-align: middle;
}
body.projects DIV.seccion DIV {
  letter-spacing: 0.1em;
  clear: both;
  width: 500px;
  margin-top: 10px;
}
body.projects DIV.seccion DIV P {
  margin-bottom: 10px;
}
body.projects HR {
  display: none;
}

.txt1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #330000;
}

.txt2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #330000;
}

.f {
  background-color: #FFFFFF;
}

.w {
  background-color: #FFFFFF;
}

.c1 {
  background-color: #330000;
}

.n {
  background-color: #C31811;
}

.g {
  background-color: #eeeeee;
}

.r {
  background-color: #ff0022;
}

a:link {
  color: #880000;
  text-decoration: none;
}

a:visited {
  color: #880000;
  text-decoration: none;
}

a:hover {
  color: #cc0000;
  text-decoration: none;
}

a:active {
  color: #cc0000;
  text-decoration: none;
}

a.home:link {
  color: #000000;
  text-decoration: none;
}

a.home:visited {
  color: #000000;
  text-decoration: none;
}

a.home:hover {
  color: #000000;
  text-decoration: none;
}

a.home:active {
  color: #000000;
  text-decoration: none;
}

.txt3 {
  font-size: 9px;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.txt4 {
  font-size: 9px;
  line-height: 20px;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.txt5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000;
}

.textoComercial {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #aaaaaa;
  line-height: 16px;
}

.txtGris1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #cccccc;
}

.txtBlanco1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFF;
}

.punto1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #cccccc;
}

.input {
  font-family: verdana;
  font-size: 11px;
  color: #002C6F;
  background-color: #D0CCC3;
  border: #666F74;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

/* Styles para garnova */
body.garnova #grafica {
  background-color: #000000;
  padding: 30px 0;
  width: 760px;
}
body.garnova #grafica LI {
  display: block;
  text-align: center;
}
body.garnova #grafica LI,
body.garnova #grafica LI IMG {
  margin: 0;
  padding: 0;
  background-color: #000000;
}
body.garnova DIV.seccion SPAN.rango {
  color: #CC0000;
  font-weight: bold;
}
body.garnova DIV.seccion TABLE {
  width: 760px;
  border: solid #666;
  border-width: 1px 0 0 0;
  background-color: #EBEBEB;
}
body.garnova DIV.seccion TABLE CAPTION {
  /* display: none; */
}
body.garnova DIV.seccion TABLE TH {
  border: solid #666;
  border-width: 0 0 1px 0;
  padding: 10px 20px;
  width: 60%;
}
body.garnova DIV.seccion TABLE TH.subtitulo {
  font-style: italic;
  border-style: dotted;
}
body.garnova DIV.seccion TABLE TH.valor {
  text-align: right;
  width: 40%;
}
body.garnova DIV.seccion TABLE TD {
  border: dotted #666;
  border-width: 0 0 1px 0;
  padding: 10px 20px;
}
body.garnova DIV.seccion TABLE TD.valor {
  text-align: right;
  color: #CC0000;
  font-weight: bold;
}

.txt1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #330000;
}

.txt2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #330000;
}

.f {
  background-color: #cccccc;
}

.w {
  background-color: #FFFFFF;
}

.c1 {
  background-color: #330000;
}

a:link {
  color: #000066;
  text-decoration: none;
}

a:visited {
  color: #783030;
  text-decoration: none;
}

a:hover {
  color: #FF6600;
  text-decoration: none;
}

a:active {
  color: #666666;
  text-decoration: none;
}

.txt3 {
  font-size: 9px;
  color: #FF6600;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.txt4 {
  font-size: 9px;
  line-height: 20px;
  color: #330000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.txt5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #999999;
}

body.lovefire {
  .txt1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #330000;
  }
  .txt2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #330000;
  }
  .f {
    background-color: #E7E5E4;
  }
  .w {
    background-color: #FFFFFF;
  }
  .c1 {
    background-color: #330000;
  }
  .n {
    background-color: #C31811;
  }
  a:link {
    color: #be0000;
    text-decoration: none;
  }
  a:visited {
    color: #FF6600;
    text-decoration: none;
  }
  a:hover {
    color: #068a0d;
    text-decoration: none;
  }
  a:active {
    color: #DDDDDD;
    text-decoration: none;
  }
  a.home:link {
    color: #DDDDDD;
    text-decoration: none;
  }
  a.home:visited {
    color: #DDDDDD;
    text-decoration: none;
  }
  a.home:hover {
    color: #DDDDDD;
    text-decoration: none;
  }
  a.home:active {
    color: #FFFFFF;
    text-decoration: none;
  }
  .txt3 {
    font-size: 9px;
    color: #FF6600;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  .txt4 {
    font-size: 9px;
    line-height: 20px;
    color: #330000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  .txt5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999999;
  }
}

/* Styles para garnova */
body.junkers {
  #grafica {
    background-color: #000000;
    padding: 30px 0;
    width: 760px;
  }
  #grafica LI {
    display: block;
    text-align: center;
  }
  #grafica LI,
  #grafica LI IMG {
    margin: 0;
    padding: 0;
    background-color: #000000;
  }
  DIV.seccion SPAN.rango {
    color: #CC0000;
    font-weight: bold;
  }
  DIV.seccion TABLE {
    width: 760px;
    border: solid #666;
    border-width: 1px 0 0 0;
    background-color: #EBEBEB;
  }
  DIV.seccion TABLE CAPTION {
    /* display: none; */
  }
  DIV.seccion TABLE TH {
    border: solid #666;
    border-width: 0 0 1px 0;
    padding: 10px 20px;
    width: 60%;
  }
  DIV.seccion TABLE TH.subtitulo {
    font-style: italic;
    border-style: dotted;
  }
  DIV.seccion TABLE TH.valor {
    text-align: right;
    width: 40%;
  }
  DIV.seccion TABLE TD {
    border: dotted #666;
    border-width: 0 0 1px 0;
    padding: 10px 20px;
  }
  DIV.seccion TABLE TD.valor {
    text-align: right;
    color: #CC0000;
    font-weight: bold;
  }
  DIV.right {
    text-align: right;
    width: 760px !important;
  }
}

/*# sourceMappingURL=main.css.map */