/* Estilos para www.proulex.com/computo 2009 v.1 */ 
TD {font-family:Arial, Helvetica; font-size:12px; color: #3D3C3D;line-height:18px;}

body {
	scrollbar-face-color: #E5E8F1; 
	scrollbar-shadow-color: #2C588C; 
	scrollbar-highlight-color: #5576A5; 
	scrollbar-3dlight-color: #5576A5; 
	scrollbar-darkshadow-color: #2C588C; 
	scrollbar-track-color: #CDC6BE; 
	scrollbar-arrow-color: #DAA920;
	}

/* Estilos para ligas */
a:link { color: #3D59A2;  font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited  {color: #3D59A2;  font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
a:hover {color: #3D59A2;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}

.Tit {  
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color:#00572a;
font-weight:bold;
line-height:35px;
}

.Tit1 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color:#000000;
font-weight:bold;
line-height:30px;
}

.Tit2 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#6d9d30;
font-weight:bold;
line-height:30px;
}

.Menu {  
font-size: 12px;
}

.Menu a:link  {font-size: 12px; color: #6A8BC0; font-weight: bold; text-decoration:none;}
.Menu a:visited  {font-size: 12px; color: #6A8BC0; font-weight: bold; text-decoration:none;}
.Menu a:hover {font-size: 12px; color: #E852AF; font-weight: bold; cursor:hand;}
.Menu a:active {font-size: 12px; color: #6A8BC0; font-weight: bold; text-decoration:underline;}


.Esp {
font-family: Arial, Helvetica, sans-serif;
color:#003399; font-size: 12px; font-weight: bold}

.r4 {
background-color: #eef6e4;
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
color:#3D3C3D;
line-height:14px;}

.r4 a:link  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.r4 a:visited  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.r4 a:hover {color:#3D3C3D; font-size: 11px; cursor:hand; text-decoration: underline; line-height:14px;}
.r4 a:active {color: #3D3C3D; font-size: 11px; text-decoration:underline; line-height:14px;}


.T-inicios {
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.TXT-inicios {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold; 
color: #00572a;}

.F-inicios {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.Costo {
	font-family: Arial, Verdana, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #00572a;
	line-height:28px;
}

.Costo-centavos {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00572a;
}

.Size-table {
	width:100%;
	height:100%;
}

.rule {
	width:100%;
	height: 5px;
	border: 0px;
	background-image:url(../i/gral/dotted.gif)
}

.TNews {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color:#A37D19;}

.TNews a:link  {color: #A37D19; font-size: 11px; font-weight: bold; text-decoration:none;}
.TNews a:visited  {color: #A37D19; font-size: 11px; font-weight: bold; text-decoration:none;}
.TNews a:hover {color:#A37D19; font-size: 11px; font-weight: bold; cursor:hand; text-decoration: underline}
.TNews a:active {color: #A37D19; font-size: 11px; font-weight: bold; text-decoration:underline;}

.TSubNews {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color:#75675E;}

.TSubNews a:link  {color: #75675E; font-size: 11px; font-weight: bold; text-decoration:none;}
.TSubNews a:visited  {color: #75675E; font-size: 11px; font-weight: bold; text-decoration:none;}
.TSubNews a:hover {color:#75675E; font-size: 11px; font-weight: bold; cursor:hand; text-decoration: underline}
.TSubNews a:active {color: #75675E; font-size: 11px; font-weight: bold; text-decoration:underline;}

.TextNews {
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
color:#3D3C3D;
line-height:14px;}

.TextNews a:link  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.TextNews a:visited  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.TextNews a:hover {color:#3D3C3D; font-size: 11px; cursor:hand; text-decoration: underline; line-height:14px;}
.TextNews a:active {color: #3D3C3D; font-size: 11px; text-decoration:underline; line-height:14px;}

.FechaNews{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color:#000000; 
font-weight: bold}

.Bottom {
font-size: 10px; line-height:12px;
}

.Bottom a:link  {color: #000000; font-size: 10px; font-weight: bold; text-decoration:none;}
.Bottom a:visited  {color: #000000; font-size: 10px; font-weight: bold; text-decoration:none;}
.Bottom a:hover {color:#00572a; font-size: 10px; font-weight: bold; cursor:hand; text-decoration: none}
.Bottom a:active {color: #00572a; font-size: 10px; font-weight: bold; text-decoration: none;}

.Top {
font-size: 11px; line-height:12px;
}

.Top a:link  {color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration:none;}
.Top a:visited  {color: #0094cc; font-size: 12px; font-weight: bold; text-decoration:none;}
.Top a:hover {color:#FFFFFF; font-size: 12px; font-weight: bold; cursor:hand; text-decoration: none}
.Top a:active {color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none;}

.GTEtxt {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold; 
color: #00572a;}

ul {
margin: 0;
padding: 0 0 0 1em;
text-indent: 0em;
}

li {
padding: 0;
margin: 0 0 0 .5em;
}


/** datos de la tipografia **/
#navsite {
font-family: Arial;
font-size: 12px;
font-color: #000000;
width: 172px;
padding: 0;
}

/** quita el punto al listado **/
#navsite ul {
list-style: none;
margin: 0;
padding: 0px;
}

#navsite ul li {
margin: 0;
}

/** los datos generales de un link **/
#navsite ul li a {
display: block;
padding: 3px 1px 3px 1px;
border-bottom: 2px dotted #3D3C3D;
background-color: transparent;
color: #3D3C3D;
text-decoration: none;
width: 100%;
}

html>body #navsite ul li a {
width: auto;
}

/** Esta etiqueta controla el rollover, debes mantener el valor del border bottom para que siga viendose **/
#navsite ul li 
a:hover {
border-bottom: 2px dotted #3D3C3D;
background-color: #d7e2e4;
color: #000000;
}

/** para mantener el color gris del boton de la pagina donde nos encontramos **/
#pagee01 a#linke01:link,
#pagee02 a#linke02:link,
#pagee03 a#linke03:link,
#pagee04 a#linke04:link,
#pagee05 a#linke05:link,
#pagee06 a#linke06:link,
#pagee07 a#linke07:link,
#pagee08 a#linke08:link,
#pagee09 a#linke09:link,
#pagee10 a#linke10:link,
#pagee11 a#linke11:link,
#pagee12 a#linke12:link,
#pagee13 a#linke13:link,
#pagee14 a#linke14:link,
#pagee15 a#linke15:link
{border-bottom: 2px dotted #3D3C3D;
background-color: #99b6d5;
color: #000000;
}

#pagee01 a#linke01:visited,
#pagee02 a#linke02:visited,
#pagee03 a#linke03:visited,
#pagee04 a#linke04:visited,
#pagee05 a#linke05:visited,
#pagee06 a#linke06:visited,
#pagee07 a#linke07:visited,
#pagee08 a#linke08:visited,
#pagee09 a#linke09:visited,
#pagee10 a#linke10:visited,
#pagee11 a#linke11:visited,
#pagee12 a#linke12:visited,
#pagee13 a#linke13:visited,
#pagee14 a#linke14:visited,
#pagee15 a#linke15:visited
{border-bottom: 2px dotted #3D3C3D;
background-color: #99b6d5;
color: #000000;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {height:34px;  position:relative; font-family:arial, helvetica; font-size:13px; width:503px; z-index:250;}

#nav .table {display:table; margin:0 auto;}

#nav li {margin:0; padding:0; float:left;}

#nav .select {margin:0; list-style:none; display:table-cell; white-space:nowrap; padding:0 3px 0 3px; color: #00572a; line-height:34px;}
#nav .select a {display:block;  float:left; padding:0 3px 0 3px; text-decoration:none; line-height:34px; white-space:nowrap; color: #3D3C3D;}
#nav .select a:hover, 
#nav .select li:hover a {padding:0 3px 0 3px; cursor:pointer; color:#00572a;}

#nav .select a:hover b, 
#nav .select li:hover a b {display:block; float:left; padding:0 3px 0 3px; cursor:pointer;}

#nav .select2 {margin:0; list-style:none; display:table-cell; white-space:nowrap; padding:0 3px 0 3px; color: #00572a; line-height:34px;}
#nav .select2 a {display:block;  float:left; padding:0 3px 0 3px; text-decoration:none; line-height:34px; white-space:nowrap; color: #3D3C3D;}
#nav .select2 a:hover, 
#nav .select2 li:hover a {padding:0 3px 0 3px; cursor:pointer; color:#00572a; background:url(../i/gral/down-over.gif) no-repeat; background-position: 50% 27px;}

#nav .select2 a:hover b, 
#nav .select2 li:hover a b {display:block; float:left; padding:0 3px 0 3px; cursor:pointer; background:url(../i/gral/down-over.gif) no-repeat; background-position: 50% 27px;}


#nav .select2_sub {display:none;}

/* IE6 only */
#nav table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;}

#nav .sub2 {display:table; margin:0 auto; list-style:none; height:25px; background:transparent; font-size:11px; color: #c4df9b; line-height:25px;}
#nav .sub2_active a, 
#nav .sub2_active a:hover {background:transparent; color:#ffffff; }

#nav .select2 :hover .select2_sub {display:block; position:absolute; width:503px; top:34px; line-height:25px; background:transparent; padding:0; z-index:100; left:0px; text-align:center;}

#nav .select2 :hover .sub2 li a, 
#nav .sub2 li a {display:block; float:left; background:transparent; padding:0 15px 0 15px; margin:0; white-space:nowrap; border:0; color:#FFFFFF;line-height:25px; }

#nav .sub2 li.sub2_show a {color:#6d9d31; cursor:default; background:url(../i/gral/back_1.gif);line-height:25px; }

#nav .select2 :hover .sub2 li a:hover, 
#nav .sub2 li a:hover {visibility:visible; background:transparent; color:#c4df9b; line-height:25px; }

/** para mantener el color gris del boton de la pagina donde nos encontramos **/
#pageinicio .select a#linkinicio:link,
#pagecostos .select a#linkcostos:link
{font-weight: bold;
color: #00572a;
background:url(../i/gral/down-over.gif) no-repeat;
background-position: 50% 27px;
}

#pageinicio .select a#linkinicio:visited,
#pagecostos .select a#linkcostos:visited
{font-weight: bold;
color: #00572a;
background:url(../i/gral/down-over.gif) no-repeat;
background-position: 50% 27px;
}

#pageoe .select2 a#linkoe:link,
#pageplx .select2 a#linkplx:link,
#pagecostos .select2 a#linkcostos:link
{font-weight: bold;
color: #00572a;
background:url(../i/gral/down-over.gif) no-repeat;
background-position: 50% 27px;
}

#pageoe .select2 a#linkoe:visited,
#pageplx .select2 a#linkplx:visited,
#pagecostos .select2 a#linkcostos:visited
{font-weight: bold;
color: #00572a;
background:url(../i/gral/down-over.gif) no-repeat;
background-position: 50% 27px;
}

.oe-e{
color:#000000;}

.oe-e a:link { color: #000000;  font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.oe-e a:visited  {color: #000000;  font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.oe-e a:hover {color: #0066b3;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}

.oe-f{
color:#000000;}

.oe-f a:link { color: #000000;  font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.oe-f a:visited  {color: #000000;  font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.oe-f a:hover {color: #ed1c24;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}

.oe-c{
color:#000000;}

.oe-c a:link { color: #000000;  font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.oe-c a:visited  {color: #000000;  font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.oe-c a:hover {color: #6d9d30;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}

.row1 {
background-image:url(../../i/gral/row1.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
padding: 1px 3px 0px 3px;
}

.row2 {
background-image:url(../../i/gral/row2.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
padding: 1px 3px 0px 3px;
}
.row1b {
background-image:url(../../i/gral/row1b.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
padding: 1px 3px 0px 3px;
}

.row2b {
background-image:url(../../i/gral/row2b.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
padding: 1px 3px 0px 3px;
}
.row3 {
background-image:url(../../i/gral/row3.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
padding: 1px 3px 0px 3px;
}

.row4 {
background-image:url(../../i/gral/row4.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
padding: 1px 3px 0px 3px;
}

.row5 {
background-image:url(../i/gral/row5.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
padding: 1px 3px 0px 3px; 
}

.row6 {
background-image:url(../i/gral/row6.gif);
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
padding: 1px 3px 0px 3px;
}

.r1 {
background-color: #004978;
font-size: 11px;
color:#FFFFFF;
}

.r2 {
background-color: #832023;
font-size: 11px;
color:#FFFFFF;
}

.r3 {
background-color: #00572a;
font-size: 11px;
color:#FFFFFF;
}

.r4 {
background-color: #eef6e4;
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
color:#3D3C3D;
line-height:14px;}

.r4 a:link  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.r4 a:visited  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.r4 a:hover {color:#3D3C3D; font-size: 11px; cursor:hand; text-decoration: underline; line-height:14px;}
.r4 a:active {color: #3D3C3D; font-size: 11px; text-decoration:underline; line-height:14px;}


.Costo-C {
	font-family: Arial, Verdana, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #6d9d30;
	line-height:28px;
}

.Costo-centavos-C {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6d9d30;
}

.Tit-News {
font-family: Arial, Helvetica, sans-serif;
font-size: 23px;
color:#004978;
font-weight:bold;
line-height:25px;}

.Tit-News a:link  {color: #A37D19; font-size: 11px; font-weight: bold; text-decoration:none;}
.Tit-News a:visited  {color: #A37D19; font-size: 11px; font-weight: bold; text-decoration:none;}
.Tit-News a:hover {color:#A37D19; font-size: 11px; font-weight: bold; cursor:hand; text-decoration: underline}
.Tit-News a:active {color: #A37D19; font-size: 11px; font-weight: bold; text-decoration:underline;}

.Sub-Tit-News {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:lighter;
color:#000000;
line-height:18px;}

.TextNews {
font-family: Arial, Verdana, sans-serif;
font-size: 11px; 
color:#3D3C3D;
line-height:14px;}

.TextNews a:link  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.TextNews a:visited  {color: #3D3C3D; font-size: 11px; text-decoration:none; line-height:14px;}
.TextNews a:hover {color:#3D3C3D; font-size: 11px; cursor:hand; text-decoration: underline; line-height:14px;}
.TextNews a:active {color: #3D3C3D; font-size: 11px; text-decoration:underline; line-height:14px;}

.TXT-inicios-C {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold; 
color: #00572a;}

.Tit3 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#0066b3;
font-weight:bold;
line-height:15px;
}

/** datos de la tipografia **/
#navsite2 {
font-family: Arial;
font-size: 12px;
font-color: #000000;
width: 172px;
padding: 0;
}

/** quita el punto al listado **/
#navsite2 ul {
list-style: none;
margin: 0;
padding: 0px;
}

#navsite2 ul li {
margin: 0;
}

/** los datos generales de un link **/
#navsite2 ul li a {
display: block;
padding: 3px 1px 3px 1px;
border-bottom: 2px dotted #3D3C3D;
background-color: transparent;
color: #3D3C3D;
text-decoration: none;
width: 100%;
}

html>body #navsite2 ul li a {
width: auto;
}

/** Esta etiqueta controla el rollover, debes mantener el valor del border bottom para que siga viendose **/
#navsite2 ul li 
a:hover {
border-bottom: 2px dotted #3D3C3D;
background-color: #fee9e3;
color: #000000;
}

/** para mantener el color gris del boton de la pagina donde nos encontramos **/
#pagef01 a#linkf01:link,
#pagef02 a#linkf02:link
{border-bottom: 2px dotted #3D3C3D;
background-color: #fcd0c2;
color: #000000;
}

#pagef01 a#linkf01:visited,
#pagef02 a#linkf02:visited
{border-bottom: 2px dotted #3D3C3D;
background-color: #fcd0c2;
color: #000000;
}


/** datos de la tipografia **/
#navsite3 {
font-family: Arial;
font-size: 12px;
font-color: #000000;
width: 172px;
padding: 0;
}

/** quita el punto al listado **/
#navsite3 ul {
list-style: none;
margin: 0;
padding: 0px;
}

#navsite3 ul li {
margin: 0;
}

/** los datos generales de un link **/
#navsite3 ul li a {
display: block;
padding: 3px 1px 3px 1px;
border-bottom: 2px dotted #3D3C3D;
background-color: transparent;
color: #3D3C3D;
text-decoration: none;
width: 100%;
}

html>body #navsite3 ul li a {
width: auto;
}

/** Esta etiqueta controla el rollover, debes mantener el valor del border bottom para que siga viendose **/
#navsite3 ul li 
a:hover {
border-bottom: 2px dotted #3D3C3D;
background-color: #edf6e5;
color: #000000;
}

/** para mantener el color gris del boton de la pagina donde nos encontramos **/
#pagec01 a#linkc01:link,
#pagec02 a#linkc02:link,
#pagec03 a#linkc03:link,
#pagec04 a#linkc04:link,
#pagec05 a#linkc05:link,
#pagec06 a#linkc06:link,
#pagec07 a#linkc07:link,
#pagec08 a#linkc08:link,
#paged01 a#linkd01:link,
#paged02 a#linkd02:link,
#paged03 a#linkd03:link,
#paged04 a#linkd04:link,
#paged05 a#linkd05:link,
#pagedesc a#linkdesc:link
{border-bottom: 2px dotted #3D3C3D;
background-color: #d5e2c4;
color: #000000;
}

#pagec01 a#linkc01:visited,
#pagec02 a#linkc02:visited,
#pagec03 a#linkc03:visited,
#pagec04 a#linkc04:visited,
#pagec05 a#linkc05:visited,
#pagec06 a#linkc06:visited,
#pagec07 a#linkc07:visited,
#pagec08 a#linkc08:visited,
#paged01 a#linkd01:visited,
#paged02 a#linkd02:visited,
#paged03 a#linkd03:visited,
#paged04 a#linkd04:visited,
#paged05 a#linkd05:visited,
#pagedesc a#linkdesc:visited
{border-bottom: 2px dotted #3D3C3D;
background-color: #d5e2c4;
color: #000000;
}

.Verano {
font-family: Times, Verdana, sans-serif;
font-size: 12px; line-height:13px;
color:#000000; 
background-color: #e36b2b;}

.Verano-White {
font-family: Times, Verdana, sans-serif;
font-size: 13px; 
line-height:13px;
color:#FFFFFF; }

.Tit4 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#6d9d30;
font-weight:bold;
line-height:15px;
}