/* Estilos Comunes */
body {
	padding: 0em 0em;
	margin: 0em 0em 0em 0em ;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif; /* font family is an OPEN ISSUE */
	font-size: 90%;
	background-color: #ffffff;
	background: url(images/fd_gral.gif) repeat-x 0 0;

	}
/* Todos los tags aqui descritos llevan el tipo de fuente */
h1 {
	color:  #024e99;
	font-size: 200%;
	padding: 15px 15px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;

}
h2 {
	color: #4d4e53;
	font-size: 170%;
	padding: 15px 15px 0 0;
   font-family:Georgia, "Times New Roman", Times, serif;
}
h3 {
	color: #024e99;
	font-size: 170%;
	padding: 10px 10px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
h4 {
	color: #4d4e53;
	font-size: 150%;
	font-weight: bold;
	padding: 10px 10px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;

}
h5 {
	color: #024e99;
	font-size: 110%;
   font-weight: bold;
	padding: 0px 0px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;

}
h6 {
	color: #4d4e53;
	font-size: 90%;
   font-weight: bold;
	padding: 0px 0px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
input,select {
	font-weight: normal;
	font-size: 90%;
	vertical-align: middle;
	border: 1px solid Gray;
	line-height: 15px;
}
textarea {
	font-weight: normal;
	font-size: 100%;
	vertical-align: middle;
	border: 1px solid #666666;
}
a:link, a:visited, a:active
{
	color: #024e99;
	font-size : 100%;
	font-weight: bold;
}
a:hover { color: #024e99;
}

th {
	font-weight: bold;
	border: 0px solid Gray;
	border-bottom: 1px dashed Gray;
	font-size : 90%;
}

p {
   font-weight: normal;
	font-size: 100%;

}
p td, td p {
font-size: 100%;

}
table {
	font-size: 95%;
	border: 0px;
 }

li, ul {
	font-size: 100%;
	list-style-type: square;
	}
hr {
	height: 1px;
	border-top: 1px dotted #d4d4d4;
		}
		
#utilitiesBar {
	/* Fondos de Bloque */
	background: #ffffff;
	/* Posicion */
	width: 780px;
	color: #666666;
	vertical-align: top;
	font-size: 85%; 
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
	text-align: right;
	padding-bottom:5px;
	background-image: url(images/fondo_utilities.gif);
	background-repeat: no-repeat;
	background-position: center;
	}		
/* Estilos para bannerBlock */

#bannerBlock {
	/* Fondos de Bloque */
	background: no-repeat;
	background-position: center;
	background-color: #ffffff;
	/* Posicion */
	color: #000000;
	width: 782px;
	height: 210px;
	clear: both;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-top:10px;

	}
#bannerBlock img{
margin:0;
padding:0;
height: 210px;
	}
#logo {
    /* Posicion */      
  margin: 0px;
   border: 0px;
	float:none
}
#name {
	/* Posicion */
	padding-left: 2%;
	width: 28%;
	margin: 0px;
	padding-top: 0px;
	float:left;
	/* Fuente */
	font-weight: bold;
	color: #000000;
	font-size : 160%;
}

#banner {
    /* display: none; */
    padding-right: 2%;
    padding-top: 10px;
    margin: 0px;
    float:right;
}

/* Bloques para utilitiesBar */
#login{
	margin-left: 20px;
	float: left;
	vertical-align: bottom;
	color: #4d4e53;
	}
#forgot {
   margin: 0px;
   padding-top: 10px;
   float: left;
	vertical-align: bottom;
	color: #4d4e53;
	font-size: 80%;
	}
#forgot a{
	color: #4d4e53;
     	}
#forgot a:hover{
	color: #024e99;
	}
