html {
    height: 100%;
    width: 100%;
    margin: 0px;
} 

body{
    background-color: white;
    margin: 0;
    padding: 0;
    color:#444444;
    font-family: Verdana, sans-serif, Helvetica, Arial;
    height: 100%;
    width: 100%;

}	

#parent{
    display: block;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

  #main{
      position: relative;
	  margin-top: 10px;
      margin-bottom: 10px;
	  width: 100%;
      padding-bottom: 45px;
  }


    #encabezado{
	    margin-left: auto;
	    margin-right: auto;
        background: url(/images/encabezado.png) no-repeat top left;
	    height: 175px;
	    width: 950px;
        border-top: black 1px solid;
        border-left: black 1px solid;
        border-right: black 1px solid;
    }
      #link-logo{
        position: absolute;
        cursor: pointer;
        margin-left: 130px;
        margin-top: 35px;
        height: 105px;
        width: 170px;
      }

      #cyclos_login{
          position: relative;
/*          top: 30px;  dejar estos valores cuando rehabilite los campos de login
          left: 395px; */
          top: 20px;
          left: 535px;
          border: 0px;
          width: 340px;
          height: 40px;
      }
      
      #cyclos_login table{
/*          width: 100%;  cuando rehabilite los campos de login dejar en 100 el width */
          width: 20%;
          height: 100%;
          border: 1px black solid;
      }

      .login_input{
          margin: 0px;
          padding: 2px;
          border: 0px;
          background-color: white;
      }

      .login_label{
          text-align: center;
          font-size: 12px;
          background-color: #ffd300;
          color: #55555;
          border-right: 1px black solid;
          border-bottom: 1px black solid;
      }

      .login_value{
          background-color: #ffd300;
          background-color: white;
          border-right: 1px black solid;
      }

      .login_value input{
          font-size: 15px;
          color: #55555;          
      }
      #login_button_cell{
          width: 20%;
          border: 3px outset #ff7f00;
          background-color: #ff7f00;
      }

      .submit{
          vertical-align: middle;
          font-size: 15px;
          font-weight: bold;
          border: 0px;
          background-color: #ff7f00;
          cursor: pointer;
          color: white;
      }

      #contacto{
          position: absolute;
/*          top: 30px;  dejar estos valores cuando rehabilite los campos de login
          left: 395px; */
          margin-top: 35px;
          margin-left: 635px;
          border: 0px;
          color: white;
          width: 300px;
/*          height: 40px;*/
      }
      #contacto p{
          text-align: right;
          line-height: 12px;
          font-size: 10px;
      }
      #contacto a{
          color: white;
          text-decoration: none;
      }

      #menu_top{
          position: relative;
          top: 70px;
          left: 330px;
          width: 400px;
      }
      

      #menu_top ul{
          line-height: 25px;
      }
      
      #menu_top ul#sitesections {
          margin: 0 0px;
          padding:0px;
      }
      
      #menu_top ul#sitesections li {
          float:right;
          list-style-type:none;
          margin-left: 25px;
          font-size: 14px;
      }
      
      #menu_top ul#sitesections a {
          padding: 1px 0px;
          text-decoration: none;
          color: #502f7b;
      }
      
      #menu_top ul#sitesections a:hover {
          color: #ff4000;
          text-decoration: underline;
      }
	  
	  
    #cuerpo{
        top: 0px;
	    margin-left: auto;
	    margin-right: auto;
        border-left: #502f7b 1px solid;
        border-right: #502f7b 1px solid;
        border-bottom: #502f7b 1px solid;
	    width: 950px;
        background-color: #f5f5f5;
        overflow: hidden;
    }
  
      #contenido{
/*          position: relative;*/
          float: left;
          width: 490px;
    	  margin: 0px 0px 30px 15px;
          padding: 0px 10px 0px 20px;
	  }
	
    
	  #noticias{
          position: relative;
          float: left;
	      top: -15px;
	      left: 15px;
          width: 180px;
          border-right: 2px #f36324 dotted;
          padding-right: 14px;
	  }
        #noticias h1{
            color: #b3a4c6;
            margin: 0px 0px 5px 0px;
            padding: 0px;
            line-height: 22px;
            font-size: 18px;
            font-weight: bold;
        }
        #noticias h1 a{
            text-decoration: none;
            color: #b3a4c6;
        }

        #noticias h2{
            color: #502f7b;
            text-align: left;
            margin: 0px;
            padding-left: 5px;
            line-height: 15px;
            font-size: 13px;
        }
        #noticias h3{
            color: #b3a4c6;
            text-align: left;
            margin: 0px 0px 5px 0px;
            padding-left: 15px;
            line-height: 15px;
            font-size: 12px;
        }
        #noticias p{
            margin: 0px;
            padding: 0px;
            color: #777777;
        }
        #noticias .noti_link{
            text-align: right;
            font-size: 10px;
        }
        #noticias .noti_link a{
            color: #444455;
            text-decoration: none;
        }
        #noticias .noti_link a:hover{
            text-decoration: underline;
            color: black;
        }
        .noticia{
            padding-bottom: 10px;
            border-bottom: 2px #b3a4c6 dotted;
            margin-bottom: 15px;
        }

      .aviso a{
    font-size: 12px;
	text-align: left;
	color: #186f6e;
          
      }


	  #avisos{
          width: 175px;
    	  margin: 0px 0px 30px 735px;
          padding: 0px 10px 0px 20px;
          border-left: 2px #f36324 dotted;
	  }

      .aviso_popup{
          display: none;
          text-align: center;
          padding: 13px;
          width: 522px;
          height:400px;
          overflow: auto;
          border: 2px #776655 solid;
          position: absolute;
          left: 0px;
          top: 0px;
          z-index:5;
          background: #eee;                  
      }
              .cerrar_detalle{
                  float: right;
                  padding: 3px;
                  vertical-align: middle;
                  text-align: center;
                  background-color: #AAA;
                  color: white;
                  cursor: pointer;
              }

	
    #pie{
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        display: block;
        height: 40px;
        z-index: 999;
        padding: 0px;
        margin: 0px;
        background-color: #ff4000;
        color: white;
        border-top: black 1px solid;
        font-size: 12px;
    }
    
    #pie td{
        padding-left: 8px;
    }
    

table{
    empty-cells: show;
    border-collapse: separate;
    border: 0px;
}



h1{
	text-align: left;
	font-size: 18px;
    vertical-align: bottom;
    color: #ff4000;
    font-weight: normal;
}   
    
h2{
    margin-left: 5px;
    font-size: 16px;
	text-align: left;
    color:#555577;
    margin-top: 30px;
}

h3{
    margin-left: 10px;
    font-size: 14px;
	text-align: left;
    color:#997777;
}

h4{
    margin-left: 15px;
    font-size: 12px;
	text-align: left;
	color: #186f6e;
}

a{
    color: #000000;
}

a:hover{
	color: #002255;
}
	

p{
  padding-left: 1em;
  line-height: 25px;
  text-align: justify;
  font-size: 12px;
}

ul{
    line-height:22px;
}

li{
    font-size: 12px;
}

img{
    border: 0px;
}

.cita{
    margin: 20px;
    font-style: italic;
}

.autor_cita{
    margin: 20px;
    text-align: right;
}