/* Estilos Comunes */
body {
    padding: 0em 0em;
    margin: 0em 0em 0em 0em ;
    color: black;
    background-color: #FFFFFF;
    font-family: Tahoma, Sans-serif;
	 font-size: 90%;
}

/* Todos los tags aqui descritos llevan el tipo de fuente */


h1 { color:  #719B07; font-size: 200%;  font-weight: bold; margin-left: 5px;  font-family: Arial, Helvetica, sans-serif;  }
h2 { color:  #719B07; font-size: 170%; font-weight: bold;  margin-left: 5px;font-family: Arial, Helvetica, sans-serif;}
h3 { color:  #719B07; font-size: 140%; font-weight: bold;  margin-left: 5px;font-family: Arial, Helvetica, sans-serif;}
h4 { color:  #719B07; font-size: 110%; font-weight: bold; margin-left: 5px;font-family: Arial, Helvetica, sans-serif;}
h5 { color:  #719B07; font-size: 105%; font-style: italic; margin-left: 5px;font-family: Arial, Helvetica, sans-serif;}
h6 { color:  #719B07; font-size: 105%; font-style: italic; margin-left: 5px;font-family: Arial, Helvetica, sans-serif;}

input,select,textarea {
    font-size: 80%;
    font-weight: normal;
    border: 1px solid #BDDD6E;
}

a { text-decoration: none; font-weight: bold; }
a:link, a:visited, a:active { color: #4C6805; }
a:hover { color:#D06A02; }

th { 
    font-weight: bold;
    border-bottom: 1px solid #719B07;
}


hr { 
    height: 1px;
    border-top: 1px dotted #4C6805;
}
li {
	font-size: 95%;
	}


/* Estilos para bannerBlock */

#bannerBlock {
    background-position : center;
    background-repeat : no-repeat;
    background-color: #719B07;
    /* Posicion */
    color: #000000;
    border:none;
    display: block;
    width: 100%;
    height: 110px;
}

#logo {
    /* Posicion */      
    padding-left: 2%;
    width: 8%;
    margin: 0px;
    float:left;
}

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

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

/* Bloques para utilitiesBar */
#utilitiesBar {
     background: #BDDD6E;
    /* Posicion */
    width: 100%;
    color: #6A6A6A;
    border-top: 1px solid #BDDD6E;
    border-bottom: 1px solid #BDDD6E;
    height: 30px;
	 font-size: 80%; 
	padding-top: 3px;
	background-image: url(images/bg_utilities.gif);
	background-position: center;
	background-repeat: repeat-x;
}
#login{
    margin: 0px;
    padding: 0px;
    float: left;
}
#forgot {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    float: left;
    font-size: 80%;
    color: #719B07;
    font-weight: bold;
	}
#suggestions {
    margin: 0px;
    padding: 0px;
    float: right;
	 color: #4C6805;
}
#search{
    margin: 0px;
    padding: 0px;
    float: right;
	 color: #4C6805;
}
#languages {
    margin: 0px;
     font-size: 70%;
    padding: 2px;
    float: right;
	 color: #4C6805;
}
#time{
    font-size: 80%;
    font-weight: bold;
    color: #4C6805;
    padding: 4px;
    padding-left: 3px;
    padding-right: 10px;
    float: right;
}
#login #title, #search #title {
    display: none;
	 color: #4C6805;
	 padding: 4px;
}
#login #label, #password #label, #search #label, #login #loggedlabel, #login #home {
    font-size: 90%;
    font-weight: bold;
    color: #4C6805;
    padding: 2px;
    text-align: right;
    float: left;
}
#login #input, #password #input, #search #input {
    float: left;
    padding: 2px;
    
}
#login #submit {
    float: left;
    padding: 2px;
}
#login #loggedlabel {
    font-size: 95%;
    font-weight: bold;
    color: #4C6805;
    padding: 4px;
    text-align: right;
    float: left;
}

#login #close{
   float: left;
	font-size: 95%;
	padding-top: 4px;
	padding-left: 5px;
	color: #4C6805;
	font-weight: bold;
}

/* Secondary bars */
#bar1, #bar3, #bar5, #bar7, #bar9, #bar11, #bar13 {
    /* Fondos de Bloque */
    /* Posicion */
    margin: 1px;
    float: left;
    clear: left;
    width: 15%;
    color: #000;
	 background-color: #BDDD6E;
	 border-bottom: 3px solid #81A132;
	background: url(images/bg_bar.gif) repeat-y center;
}
#bar2, #bar4, #bar6, #bar8, #bar10, #bar12, #bar14 {
    /* Fondos de Bloque */
      /* Posicion */
    margin: 1px;
    float: right;
    clear: right;
    width: 15%;
    color: #000;
	 background-color: #BDDD6E;
	 border-bottom: 3px solid #81A132;
	background: url(images/bg_bar.gif) repeat-y center;
}
#group {
   font-weight: bold;
   font-size: 80%;
   width: 100%;
   color: #ffffff;
   background-color: #486F05;
	padding: 2px 2px 2px 15px;
	background-image: url(images/pto.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#group a {
    color: #ffffff;
}

#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%;
    font-size: 80%;
	 list-style-image: url(images/ul_naranja.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-image: url(images/ul.gif);
    font-size: 100%;
}


/* Main area styles */
#mainArea {
    width: 100%;
    overflow: auto;
    color: black;
	 padding-left: 10px;
	 padding-right: 10px;
	 }

#mainArea #locator {
    float: left;
    padding: 2px;
    color: #D06A02;
    font-weight: bold;
    font-size: 80%;
	 border-bottom: 1px solid #4C6805;
	 padding-top: 5px;
	 padding-bottom: 3px;
	 width: 100%;
}

#mainArea #toolbar {
    float: right;
}

#mainArea #content {
  /*  border-top: 1px solid #719B07;*/
    clear: both;

}


/* Footer style */
#footer {
    clear: both;
    width: 100%;
    font-size: 75%;
    text-align: center;
	 background-color: #BDDD6E;
	 border-bottom: 3px solid #81A132;
}

#footer p {
    text-align: center; 
}

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


/* Calendar Classes */

.calendarBox {
    border: 3px solid #81A132;
    background-color: #BDDD6E;
}

.calendarHeader {
    background-color: #81A132;
    color: #FFFFFF; 
     font-weight: bold;
}

.calendarFooter {
    background-color: #81A132;
}

.calendarWeekHeader {
    background-color: #719B07;
     font-weight: bold;
     color: White;
}

.calendarWeekWeekend {
    white-space: nowrap;
    background-color: #BCD4E3;
     font-weight: bold;
}

.calendarWeekendCell {
    background-color: #BDDD6E;
}

.calendarButton{
    color: #719B07;
     font-weight: bold;
    border: 1px solid #719B07;
    background-color: #BDDD6E;
    }
.calendarDisabledDay {
    color:Gray;
}   
.lupa {
	border: 0px;
}

/* Clase a aplicar para la pasarela3 */

#pasarela td {
   font-family: verdana, Arial, Helvetica, sans-serif;
   font-size: 70%;
}