*
{
padding: 0;
margin: 0;
border: 0;
}
body, html {

color: #000; 
font-family: Arial, Verdana, Tahoma, sans-serif;
background-color: black; 
text-align: center;
}
body { font-size: 70%; }
p {padding: 7px 0 7px 0;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

select {
border-color: white;
border-style: solid;
border-width: 1px;
background-color: white;
color: black;
}

#campo { background-color: #fff; height: 16px; border: solid 1px #8e8e8e; font-size: 11px;}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #cabecera h2{
color: #fff;
}
.clear { clear: both; }
.imagencentral { padding-left: 22px; }

.botonmenu { padding-top: 7px; padding-left: 22px; }
#contenedor { margin-left: auto; margin-bottom: 0; margin-right: auto; margin-top: 10px; background-color: #8e8e8e; background-image: none; background-position: 0 0; width: 1000px; min-height: 300px; text-align: left; position: relative; }
* html #contenedor {
height: 300px;
}

#cabecera { background-color: #000; background-image: url(../img/fondo_cabecera.jpg); background-repeat: repeat-x; background-position: 0 0; position: relative; height: 84px; }
#herramientas { font-size: 1.2em; position: absolute; top: 46px; padding-left: 22px; }
#herramientas a{ color: #fff; text-decoration: none; }
#herramientas a:hover{text-decoration: underline;}

#logotipo { background-image: url(../img/logo_motivate4one.jpg); background-repeat: no-repeat; position: absolute; right: 0; width: 267px; height: 84px; float: right; padding-right: 28px; }
 
#pagina { background-color: #000; background-image: url(../img/fondo_pagina.jpg); background-repeat: repeat-x; background-position: 0 0; height: 310px; padding-top: 10px; }
#paginatexto { color: #000; font-size: 1.2em; line-height: 1.5em;  position: absolute; top: 260px; left: 50px; width: 340px; z-index: 2; }
#paginatexto p {padding-bottom: 0px;}
#paginatexto a{ color: #000;text-decoration: none; }
#paginatexto a:hover { text-decoration: underline; }
#paginapastilla1 { color: #000; font-size: 1.2em; line-height: 1.4em; position: absolute; top: 165px; left: 115px; width: 170px; height: 140px; z-index: 2; }
#paginapastilla1 li{ margin-bottom: 5px; padding-right: 4px; list-style-image: url(../img/peloto.gif); list-style-position: outside; }
#paginapastilla2 { color: #000; font-size: 1.2em; line-height: 1.4em; position: absolute; top: 165px; left: 342px; width: 160px; height: 140px; z-index: 2; }
#paginapastilla3 { color: #000; font-size: 1.1em; line-height: 1.4em; position: absolute; top: 120px; left: 60px; width: 440px; z-index: 2; }
#paginapastilla3 a{ color: #000;text-decoration: underline; }
#paginapastilla3 img{ padding-right: 10px; padding-left: 0; }
#paginapastilla3 li{ margin-bottom: 5px; list-style-image: url(../img/peloto.gif); list-style-position: outside; }

#paginapastilla5 { color: #000; font-size: 1.2em; line-height: 1.4em; position: absolute; top: 140px; left: 120px; width: 440px; z-index: 2; }
#paginapastilla5 a{ color: #000;text-decoration: underline; }
#paginapastilla5 img{ padding-right: 10px; padding-left: 0; }
#paginapastilla5 li{ margin-bottom: 10px; list-style-image: url(../img/peloto.gif); list-style-position: outside; }

#paginapastilla4 { color: #000; font-size: 1.2em; line-height: 1.4em; position: absolute; top: 120px; left: 60px; width: 600px; z-index: 2; }

#paginapastilla6 { color: #000; font-size: 1.1em; line-height: 1.4em; position: absolute; top: 120px; left: 60px; width: 240px; z-index: 2; }
#paginapastilla6 a{ color: #000;text-decoration: underline; }
#paginapastilla6 img{ padding-right: 10px; padding-left: 0; }
#paginapastilla6 li{ margin-bottom: 5px; list-style-image: url(../img/peloto.gif); list-style-position: outside; }


