@charset "iso-8859-1";
/* CSS Document */
/*General*/
* {
    padding: 0px;
    margin: 0px;
}

img {
    border: none;
}

body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

#cuerpo {
    width: 100%;
    text-align: center;
}

#cabecera {
    position: relative;
    margin: auto;
    background: #3B4D61 url(../images/cabecera.jpg) no-repeat left;
    max-width: 1024px;
    width: 98%;
    height: 180px;
}

#titulo {
    position: absolute;
    z-index: 2;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    top: 70px;
    left: 515px;
    font-size: 1.5em;
    font-weight: bold;
    color: #FF9405;
}

#titulo a {
    color: #FF9405;
    text-decoration: none;
}

#titulo2 {
    position: absolute;
    z-index: 1;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    top: 72px;
    left: 517px;
    font-size: 1.5em;
    font-weight: bold;
    color: #666;
}

#subtitulo {
    position: absolute;
    font-size: 0.9em;
    font-weight: bold;
    color: #000;
    top: 100px;
    left: 575px;
}

#subtitulo a {
    color: #000;
    text-decoration: none;
}

#idioma {
    position: absolute;
    font-size: 0.9em;
    font-weight: bold;
    color: #FFF;
    top: 132px;
    right: 50px;
}

#idioma a {
    color: #FFF;
    text-decoration: none;
}

#idioma a:hover {
    color: #CCC;
    text-decoration: underline;
}

#cabecera ul {
    position: absolute;
    top: 98px;
    left: 25px;
    padding: 15px;
	width:600px;
	text-align:left;
}

#cabecera li {
    display: inline;
    list-style: none;
    background: url(../images/boton.png) no-repeat;
    padding: 5px 26px 10px 26px;
    margin: 0px;
}

#cabecera li a {
    color: #FFF;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.7em;
}

#cabecera li a:hover {
    background: url(../images/destello.png) no-repeat center;
    padding: 5px 0px 5px 0px
}

.acc {
    text-decoration: underline;
}

#contenido {
    position: relative;
    z-index: 1;
    margin: auto;
    max-width: 1024px;
    width: 98%;
    text-align: left;
    height: inherit;
    clear: both;
}

#title {
    background: url(../images/h1.jpg) no-repeat;
    position: absolute;
    z-index: 3;
    top: 154px;
    right: 0px;
    height: 70px;
    width: 441px;
}

h1 {
    position: relative;
    text-align: left;
    font-size: 1.05em;
    color: #FFF;
    text-transform: uppercase;
    padding-left: 85px;
    padding-top: 24px;
}

#texto, #texto2 {
    position: relative;
    width: 100%;
    padding-bottom: 15px;
    height: inherit;
    min-height: 183px;
    margin-top: 40px;
    margin-bottom: 50px;
}

#texto3 {
    position: relative;
    width: 500px;
    min-height: 183px;
}

h2 {
    font-size: 1.4em;
    color: #3B4D61;
    margin-bottom: 15px;
    z-index: 1;
}

h3 {
    font-size: 1.1em;
    color: #3B4D61;
    margin-bottom: 5px;
    margin-top: 10px;
    z-index: 1;
}

#texto2 {
    margin-top: 130px;
}

#texto p.text, #texto2 p.text, #texto p.texts {
    text-align: left;
    font-size: 0.8em;
    width: 68%;
    text-align: justify;
    padding-top: 10px;
    padding-left: 40px;
    color: #3B4D61;
}

#texto p.texts {
    text-decoration: underline;
}

#texto ul {
    text-align: left;
    font-size: 0.8em;
    width: 68%;
    text-align: justify;
    padding-top: 10px;
    padding-left: 40px;
    color: #3B4D61;
}

#texto li {
    margin-left: 50px;
}

#texto ul dd {
    margin-left: 20px;
}

#texto img {
    margin-top: 10px;
}

#texto p.textb, #texto2 p.textb {
    text-align: left;
    font-size: 0.8em;
    width: 80%;
    text-align: left;
    padding-top: 10px;
    margin-top: 10px;
    color: #3B4D61;
}

p.textb a, p.textc a {
    color: #FF9405;
    text-decoration: none;
    font-weight: bold;
}

p.textb a:hover, p.textc a:hover {
    color: #3B4D61;
}

.activation {
    background: url(../images/acti.jpg) repeat-y right;
    width: 70%;
    font-weight: bold;
    color: #3B4D61;
    padding: 5px;
    padding-left: 40px;
    margin-top: 15px;
    text-align: right;
}

.activation span {
    position: absolute;
    left: 20px;
    font-size: 0.9em;
}

.activation a {
    text-decoration: none;
    color: #3B4D61;
}

.activation a:hover {
    color: #FF9405;
}

