/* ------ TENABAL ------ */
/* --------------------- */

@media print { .toplink { display: none; } }

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color:#393939;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}

p{ margin:0px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #393939; }

a 					{text-decoration: underline; outline-style:none;}
a:link, a:visited 	{color:#457002;text-decoration:underline;}
a:hover				{color:#6491AF;text-decoration: none; }

a img       { border: 1px solid #6ca010; padding:2px; outline-style:none; }
a:hover img { border: 1px solid #000000; padding:2px; outline-style:none; }

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin:0;
}
h2 {	
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	color: #fdfdfd;
	line-height: normal;
	margin-top:22px;
	padding:0;
	padding-bottom:3px;
	margin-bottom:4px;
	border-bottom:1px solid #246095;
}
h3 {
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	margin:0;
	padding:0;
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom:1px solid #6ca010;
	text-align:left;
	letter-spacing:-1px; 
}
h4 {
	background: url(images/tn-arrow.gif) top left no-repeat;
	background-position:2px 3px;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	color: #000000;
	margin:0;
	padding:0;
	padding-bottom:4px;
	padding-left:17px;
	margin-bottom:6px;
	border-bottom:1px solid #6ca010;
	text-align:left;
	letter-spacing:-1px; 
}
h5 {
	background: url(images/tn-arrow.gif) top left no-repeat;
	background-position:2px 3px;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	color: #000000;
	margin:0;
	padding:0;
	padding-top:1px;
	padding-bottom:4px;
	padding-left:17px;
	margin-bottom:6px;
	border-bottom:1px solid #6ca010;
	text-align:left;
	letter-spacing:-1px; 
}

/* -----  MENU HORIZONTAL  ----- */

#navigation {
	background-color: #ffffff;
	width:557px;
	height:28px;
	margin:0;
	float:right;
	padding:0;
	margin-top:122px;
	margin-right:0; 
}

#navigation ul {
	display:block;
	list-style: none;
	background: #ccc url(images/tn-menu.gif) top left no-repeat;
	background-position:  0 -28px ;
	margin:0;
	padding:0;
	width:557px;
	height:28px;
}

#navigation ul li {
	float:left;
	position:relative;
	z-index:100;
	margin:0;
	padding:0;
	height:28px;
}
	
#navigation ul li a {
	outline:0;
	display:block;
	text-decoration:none;
	text-indent: -999em;
	height:28px;
}
	
#navigation ul li a:hover,
#navigation ul li a.current {
	background-image: url(images/tn-menu.gif);
	background-repeat: no-repeat;
}

#navigation ul li#home a { width:48px }
#navigation ul li#home a:hover { background-position: 0 0; }
#navigation ul li#home a.current,
#navigation ul li#home a.current:hover {width:48px; background-position: 0 -56px; }

#navigation ul li#productos a { width:81px }
#navigation ul li#productos a:hover { background-position: -48px 0; }
#navigation ul li#productos a.current,
#navigation ul li#productos a.current:hover { width:81px; background-position: -48px -56px; }

#navigation ul li#empresa a { width:84px }
#navigation ul li#empresa a:hover { background-position: -129px 0; }
#navigation ul li#empresa a.current,
#navigation ul li#empresa a.current:hover { width:84px; background-position: -129px -56px; }

#navigation ul li#distribuidores a { width:103px }
#navigation ul li#distribuidores a:hover { background-position: -213px 0; }
#navigation ul li#distribuidores a.current,
#navigation ul li#distribuidores a.current:hover { width:103px; background-position: -213px -56px; }

#navigation ul li#preguntas a { width:147px }
#navigation ul li#preguntas a:hover { background-position: -316px 0; }
#navigation ul li#preguntas a.current,
#navigation ul li#preguntas a.current:hover { width:147px; background-position: -316px -56px; }

#navigation ul li#contacto a { width:94px }
#navigation ul li#contacto a:hover { background-position: -463px 0; }
#navigation ul li#contacto a.current,
#navigation ul li#contacto a.current:hover { width:94px; background-position: -463px -56px; }

#navigation ul li a.current:hover { cursor: default; }

/* -----  SITIO  ----- */

#wrapper{
	background-color:#ffffff; 
	width:100%;
	margin:0;
}

/* --- header --- */
#header{
	background:url(images/tn-bg-header.gif) bottom left repeat-x;
	height:160px;
	width:100%;
	padding:0;
	margin:0;
}
#header h1{
	background:url(images/tn-logo.gif) bottom left no-repeat;
	margin:0;
	padding:0;
	width:138px;
	height:127px;
	text-indent: -999em;
	float:left;
}
#header a{
	margin:0;
	padding:0;
	width:138px;
	height:127px;
	display:block;
	text-decoration:none;
	text-indent: -999em;
}
.header-in{
	height:160px;
	width:762px;
	padding:0;
	margin:0 auto;
}

