/* Delendis 4 */

body	{
 background: #c8c8c8 url("img/body.png") no-repeat 50% 100%;
 color: #737373; 
 font: 10px/12px Tahoma, Verdana, Helvetica, Arial, sans-serif;
 margin:30px 0 40px 0;
 }
acronym {
cursor: help;
border-bottom:1px dotted #737373;
 }
 a {
 text-decoration: none;
 }
a:link, a:visited {
 color:#eb9725;
 }
a:hover, a:active {
 color: #949494;
 }
 
 img {
 border:0;
 }
  
h1 {
margin: 3px 0 0 0;
 padding:0;
 }
 h1 span {
 display:none;
 }
 h1#h1inicio {
 width:370px;
 height:52px;
 background:transparent url("img/h1inicio.png") no-repeat 0 0;
 }
  h1#h1contacto {
 width:370px;
 height:52px;
 background:transparent url("img/h1contacto.png") no-repeat 0 0;
 }
  h1#h1creditos {
 width:370px;
 height:52px;
 background:transparent url("img/h1creditos.png") no-repeat 0 0;
 }
  h1#h1enlaces {
 width:370px;
 height:52px;
 background:transparent url("img/h1enlaces.png") no-repeat 0 0;
 }
  h1#h1error401 {
 width:370px;
 height:52px;
 background:transparent url("img/h1error401.png") no-repeat 0 0;
 }
  h1#h1error404 {
 width:370px;
 height:52px;
 background:transparent url("img/h1error404.png") no-repeat 0 0;
 }
  h1#h1portfolio{
 width:370px;
 height:52px;
 background:transparent url("img/h1portfolio.png") no-repeat 0 0;
 }
 
 h2, h3 {
 font: bold 10px/10px Verdana, Helvetica, Arial, sans serif;
 margin:0;
 padding:12px 10px 7px 25px;
  background:transparent url("img/fondocuerpo.png") repeat-y;
 }
 h3 {
 color:#eb9725;
 }


#marco {
 margin:auto;
 text-align: left;
 width:500px;
 }
  #cabecera {
 background: transparent url("img/cabecera.png") no-repeat 0 0;
 }
 #marco, #cabecera {
 position: relative;
 }
 #logo {
 margin:0;
 width: 500px;
 height: 202px;
 }
 #logo a {
 padding:30% 50%;
 }
 #nombre a {
 padding:0 20% 10% 10%;
 }

 #cuerpo {
 float:left;
 margin:0 0 3px 0;
 padding:0;
 width:370px;
 background: transparent url("img/cuerpo.png") no-repeat 0 100%;
 }
#uno {
 background: transparent url("img/cuerpoarriba.png") no-repeat 0 0;
 padding:15px 0 17px 0;
 margin:0;
 width:370px;
 }
 p {
 padding: 5px 25px 8px;
 width:320px;
 text-align: justify;
 }
#uno p {
 margin: 0 130px 0 0;
 background:transparent url("img/fondocuerpo.png") repeat-y;
 }
 
 #cuerpo img {
 float:right;
 margin:0 0 5px 10px;
 }
  #cuerpo a img{
 padding:2px;
 background-color:#e8e8e8;
 }
 	#cuerpo a img:hover {
	background-color:#c8c8c8;
	}

 #barra {
position:fixed;
 background:transparent url("img/menuarriba.png") no-repeat 0 0;
 margin-left: 372px;
 width: 128px;
 top: 235px;
 padding:43px 0 0 0;
 }
 *html #barra {position:absolute;
 }
#menu {
 padding:0;
 margin:0;
 }
 
 
 #pie {
  width:500px;
 clear:both;
  margin:0;
 padding:0;
 background:transparent url("img/pieabajo.png") no-repeat 0 100%;
 }
 #pie2 {
  width:500px;
   margin:0;
 padding: 10px 0;
 background:transparent url("img/piearriba.png") no-repeat 0 0;
 }
 #pie2 p {
  margin:0;
 width:465px;
 font: 9px/9px Tahoma, Verdana, Helvetica, Arial, sans-serif;
