body, tbody{
  padding: 0;
  margin: 0;
  /*line-height:1px;*/
  border:none;
  list-style-type: none;
  /*color: #487066;
  color: #707070;*/
  color: #000000;
  font-family:'Homenaje', 'Open Sans', 'sans-serif';
  letter-spacing: 1px;
  word-spacing: 0px;
}

h1,h2,h3,div,header,nav,section,p,ul,tabla,th,tr{
  padding: 0;
  margin: 0;
  /*line-height:1px;*/
  border:none;
  list-style-type: none;
  /*color: #487066;
  color: #707070;*/
  color: #ffffff;
  font-family:'Homenaje', 'Open Sans', 'sans-serif';
  letter-spacing: 1px;
  word-spacing: 0px;
}
td{
    COLOR: #000000;
}
/*h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}*/

h4{
  padding: 0;
  margin: 0;
  /*line-height:1px;*/
  border:none;
  list-style-type: none;
  /*color: #487066;*/
  color: #000000;
  font-family:'Homenaje', 'Open Sans',sans-serif;
  letter-spacing: 1px;
  word-spacing: 0px;
    padding: 49px;
  text-align:left;
  padding-left:730px;
  font-size: 0.8em;
  vertical-align: middle;
  margin-top: 25px;
  background-position:right;

}

em,strong,cite,q,small,li{
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  quotes: none;
}
#page{
  /*width:1024px;
  height: 950px;*/
  width:100%;
  height: 100%;
  margin:  0 auto;
  /*color: #487066;*/
  color: #333333;
}
#page_p{
  width:100%;
  /*height: 950px;*/
  height: 100%;
  margin:  0 auto;
  /*color: #487066;*/
  color: #333333;
}

#page_p_citas{
    width: 100%;
    height: 120%;
}
#header_sup_citas{
    display: flex;
    height: 20%;
    justify-content: center;
    width: auto;
}

#content_p_citas{
    height: 170%;
    width: 100%;
    padding: 0px 0px 0px 0px;    
}

#linea_citas0{
    width: 100%;
}

#header{
  /*background: url("../Img/claim.gif");
  background-repeat: repeat-x;
  background-position-x: -21px;
  background-position-y: 6px;*/
  /*color: #487066;*/
  color: #333333;
  padding: 0;
  margin: 0px 15px 0 0; 
  height: 15%;	
  width: 100%;
  font-size: 0.95em;	
  /*display: block;*/
  display: flex;
}

#header h1{
  padding: 49px;
  text-align:left;
  padding-left:730px;
  font-size: 0.8em;
  vertical-align: middle;
  margin-top: 25px;
  background-position:right;
  /*background-size: 131px 48px;*/
  /*color: #487066;*/
  color: #333333;
}

/* Elementos del Header */
#nav{
  position: relative;
  width: 16%;
  height:600px;
  margin-top:5px;
  margin-left: 0px;
  padding: 60px 10px 5px 10px;
  background-color:white;
  border-right:#000000 thin dotted;
  font-family:'Open Sans',Arial,Tahoma,sans-serif;
  font-size: 11px;
  float: left;
}

#nav h3{
 border: 1px solid #d3d3d3;
 /*background: #e6e6e6  75% 75% repeat-x;*/
 background: #949494 75% 75% repeat-x;
 width: 100%;
 height: 45px;
 font-size: 13px;
 font-weight: bold;
 color: #555555;
 text-align: center;
 margin: 10px 0 0 0px;
 padding-top: 5px;
 border-radius:5px;  
 cursor: pointer;
}

#nav h2{
    background:url(../Img/quadratalt.jpg);
    background-repeat: no-repeat;
    background-position: left;
    text-align: center;
  /*color: #487066;*/
  color: #333333;
    font-family:'Open Sans',Arial,Tahoma,sans-serif;
    font-size: 12px;
    margin: 2px;
    padding: 2px;
}

#nav ul li{
  padding: 0px 1px 2px 20px;
  color:#bbbbbb; 
}

#nav #idiomas{
    text-align:center;
    width: 100%;
    margin: 0px 0 0 0px;
    font-weight: bold;
    font-size: 18px;
}

select,
option {
    font-weight: bold;
    font-size: 18px;
    background: #949494;
}

#nav #idiomas h3{
 background: #949494;
 color: #000000;
 font-size: 15px;
 font-weight: bold;
}

#nav button{
 border: 1px solid #d3d3d3;
 /*background: #e6e6e6;*/
 background: #949494;
 width: 100%;
 height: 58px;
 font-size: 14px;
 font-weight: bold;
 color: #000000;
 margin: 10px 0 0 10px;
 border-radius:5px;  
 cursor: pointer;
}

tbody{
    color: #000000;
}

p#cabecera_izq {
    /*margin-left: 742px;*/
    margin-left: 40%;
    font-weight: bold;
}