/* --- welcome --- */
#welcome{
	background:#e9e8d9 url(images/tn-bg-welcome.gif) bottom left repeat-x;
	width:100%;
	height:236px;
	margin:0;
	margin-bottom:16px;
	padding:0;
	padding-top:12px;
	padding-bottom:14px;
}
#welcome p{
	font-weight:bold;
	font-size:13px;
}
#welcome a{
	color: #21508f;
}
#welcome a:hover{
	color: #6491AF;
}
#welcome img{
	float:left;
	padding:0;
	margin:0;
}
#welcome .welcome-in, .faq, .emp, .prod, .auto, .missing, .contacto, .dist, .moto, .hogar, .onsite, .premium{
	width:712px;
	height:234px;
	border:1px solid #948c69;
	margin:auto;
	padding:0;
	padding-right:46px;	
}
#welcome .welcome-in{	
	background:#6faade url(images/tn-bg-welcome.jpg) top right no-repeat;
}
#welcome .faq{
	background:#6faade url(images/tn-faq-topimg-bg.jpg) top right no-repeat;
}
#welcome .emp{
	background:#6faade url(images/tn-emp-topimg-bg.jpg) top right no-repeat;
}
#welcome .prod{
	background:#6faade url(images/tn-prod-topimg-bg.jpg) top right no-repeat;
}
#welcome .missing{
	background:#6faade url(images/tn-error-topimg-bg.jpg) top right no-repeat;
}
#welcome .contacto{
	background:#6faade url(images/tn-con-topimg-bg.jpg) top right no-repeat;
}
#welcome .dist{
	background:#6faade url(images/tn-dist-topimg-bg.jpg) top right no-repeat;
}
#welcome .auto{
	background:#6faade url(images/tn-auto-topimg-bg.jpg) top right no-repeat;
}
#welcome .moto{
	background:#6faade url(images/tn-moto-topimg-bg.jpg) top right no-repeat;
}
#welcome .hogar{
	background:#6faade url(images/tn-hogar-topimg-bg.jpg) top right no-repeat;
}
#welcome .onsite{
	background:#6faade url(images/tn-onsite-topimg-bg.jpg) top right no-repeat;
}
#welcome .premium{
	background:#6faade url(images/tn-premium-topimg-bg.jpg) top right no-repeat;
}

.margen{ margin-bottom:10px;}

/* --- container --- */
#container{
	width:758px;
	margin:auto;
	padding:0;
}

/* --- left column --- */
#info-left-all{
	width:524px;
	padding:0;
	height:auto;
}
#info-left-all li{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
#info-left-all  .info-left, .info-left-2, .info-left-pro, .info-left-hogar{
	width:494px;
	background:#e9e8d9 url(images/tn-bg-div1.gif) top left repeat-x; 
	padding:15px;
	border-left:1px solid #87c11f;
}
.info-left{
	min-height:175px;	
	height:auto;
}
.info-left-2{
	min-height:175px;	
	height:235px;
}
.info-left-pro{
	min-height:135px;
	height:200px;
}
.info-left-hogar{
	height:830px;
}
#info-left-all p{
	padding-left:10px;
	padding-right:10px;
}
#info-left-all ul, #info-left-all li{
	padding-left:0;
	padding-right:10px;
	margin:0;
	margin-left:10px;
}
#info-left-all .margen2{
	margin-bottom:22px;
}
#info-left-all img{
	margin:0;
	margin-right:15px;
	float:left;
}
#info-left-all .logobig{
	margin:0; 
	margin-bottom:10px; 
	padding:0; 
	float:none;
}
#info-left-all h3{
	padding-left:10px;
	height:22px;
}
#info-left-all .box{float:right; width:340px;}
#info-left-all a.mas{
	background:url(images/tn-arrow2.gif) top left no-repeat;
	background-position:2px 3px;
	font-weight:bold;
	padding-left:18px;
}
#info-left-all a.mas:hover{
	font-weight:bold;
	color:#fff;
	background-color:#6ca010;
}
.borde{
	width:525px;
	height:8px;
	background:#6ca010 url(images/tn-bg-div1-foot.gif) top left repeat-x;
	padding:0;
	margin:0;
	margin-bottom:16px;
}
.txt-big{
	font-size:17px;
	font-weight: bold;
}

