@charset "UTF-8";
/* TNA consultores
TNA Consultores 
Css reseter por enric meyer: http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/

/* partimos con un reseter para librarnos de la pesadilla del cross browsing, esperemos que funcione */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/*general*/
body,td,th {font-family: Arial, sans-serif; font-size: 11px;}
body {background-color: #888; margin: 0 auto;}
#contenedor {height: auto; min-height: 520px; width: 950px; margin: 0 auto; background-color: white; border: 1px solid #555; border-top: none;}
.izq{float: left;	}
.der{float: right;}
.clear{clear: both;}
#footer{width: 950px; height: 25px; background: transparent url(../images/fondo_pie_azul.png) repeat-x;}
#footer p{color: white; text-align: center; padding-top: 7px;}

/*estilos de texto*/
h1 {font-family: "Arial", sans-serif; font-size: 18px; color: #2a4d74; font-weight: bold;}
h2 {font-family: "Trebuchet MS", sans-serif; font-size: 20px; color: black; margin-top: 10px; margin-bottom: 10px; margin-left: 5px;}
h3 {font-size: 15px; color: #9bca3e; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
h3 a{color: #5c7319;}
h4{font-size: 11px; color: #002b44; font-weight: bold;}
h4 a{color: #002b44; text-decoration: none;}
h4 a:hover{color: #002b44; text-decoration: underline;}
.azul_destacado{color: #4eb7ff; font-size: 24px; font-weight: bold;}
.chico{font-size: 10px; color: black; font-weight: normal;}
.chica{font-size: 10px; color: red; font-weight: normal; margin-left: 20px;}
.iva{color: #be3e23; font-size: 13px;}
.texto_der{text-align: right; margin-right: 15px;}
.texto_centro{text-align: center; }

/*Estilos del header*/
#cabecera {width: 950px; height: 128px; background: transparent url(../images/fondo_cabecera.png) repeat-x;}
#cabecera img{margin-left: 30px}
#cabecera h1{margin-right: 130px; float: left;}
#cabecera h2{float: left; color: white; font-size: 30px; margin-top: 50px; padding-right: 165px;}
/*estilos menú principal*/

#menu_ppal {margin: 0 auto; margin-top: 10px; }
#menu_ppal ul {margin: 0; list-style: none;}
#menu_ppal li {display: inline; font-size: 12px; font-weight: bold; color: white; float: left; margin-right: 30px;}
#menu_ppal a{text-decoration: none; color: white;}
#menu_ppal a:hover{text-decoration: underline;}
.menu_ppal_activo{text-decoration: underline;}

/*empezamos con el contenido del home*/
#banner_destacado_home{width: 787px; height: 221px; padding: 10px; margin: 20px auto; background: transparent url(../images/banner_fondo_home.png) no-repeat;}
.texto_destacado{float: left; color: white; color: white; font-size: 34px; line-height: 130%; width: 177px; margin-top: 18px; margin-left: 10px;}
.texto_banner{float: right; width: 473px; margin-top: 8px; margin-right: 30px;}
.texto_banner h3{font-size: 19px; line-height: 130%; font-weight: bold; color: white;}
.texto_banner p{font-size: 13px; line-height: 130%; color: white; margin-top: 10px; text-align: left;}
.texto_banner img{margin-top: 10px; margin-left: 30px;}
#caja_servicios{width: 807px; margin: 0 auto; height: auto;}
#caja_servicio_asesoria{float: left; width: 255px; margin-right: 20px;}
#listado_asesoria_home{background: transparent url(../images/fondo_caja_asesoria_home.png) no-repeat; width: 235px; padding: 10px; margin-bottom: 30px;}
#listado_asesoria_home ul{margin: 10px 0 20px 0;}
#listado_asesoria_home li{list-style-image: url(../images/check.gif); margin-left: 40px; color: #666; line-height: 200%; font-size: 12px;}
#listado_asesoria_home img{margin-left: 10px;}

#caja_servicio_implementacion{float: left; width: 255px; margin-right: 20px;}
#listado_implementacion_home{background: transparent url(../images/fondo_caja_implementacion_home.png) no-repeat; width: 235px; padding: 10px; margin-bottom: 30px;}
#listado_implementacion_home ul{margin: 10px 0 20px 0;}
#listado_implementacion_home li{list-style-image: url(../images/check.gif); margin-left: 40px; color: #666; line-height: 200%; font-size: 12px;}
#listado_implementacion_home img{margin-left: 10px;}

#caja_servicio_soporte{float: left; width: 255px;}
#listado_soporte_home{background: transparent url(../images/fondo_caja_soporte_home.png) no-repeat; width: 235px; padding: 10px; margin-bottom: 30px;}
#listado_soporte_home ul{margin: 10px 0 20px 0;}
#listado_soporte_home li{list-style-image: url(../images/check.gif); margin-left: 40px; font-size: 12px; color: #666; line-height: 200%;}
#listado_soporte_home img{margin-left: 10px;}
#barra_ofertas_home{width: 950px; height: 118px; background: transparent url(../images/fondo_gris_down.png) repeat-x;}
#newsletter{width: 260px; margin-left: 80px; font-size: 11px; color: black; float: left; text-align: center; margin-top: 7px;}
#newsletter h3{font-size: 14px; font-weight: bold; text-align: center; color: black; line-height: 130%; margin-bottom: 10px;}
#newsletter input{float: left; width: 185px; height: 18px; border: 1px solid #cfcfcf; font-size: 11px; margin-left: 5px; margin-right: 3px; padding-left: 5px; padding-top: 4px; background-color: #eee; margin-top: 5px;}
#newsletter #btn_inscribir{width: 17px; height:21px; background: transparent url(../images/btn_suscribir.gif) no-repeat scroll; text-indent: -999px; line-height: 0; border: none; padding-top: 5px;}
#banner_home {margin-left: 20px;}


/*contenido que hacemos*/
.tab_activa{float: left; width: 112px; height: 11px; padding: 5px 0; margin-left: 80px; margin-top: 20px; margin-bottom: -30px; background: transparent url(../images/tab_activo.png) no-repeat; text-align: center; color: white; font-weight: bold; z-index: 999; }
.tab_activa2{float: left; width: 112px; height: 11px; padding: 5px 0; margin-left: 10px; margin-top: 20px; margin-bottom: -30px; background: transparent url(../images/tab_activo.png) no-repeat; text-align: center; color: white; font-weight: bold; z-index: 999; }
.tab{float: left; width: 115px; height: 11px; padding: 5px 0; margin-left: 10px; margin-bottom: -1px; margin-top: 20px; background: transparent url(../images/tab_inactiva.png) no-repeat; text-align: center;}
.tab_primera{float: left; width: 115px; height: 11px; padding: 5px 0; margin-left: 80px; margin-bottom: -1px; margin-top: 20px; background: transparent url(../images/tab_inactiva.png) no-repeat; text-align: center;}
.tab_primera a{color: #1d538a; text-decoration: none;}
.tab a{color: #1d538a; text-decoration: none;}
#banner_destacado_interna{float: left; width: 373px; height: 230px; padding: 10px; margin-left: 70px;  background: transparent url(../images/fondo_banner_destaca_no_top.png) no-repeat; z-index: 1;}
#banner_destacado_interna h1{color: #e4e5e5; font-size: 30px; font-weight: bold; margin-left: 20px; margin-top: 10px; margin-bottom: 7px;}
#banner_destacado_interna h2{color: #e4e5e5; font-size: 18px; margin-left: 20px; margin-top: 0;}
#banner_destacado_interna li{color: white; font-size: 13px; margin-bottom: 10px; margin-left: 20px;}
#banner_destacado_interna a{margin-left: 20px; margin-top: 10px;}
#contenido{float: left; width: 510px; margin-left: 70px; margin-top: 15px;}
#contenido p{margin-bottom: 20px; font-size: 12px; line-height: 150%; color: #404040;}
#contenido strong{margin-bottom: 20px; font-weight: bold;}
#contenido h3{color: #4eb7ff; font-size: 28px; font-weight: normal; line-height: 35px; margin-bottom: 20px;}
#contenido li{margin-left: 10px; margin-bottom: 20px; font-size: 12px;}
#contenido img{float: left; margin: 25px; margin-top: 0;}
#sidebar{width: 260px; float: right; margin-right: 70px; margin-top: 15px; margin-bottom: 40px;}
#listado_asesoria{background: transparent url(../images/fondo_asesorias_listado.png) no-repeat; width: 236px; height: 252px; padding: 10px; margin-bottom: 30px;}
#listado_asesoria h3{font-size: 20px; font-weight: normal; color: black;}
#listado_asesoria ul{margin: 10px 0 20px 0;}
#listado_asesoria li{list-style-image: url(../images/check.gif); margin-left: 25px; color: #333; line-height: 200%; margin-bottom: 5px;}
#ofertas{width: 237px; height: 171px; padding:5px 10px; background: transparent url(../images/fondo_oferta_sidebar.png) no-repeat; margin-bottom: 10px;}
#ofertas p{color: #be3e23; font-size: 35px; text-align: center; font-weight: bold;}
#ofertas img{margin: 5px auto; text-align: center;}

#cuestionario_sidebar{width: 237px; height: 171px; padding:5px 10px; background: transparent url(../images/fondo_oferta_sidebar.png) no-repeat; margin-bottom: 10px;}
#cuestionario_sidebar h4{font-size: 19px; font-weight: normal; color: black; text-align: center; line-height: 25px; margin: 10px 0;}
#cuestionario_sidebar p{font-size: 10px; line-height: 15px; text-align: center;}
#cuestionario_sidebar img{margin-top: 10px;}
#mas_info{width: 239px; height: 137px; padding:5px 10px; background: transparent url(../images/fondo_mas_info_sidebar.png) no-repeat; margin-bottom: 10px;}
#mas_info h4{color: white; font-size: 18px; font-weight: normal; text-align: center; height: 33px; margin-bottom: 7px;}
#mas_info p{font-size: 11px; margin-bottom: 12px; line-height: 130%;}
#mas_info a{font-weight: bold; color: black;}
#barra_seo{width: 950px; height: 118px; background: transparent url(../images/fondo_gris_down.png) repeat-x;}
.listado_seo{float: left; width: 180px; }
.listado_seo h3{font-size: 15px; font-weight: normal; color: black;  margin: 15px 0;}
.listado_seo a{color: black; text-decoration: none;}
.listado_seo a:hover{text-decoration: underline;}
.listado_seo li{list-style-type: square; line-height: 130%; margin-left: 12px;}
.listado_seo_ml70{float: left; width: 180px; margin-left: 70px;}
.listado_seo_ml70 h3{font-size: 15px; font-weight: normal; color: black; margin: 15px 0;}
.listado_seo_ml70 li{list-style-type: square; line-height: 130%; margin-left: 12px;}
.listado_seo_ml70 a{color: black; text-decoration: none;}
.listado_seo_ml70 a:hover{text-decoration: underline;}
#newsletter_interna{width: 260px; font-size: 11px; color: black; float: left; margin-left: 10px; text-align: center; margin-top: 7px;}
#newsletter_interna h3{font-size: 13px; font-weight: bold; text-align: center; color: black; line-height: 130%; margin-bottom: 10px;}
#newsletter_interna input{float: left; width: 185px; height: 18px; border: 1px solid #cfcfcf; font-size: 11px; margin-left: 5px; margin-right: 3px; padding-left: 5px; padding-top: 4px; background-color: #eee; margin-top: 5px;}
#newsletter_interna #btn_inscribir{width: 17px; height:21px; background: transparent url(../images/btn_suscribir.gif) no-repeat scroll; text-indent: -999px; line-height: 0; border: none; padding-top: 5px;}
#listado_implementacion{background: transparent url(../images/fondo_implementacion_listado.png) no-repeat; width: 236px; height: 252px; padding: 10px; margin-bottom: 30px;}
#listado_implementacion h3{font-size: 20px; font-weight: normal; color: black;}
#listado_implementacion ul{margin: 10px 0 20px 0;}
#listado_implementacion li{list-style-image: url(../images/check.gif); margin-left: 25px; color: #333; line-height: 200%; margin-bottom: 5px;}
#tipo_soporte{width:499px; height: 197px; padding: 10px; background: transparent url(../images/fondo_tipo_soporte.png) no-repeat;}
.listado_soporte{float: left; width: 165px;}
#tipo_soporte h4{font-size: 30px; color: #333; font-weight: bold; text-align: center; margin-top: 15px; margin-bottom: 15px;}
#tipo_soporte p{font-size: 9px; text-align: center;}
#tipo_soporte img{margin-top: 50px; text-align: center; padding-left: 10px;}
#caja_servicio_asesoria_conoce{width: 255px;}
#listado_asesoria_conoce{background: transparent url(../images/fondo_caja_asesoria_home.png) no-repeat; width: 235px; padding: 10px; margin-bottom: 30px;}
#listado_asesoria_conoce ul{margin: 10px 0 20px 0;}
#listado_asesoria_conoce li{list-style-image: url(../images/check.gif); margin-left: 40px; font-size: 12px; color: #666; line-height: 200%;}
#listado_asesoria_conoce img{margin-left: 10px;}
#caja_servicio_implementacion_conoce{width: 255px;}
#listado_implementacion_conoce{background: transparent url(../images/fondo_caja_implementacion_home.png) no-repeat; width: 235px; padding: 10px; margin-bottom: 30px;}
#listado_implementacion_conoce ul{margin: 10px 0 20px 0;}
#listado_implementacion_conoce li{list-style-image: url(../images/check.gif); margin-left: 40px; font-size: 12px; color: #666; line-height: 200%;}
#listado_implementacion_conoce img{margin-left: 10px;}
#caja_servicio_soporte_conoce{width: 255px;}
#listado_soporte_conoce{background: transparent url(../images/fondo_caja_soporte_home.png) no-repeat; width: 235px; padding: 10px; margin-bottom: 30px;}
#listado_soporte_conoce ul{margin: 10px 0 20px 0;}
#listado_soporte_conoce li{list-style-image: url(../images/check.gif); margin-left: 40px; font-size: 12px; color: #666; line-height: 200%;}
#listado_soporte_conoce img{margin-left: 10px;}

/*estilos formulario*/
#contacto{font-size: 12px; color: #737373;}
#contacto br{margin-bottom: 15px; }
#contacto select{margin-bottom: 20px;}
#contacto input{width: 300px; height: 15px; padding: 5px; margin-bottom: 20px; border: 1px solid #e5e5e5; background-color: #f6f6f6;}
#contacto textarea {width: 300px; height: 100px; border: 1px solid #e5e5e5; background-color: #f6f6f6;}
#contacto #btn_enviar{width: 82px; height:24px; background: transparent url(../images/btn_enviar.png) no-repeat scroll; text-indent: -999px; line-height: 0; border: none; margin-left: 220px;}
#donde_estamos{width: 249px; height: 288px; background: transparent url(../images/fondo_contacto_mapa.png) no-repeat; padding: 5px; margin-bottom: 10px;}
#donde_estamos h4{font-size: 20px; color: #333; font-weight: normal; text-align: center; margin-bottom: 10px; margin-top: 5px;}
#donde_estamos p{font-size: 11px; margin-bottom: 12px; line-height: 130%;}
#donde_estamos a{font-weight: bold; color: black;}

/*Estilos ofertas*/
#banner_destacado_ofertas{width: 787px; height: 221px; padding: 10px; margin: 0 auto; background: transparent url(../images/banner_fondo_home.png) no-repeat;}
#banner_destacado_ofertas h1{color: #e4e5e5; font-size: 35px; font-weight: bold; margin-left: 20px; margin-top: 10px;}
#banner_destacado_ofertas h2{color: #e4e5e5; font-size: 18px; margin-left: 20px; margin-top: 5px;}
#oferta_destaca{width: 400px; height: 120px; float: left;}
#oferta_destaca img{float: left; margin-top: 40px;}
#oferta_destaca h3{color: white; font-size: 18px; font-weight: normal; margin-top: 7px; margin-bottom: 7px;}
#oferta_destaca p{color: white; line-height: 20px; text-align: justify;}
#oferta_destaca h4{float: right; background: transparent url(../images/fondo_link_oferta_banner.png) no-repeat; width: 207px; height: 17px; text-align: center; padding-top: 7px; color: black; font-weight: bold; margin-right: 70px; margin-top: 10px;}
.texto_destacado_der{float: right; color: white; color: white; font-size: 34px; line-height: 130%; width: 300px; margin-left: 10px;}

#contenido table{margin: 0 auto; width: 540px; padding: 10px; background-color: #fff; margin-bottom:  40px;}
#contenido tr{height: 30px; padding-bottom: 10px; border-bottom: 1px solid black;}
#contenido th{height: 15px; padding-bottom: 25px; font-size: 13px; font-weight: bold; text-align: center;}
.head_producto{width: 140px;}
.head_descripcion{width: 300px; padding: 10px;}
.head_precio{width: 80px; background-color: #e8f5fe;}
.img_oferta{width: 140px; text-align: center;}
.desc_oferta{width: 300px; padding: 10px; line-height: 16px;  vertical-align: top;}
.precio{width: 80px;  background-color: #e8f5fe; text-align: center; font-size: 11.5px; vertical-align: top; padding-top: 10px; line-height: 20px; color: #555;}
.precio strong{color: red;}
.precio a{color: black; font-weight: bold; text-decoration: none;}
.precio a:hover{text-decoration: underline;}
.precio p{text-align: center; width: 120px;}
.tachado{text-decoration: line-through;}
.mt20{margin-top: 20px;}
#legal{margin-top: -20px; margin-bottom: 20px; color: red; font-size: 10px;}

/*estilos cuestionario*/
.cuestionario{background: transparent url(../images/fondo_cuestionario.png) repeat-x;}
#cuestionario {padding: 20px; border: 1px solid #5a81aa; width: 770px; color: #333;}
#cuestionario h1{font-size: 24px; font-weight: normal; color: #555;}
#cuestionario p{font-size: 12px; line-height: 14px; margin-bottom: 15px; margin-top: 10px;}
#cuestionario label{margin-right: 20px;}
/*#cuestionario input{width: 300px; height: 15px; padding: 5px; border: 1px solid #999; background-color: #f6f6f6;}*/
#cuestionario #btn_enviar{width: 82px; height:24px; background: transparent url(../images/btn_enviar.png) no-repeat scroll; line-height: 0; border: none; margin-left: 220px;}
.ml_192{margin-left: 192px;}