body {
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

#content-wrapper {
      margin-left: initial; 
    margin-top: initial ;
    max-width: 960px;   
    clear: both;
}



.main-content{
position: absolute; 
top: 25%; 
left:45%; 
min-width: 100%;

  
  
     
}

.float-left {
    float: left;
    /*z-index: 1;
    left: 1%;
    top: 1%;
    position: relative;
    height: 243px;
    width: 422px;
    margin-top: 0px;*/
}

.float-right {
    float: right;
}


.ulFormStyle{
    margin-left:0px;
    padding-left:0;
    list-style-type:none;
}

h2.red{
    color: #ff0000;
    font-size: 1.75em;   
    font-weight: normal; 
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    position: relative;
    top: 0px;
    width: 0px;
    left: 0px;
    padding-left: -100px;
}

.boton{
            position: relative;
            left:160px;
            display:block;
            clear:left;
            top:16px;
            cursor: pointer;
}
         
.bluebutton{
    cursor: pointer;
    background: #4485F3;
    color: white;
    font-weight: bold;
    font-size: small;
    font-family: Arial;
    border-style: none;
    border-width: 0px;
}

.label {
    position:relative;
    display: block;
    clear:left;
    font-size: 1.2em;
    font-weight: 400;
    float: left;
    text-align: left;
    color: #535353;
    font-family: "Segoe UI";
    top:0px;
}



.labelcontrasenia {
    position:relative;
    display: block;
    clear:left;
    font-size: 1.2em;
    font-weight: 400;
    text-align: left;
    color: #535353;
    font-family: "Segoe UI";
    top:6px;
}

.labelincorrect {
    position:relative;
    display: block;
    clear:left;
    top:6px;
}

.textbox {

    position: relative;
    display: block;
    clear:left;
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    top: 0px;
    z-index: 1;
    text-align: left;
}

.textboxcontrasenia {

    position: relative;
    display: block;
    clear:left;
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    top: 6px;
    z-index: 1;
    text-align: left;
}

.textbox:focus {
    border: 1px solid #7ac0da;
}


a {
    color: #ff0000;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

    a.linkButton:link {
      
        color: white;
        text-decoration: none;               
    }

     a.linkButton:link:hover {
                 
        color:black;  
        background-color: transparent;     
     }

    /*A borrar posiblemente*/
/*.side-content {    
    width: 10%;
    float: left; 
    position: fixed; 
    z-index: 1;*/ /* Stay on top */
/*    background: white;
}*/

ul.sidemenu {
    font-size: 1.1em;
    font-weight: 600;
    margin: 20px,0, 5px, 5px;
    padding: 0;
    text-align: left;
}

    ul.sidemenu li {
        /*display: inline;*/        
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0;      
        /*border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc; */
        list-style: none; color: #7ac0da;
    }

        ul.sidemenu li a {                    
            color: red;
            text-decoration: none;
            width: 120px;   
            /*display: block;*/            
            /*background: linear-gradient(#DADADA, #f2f2f2);*/
        }
       
        ul.sidemenu li a:hover {
            color: white;
            background:  red;
            text-decoration: none;           
        }

        ul.sidemenu li a:target {
            color: gray;
            background: none;
            text-decoration: none;
        }

        ul.sidemenu li input {
            width: 90px;
            height: 14px;
        }



#menu li>a{
  background-color: white;
  color: black;
  padding: 10px;
  display: block;
  text-decoration: none;
  min-width: 100px;   
}

#menu ul>li>a:hover{
  color: white;
  background-color: red;
}
#menu>li{
  float: left;
  text-align:center;
  list-style-type:none;
}
#menu>li>ul{
  display: none;  
}
#menu>li:hover>ul {
  display:block;
  position:absolute;  
}


#menu li>ul>a{
  background-color: white;
  color: red;
  padding: 10px;
  display: block;
  text-decoration: none;
  min-width: 100px;    
}

