/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left:0px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:0px;
}
img{
  border: 0;
}
#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:213px;}
#topheader{float:right; width:526px; height:97px; background: transparent url(bg_cabecera.gif) no-repeat right bottom; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; }
#menu{background: transparent url(bg_menu_end.gif) no-repeat right top;}
#submenu{float:right; width:526px; height:32px; }
#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:800px; background-color:#fdfdfd; padding:10px;}
.design{font-size:10px}
/*GRAY PANEL*/
.graypanel{
	border-right:solid 1px #9fbfe4; background:#FFFFFF ; padding:10px; margin:10px;
}

/*SIDE PANEL*/
.sidepanel {
	border:solid 1px #9fbfe4; background:#FFFFFF; padding:10px; margin:10px;
}
#sidenavcontainer ul, #sidenavcontainer li, #sidenavcontainer h3 {
	list-style:none;
	margin:0;
	padding:0;
}
#sidenavcontainer a, #sidenavcontainer a:link, #sidenavcontainer a:visited, #sidenavcontainer a:active{
	text-decoration:none;
}
#sidenavcontainer a:hover{
	text-decoration:underline;
}
.side-navtitle {
	font:0.7em Tahoma, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#01499d;
	text-align:left;
	display:block;
	line-height:24px;
}
.side-cattitle, .side-cattitle a {
	font:0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#01499d;
	text-align:left;
	display:block;
	background:#FFFFFF url(graypanel.gif) repeat-y 0 0;
	line-height:24px;
	cursor: pointer;
}
.side-cattitle {
	margin:1px 0 0 0!important;	
	padding:0 0 0 5px!important;
}

.side-cattitle.open {
	background:#FFFFFF url(graypanel_open.gif) no-repeat bottom left;
}
.side-prodtitle, .side-prodtitle a {
	font:0.7em Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	text-align:left;
	display:block;
	background:#F7F7F7;
	line-height:18px;
}
.side-prodtitle {
	padding:0 0 0 10px!important;
}
.side-prodtitle  ul.sub li, .side-prodtitle ul.sub li a{
	padding-left: 8px!important;
	font-weight: normal!important;
	font-size: 11px!important;
	background-color: #FCFCFC;
}

.side-prodactive, .side-prodactive a {
	background:#ffffd9;
	color: #58585a;
}
.side-prodactive ul.sub li, .side-prodactive ul.sub li a{
	background-color: #ffffdf;
	color: #999999;
}

ul.sub li.side-prodactive, ul.sub li.side-prodactive a{
	background-color: #fffff5;
	color: #58585a;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#01499d;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#01499d;
	text-align:left;
	padding-bottom: 3px;
	margin-bottom: 8px;
	display:block;
	border-bottom:dotted 1px #9fbfe4;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;

}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallwhitetext .active {

	color: #ffffd9;
}

.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}

#contacto-eml a{
  color:#01499d;
  text-decoration: none;
}
#contacto-eml a:hover{
  text-decoration: underline;
}

a.smallgraytext {
	color:#065fc7;
	text-decoration:none;
	text-align:right;
	display:block;	
	margin-bottom:10px;
	margin-top:10px;
}
a.smallgraytext:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
img.imgright {
	margin: 5px 0 5px 10px;
}
img.imgleft {
	margin: 5px 10px 5px 0;
}
img.productos {
	border: 1px solid #d3d3d3;
}
img.producto-on {
	border: 1px solid #01499d!important;
}
img.producto {
	border: 1px solid #d3d3d3;
	width: 240px;
}
img.dblproducto {
	border: 1px solid #d3d3d3;
	width: 500px;
}
img.thumb_in {
	float: left;
	padding: 0 10px 10px 0;
}
.titlesection {
	font: 0.7em Tahoma, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#01499d;
	text-align:left;
	display:block;
}
.clear {
  clear:both;
  display: block;
  height: 10px;
}
table.clientes td{
  padding: 10px 0 1px 15px;
  border-bottom: solid 1px #9fbfe4;
}
table.clientes td a{
  color:#01499d;
  text-decoration: none;
}
table.clientes td a:hover{
  text-decoration: underline;
}
.more {
  display:block;
  text-align:right;
  width: 100%;
}
.more a {
  color:#01499d;
  text-decoration: none;
}
.more a:hover {
  text-decoration:underline
}
table.contacto td{
  padding: 10px 0 10px 10px;
  border-bottom: solid 1px #9fbfe4;
}
.homelink{
  cursor:pointer;
}
.contactform{
  border: solid 1px #d1d1d1;
  margin-top: 10px;
  width: 350px;
}
.contactlbl{
  font-size:11px;
  text-align: right;
  padding-right: 10px;
}
.contactlbl.required{
  font-weight: bold;
}
.contactfld {
  border: solid 1px #9fbfe4;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #326bad;
}
.contactbtn {
  border: solid 1px #9fbfe4;
  background-color:#efefef;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color: #555555;
}
.fld-20 {
	width:70px;
}
.fld-50 {
	width:150px;
}
.fld-100 {
	width:180px;
}
.fld-area {
	width:180px;
	height:50px;
}
.fld-submit {
	width:130px;
}
.fld-reset {
	width:180px;
}
form td{
	border:none!important;
}
.contacto-conf{
	margin: 0 auto;
	text-align:center;
}

.contacto-conf img {
  display:block;
  margin: 20px auto;
}