/* CSS Document */

body {font-family: Verdana, Tahoma, sans-serif; color: #333; font-size: 16px;}
#container {width: 970px; margin: 0 auto;}

/* Inicio menu */
#menu a, #menu a:hover {text-decoration: none; color: #0066FF;}
#menu li {float: left; padding: 50px 20px; color: #0066FF;font-weight: bold;}
#menu ul {list-style-type: none}
#logotipo {float: left;}
#descargar {margin-top: 35px; float: right;}
/* Fin menu */

/* Inicio tipografias */
h1, h2, h3, h4, h5 {line-height: 130%;}
h1 {font-size: 28px; color: #0066FF; padding-top: 20px;}
h2 {font-size: 22px; color: #0066FF; font-weight: normal;}
h3 {font-size: 16px; color: #CC0000; line-height: 150%;}
h4 {font-size: 18px; color: #7aad3b; font-weight: normal;}
h5 {font-family: "Times New Roman", Times, serif; font-size: 20px; color: #666; font-style: italic; font-weight: normal;}
p {line-height: 150%;}
p span {color:#0066FF; display:inline; font-weight: bold;}
span {color: #0066FF; display: block; line-height: 200%;}
#form span {color: #333;}
.destacado-form span {color: #CC0000; display:inline; font-weight:bold;}
.intro {border-top: 1px solid #0066FF; border-bottom: 1px solid #0066FF; padding: 10px; margin-bottom: 20px; text-align: center;}
.img p {font-size:13px;color: #666666;line-height: 120%;font-style: italic;}
.content-rl p, .image-rl p {font-family: "Times New Roman", Times, serif; font-size: 20px; color: #666; font-style: italic; font-weight: normal; line-height: 130%;}
.soporte a {color: #FFFFFF;}
.img-doble-content span {font-size: 14px;font-weight:bold;text-align: center;}
.img-doble-content span a, .img-doble-content span a:hover, .img-doble-content span a:visited, .img-doble-content span a:active {color: #CC0000;}
/* Fin tipografias */

/* Inicio Formulario Descarga */
#form {padding-top: 20px; float: right; width: 450px; height: 720px; background: url(http://www.totemguard.com/images/landing_pages/landing_nsm_form.jpg) no-repeat;}
.formulario {margin-top: 50px; margin-left: 37px;}
/* Fin Formulario Descarga */

/* Inicio contenido */
.principal-content {width: 500px; float: left;}
.content {width: 970px; margin: 0px auto; padding-top: 20px;}
.destacado-form {width: 400px; background-color: #d1e3e3; border: 1px solid #0066FF;}
/* Fin contenido */

/* Inicio listas */
.check-point li, .check-stick li, .check-red li {line-height: 170%;}
.check-point li {list-style-type: none; list-style-image: url(../images/landing_pages/landing_dna_check_point.gif);}
.check-stick li {list-style-type: none; list-style-image: url(../images/landing_pages/landing_dna_green_check.gif);}
.check-red li {list-style-type: none; list-style-image: url(../images/landing_pages/landing_dna_check_red.gif);}
.check {position: absolute}
.menu {line-height: 170%;}
.destacado-form li {line-height: 120%;}
/* Fin listas */

/* Inicio tablas */
.destacado, .destacado-blue {width: 600px; margin: 50px auto; padding: 10px 30px;position: relative; border: 1px solid #0066FF;}
.destacado-blue {background-color: #d1e3e3;}

.landing_dna_ltb, .landing_dna_lbb, .landing_dna_rtb, .landing_dna_rbb {position: absolute; height: 16px; width: 23px;}
.landing_dna_ltb {left: -1px; top: -1px; background-image: url(../images/landing_pages/landing_dna_ltb.gif);}
.landing_dna_lbb {left: -1px; bottom: -1px; background-image: url(../images/landing_pages/landing_dna_lbb.gif);}
.landing_dna_rtb {right: -1px; top: -1px; background-image: url(../images/landing_pages/landing_dna_rtb.gif);}
.landing_dna_rbb {right: -1px; bottom: -1px; background-image: url(../images/landing_pages/landing_dna_rbb.gif);}
.landing_dna_ltb_blue, .landing_dna_lbb_blue, .landing_dna_rtb_blue, .landing_dna_rbb_blue {position: absolute; height: 16px; width: 23px;}
.landing_dna_ltb_blue {left: -1px; top: -1px; background-image: url(../images/landing_pages/landing_dna_ltb_blue.gif);}
.landing_dna_lbb_blue {left: -1px; bottom: -1px; background-image: url(../images/landing_pages/landing_dna_lbb_blue.gif);}
.landing_dna_rtb_blue {right: -1px; top: -1px; background-image: url(../images/landing_pages/landing_dna_rtb_blue.gif);}
.landing_dna_rbb_blue {right: -1px; bottom: -1px; background-image: url(../images/landing_pages/landing_dna_rbb_blue.gif);}

td {padding: 10px; border-bottom: 1px solid #0066FF; line-height: 150%;}
/* Fin tablas */

/* Inicio imagenes */
.descargar-red {width: 166px; margin: 0 auto; padding-top: 10px; padding-bottom: 40px;}
.img {float: right;width: 350px;padding: 10px 20px; border: 1px solid #0066FF; margin-left: 30px;}
/* Fin imagenes */

/* Inicio columnas */
.doble-content {width: 260px; float: left;}
.img-doble-content {float: left; width: 170px; height: 300px; padding-left: 30px; margin-top: 30px;}
.container-left {width: 475px; float: left;}
.container-right {width: 475px; float: right;}
.content-rl {padding-left: 10px; padding-right: 10px; width: 320px; float: right; margin-top: 40px;}
.image-rl {width: 130px; float: left; margin-top: 60px;}
/* Fin columnas */

/* Inicio bloque */
#bloque {background: url(../images/landing_pages/landing_dna_bloques.png) no-repeat;height: 690px;width: 850px;position: relative;margin: 30px auto;}
#boton_descargar {position: absolute;left: 575px;top: 1110px;z-index: 1;}
#bloque ul {font-size: 14px;color: #FFF;margin-top: 90px;position: absolute;width: 250px;line-height: 240%;list-style-type: none;}
/* Fin bloque */


/* Inicio Fadein */
#fadein {background-color: #000000; background-repeat: repeat-x; font-size: 14px; color: #FFFFFF; position: fixed; bottom: 0px; visibility: hidden; z-index: 10; width: 100%;}
#fadein span {color: #fff; display:inline; padding-right: 10px;}
#fadein a {color: #FFFFFF;}
/* Fin Fadein */