#suggestions {
    margin: 0px;
    padding-right: 30px;
	 padding-top: 4px;
    float: right;
	vertical-align: bottom;
	color: #024e99;
}
#search{
margin-right:30px;
    margin-bottom: 0px;
    padding-top: 2px;
    float: right;
	 vertical-align: bottom;
	 color: #024e99;
}
#time{
	color: #024e99;
	padding: 2px;
	padding-top: 9px;
	padding-left: 3%;
	padding-right: 15px;
	float: right;
	vertical-align: bottom;
	font-size: 90%;
}
#languages {
   margin: 0px;
   padding: 2px;
   float: right;
	vertical-align: bottom;
	color: #024e99;
}
#login #title, #search #title {
   display: none;
	color: #024e99;

}
#login #label,#password #label, #login #loggedlabel, #login #home  {
	font : 90%;
	padding-left: 5px;
	text-align: right;
	float: left;
	vertical-align: bottom;
	color: #024e99;
	padding-top: 7px;
	}
#search #label {
	font : 90%;
	padding: 2px;
	text-align: right;
	float: left;
	vertical-align: bottom;
	color: #024e99;
	padding-top: 7px;
	}
#login #input, #password #input, #search #input {
	vertical-align: bottom;
	 color: #024e99;
    float: left;
    padding: 2px;
	 padding-top: 6px;
	}
#search #input {
	vertical-align: bottom;
	 color: #024e99;
    float: left;
    padding: 7px 2px 0px 2px;
	}
#login #submit {
   float: left;
   padding: 5px 5px;
	vertical-align: middle;
	color: #024e99;
}
#login #close {
   float: left;
	vertical-align: bottom;
	color: #024e99;
	padding-top: 7px;
	padding-left: 5px;
	font-size: 95%;
	}
#bar1, #bar3, #bar5, #bar7, #bar9, #bar11, #bar13{
	/* Fondos de Bloque */
	/* Posicion */
	margin-left: 10px;
	float: left;
	clear: left;
	width: 160px;
   color:#024e99;
	padding: 0px;
   font-size: 95%;
	padding-bottom:10px;
	
	}
#bar2, #bar4, #bar6, #bar8, #bar10, #bar12, #bar14 {
	/* Fondos de Bloque */
	/* Posicion */
	margin-left:10px;
	float: left;
	clear: left;
	width: 160px;
	color:#024e99;
	padding: 0px;
   font-size: 95%;
	padding-bottom:10px;
	
	}
#bar1 a, #bar2 a , #bar3 a , #bar4 a ,#bar5 a ,#bar6 a ,#bar7 a ,#bar8 a ,#bar9 a ,#bar10 a ,#bar11 a ,#bar12 a ,#bar13 a ,#bar14 a  {
	color:#024e99;
	text-decoration : none;
   font-weight: normal;
		
}
#bar1 a:hover, #bar2 a:hover, #bar3 a:hover, #bar4 a:hover,#bar5 a:hover,#bar6 a:hover,#bar7 a:hover,#bar8 a:hover,#bar9 a:hover,#bar10 a:hover ,#bar11 a:hover,#bar12 a:hover,#bar13 a:hover,#bar14 a:hover{
	color: #024e99;
	text-decoration: none;
	font-weight: normal;
	
}
#bar1 ul, #bar2 ul, #bar3 ul, #bar4 ul, #bar5 ul, #bar6 ul, #bar7 ul, #bar8 ul , #bar9 ul , #bar10 ul, #bar11 ul, #bar12 ul , #bar13 ul , #bar14 ul{
	margin-left: 15%;
	list-style: square;
	font-size: 85%;
	list-style-image: url(images/cuadrado_amarillo.gif);
	display: list-item;
	}
#bar1 ul ul, #bar2 ul ul, #bar3 ul ul, #bar4 ul ul, #bar5 ul ul, #bar6 ul ul, #bar7 ul ul, #bar8 ul ul , #bar9 ul ul , #bar10 ul ul , #bar11 ul ul, #bar12 ul ul , #bar13 ul ul , #bar14 ul ul {
	margin-left: 7%;
    padding-right:5px;
	list-style: circle;
	list-style-image: url(images/ul.gif);
}
#group {
   width: 100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #4d4e53;
   font-weight: bold;
	vertical-align: middle;
	padding: 5px 2px 10px 10px;
	font-size: 85%;
	

}
#group a {
	color: #4d4e53;
	font-weight: bold;
	text-decoration : none;
	}