#columna {
    width: 200px;
    position: absolute;
    z-index: 0;
    right: 0px;
    top: 0px;
    height: inherit;
    background: #6495d6 url(../images/columna.jpg) no-repeat bottom;
    padding-bottom: 30px;
    margin-bottom: 50px;
    padding-top: 5px;
}

#premio {
    width: 180px;
    background: #FFF;
    border: solid 1px #666;
    border-bottom: 3px solid #3B4D61;
    margin-left: 9px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
}

#premio p {
    margin: 5px;
    color: #3B4D61;
    font-size: 0.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#premio a {
    text-decoration: none;
    color: #FF9405;
    font-weight: bold;
}

#premio a:hover {
    color: #3B4D61;
}

#premio img {
    margin-top: 5px;
}

.publi {
    padding: 5px;
}

.derecha {
    position: relative;
    width: 32%;
    float: left;
    height: inherit;
    text-align: center;
    margin-bottom: 10px;
}

.derecha2 {
    position: absolute;
    z-index: 1;
    right: 200px;
    width: 44%;
    float: left;
    height: inherit;
    text-align: center;
    margin-bottom: 10px;
}

.derechaA {
    position: relative;
    width: 250px;
    float: left;
    height: inherit;
    text-align: center;
    margin-top: 10px;
}

.derechaB {
    position: absolute;
    z-index: 1;
    left: 255px;
    width: 300px;
    float: left;
    height: inherit;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.derecha2 ul {
    text-align: left;
    margin-top: 20px;
    margin-left: 30px;
}

.derecha2 li {
    font-weight: bold;
    font-size: 0.8em;
    margin-bottom: 6px;
}

.vertical {
    margin-top: 70px;
}

.verticalin {
    margin-top: 50px;
    padding-bottom: 30px;
    padding-left: 40px;
}

.vertical p {
    font-size: 0.8em;
}

#condiciones, #email_ayu, #pass_ayu {
    position: absolute;
    z-index: 8;
    background: #FFF;
    border: 1px solid #FF9405;
    padding: 10px;
}

#condiciones {
    left: -100px;
    width: 600px;
}

#email_ayu, #pass_ayu {
    left: 320px;
    width: 200px;
}

#condiciones p, #email_ayu p, #pass_ayu p {
    font-size: 0.8em;
}

#texto .producto {
    background: url(../images/fondo2.jpg) no-repeat;
    width: 280px;
    height: 180px;
    text-align: center;
    margin: auto;
    margin-top: 1px;
}

.personal, .corporate {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    padding-left: 85px;
    padding-top: 40px;
}

.personal a{ text-decoration: none;
    color: red;
}

.corporate a {    text-decoration: none;
    color: #34884D;
}

.protect a {text-decoration: none;
    font-weight: bold;
    padding-left: 90px;
    font-size: 0.75em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

.anti {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 0.75em;
    padding-top: 20px;
    padding-left: 55px;
    color: #333;
}

.download {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 15px;
    padding-left: 45px;
    color: #666;
}

.download a {
    text-decoration: none;
    color: #3B4D61;
}

.download a:hover {
    color: #FF9405;
}
/*Instrucciones*/
#ins {
    width: 430px;
    text-align: left;
    padding: 10px;
    font-size: 0.8em;
    border: 1px solid #FF9405;
    margin: 5px;
}

#ins h1 {
    color: #333;
    text-align: left;
    padding: 0px;
    font-size: 1.2em
}

#ins h2 {
    font-size: 1.2em
}

#ins dl {
    width: 340px;
    margin-left: 20px;
}

#ins ul {
    margin: 10px;
    margin-left: 50px;
}
/*Formulario contacto*/
#texto form {
    text-align: left;
}

#texto fieldset {
    padding: 10px;
    border: none;
}

#texto legend {
    font-size: 1em;
    font-weight: bold;
    padding: 5px;
}

#texto label {
    width: 100px;
    float: left;
    margin-top: 5px;
    font-size: 0.8em;
}

#texto input, select {
    width: 180px;
    margin-top: 5px;
}

#texto textarea {
    margin-top: 10px;
    width: 180px;
    height: 60px;
}
/*Formulario columna*/
#columna form {
    margin-left: 10px;
    margin-top: 5px;
}

#columna fieldset {
    border: none;
}

#columna legend {
    font-size: 0.8em;
    font-weight: bold;
    color: #FFF;
}

#columna input {
    width: 150px;
    margin: 3px;
}

#columna input.box {
    width: 100px;
    margin-left: 30px;
}

#pie, #pie2 {
    position: relative;
    z-index: 0;
    margin: auto;
    background: url(../images/pie.jpg) no-repeat center;
    width: 98%;
    height: 200px;
    margin-top: 0px;
    clear: left;
}

#pie2 {
    margin-top: 210px;
}

#pie p, #pie2 p {
    position: relative;
    z-index: 0;
    top: 170px;
    color: #FFF;
    width: 98%;
    font-size: 0.8em;
    text-align: center;
}