background:transparent url("img/pie.png") repeat-y;
 padding: 0px 10px 4px 25px;
 }


 #barra a {
 padding:6px 4px;
  margin:0;
 display: block;
 font: bold 10px/10px Verdana, Helvetica, Arial, sans serif;
 font-weight:bold;
 }
#barra a:hover, #barra a:active {
background-color:#949494;
 color: #ffffff;
 }
ul {
margin:0;
 list-style: none;
 padding:0 0 38px 0;
 background:transparent url("img/barrafin.png") no-repeat 50% 100%;
 border-top:1px solid #f9f9f9;
 }
li {
margin:0;
 text-align:center;
 border-bottom:1px solid #f9f9f9;
 background: transparent url("img/fondobarra.png") repeat-y;
 display: block;
 }

div.oculto ul{
background:none;
padding-bottom:0;
}
li.ultimo {
border-bottom:0;
}
#blogs a {
 font: bold 9px/9px Tahoma,Verdana,Helvetica,Arial,sans serif;
 font-weight:normal;
 padding:4px;
}
 
 #uno ul {
  margin:0;
 padding:3px 15px 3px 25px;
  background:transparent url("img/fondocuerpo.png") repeat-y;
  border:0;
 }
 #uno li {
text-align:left;
border:0;
 background:transparent url("img/fondocuerpo.png") repeat-y;
 }
 
 #formulario {
 padding: 5px 55px 8px;
 background:transparent url("img/fondocuerpo.png") repeat-y;
 }
 #formulario span {
  font-weight:bold;
  padding:5px 0 2px;
  display:block;
 }
 #formulario input, #formulario textarea {
 border:1px solid #c8c8c8;
 width:250px;
 font: 9px/11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
 color:#949494;
 padding:1px 2px;
 }
 #formulario input.boton {
display:inline;
margin: 5px 5px 5px 0;
width:70px;
background-color:#949494;
color:#ffffff;
font-weight:bold;
}
#formulario input.boton:hover {
background-color:#eb9725;
}

#portmenu {
background:transparent url(img/fondocuerpo.png) repeat-y;
width:180px;
height:180px;
padding:10px 95px;
 }
 .uni, .emp , .herr, .art {
 display:block;
 width:90px;
 height:80px;
 }
  .uni a, .emp a, .herr a, .art a, .uni a:visited, .emp a:visited, .herr a:visited, .art a:visited {
  display:block;
  width:90px;
  height:80px;
  font-weight:bold;
  color:#949494;
  background-image:url(img/portmenu.png);
  background-repeat:no-repeat;
  background-color:transparent;
  }
  .uni a:hover, .emp a:hover, .herr a:hover, .art a:hover {
  color:#eb9725;
  }
 .uni, .herr {
float:left;
 }
 .emp, .art {
 float:right;
 text-align:right;
 }
 .uni, .emp {
 margin-top:10px;
 }
 .herr, .art {
 margin-bottom:20px;
 }
 .herr a, .art a, .herr a:visited, .art a:visited {
padding-top:80px;
height:0;
 }
 .uni a {
  background-position: 0 0;
 }
 .uni a:hover {
   background-position: 0 67%;
 }
 .emp a{ 
   background-position: 100% 0;
 }
 .emp a:hover {
   background-position: 100% 67%;
 }
 .herr a {
   background-position: 0 33%;
   }
 		* html  .herr a { background-position: 0 35%; }
.herr a:hover {
   background-position: 0 100%;
 }
 		* html .herr a:hover { background-position: 0 106%; }
.art a{ 
    background-position: 100% 33%;
 }
 		* html .art a { background-position: 100% 35%; }
 .art a:hover {
   background-position: 100% 100%;
 }
 		* html .art a:hover { background-position: 100% 106%; }
