/* CSS Document */
@media print {
.masthead {display:none;}
.imagenderecha {display:none;}
#navcontainer {display:none;} 
.imagenderecha {float:right;} 

.izquierda {
width:100%;}
}
.hide{}

.body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
	background-image: url("imagenes/layout/fondoclaro.JPG");
}

.body2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
}

#top{
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px;
}

#top img{
	padding:0px;
	margin:0px;
}

#utility{
	font-size:75%;
	position: relative;
	right: 0px;
	top: 0px;
	color: #919999;
	
}

#utility2{
	font-size:75%;
	position: relative;
	right: 10px;
	top: 10px;
	color: #919999;
	
}

.idiomas{
margin:0px;
padding:0px;
	font-size:75%;
	position: absolute;
	right: 0px;
	top: 73px;
	color: #919999;
	display:none;
}

.masthead{
}

/************* globalNav styles ****************/

#globalNav{
position: relative;
left:10px;
bottom:0px;
height:32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("imagenes/layout/glbnav_background.gif");
width:99%;
min-width: 530px;
}

#globalNavmain{
position: relative;
left:10px;
bottom:0px;
height:32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("imagenes/layout/glbnav_background.gif");
width: 530px;
}
#globalNavmain img{
	margin-bottom: -4px;
}

#globalNav img{
	margin-bottom: -4px;
}

#globalLink{
	position: relative;
	top: 8px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	z-index: 5;
	width: 500px;
}

a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	text-decoration: none; 
	border-right: 1px solid #8FB8BC;
}
	
a.glink:hover{
	color:#FFFFFF;
	z-index:2;
	text-decoration: underline; 
}

.glinkeste{
  	font-size: small;
  	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	text-decoration: none; 
	border-right: 1px solid #8FB8BC;}

.flashcontent { 
position:relative;
z-index: 1; }

/************ subglobalNav styles **************/
.subglobalNav{
	position: absolute;
	top: 68px;
	left: 255px;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	z-index: 5;
}

.subglobalNav ul {	
	margin: 0px; 
	padding: 0px;
	background-color: transparent;
	list-style-type: none;
	font-size: 80%;
	border: 0px solid #000000;
}

.subglobalTitulo{
	clear:both;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	padding: 6px 6px 6px 6px;
	text-decoration: none;
	font-weight:bold; 
	height: 1%;
	width: 150px;
}

.subglobalNav ul li a:link, .subglobalNav ul li a:visited {
	clear:both;
	background-color: #EAEAEA;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	padding: 6px 6px 6px 25px;
	text-decoration: none; 
	height: 1%;
	width: 131px;
}

.subglobalNav ul li a:hover{
	background-color:#999999;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	text-decoration:underline;
}

.espacio{
	border-right: 1px solid #8FB8BC;
}

.login a{
	color:#FFFFFF
}

#pagecell1{
	position:relative;
	top: 0px;
	left: 0px;
	padding:0px;
	margin:0px;
	width:100%;
}

#pagecellprincipal{
	position:relative;
	top: 10px;
	bottom:50px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	width:100%;
	background-color:#FFFFFF;
	font: Arial, Helvetica, sans-serif;
	font-size:90%;
	z-index: 0;
}

#tl {
	position:absolute;
	top:0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 4;
}

#tr {
	position:absolute;
	top:0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 4;
}

/*Menu páginas*/
 #navcontainer { 
 }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

#navcontainer a:hover
{
color: #FFFFFF;
background-color: #CCCCCC;
text-decoration: underline;
}

.current {
display: block;
padding: 5px 10px;
width: 140px;
color: #000000;
font-weight: bold;
font-size: 90%;
background-color:#FFFFFF;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #000;
text-decoration: none;
font-weight: normal;
}

.subcurrent {
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #000;
text-decoration: none;
font-weight: normal;
background-color:#FFFFFF;
}

#navcontainer ul ul ul li { margin: 0; }

