@font-face {
font-family: "humnst";
src: url(4988.ttf) format('truetype');
}

BODY {
/*BACKGROUND-COLOR: #003334;*/
BACKGROUND-COLOR: #0A3935;
margin:0px;
font-family:"humnst",Arial;
scrollbar: none; 
toolbar:none;

}

.titulolista{
color:#ffffff;
border-bottom:1px solid #ffffff;
font-size:18px;
font-family:"Times New Roman";
}

.lista{
color:#003334;
font-size:14px;
text-decoration:none;
}

.lista a{
color:#003334;
}

#header{
width:100%;
height:180px;
}

#header .logo{
width:200px;
margin-top: 50px;
margin-left: 14%;
padding:auto;
float:left;
text-align:center;

}

#centro{
background:#000;
width:100%;
border-top:10px solid #b2a11d;
border-bottom:10px solid #b2a11d;
margin-bottom:0px;
/*overflow:hidden;*/
}

#footer{
text-align:center;
padding-top:30px;
color:#ffffff;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/opaque_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu{
/*estilo de nuestra lista*/

list-style:none;
display:block;
height:36px;
margin-top:65px;
}
#menu li{
/*estilo a cada uno de los elementos(li) de nuestro menu*/
float:left;/* propiedad importante para que nuestro menu tome la forma horizontal*/
display:block;
position:relative;
}
#menu li a{
/*estilo de los enlaces */
color:#fff;
text-decoration:none;
font-family:Times New Roman,Helvetica, Arial, sans-serif;
font-size:11px;
line-height:1.0em;
/*font-weight:bold;*/
padding:0px 14px 8px 16px;
display:block;
}
#menu li a:hover{
color:#b2a11d;
}
#menu li ul{
/*estilo de los submenus*/
width:120px;
background:#ffffff;
border:1px #ccc solid;
display:none; /*importante para que los submenus no estén visibles*/
position:absolute;
text-align:left;
margin-top:0px;
margin-left:0px;
font-size:10px;
}
#menu li ul li{
/*estilo a cada uno de los elementos(li) de nuestro submenu*/
width:100%;
list-style:none;
display:block;
margin-left:0px;
}
#menu li ul li a{
/*estilo a cada uno de los enlaces de nuestro submenu*/
color:#21759b;
font-size:11px;
line-height:1.1em;
display:block;
font-weight:normal;

}
#menu li ul li a:hover{
/*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */
background-color:#b2a11d;
color:#fff;
text-decoration:underline;
}

#menu li:hover ul{
/*con este selector definimos que cuando el cursor este sobre un elemento(li) que contenga un elemento(ul) dentro le asigne la propiedad display:block; para que este a su vez pase de invisible a visible*/
display:block;
}

.texto{
font-size:12px;
padding:20px;
color:#003334;
background-image: url("../img/fondocol.jpg");
height:100%;

}

.fondotexto{
background-image: url('../img/fondocol.jpg');
}

.container {
  font-family:sans-serif;
  color:#666;
  width:100%;
}
.img2 {
  width: 100%;
}
.img3 {
  max-width: 100%;
  height: auto;
 display: block;
 position:relative;
}

.textomax{
font-size:12px;
padding:20px;
color:#003334;
height: 100%;
overflow-y: auto; 
scrollbar-face-color: #FF0000;
background-image: url("../img/fondocol.jpg");
height:360px;

}


::-webkit-scrollbar {
    width: 10px;
    height: 13px;
}

::-webkit-scrollbar-button:vertical {
    background-color: silver;
    border: 1px solid gray;
}

/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}

/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    display: none;
}

/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    display: none;
}

/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:horizontal:increment {
    display: none;
}

/* Place The scroll up button at the up */
::-webkit-scrollbar-button:horizontal:decrement {
    display: none;
}

::-webkit-scrollbar-track:vertical {
    background-color: blue;
    border: 1px dashed pink;
}

/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    border: 0px;
}

/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    border: 0px;
}

/* Track below and above */
::-webkit-scrollbar-track-piece {
    background-color: silver;
}

/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: gray;
}

/* The thumb itself */
::-webkit-scrollbar-thumb:horizontal {
    height: 50px;
    background-color: gray;
}

/* Corner */
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}

/* Resizer */
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}

 .container2 {
      background: linear-gradient(to bottom, #eeeeee, #dddddd);
      color: #333333;
      padding: 20px;
      border-radius: 10px;
      width: 90%;
      margin: 0 auto;
    }
   
    .part {
      margin-bottom: 30px;
      padding: 20px;
      border: 1px solid #cccccc;
      border-radius: 5px;
      position: relative;
    }
   
    .icon {
      position: absolute;
      top: -10px;
      left: -10px;
      background-color: #333333;
      color: #ffffff;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 24px;
      border-radius: 50%;
    }
   
    .image {
      background-image: url("doc/fotos/img_gr/45.jpg");
      background-position: center;
      background-size: cover;
      height: 200px;
      margin-bottom: 20px;
      border-radius: 5px;
    }
   
    .note {
      background-color: #d5d5b4;
      color: #cc0000;
      padding: 10px;
      border-radius: 5px;
      font-style: italic;
    }
   
    .heading {
      font-size: 24px;
      margin-bottom: 10px;
    }