#paginapastilla8 { color: #000; font-size: 1.1em; line-height: 1.4em; position: absolute; top: 100px; left: 350px; width: 240px; z-index: 2; }
#paginapastilla8 a{ color: #000;text-decoration: underline; }
#paginapastilla8 img{ padding-right: 10px; padding-left: 0; }
#paginapastilla8 li{ margin-bottom: 5px; list-style-image: url(../img/peloto.gif); list-style-position: outside; }


#paginaaviso { color: #000; font-size: 1.1em; line-height: 1.2em; position: absolute; top: 110px; left: 60px; width: 610px; z-index: 2; overflow-y: scroll; height: 270px;}
#paginaaviso a{ color: #000;text-decoration: underline; }
#paginaaviso img{ padding-right: 10px; padding-left: 0; }
#paginaaviso li{ margin-bottom: 5px;  margin-left: 40px;}
#paginaaviso h1{ font-size: 1.2em; line-height: 1.4em;}
#paginaaviso h2{ font-size: 1em; line-height: 1.4em; color: #494949; margin-top: 20px;}

#sabermas a{ color: #000; font-size: 1.2em; line-height: 1.5em; text-decoration: none; text-align: justify; position: absolute; top: 305px; left: 395px; width: 440px; z-index: 2; }
#sabermas a:hover { text-decoration: underline; }
#menu { background-color: #000; background-image: url(../img/fondo_menu.jpg); background-repeat: repeat-x; background-position: 0 0; height: 58px; }
#botones { background-color: transparent; height: 46px; padding:8px 0 0; list-style-type:none; margin-right: 0; margin-bottom: 0; margin-left: 22px; }

#botones li { background-position: 0 0; float:left; display:inline; width: 147px; text-align: center; padding-right: 14px; }

#botones li a, #botones li a:visited { display:block; width: 147px; height:48px; color:#ddd; font-size:1.2em; text-decoration:none; font-family:arial, verdana, sans-serif; line-height: 16px; background-image: url(../img/boton_menu.jpg); background-repeat: no-repeat; background-position: 0 0; padding-top: 8px; }

#botones li#actual a, #botones li#actual a:hover span{ background-image: url(../img/boton_menu_actual.jpg); }



#botones li a:hover { color:#fff; background-image: url(../img/boton_menu_sobre.jpg); background-repeat: no-repeat; background-position: 0 0; } 

#botones li a.chosen, #botones li a.chosen:visited,  #botones li a:active, #botones li a:focus { color:#fff; background-image: url(../img/boton_menu_actual.jpg); background-repeat: no-repeat; background-position: 0 0; }
#pie { background-color: #000; background-image: url(../img/fondo_pie.jpg); background-repeat: no-repeat; background-position: 0 0; position: relative; height: 145px; z-index: 0; }
#pielogo { position: absolute; top: 100px; left: 808px; z-index: 1; }
#pielegal { position: absolute; top: 106px; left: 22px; z-index: 2;color: #fff; font-size: 1.2em; line-height: 1.2em; }
#pielegal a{ color: #fff;  text-decoration: none;}
#pielegal a:hover{text-decoration: underline;}
#piedemo { position: absolute; top: 14px; left: 730px; z-index: 3; }


#boton { color:#fff; font-size:1em; text-decoration:none; line-height: 16px; background-color: #8e8e8e; background-repeat: no-repeat; padding: 4px; border: solid 1px white; }

#paginaslide1 { top: 270px; margin-left: 22px; width: 672px; z-index: 0;float: left;  }
#paginaslide2 { top: 270px; margin-left: 10px; width: 270px; z-index: 3; float: left; }
#textobanner { color: #FFFFFF; font-size: 1.2em; line-height: 1.5em;  position: absolute; top: 180px; left: 790px; width: 150px; z-index: 2; }
#textobanner a{ color: #fff;  text-decoration: none;}
#textobanner a:hover{text-decoration: underline;}

.formulario {font-size: 11px;}

#pastillahome { color: #000; font-size: 1.2em; line-height: 1.3em;  position: absolute; top: 240px; left: 50px; width: 390px; z-index: 2; }
#pastillahome p {padding-bottom: 0px;}
#pastillahome a{ color: #000;text-decoration: none; }
#pastillahome a:hover { text-decoration: underline; }

#piecdti {  z-index: 2;color: #fff; margin-left: 20px;}