/*
<style id='page-skin-1' type='text/css'><!--
-----------------------------------------------
Blogger Template Style
Name:     Lucas Inc.
Designer: Sergio del Rio
URL:      elarbusto.com
----------------------------------------------- */

----------------------------------------------- */
html,
body {
  margin:0;
  padding:0;
  height:100%;
}

body {
  /*background: #f4af52 url("/img/fondoSex.jpg") repeat fixed top center  Credit: molotovcoketail (http://www.istockphoto.com/googleimages.php?id=1794602&amp;platform=blogger) */;
  /*  min-width: 1170px;
 background: url("/img/tapiz.jpg") repeat fixed top; */

  color: #4e2800;
  font: bold normal 14px Papirus; /*Arial, Tahoma, Helvetica, FreeSans, sans-serif*/
  background: #f5a959 url('../img/Hojitas4.png');
  border:0px red solid;
}


/* Headings
----------------------------------------------- */
h2 {
  font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #000000;  /*#4e2800;*/
  text-shadow: 0 0 -1px #333333;
}
h3.post-title, h4 {
  font: normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #f48d1d;
}
h3.post-title a {
  font: normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #f48d1d;
}
h3.post-title a:hover {
  color: #f48d1d;
  text-decoration: underline;
}


/* Cajas grandes
----------------------------------------------- */

.container, .footer, .titulo {
   clear:both;
   width: 900px;
   margin: 10px auto;
   background: #ffffff; /*  verde 11c750  rgba(255, 255, 255, .7);*/
}

.titulo, .footer {
   padding:5px;
}
.titulo {
   padding:0;
}

.container, .titulo {
   border-radius: 15px;
}

.footer {
   border-radius: 15px 15px 0px 0px;
   padding:10px;
   margin: 0px auto 0px;
   background:brown;
}

#wrapper {
  min-height:100%;
  position:relative;
  border: 0px blue solid;
}

#footerWrap {
  width:100%;
  height:55px;
  position: absolute;
  bottom:0;
  left:0; 
/*  border: 3px white solid;
  margin: 0px;   */
}

.footer a {
  text-decoration:none;
  margin: 0px 10px;
  color: black;
  font: 1em;
}

#arena {
   position:relative;
   clear:both;
   width: 900px;
   border-radius: 15px;
   background: #81d86c;
   height: 100%;
   border: 0px green solid;
   padding:10px 10px 80px 10px;
 /* padding-bottom: 70px;        Height of the FOOTER element */
   margin: 10px auto;
   margin-bottom:70px;
   font: bold solid 18px; /* Papirus; */
   color: #4f0612;
}

#arena  li {
  color: #5a301d;
  padding: 3px;
}
#arena h4 {
  font: normal normal 24px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #f48d1d;
}
#arena p {
  font: normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #4f0612;
}



/* MENUES
------------------------------------------------ */
div.nivel1 {
   padding:3px;
 /* position: absolute;
display: block;
float: left;*/
}
.nivel1 ul {
   margin:0;
   border:0px;
   padding:0;
   text-decoration:none;
}

li.nivel1 {
  display: inline-block;
  margin: 3px 1px;
  padding: .3em;
  font: normal bold 1.5em Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #ffffff;
/*  border: 10px solid #dc9522;
  height: 10px; */
  line-height: 11px;
  list-style: none;
  background: brown; /*#b49ed8;*/
  border-radius: 8px;
}

.nivel1 li:hover, a:hover {
  color: #ffffff;
  background: red;
}
.nivel1 a {
  color: #ffffff;
}


div.nivel2  {
   background: #ff4e18;
   margin: 2px;
   padding: 4px;
   display: none;
   position: absolute;
   float: left;
   border: 0px #000000 solid;
   font: bold normal 1em;
   border-radius: 10px;
   z-index:200;
   min-width:300px;
}
.nivel2 ul {
   margin:0;
   border:0px;
   padding:0;
   text-decoration:none;

}

.nivel2 li {
   background: brown;
   color: #000000;
   position: relative;
   width: 90%; 
   font-size: 0.8em;
   border-radius: 8px;
   float: left;
   clear:left;
   margin: 2px 5px;
   z-index:100;
   padding:3px 5px;
   margin:2px;
}

.nivel2 li:hover {
   background: red;   /*  COLOR DEL SUBMENU SOBREVUELE  */
   color: #ffffff;
   font-size: 0.8em;
}

a:link, a:visited {
   text-decoration: none;
   color: #ffffff;
}
a:hover {
   text-decoration: none;
   color: yellow; /* #f48d1d; */
}



/************************************************************************/

/*----- Bottom Level -----*/


.copyright {
  border: 0px black solid;
  color:yellow;
  text-align:right;
  margin: 15px 0px 0px;
}
table td {
   width:33%;
   padding:3px;
   font: 14px normal normal;
}

#arena >ul>li {
  font: normal bold 1.1em Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}
#arena >ul>ul>li {
  font: normal bold 0.9em Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}
.contenido {
  font: normal bold 1.0em Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}