/* Estilos Comunes */
body {
	padding: 0em 0em;
	margin: 0em 0em 0em 0em ;
	color: black;
	font-family: sans-serif, Geneva, Verdana, Arial, Helvetica; /* font family is an OPEN ISSUE */
	font-size: 90%;
	background: #D2DAE1;
	background-image: url(images/fondo_azul.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
/* Todos los tags aqui descritos llevan el tipo de fuente */


h1 {
	color: #556E7D;
	font-size: 200%;
	padding-top : 20px;
	font-family: Georgia,"Times New Roman", Times, serif;
	
}
h2 {
	color: #97916F;
	font-weight: bold;
	font-size: 170%;
	padding-top : 20px;
	font-family: Georgia,"Times New Roman", Times, serif;
	
}
h3 {
	color: #556E7D;
	font-size: 150%;
	font-weight: bold;
	padding-top : 20px;
	font-family: Georgia,"Times New Roman", Times, serif;
	
}
h4 {
	color: #97916F;
	font-size: 130%;
	font-weight: bold;
	padding : 3px;
	font-family: Georgia,"Times New Roman", Times, serif;
	
}
h5 {
	color: #556E7D;
	font-size: 120%;
	padding : 3px;
	font-weight: bold;
	font-family: Georgia,"Times New Roman", Times, serif;
	}
h6 {
	color: #97916F;
	font-size: 100%;
	padding : 3px;
	font-weight: bold;
	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;
	width: 80%;
}
a
 {
	font: bold;
}
a:link, a:visited, a:active 
{
	color : #556E7D;
	text-decoration: none;
}
a:hover { color: #C1641E; }

th {
	font-weight: bold;
	border: 0px solid Gray;
	border-bottom: 1px dashed Gray;
	font-size : 90%;
}
table {
	font-size: 90%;
}
li, ul {
	font-size: 95%;
	color: #556E7D;
	list-style-type: square;
	line-height: 110%;
}


hr {
	height: 1px;
	border-top: 1px dotted #8398A9;
		}
/* Estilos para bannerBlock */

#container {
    /* Posicion */      
   margin: 0px;
   border: 0px;
	width:780px;
	clear: both;
	float:none;
	background-color: #EAE8DC;
	background-image: url(images/bg_container_beige.gif);
	background-repeat: repeat-y;
	background-position: center;
	vertical-align: top;
}

#bannerBlock {
	/* Fondos de Bloque */
	background-repeat : no-repeat;
	background-position: center;
	background-color: #223646;
	/* Posicion */
	color: #000000;
	border:none;
	width: 100%;
	height: 110px;
   clear: both;
	}

#logo {
    /* Posicion */      
   margin: 0px;
   border: 0px;
	float:none
}

#name {
	/* Posicion */
	padding-left: 2%;
	width: 28%;
	margin: 0px;
	padding-top: 5px;
	float:left;
	/* Fuente */
	font-weight: bold;
	color: #000000;
	font-size : 160%;
}

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


/* Bloques para utilitiesBar */
#utilitiesBar {
	/* Fondos de Bloque */
	background: #8398A9;
	/* Posicion */
	width: 100%;
	color: White;
	height: 26px;
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: 1px inset #858585;
	border-top: 1px outset #EBEBEB;
	border-left: 0px;
	border-right: 0px;
	font-size: 85%; 
	padding-top: 3px;
	}
#login{
	margin: 0px;
	padding: 0px;
	float: left;
	font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;
	}
#forgot {
   margin: 0px;
   padding-top: 4px;
   float: left;
	font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;
	font-size: 80%; 
	}
#forgot a{
	color: #ffffff;
	}
#suggestions {
    margin: 0px;
    padding: 0px;
    float: right;
	 font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;
}
#search{
    margin-bottom: 0px;
    padding: 0px;
    float: right;
	 font-weight: bold;
	 vertical-align: bottom;
	 color: #ffffff;
}

#time{
	font-weight: bold;
	color: #EEE8AA;
	padding: 2px;
	padding-top: 4px;
	padding-left: 3%;
	padding-right: 3%;
	float: right;
	vertical-align: bottom;
	font-size: 90%;
		
}
#languages {
    margin: 0px;
    padding: 2px;
    float: right;
	 font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;

}
#login #title, #search #title {
   display: none;
	font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;
		
}
#login #label,#password #label, #search #label, #login #loggedlabel, #login #home  {
	font : 90%;
	padding: 2px;
	text-align: right;
	float: left;
	font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;
	padding-top: 3px;
	}
