/*
COLORES INSTITUCIONALES 
ROJO DEL LOGO:
	dec hex
	218 DA
	61  3D
	87  57
*/

:link,:visited { text-decoration:none } :focus,:active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }
/*body { font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666;  background: #EFF9FE url(../images/bg.gif) repeat-x; } */ /* #F7FCFF #E6F2FB*/ 
/* body { font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666;  background: #EFF9FE url(../images/bg.gif) repeat-x; } */ /* #F7FCFF #E6F2FB*/ 
/*body { font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666;  background: #F7FCFF url(../images/bg.jpg) no-repeat right top; } */
body { font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666;  background: #F5F8FA url(../images/bg.png) repeat-x; } /* #F7FCFF #E6F2FB*/ 
a { color: #DD2E44; cursor: pointer; }
a:hover { color: #7D1919; }
h1 { font-size: 3.5em; clear: both; margin: 0 0 5px; }
h2 { font: normal 1.6em; color: #3D3C3B; margin: 0 0 15px; }
h2#slogan { font-size: 1.1em; color: #666666; }
p  { margin: 0 0 15px; line-height: 1.7em; } 
.clear { clear: both; } 
.wrap { margin: 0 auto; width: 900px; } 
.background { clear:both; background: url(../images/bg.jpg) bottom no-repeat; } 

.menue { background: url(../images/bg.jpg) bottom no-repeat; } 

#search  { float: left; margin: 10px 0px 0 40px; width: 490px;  } /*  top right bottom left */
	#search  label a.admincontrols { color: #00FFFF } /*  top right bottom left */
	#search  label a.admincontrols:hover { text-decoration:underline } /*  top right bottom left */
	input.field { float: left; background: #FFFFFF; border: 1px solid #999999; color: #333333; padding: 7px 2px 2px 2px; margin: 2px 5px 0 0; width: 122px; font: 1.1em "Trebuchet MS", Arial, Sans-Serif; height:24px; }
	input.fieldemail { float: left; background: #FFFFFF; border: 1px solid #999999; color: #333333; padding: 7px 2px 2px 2px; margin: 2px 5px 0 0; width: 180px; font: 1.1em "Trebuchet MS", Arial, Sans-Serif; height:24px; }
	input.button { float: left; background: url(../images/scbuttonorg.png) no-repeat; width: 86px; height: 36px; border: none; font-size: 1.1em; margin: 2px 0 0 0;}
	input.button1 { float: left; background: url(../images/scbutton4.png) no-repeat; width: 160px; height: 36px; border: none; font-size: 1.1em; margin: 2px 0 0 0;}
	input.button2 { float: left; background: url(../images/scbutton6.png) no-repeat; width: 160px; height: 36px; border: none; font-size: 1.1em; margin: 2px 0 0 0;}
		input.button:hover { color: #A40F3A; cursor: pointer; }
		input.button1:hover { text-decoration:underline; cursor: pointer; }
	input.button3 { float: left; background: url(../images/scbutton4mas.png) no-repeat; width: 160px; height: 36px; border: none; font-size: 14px; padding: 0 0 0 10px;}
		input.button3:hover { text-decoration:underline; cursor: pointer; }
	input.button32 { float: left; background: url(../images/scbutton4mas2.png) no-repeat; width: 179px; height: 36px; border: none; font-size: 14px; padding: 0 0 0 10px;}
		input.button32:hover { text-decoration:underline; cursor: pointer; }
	input.button4 { float: left; background: url(../images/scbutton4.png) no-repeat; width: 160px; height: 36px; border: none; font-size: 14px; }
		input.button4:hover { text-decoration:underline; cursor: pointer; }
	input.button5 { float: left; background: url(../images/scbuttonorgl.png) no-repeat; width: 110px; height: 36px; border: none; font-size: 1.1em; margin: 2px 0 0 0;}
		input.button5:hover { text-decoration:underline; cursor: pointer; }
	input.button6 { float: left; background: url(../images/scbutton4masb.png) no-repeat; width: 160px; height: 36px; border: none; font-size: 14px; padding: 0 0 0 10px;}
		input.button6:hover { text-decoration:underline; cursor: pointer; }
	input.button62 { float: left; background: url(../images/scbutton4masb2.png) no-repeat; width: 160px; height: 36px; border: none; font-size: 14px; padding: 0 0 0 10px;}
		input.button62:hover { text-decoration:underline; cursor: pointer; }
	input.button7 { float: left; background: url(../images/scbutton7.png) no-repeat; width: 250px; height: 36px; border: none; font-size: 14px; padding: 0 0 0 10px;}
		input.button7:hover { text-decoration:underline; cursor: pointer; }
	input.button8 { float: left; background: url(../images/scbutton8.png) no-repeat; width: 250px; height: 36px; border: none; font-size: 14px; padding: 0 0 0 20px;}
		input.button8:hover { text-decoration:underline; cursor: pointer; }
	input.button9 { float: left; background: url(../images/scbutton2.png) no-repeat; width: 61px; height: 24px; border: none; font-size: 14px; padding: 0 0 0 20px;}
		input.button9:hover { text-decoration:underline; cursor: pointer; }
	input.button10 { float: right; background: #333333; width: 50px; height: 24px; border: none; font-size: 18px; padding: 0 10px 0 10px; color:#DD2E44}
		input.button10:hover { text-decoration:underline; cursor: pointer; }
	input.button11 { float: left; background: url(../images/scbutton11_tarjeta.png) no-repeat;; width: 111px; height: 25px; border: none; font-size: 12px; padding: 0 10px 0 10px; }
		input.button11:hover { text-decoration:underline; cursor: pointer; }

button.button11	{ background: url(../images/scbutton11.png) no-repeat;; border: none; font-size: 11px; width: 111px; height: 27px; }
	button.button11:hover { text-decoration:underline; cursor: pointer; }

#menu { padding: 0 0 0px 0; margin: 23px 0 0px 0; height: 10px; font: "Trebuchet MS", Arial, Sans-Serif; }
	#menu li { display: inline; }
	/*#menu li a 				{ float: left; width: 86px; height:36px; text-align: center; margin: 0 2px 0 0; font-weight: bold; font-size: .8em; padding: 16px 0 21px; color: #ccc; }*/

	#menu li a.primeralinea { color: #DDDDDD; float: left; width: 86px; height:36px; text-align: center; margin: 0px 2px 0px 0px; font-size: .9em; padding: 1px 0px 4px 0px; }  /*  top right bottom left */
	#menu li a.primeralinea1 { color: #DDDDDD; float: left; width: 86px; height:36px; text-align: center; margin: 0px 2px 0px 0px; font-size: .9em; padding: 1px 0px 4px 0px; }  /*  top right bottom left */
	#menu li a.primeralineaon { color: #000000; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; height:36px; text-align: center; margin: 0px 2px 0px 0px; font-size: .9em; padding: 1px 0px 4px 0px; }
	#menu li a.primeralinea:hover { color: #333333; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; height:36px; text-align: center; margin: 0px 2px 0px 0px; font-size: .9em; padding: 1px 0px 4px 0px; text-decoration:underline }
	#menu li a.primeralinea1:hover { color: #AF1515; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; height:36px; text-align: center; margin: 0px 2px 0px 0px; font-size: .9em; padding: 1px 0px 4px 0px; }
	#menu li a.primeralineaon:hover { color: #AF1515; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; height:36px; text-align: center; margin: 0px 2px 0px 0px; font-size: .9em; padding: 1px 0px 4px 0px; }
	
	#menu li a.micuenta { background: url(../images/scbuttonorg.png) no-repeat center top; color: #333333; float: left; width: 86px; height:36px; text-align: center; margin: 0 11px 0 0; font-size: 1.0em; padding: 9px 0 0px 0; }
	#menu li a.micuenta:hover { background: url(../images/scbuttonorg.png) no-repeat center top; color: #333333; float: left; width: 86px; height:36px; text-align: center; margin: 0 11px 0 0; font-size: 1.0em; padding: 9px 0 0px 0; text-decoration: underline }
	#menu li a.micuentaoff { color: #ffffff; float: left; width: 86px; height:36px; text-align: center; margin: 0 2px 0 0; font-size: .9em; padding: 9px 0 0px 0; }
	#menu li a.micuentaoff:hover { background: url(../images/scbuttonorg.png) no-repeat center top; color: #AF1515; float: left; width: 86px; height:36px; text-align: center; margin: 0 2px 0 0; font-size: .9em; padding: 9px 0 0px 0; }
	#menu li a.micuenta2 { background: url(../images/scbuttonorg.png) no-repeat center top; color: #333333; float: left; width: 86px; height:36px; text-align: center; margin: 0 2px 0 0; font-size: .9em; padding: 9px 0 0px 0; }
	#menu li a.micuenta2:hover { background: url(../images/scbutton3.png) no-repeat center top; color: #AF1515; float: left; width: 86px; height:36px; text-align: center; margin: 0 2px 0 0; font-size: .9em; padding: 9px 0 0px 0; }
	/*#menu li a.micuenta:hover { color: #AF1515; float: left; width: 86px; height:36px; text-align: center; margin: 0 2px 0 0; font-size: .9em; padding: 9px 0 0px 0; }*/

	#menu li a.segundonivel 	{ color: #333333; float: left; width: 86px; height:36px; text-align: center; margin: 4px 0px 0px 0; font-size: 0.9em; padding: 0px 0 0px 0px; }
	#menu li a.segundonivel:hover { color: #333333; float: left; width: 86px; height:36px; text-align: center; margin: 4px 0px 0px 0; font-size: 0.9em; padding: 0px 0 0px 0px; text-decoration:underline }

	#menu li a.inicio1 { color: #333333; float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; }
	#menu li a.inicio1off { color: #FFFFFF; float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; }
	#menu li a.inicio2 { color: #333333; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; text-align: center; margin: 0 0px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; }
	#menu li a.iniciolock { color: #333333; background: url(../images/scbuttonlock.png) no-repeat center top; float: left; width: 86px; text-align: center; margin: 0 0px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; }
	#menu li a.inicio3 { color: #EEEEEE; float: left; width: 80px; text-align: center; margin: 0 0px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; }
	#menu li a.inicio1:hover { color: #AF1515; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; }
	#menu li a.inicio1off:hover { color: #AF1515; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; }
	#menu li a.inicio2:hover { color: #333333; background: url(../images/scbuttonorg.png) no-repeat center top; float: left; width: 86px; text-align: center; margin: 0 0px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; text-decoration:underline }
	#menu li a.iniciolock:hover { color: #333333; background: url(../images/scbuttonlockon.png) no-repeat center top; float: left; width: 86px; text-align: center; margin: 0 0px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; text-decoration:underline }
	#menu li a.inicio3:hover { color: #EEEEEE; float: left; width: 80; text-align: center; margin: 0 0px 0 0; font-size: 1.0em; padding: 9px 0 14px 0; text-decoration:underline }

	#menu li a.inicio4 { color: #DDDDDD; float: left; width: 100px; text-align: center; margin: 0 0px 0 0; padding: 0px 0 9px 0; font-size:18px }
	#menu li a.inicio4:hover { color: #FFFFFF; border-bottom:#FFFFFF solid thick; }

	#menu li a.acceso { color: #FFFFFF; background: url(../images/inscbutton11.png) no-repeat center top; float: left; width: 180px; text-align: center; margin: 0 0px 0 0; font-size: 1.1em; padding: 9px 0 14px 0; }
	#menu li a.acceso:hover { color: #FFFFFF; background: url(../images/inscbutton11.png) no-repeat center top; float: left; width: 180px; text-align: center; margin: 0 0px 0 0; font-size: 1.1em; padding: 9px 0 14px 0; text-decoration:underline }

#logo { float: left; margin: 40px 0 0; height:100px; width:360px }
	#logo h1 { font-size: 3.5em; clear: both; margin: 0 0 5px; color: #A40F3A; }
	#logo h2 { font-size: 1.13em; color:#666666; font-weight:normal }

#titulo1 { float:right; width:464px; margin:85px 0 0 0; }
#titulo1center { float:right; background: #F8F8F8; width:464px; padding:15px 0 15px 0; border: 1px #666666 solid; }
	#titulo1center p { float:right; margin:0 20px 0 0; padding:0 0px 0 3px; font-size:18px; font-weight:bold; font-stretch:wider; color: #000000}
	#titulo1center p:hover { text-decoration:underline }
#titulo1top { float:right; background: url(../images/ns-hp-dom-cap.gif) no-repeat center top;  width:464px; height:12px;}
#titulo1bottom { float:right; background: url(../images/ns-hp-dom-foot.gif) no-repeat center bottom;  width:464px; height:12px;}

#titulo2 { float:right; width:464px; margin:85px 0 0 0;  }
#titulo2center { float:right; background: #F8F8F8; width:464px; padding:15px 0 15px 0; border: 1px #666666 solid; }
	#titulo2center p { margin:0 20px 0 0; padding:0 0px 0 3px; font-size:20px; font-weight:bold; color: #000000}
	#titulo2center a:hover { text-decoration: underline }
#titulo2top { float:right; background: url(../images/ns-hp-dom-cap.gif) no-repeat center top;  width:464px; height:12px;}
#titulo2bottom { float:right; background: url(../images/ns-hp-dom-foot.gif) no-repeat center bottom;  width:464px; height:12px;}

#cambiartextmes span:hover { text-decoration:underline }

#feature{ color: #33617F; float: right; background: #fff; width: 500px; margin: 0 0 40px; font-size: 1.1em; font-style: bond; }
	#feature img { float: left; margin: 0 0px 0 0; }
	#feature p { margin: 10px 0 0; }
	.more { font-size: .74em; font-weight: bold; margin: 0 5px 0 0; color: #390505; font-style: normal; text-decoration:underline}

#feature_menu { float: right; margin-top:40px }
#feature_menu li { display: inline; background: #EFF9FE;  }
#feature_menu li a { color: #000000; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 4px; background: #CCCCCC url(../images/bullet.gif) no-repeat 7px 12px; font-size: .9em; font-weight: bold;  }
#feature_menu li a:hover { color: #000000; background: #CCCCCC url(../images/bullet.gif) no-repeat 7px 8px; text-decoration:underline; }
#feature_menu li a.selected { background: #EEEEEE url(../images/bullet.gif) no-repeat 5px 12px; border: #CCCCCC 1px solid; border-bottom: none; }
	
#feature, #feature_menu li a  {
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
	
#left { float: left; width: 400px; margin: 0 0 10px; text-align: justify; }
	#left h2 { color: #A40F3A; }
		/* #left h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; } */
		#left h2 a.otro { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; cursor:default; font-size:14px; color: #A40F3A; }
		#left h2 a.otro2 { cursor:default; font-size:20px; color: #A40F3A; }
		#left .more { color: #7EA4BC; }
	.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; } 
	.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
	.date span { font-size: 1.6em; }
	
#side { float: right; width: 300px; margin: 0 0 30px; font-size: .9em; }
	#side h3 { color: #ccc; margin: 0 0 6px 5px; height: 16px; }

#imli1 { width:190px; height:200px; background: center no-repeat url(../images/cn1.png); } #imli1:hover { background-image:url(../images/cn1n.png); }
#imli2 { width:250px; height:200px; background: center no-repeat url(../images/cn2.png); } #imli2:hover { background-image:url(../images/cn2n.png); }
#imli3 { width:208px; height:200px; background: center no-repeat url(../images/cn3.png); } #imli3:hover { background-image:url(../images/cn3n.png); }
#imli4 { width:228px; height:200px; background: center no-repeat url(../images/cn4.png); } #imli4:hover { background-image:url(../images/cn4n.png); }
#imli5 { width:242px; height:200px; background: center no-repeat url(../images/cn5.png); } #imli5:hover { background-image:url(../images/cn5n.png); }


.visibleDiv, #topLeft
{
    position: fixed;
}

.link1 { color: #DD2E44; }
.link1:hover { color: #BF1940; text-decoration: underline; cursor: pointer; }
.link2 { color: #333333; }
.link2:hover { color: #000000; text-decoration: underline; cursor: pointer; }

#topLeft
{
    top: 235px;
    left: 410px; 
	width: 855px;
}
.banner {
	width:900px;
	background-color: #FFFFFF;
}

.boxtop { background: url(../images/box.gif) no-repeat top; padding: 2px 0; }
.box { padding: 3px 6px; background: #363636; }
.boxbottom { background: url(../images/box.gif) no-repeat bottom; padding: 2px 0; }

.box1top { background: url(../images/frame1top.png) no-repeat top; padding: 2px 0; }
.box1 { margin:0 0 10px 0; padding: 7px 0 0 27px; background: #FFFFFF; border: 1px #BBBBBB solid; width:870px; }
.box2 { margin:0 0 10px 0; padding: 27px 27px 27px 27px; background: #FFFFFF; border: 1px #BBBBBB solid; width:845px; }
.box3 { margin:0 0 10px 0; padding: 27px 27px 7px 27px; background: #FFFFFF; border: 1px #BBBBBB solid; width:389px; }
.boxmessage { margin:0 0 10px 0; padding: 12px 27px 12px 27px; background: #C1E3FF; border: 1px #003399 solid; width:853px; color:#222222; }
.boxmessage2 { margin:30px 0 10px 0; padding: 12px 27px 12px 27px; background: #CCCCCC; border: 1px #CCCCCC solid; width:790px; color:#222222; }
.boxmessage3 { margin: 0; padding: 0px 12px 20px 12px; background: #C1E3FF; border: 1px #003399 solid; width:790px; color:#222222;  }
.boxmessage4 { float:left; margin: 0; padding: 6px 15px 6px 15px; background:  none; border: none; width:800px; color:#222222;  }
.box1bottom { background: url(../images/frame1bottom.png) no-repeat bottom; padding: 2px 0; }

.item { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/item.gif) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; }
	.item.last { margin: 0; }
	.item:hover { background: #fff url(../images/item.gif) no-repeat bottom; color: #fff; }
	.item strong { color: #FFFAD3; line-height: 27px; }
		.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 1.6em; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
		.sidedate span { font-size: .6em; font-weight: bold; color: #808080; }

#formapagolabel label:hover { text-decoration:underline; }

#cuentas:hover { text-decoration:underline; }

#ad { background: url(../images/dot.gif) repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em;  }
#promo { clear: both; border-top: 5px solid #6E6E6E; background: #505050 url(../images/footer.gif) no-repeat right top; color: #ccc;  }
	#promo h2 { color: #fff; font-size:20px; font-weight:normal; }
	#promo a { color: #D9EAF9; border-bottom: 1px dotted #808080; }
	.col { float: left; width: 280px; margin: 0 30px 20px 0; }
		.last { margin: 0; }
#promo1 { clear: both; border-top: 5px solid #6E6E6E; background: #505050 url(../images/footer.gif) no-repeat right top; color: #ccc;  }
	#promo1 h2 { color: #fff; }
	#promo1 a { color: #D9EAF9; border-bottom: 1px dotted #808080; }
	.col { float: left; width: 280px; margin: 0 30px 20px 0; }
		.last { margin: 0; }

.tablebar1 { float:left; width:800px; color: #990000; height:25px; margin: 0 0 0px 0px; padding: 14px 30px 0px 30px; }
.tablebar2 { float:right; width:400px; padding:0 30px 0 0; }
.tablebar2 a { color: #990000; }
.tablebar2 a:hover { text-decoration:underline; }

.suba:hover { text-decoration:underline}

.tabla1 tr { background-color: #EFEFEF; color: #000000 } 
.tabla1 tr:hover { background-color: #E0E0E0; } 

.tabla2 { border: none; }
.tabla2 th { background-color: #1B597A; color: #ffffff; border:none; } 
.tabla2 th:hover { cursor:pointer; } 
.tabla2 tr { background-color: none; color: #000000; border:none; } 
.tabla2 tr:hover { background-color: #DFDFDF; } 
.tabla2 td { padding:10px 0 10px 0; } 

.table-sorted-asc  { background:url(../images/icons/01_ascending.png) left no-repeat; }
.table-sorted-desc { background:url(../images/icons/01_descending.png) left no-repeat; }

.tabla3 { border: none; }
.tabla3 th { background-color: #990022; color: #ffffff; border:none; } 
.tabla3 th:hover { cursor:pointer; } 
.tabla3 tr { background-color: none; color: #000000; border:none; } 
.tabla3 tr:hover { background-color: #F3E0E0; } 
.tabla3 td { padding:10px 0 10px 0; } 

.tabla4 { border: none; }
.tabla4 th { background-color: #1B597A; color: #ffffff; border:none; } 
.tabla4 th:hover { cursor:pointer; } 
.tabla4 tr { background-color: #E4E4E4; color: #000000; border:none; } 
	.first { background-color: #CCCCCC; } 
	.first:hover { background-color: #999999; } 
.tabla4 tr:hover { background-color: #999999; } 
.tabla4 td { padding:10px 0 10px 0; } 


#footer { clear: both; padding: 15px 0; font-size: .84em; color: #808080;  }


/* Fomularios de Validacion*/
input.disabled {
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}

input.notrequired {
	border: 1px solid #999999;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6; 
	width: 300px;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #DA3D57; /* #99001E; */
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #006699;
	color : #000;
}

.validation-advice {
	margin: 10px 0 0 10px;
	padding: 3px;
	background-color: #DA3D57; /* #99001E; */
	color : #FFF;
	float:left;
}

.custom-advice {
	margin: 7px 0 0 10px;
	padding: 3px;
	background-color: #C8AA00;
	color : #FFF;
	float:left;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

.form-row {
	clear: both;
	width:600px;
}
.form-row_cli {
	clear: both;
}

.etiqueta1 { clear:both; float: left; color: #333333; padding: 10px 6px 5px 0px; margin: 8px 0 0 0; font: 1.2em "Trebuchet MS", Arial, Sans-Serif; width:160px; height:24px;}
.etiqueta11 { clear:both; float: left; color: #333333; padding: 10px 6px 5px 0px; margin: 8px 0 0 0; font: 1.0em "Trebuchet MS", Arial, Sans-Serif; width:160px; height:24px;}
.etiqueta2 { clear:both; float: left; color: #333333; padding: 1px 6px 1px 6px; margin: 3px 0 0 0; font: 1.0em "Trebuchet MS", Arial, Sans-Serif; width:160px; height:24px;}
.etiqueta3 { clear:both; float: left; color: #333333; padding: 0px 6px 5px 0px; ; font: 1.2em "Trebuchet MS", Arial, Sans-Serif; width:160px; height:24px;}
.etiqueta4 { clear:both; float: left; color: #333333; padding: 0px 6px 5px 0px; ; font: 1.0em "Trebuchet MS", Arial, Sans-Serif; width:160px; height:24px;}

#searchval { float: left; margin: 0px 0px 0 0px; width: 430px;  } /*  top right bottom left */
	input.fieldval1 { float: left; background: #FFFFFF; color: #333333; padding: 10px 6px 5px 6px; margin: 8px 0 0 0; font: 1.2em "Trebuchet MS", Arial, Sans-Serif; width:300px; height:22px; }
	input.fieldval2 { float: left; background: #FFFFFF; color: #333333; padding: 1px 6px 1px 6px; margin: 3px 0 0 0; font: 1.0em "Trebuchet MS", Arial, Sans-Serif; width:300px; height:18px; }
	input.fieldval3 { float: left; background: none; color: #333333; margin: 0 15px 0 0; width:22px; height:22px; }

.textfieldval1 { font-weight: bolder; text-decoration:underline; float: left; color: #000000; padding: 10px 6px 5px 6px; margin: 8px 0 0 0; font: 1.2em "Trebuchet MS", Arial, Sans-Serif; width:300px; height:22px; }
.textfieldval2 { font-weight: bolder; float: left; color: #333333; padding: 10px 6px 5px 6px; margin: 8px 0 0 0; font: 1.0em "Trebuchet MS", Arial, Sans-Serif; width:700px; height:22px; }
.textfieldval3 { font-weight: bolder; float: left; color: #333333; padding: 0px 6px 0px 6px; margin: 0px 0 0 0; font: 1.0em "Trebuchet MS", Arial, Sans-Serif; width:700px; height:40px; }
.textfieldval3:hover { text-decoration:underline; }
.textfieldval4:hover { text-decoration:underline; }

/*  css para cambio de colores de botones */

.btn {
	float: left;
	clear: both;
	background: url(../images/colorbuttons/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(../images/colorbuttons/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(images/colorbuttons/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_addtocart { background-color: green; }
.btn_checkout { background-color: red; }
.btn_learnmore { background-color: orange; }
.btn_try  { background-color: #002c85 ; } 
.btn_try2 { background-color: #F9F9F9; } 
.btnclear {
	clear: both;
}


/* tablesort.js */

div#qTip {
 padding: 6px;
 border: 1px solid #666666;
 border-right-width: 1px;
 border-bottom-width: 1px;
 display: none;
 background: #EEEEEE;
 color: #333333;
 font: 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}