/*.topmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top:100px;
    width: 100%;
    text-align: center;
}

.topmenu li {
   
    display: inline;
}

.topmenu a.viewtable {
    background-image: url("../images/imprb.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px;
    padding: 20px;
}

.topmenu li a {
    display: inline-block;
    color: white;
    text-align: center;    
    text-decoration: none;
}*/


.topmenu{
	width:80%;  /*---Give our UL a width ---*/
	list-style:none;  /*--- Makes the bullets go away ---*/
	margin:0;  /*--- Take out any default margin on the UL tag ---*/
	padding:0;  /*--- Take out any default padding on the UL tag ---*/
	margin:0;  /*--- Center the menu ---*/
    background-color: white;
    overflow: hidden;
    position:fixed;
    top:100px;
    text-align: center;
    color:black;
    clear:both;
}
 
.topmenu li{
	/*float:left;*/  /*--- Make the list go horizontal ---*/
	/*margin:0;*/
    display: inline;
}
 
.topmenu li a{
	display:inline-block;  /*--- Make the entire button are clickable rather than the text alone ---*/
	/*text-indent: -9999px; --- Push the text off screen to hide text---*/
	overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
	height:33px;
    text-decoration: none;    
}

.topmenu li a span {
    display: block;
}

.topmenu li.uploads a{
	background: url("../images/Upload2.png") no-repeat ;	
    background-size:32px;
    height:auto;
	width:112px;
}

.topmenu li.queries a{
	background: url("../images/executeQuery2.png") no-repeat;	
	background-size:32px;
    height:auto;
	width:128px;    
}

.topmenu li.searchdb a{
	background: url("../images/searchDB.png") no-repeat;	
	background-size:32px;
    height:auto;
	width:112px;     
}

.topmenu li.history a{
	background: url("../images/history.png") no-repeat;	
	background-size:32px;
    height:auto;
	width:128px;     
}

.topmenu li.calendar a{
	background: url("../images/calendario2.png") no-repeat;	
	background-size:32px;
    height:auto;
	width:128px;     
}

.topmenu li.peoplemanagement a{
	background: url("../images/GestionPersonas.png") no-repeat;	
	background-size:32px;
    height:auto;
	width:128px;     
}

.topmenu li.noimage a{
	background: none;	
	/*background-size:32px;
    height:auto;
	width:128px;*/ 
    /*position:fixed;*/    
    /*top:auto;*/
    
    height:16px;
    display:block
}


/*--- DROPDOWN ---*/
.topmenu ul a{
   
    /*background-color: #fff;*/ /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    /*background: rgba(255,255,255,0);*//* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    /*list-style: none;*/
    /*position: relative;*/
    /*left: -9999px;*/ /* Hide off-screen when not needed (this is more accessible than display: none;) */
    /*display: none;*/
    /*background:none;
    background-color:red;*/

}

/*.topmenu li ul a {    
    background-image:none;
     background:none;
}*/

     /* Introducing a padding between the li and the a give the illusion spaced items */
/*.topmenu li ul li {*/
    /*padding-top: 1px;*/
   /* float: none;
    display:block;
}*/

/* Stop text wrapping and creating multi-line dropdown items */
/*.topmenu ul a {
    white-space: nowrap; 
}*/

/* Display the dropdown on hover */
/* Bring back on-screen when needed */
 /*.topmenu li:hover ul { 
   left: 0; 
  
}*/

/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
/*.topmenu li:hover a { 
    background-color: #6b0c36;
    text-decoration: underline;
}*/

/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
/*.topmenu li:hover ul a { 
    text-decoration: none;
}*/

/* Here we define the most explicit hover states--what happens when you hover each individual link. */
/*.topmenu li:hover ul li a:hover { 
    background-color: #333;
}*/

.clear{
	clear:both;  /*--- Clears the float of the list items to restore normal document flow ---*/
}