* {
	margin: 0;
	padding: 0;
}

html, body { height: 100%; }

html body {
	background: #fff;
}

#head{
	width: 100%;
	height: 99px;
	background: #000000;
        font-size: 70%;
        font-family: helvetica,arial,sans-serif;
        margin:0 0 0 0;
        padding:0 0 0 0;
        background-image: url(img/logoArriba.gif);
        background-repeat: no-repeat;
        background-position: left;
}

#head #logo{	
  float:left;
  width:100%;
  height:99px;
}


div#logo > a {
    border-width: 0px;
    border: 0px;
    display: table;
}

#head #trace{
	float: left;
	font-family: arial;
	font-size: 0.9em;
	color: #FFFFFF;
	margin:0 0 0 0;
        width: 45%;
}

#head #right {
	padding: 3px 8px 3px 0;
	float: right;
        width: 25%;
	text-align: right;
}
#head #right > span {
        margin-bottom: 2px;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
        width: 100%;
        display: block;
}

#head #right img{
	margin: 0px 0px 0px 6px;
}

#app{
	width: 100%;
        font-size: 70%;
        font-family: helvetica,arial,sans-serif;
        float: left;
        margin:0 0 0 0;
        padding:0 0 0 0;
}

.combomenu {
	font-family: arial;
	font-size: 1em;
	border: 1px solid #3487B4;
	margin: 0px 0px 0px 0px;
        width: 200px;
}

#app #menu{
	width: 20%;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 25px 0px;
        float: left;
        height: 100%;
}

#app #menu div{ /*Para que el arbol no aparezca tan pegado a la izda*/
  margin: 0px 0px 25px 15px;
}

#app #body{
	width: 100%;
/*        margin-left: 20%;*/

}


#app #body #title{
        width: 99%;
        float: left;
        height: 15%;
	margin: 3px 0px 3px 1%;
	font-family: arial;
	font-weight: bold;
	color: #000;
}


h1 {
	margin: 10px 0 0 0px;
	font-family: helvetica,arial,sans-serif;
        font-size:1.4em;
        text-transform:uppercase;
	font-weight: bold;
	color: 	#333333;   
}

h2 {
	margin: 10px 0 0 10px;
	font-family: helvetica,arial,sans-serif;
	font-size:1.2em;
	font-weight: bold;
	color: 	#DC241F;
	text-transform: uppercase;
	border-bottom: solid 1px #000;
}
h3 {
	margin: 10px 0 0 10px;
	font-family: helvetica,arial,sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #DC241F;
}

p {
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  margin:12px 10px 10px 10px;
  text-align:justify;
}

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


#app #body #page{
        width: 99%;
        float: left;
        height: 80%;
	margin: 0px 0px 0px 1%;
}


#app #body #rastro{
        width: 99%;
        float: left;
        height: 5%;
	margin: 5px 0px 0px 1%;
}


#foot {border-top: 1px solid #E6E6E6;width: 98%;height: 28px;clear:both;margin-left:1em; font-family:helvetica,arial,sans-serif;font-size:0.7em;}
#foot #direccion_foot{width:98%;}
#foot a{color:#000;}
#foot ul{margin:0px;padding:0px}
#foot li{display:block;float:left;padding:0em 0.5em 0em 1em;background-image:url(images/barralista.gif);background-repeat: no-repeat;background-position: left;}
#foot li:first-child{background-image:none;}
#foot span{color:#000}
address{font-style:normal}
address span{color:#000;padding:0em 0.5em 0em 0.5em}

.oculto {position:absolute;left:-5000px;width:0px;overflow: hidden;}