#login #input, #password #input, #search #input {
  	font-weight: bold;
	vertical-align: bottom;
	 color: #ffffff;
    float: left;
    padding: 2px;
	}
#login #submit {
   float: left;
   padding: 2px;
	font-weight: bold;
	vertical-align: middle;
	color: #ffffff;
}
#login #close {
   float: left;
	font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;
	padding-top: 2px;
	padding-left: 5px;
	}
	#prueba a{
	height: 20px;
	width: 150px;
	background-color: #F0E68C;
	color: Black;
	}
	#prueba a:hover{
	height: 20px;
	width: 150px;
	background-color: #FFA500;
	color: Black;
	border-left-width: 1px;
	border-color: #20B2AA;
	}

/* Secondary bars */
#bar1, #bar3, #bar5, #bar7, #bar9, #bar11, #bar13{
	/* Posicion */
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
	width: 140px;
	color: Gray;
	background-color: #ffffff;
    font-weight: bold;
	}
#bar2, #bar4, #bar6, #bar8, #bar10, #bar12, #bar14 {
	/* Fondos de Bloque */
	/* Posicion */
	margin: 0px;
	padding: 0px;
	float: right;
	clear: right;
	width: 140px;
	color:Gray;
	background-color: #ffffff;
    font-weight: bold;
 	}
#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: 80%;
	list-style-image: url(images/pto.gif);
	}
#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: 10%;
	list-style: circle;
	list-style-image: url(images/ul_azul.gif);
	font-size: 100%;
	}
#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: #556E7D ;
}
#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: #C1641E;;
}
#group {
   font-weight: bold;
   width: 100%;
   color: #666666;
   border-bottom: 1px dotted #97916F;
	vertical-align: middle;
	padding: 5px 2px 2px 20px;
	font-size: 85%;
   background-position: left; 
	background-repeat: no-repeat;
	background-image: url(images/group.gif);
	background-color: #D1CDB5;
}

#group a {
	color: #666666;
	text-decoration : none;
}

/* Main area styles */
#mainArea {
   width: 490px;
   color: black;
  	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
	background-color: #EAE8DC;
	vertical-align: top;
}
#mainArea #locator {
    float: left;
    padding-top: 5px;
	 padding-bottom: 2px;
	 border-bottom: 1px solid #696049;
	 width: 100%;
	 color: #97916F;
    font-weight: bold;
    font-size: 90%;
}
#mainArea #toolbar {
    float: right;
	}
#mainArea #content {
   /*border-top: 1px solid #97916F;*/
   clear: both;
   vertical-align: top;
   font-family: Verdana, sans-serif, Geneva, Arial, Helvetica;
	}
 #mainArea #content a{
   /*border-top: 1px solid #9B2142;*/
    font-size:90%;
	}
/* Main area styles 
#mainArea {
	width: 100%;
	overflow: auto;
	color: black;
	padding : 10px;
}
#mainArea #locator {
	float: left;
	padding: 2px;
	color: Gray;
	font : bold;
	font-size: 80%;
}

#mainArea #toolbar {
	float: right;
	}

#mainArea #content {
	border-top: 1px solid #990000;
	clear: both;
	padding-top : 10px;
	}
*/
/* Footer style */
#footer {
	clear: both;
	width: 100%;
	border: 1px dashed Gray;
	border-style: dotted none dotted none;
	border-top-width: 1px;
	text-align: center;
	padding-top: 5px;
	color: #666666;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	vertical-align: middle;
	font-size: 80%;
	background: #D1CDB5;
    margin-top: 40px;
	
}

#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;
}


/* Calendar Classes */

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

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

.calendarFooter {
	background-color: #97916F;
	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: #97916F;
	font-weight: bold;
	border: 1px solid Gray;
	background-color: #F5F5F5;
	font-size : 90%;
	border-style : dashed;
}
.calendarDisabledDay {
	color:Gray;
	font-size : 90%;
}   
.td_bordesup{
  padding: 5px;
  border-bottom-style: solid;
  border-bottom-color: #B7B6B6;
  border-bottom-width: 1px;
}

/* Clase a aplicar para la pasarela3 */

#pasarela td {
   font-size: 80%;
}