/* --- right column --- */
#info-right-all{
	float:right;
	width:217px;
	padding:0;
	margin:0;
}
.info-right{
	width:197px;
	padding:10px;
	min-height:100px;
	height:auto;
	background:#90cdf8 url(images/tn-bg-div2.gif) top left repeat-x;
	text-align:center;
	border-left:1px solid #5788c9;
}
#info-right-all p{
	margin:0;
	padding:0;
	padding-left:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #21508f;
	text-align:left;
	line-height:20px;
}
#info-right-all .line{
	line-height:14px;
}
#info-right-all a{
	color: #21508f;
}
#info-right-all a:hover{
	color: #fffffe;
}
#info-right-all h3{
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	color: #21508f;
	letter-spacing:-2px;
	margin:0;
	margin-bottom:10px;
	margin-left:6px;
	margin-right:6px;
	padding:0;
	padding-bottom:4px;
	border-bottom:1px solid #21508f;
	text-align:center;
	letter-spacing:-1px; 
}
#info-right-all img{
	margin:auto;
	margin-bottom:12px;
	border:1px solid #21508f;
	padding:2px;
}
#info-right-all a:hover img { border: 1px solid #fff; padding:2px; outline-style:none; }
.borde2{
	width:218px;
	height:8px;
	background:#5788c9 url(images/tn-bg-div2-foot.gif) top left repeat-x;
	padding:0;
	margin:0;
	margin-bottom:16px;
}
.borde2 p{
	font-size:2px;
}

/* --- toplink --- */
.toplink{
	width:100%;
	margin-bottom:15px;
	background:url(images/tn-btn-arrowup2.gif) top right no-repeat;
}
.toplink a{
	color:#457002;
	padding-right:14px;
	background:url(images/tn-btn-arrowup1.gif) top right no-repeat;
}
.toplink a:hover{
	color:#5e5e5e;
	background:none;
}

/* --- centrado --- */

#centrado {
	text-align:center;
	height:15%; 
	width: 30%;
	padding:10px;
	padding-top:15px;
	margin-top:50px;
	position: absolute;
	left: 35%; 
	top: 30%; 
	bottom:30%;
	background-color:#e6e6e6;
}
#centrado h2{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
	border:none;
}
#centrado .bottom-pad {
	padding-bottom:20px;
}

/* --- formulario --- */
#side-all{
	height:290px;
	width:494px;
	margin:0;
	margin-top:30px !important;
	margin-top:40px;
	margin-bottom:20px !important;
	margin-bottom:30px;
	padding:0;
}
#side-all-dist{
	height:376px  !important;
	height:370px;
	width:494px;
	border-bottom: 1px dotted #537e07;
	margin:0;
	margin-top:30px !important;
	margin-top:40px;
	margin-bottom:32px !important;
	margin-bottom:10px;
	padding:0;
	padding-bottom:20px  !important;
	padding-bottom:22px;
}

a.linked {
	background: url(images/tn-arrow.gif) top left no-repeat;
	background-position:2px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding:0;
	padding-bottom:4px;
	padding-left:17px;
	margin:0;
	text-align:left;
	letter-spacing:-1px;
}
a.linked:hover {
	color: #87c11f;
	text-decoration:none;
}

.side-a{
	float:left;
	width:156px;
	height:18px;
	padding:0;
	padding-top:2px;
	text-align:right;
	margin:5px 3px 10px 0px;
	font-weight:bold;
}
.side-b{
	float:left; 
	width:306px;
	height:20px;
	margin:5px 3px 10px 3px;
}
.side-b2{
	float:left; 
	width:320px;
	height:150px !important;
	height:120px;	
	margin:5px 3px 10px 3px;
}
.side-c{
	width:300px;
	height:20px;
	float:left; 
	padding:0;
	padding-left:170px;
	margin:0;
}
.form{ 
	margin:0; 
	padding:3px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	background:#939281 url(images/tn-bg-form.gif) top left repeat-x ;
	border: 1px solid #6ca010;
	line-height:11px;
	outline-style:none;
}
.boton{
	background-color:#537e07; 
	color:#fff; 
	margin:10px 10px 0 0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	border: 1px solid #6ca010;
	cursor:pointer;
	font-size:12px;
}
.error{
	color:#CC3300;
	font-weight:bold;
	font-size:10px;
	border:none;
}

/* --- footer --- */

#footer{
	clear:both;
	float: none;
	color:#cccccc;
	margin:0;
	padding:0;
	padding-top:20px;
	height:auto;
	background:#dedede url(images/tn-bg-footer.gif) top left repeat-x;
	text-align:center;
	overflow: hidden;
	padding-bottom: 40px;
	width: 100%;
}
#footer p{
	color:#8c8c8c;
	font-size:14px;
}
#footer .small{
	font-size:10px;
	color:#313131;
	padding:0;
	margin:0;
}
#footer .pad{
padding-top:9px;
}

#footer a{
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	color:#000000;
}

#footer a:hover{
	color:#87c11f;
	text-decoration:underline;
}
/* ----------------------------------- */