p#cabecera_izq_p {
    font-weight: bold;
    width: 65%;
    /*height: 100%;
    padding: 60px 0px 20px 0px;
    background: #949494;*/
    color: #ffffff;
    align-items: center;
    align-self: center;
}

p#segundo_parrafo {
    margin-left: 9px;
    margin-top: 20px;
    font-weight: bold;
}

#logo{
  position:relative;
  /*width: 180px;*/
  width: 19%;
  height: 98%;
  float:left;
  margin: 0px;
}

#content{
  height: 290%;
  /*padding: 60px 0px 20px 200px;*/
  padding: 60px 0px 20px 0px;
}


#content_p{
  height: 170%;
  width: 100%;
  padding: 60px 0px 20px 30px;
  
}

/*#footer{
  float: left; 
  width:100%;
  padding: 10px;
  background-color:white;
  font-family:'Open Sans',Arial,Tahoma,fantasy;
  font-size: 14px;
  text-align: center; 
  color: #000000;
  border-top: #000000 thin dashed;
}*/
    #footer {
      background-color: #005F30;
      color: #ffffff;
      text-align: center;
      padding: 15px 0;
      font-size: 0.9rem;
      margin-top: 40px;
    }

form ul{
  /*background-color: #f08746;*/
  list-style-type: none;
  padding-top: 10px;
}

form li{
  padding-bottom: 5px;
}

label{
  font-family:'Open Sans',Arial,Tahoma,sans-serif;
  font-size: 15px;
  color: #333333;
}

input{
  font-family: 'Open Sans',Arial;
  font-size: 11px;
  /*color: #487066;*/
  color: #333333;
  border:#333333 thin solid;
  border-radius: 2px 2px 2px 2px;
  padding-left:2px;
  background-color:snow;
}

#content button{
 border: 1px solid #d3d3d3;
 /*background: #e6e6e6;*/
 background: #00533e;
 height: 30px;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff;
 border-radius:3px;  
 cursor: pointer;
}

        #content input[type="button"]{
         border: 1px solid #d3d3d3;
         /*background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;*/
         /*background: #e6e6e6;*/
         background: #949494;
         height: 22px;
         font-size: 11px;
         font-weight: normal;
         color: #333333;
         border-radius:3px;  
         cursor: pointer;
        }

        a{
          /*color: #487066;*/
          color: #333333;
         text-decoration:none;
        }
        
        a:hover{
          color:#d44000;
          /*background-color:navy;*/
        }

        #nav2 {
            position: relative;
            list-style: none inside;
            margin: 0;
            text-align: center;
             padding: 60px 10px 105px 10px;
        }

        #nav2 li {
            display: block;
            position: relative;
            float: left;
            /* background: #1b2f2e;*/
            /* menu background color */
        }

        #nav2 li a {
            display: block;
            padding: 0;
            text-decoration: none;
            width: 142px;
            /* this is the width of the menu items */
            line-height: 35px;
            /* this is the hieght of the menu items */
            color: #ffffff;
            /* list item font color */
        }

        #nav2 li li a {
            font-size: 100%;
        }

        /* smaller font size for sub menu items */

        /*#nav2 li:hover {*/
        #nav2 li {
            background: #949494;
        }

        /* highlights current hovered list item and the parent list items when hovering over sub menues */

        #nav2 ul {
            position: absolute;
            padding: 0;
            left: 0;
            display: none;
            /* hides sublists */
        }
        
        #header_sup{
            display: flex;
            height: 14%;
        }
        
        #vacio_p{
            width: 51%;
            background: #949494;
        }

        
        #header button1{
            margin: 0;
            text-align: center;
             padding: 1px 0px 0px 0px;
        }

        #header button2{
            margin: 0;
            text-align: center;
             padding: 1px 0px 0px 0px;
        }

        #nav3 {
            width: 15%;
            position: relative;
            list-style: none inside;
            margin: 0;
            text-align: center;
             padding: 0px 0px 0px 0px;
        }

        #nav3 li {
            display: block;
            position: relative;
            float: left;
            /* background: #1b2f2e;*/
            /* menu background color */
        }

        #nav3 li a {
            display: block;
            padding: 0;
            text-decoration: none;
            width: 142px;
            /* this is the width of the menu items */
            /* line-height: 35px;*/
            /* this is the hieght of the menu items */
            /*color: #ffffff;*/
            color: #005F30;
            /* list item font color */
              vertical-align: top;

        }

        #nav3 li li a {
            font-size: 100%;
        }

        /* smaller font size for sub menu items */

        /*#nav2 li:hover {*/
        #nav3 li {
            /*background: #949494;*/
        }

        /* highlights current hovered list item and the parent list items when hovering over sub menues */

        #nav3 ul {
            position: absolute;
            padding: 0;
            left: 0;
            display: none;
            /* hides sublists */
        }