#group a:hover {
	color: #CC6600;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;	
 }

/* Main area styles */
#mainArea {
    width: 100%;
    overflow: hidden;
    color: #525252;
    padding-right: 18px;
	 padding-top: 2px;
	 padding-right: 20px;
	 padding-bottom: 30px;
	 padding-left: 30px;
	 font-size: 85%;

 }
#mainArea #locator {
    float: left;
    padding-top: 2px;
	 width: 100%;
    color: #024e99;
	 text-align: right;
	}
.separador{
	FONT-SIZE: 0.9em;
	VERTICAL-ALIGN: top;
	COLOR: #ab9c8f;
	FONT-FAMILY: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif
	}
#mainArea #toolbar {
   float: right;
	margin-bottom: 10px;
   border-bottom: 1px dotted #d4d4d4;
	width: 100%;
	text-align: right;
}
#mainArea #content {
   /*border-top: 1px solid #4D5F81;*/
   clear: both;
	overflow: scroll;
}
/* Footer style */
#footer {

	clear: both;
	width: 100%;
	text-align: center;
	color: #666666;
	padding: 5px 5px;
	vertical-align: middle;
	font-size: 75%;
	border-bottom:1px solid #dfddcb;
	background:#f8f8f2 url(images/fondoPieTop.gif) repeat-x left top;
}

#footer p {
	text-align: center;
	width: 100%;

}

#note {
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-bottom: 3px black solid;
	border-right: 3px black solid;
	background-color: #F5F5F5;
	font-size: 80%;
	padding: 4px;
}

#carrusel
{
	background: #E6BB04;
	float: none;
	clear: both;
	height: 54px;
	background-image: url(images/carrusel_1280x54.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
#container
{
  margin: 0px;
  border: 0px;
  width:780px;
  clear: both;
  float:none;
  vertical-align: top;
  background-color: White;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px dotted #d4d4d4;
}


/* Calendar Classes */

.calendarBox {
	border: 1px dotted #E6BB04;
	background-color: #f3f7f9;
	padding : 5px;
	font-size : 90%;
}

.calendarHeader {
	background-color: #DCDACC;
	color: #F5F5F5;
	font-weight: bold;
	font-size : 90%;
}

.calendarFooter {
	background-color: #024e99;
	color: #F5F5F5;
	font-weight: bold;
	font-size : 90%;
}

.calendarWeekHeader {
	background-color: #DCDCDC;
	font-weight: bold;
	font-size : 90%;
}

.calendarWeekWeekend {
	white-space: nowrap;
	background-color: #F5F5F5;
	font-weight: bold;
	font-size : 90%;
}

.calendarWeekendCell {
	background-color: #EEEEEE;
	font-size : 90%;
}

.calendarButton{
	color: #024e99;
	font-weight: bold;
	border: 1px solid Gray;
	background-color: #F5F5F5;
	font-size : 90%;
	border-style : dashed;
}
.calendarDisabledDay {
	color:Gray;
	font-size : 90%;
}   
.lupa {
	border: 0px;
}
.bannernoticia {
	margin-left: 0px;
	float: left;
	clear: left;
	width: 160px;
	color:#F8F8FF;
	padding: 0px;
}
.td_bordesup{
  padding: 5px;
  border-top-style: solid;
  border-top-color: #999999;
  border-top-width: 1px;
}

/* Clase a aplicar para la pasarela3 */

#pasarela td {
   font-size: 80%;
}
   .visitaBox {
    padding-top: 5px;
	font-size : 90%;
    text-align: justify;
    border-top: 1px dotted #024e99;
}