#navcontainer ul ul ul a
{
display: block;
padding: 5px 5px 5px 50px;
width: 105px;
color: #000;
text-decoration: none;
font-weight: normal;
}

.subcurrent2 {
display: block;
padding: 5px 5px 5px 50px;
width: 105px;
color: #000;
text-decoration: none;
font-weight: normal;
background-color:#FFFFFF;
}

#navcontainer ul ul a:hover
{
color: #FFFFFF;
background-color: #889E88;
text-decoration: underline;
}


/*Para los cuadros con esquinas redondeadas*/
 .roundedCornerSpacer {
    margin: 0px; 
	padding: 0px; 
	border: 0px;
    clear: both;
    font-size: 1px; 
	line-height: 1px;
}

.borderTL, .borderTR, .borderBL, .borderBR {
	position:relative;
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }

.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 1px solid;
	border-color:#333333;
	background-color:#FFFFFF
}
.content ul{
margin: 0px 0px 0px 10px;
padding: 1px;
list-style-type: none;

}
.content ul li{
margin: 1px;
padding: 1px;
list-style-type: none;
}
.content h3{
/*border-bottom:thin solid;
border-bottom-color:#CCCCCC;*/
text-align:center;
font-size:16px;
position:relative;
color: #999999;
margin:0px;
z-index:0;
}

.content h4{
/*border-bottom:thin solid;
border-bottom-color:#CCCCCC;*/
text-align:center;
font-size:14px;
position:relative;
color: #000066;
margin:0px;
z-index:0;
}

.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

.topwrapper{
background-image:  url("imagenes/layout/fondowrapper.jpg"); 
background-repeat:repeat-x;
color:#FFFFFF;
font-weight:bold;
font-size:90%;
padding:2px 0px 2px 0px;
}

.imagenderecha{
    padding: 0px;
    border: 0px;
	float:right;
}


.table{
vertical-align: top;
}

.tableleft{
vertical-align: top;
padding-right:20px;
padding-left:10px;
border-right: 1px solid #CCCCCC;
}

.tablerow{
border-top: 1px solid #CCCCCC;
}

#bottom{
position: relative;
left:0px;
bottom:0px;
height:22px;
color: #FFFFFF;
padding: 5px;
margin: 0px;
font-size:60%;
}
#bottom a{ color:#FFFFFF;}

#bottom2{
position: relative;
left:10px;
top:8px;
height:22px;
color: #000033;
padding: 0px;
margin: 0px;
font-size:60%;
width:98%;
}
#bottom2 a{ color: #000033;}

.izquierda{border-right: 1px solid #CCCCCC;}
.derecha{border-left: 1px solid #000000;}

.contentWrappermain {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
} 

.contentmain {
    margin: 0px;
    padding: 0px;
	z-index:10;
}
.contentmain ul{
margin: 0px 0px 0px 10px;
padding: 1px;
list-style-type: none;
list-style-image: url("imagenes/layout/flecha.gif");

}
.contentmain ul li{
margin: 1px;
padding: 1px;
list-style-type: none;
position:relative;
}

.contentmain h4{
/*border-bottom:thin solid;
border-bottom-color:#CCCCCC;*/
text-align:center;
font-size:16px;
position:relative;
color: #000033;
margin:0px;
z-index:0;
}

.contenido{
	padding:0px 1% 0px 1%;
}

.contenido.link{
color:#000000;
text-decoration:underline;
}


.titulotabla{
font-size:18px;
font-weight:bold;
color:#999999;
}

.style3 {color: purple}
.style4 {color: #993366}
.style5 {color: red}
.style6 {color: #00ccff}
.style7 {color: #339966}
.style8 {color: #99cc00}
.style9 {color: #ff6600}
.style10 {color: #000000}
.style11 {color: fuchsia}
.style13 {
background-color: #E0E0E0}
.style14 {color: #FF0000}
.style15 {font-size: small}
