/* -- ScrollBar Style -- */
html {scrollbar-face-color: #80FF80; scrollbar-arrow-color: #004000; scrollbar-track-color: #C0C000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-Color: #000000; }

/*-- Contenido Principal --*/
.contenidos {display:flex; direction: ltr; margin: auto; background-image: url(objetos/logo21.jpg);background-position: top; background-repeat: no-repeat;}
		@media screen and (max-device-width: 480px) {.contenidos {display: inline-block}} 
				.contenido p {padding:5px 10px 5px 10px; text-indent: 25px; text-align: Justify; font-family:Bookman Old Style, Verdana, Arial; }			 
		.contenido li {list-style: none; margin: 5px 5px ; padding: 0px ;width: auto}
    .linencont {text-decoration-style: none; list-style: none; color: green ; text-decoration:none; font-family:Bookman Old Style, Verdana, Arial; }
		.listprinc {list-style:none; color: green; text-align: justify; margin: 0px 0px 0px 10px;padding: 0px 0px 0px 0px; font-family: Bookman Old Style, Verdana, Arial}			 
							 #contenidoli  {float: left; width:285px; height:200px; border: none; margin: 10px 0px 0px 0px;font-family:Bookman Old Style, Verdana, Arial}
							 #contenidolid  {background: none; float: left; width:285px; height:250px; border: black 4px solid; margin: 0px 0px 15px 0px;font-family:Bookman Old Style, Verdana, Arial}
							 								#contenidolid p {font-weight: bold; color: green; text-align: center}
							#contenidocuad  {background: pink;float: left; width:580px; height:100px; border: black 4px solid; margin: 10px 0px 10px 0px;font-family:Bookman Old Style, Verdana, Arial}
							 								#contenidocuad p {font-weight: bold; color: green; text-align: center}	
        /*-- Texto Izda--*/
     .contenind1  {float: left; width:fit-content ; height:100%; border: none; margin: 5px auto;font-family:Bookman Old Style, Verdana, Arial; overflow: visible}
	      .contenind1 p {font-weight: normal; color: green;margin: 5px 5px; text-align: justify}
          #imCab1_01 {float: left; width: 100%; height: 100%; padding: 15px 15px 0px 0px;  vertical-align: left; } /*-- Imagen --*/
          #texto01 {width: 100%;  font-family:Bookman Old Style, Verdana, Arial;text-align: justify;
          font-size: 14px; vertical-align: middle; }

      /*-- Texto Drcha --*/
      .contenid2  {background-color: #FFD700; float: left; width:auto; height:100%; border-left: black 4px solid; margin: 5px 5px;font-size: 14;font-family:Bookman Old Style, Verdana, Arial; overflow:hidden}
        .contenid2 p { font-weight: normal; color: green; text-align: justify}
        .contenid2 li { font-weight: normal; margin: 0px 0px 0px 10 px; padding: 0px 0px 0px 0px;color: green; text-align: justify;font-family:Bookman Old Style, Verdana, Arial}
        .contenid2 ul { font-weight: bold; color: green; text-align: justify;font-family:Bookman Old Style, Verdana, Arial}
        #imCab1_00 {float: center; width: 100%; height:auto; border: none; vertical-align: bottom; background-position: center; padding: 2%} /*-- Imagen --*/
        #texto02 {float: left; width: 95%; padding: 25px 10px 0px 10px;font-family:Bookman Old Style, Verdana, Arial; text-align: justify;
        vertical-align: left; margin: 10 px 25px 0px 25px; overflow: visible}

/*-- Cuadros Promociones y Bonos --*/
.princi {display: flex;flex: 1;  direction: ltr; /*--flex-wrap: wrap;--*/ justify-content:space-between; width: auto; height: 50%; margin: auto;}
  @media screen and (max-device-width: 480px) {.princi {display: inline-block}}
  .promo1 {float: left; width: 33%; border: 3px solid #FFD700; position: left;display: block;}
  @media screen and (max-device-width: 480px) {.promo1 {width: 100%;}}
    .bono {flex-basis: content; background-color: yellow ; background-image: url(objetos/BonosMarzo3.JPG); background-position: center; background-repeat: no-repeat; background-size:contain ; height: 300px; ; display: flex; }
  .promo2 {float: left; width: 33%; border:3px solid #c90571;position: center;display: block;}
  @media screen and (max-device-width: 480px) {.promo2 {width: 100%;}}
    .promo {flex-basis: 100%; background-color: red; background-image: url(objetos/ProMarzo3.JPG); background-position: center; background-repeat: no-repeat;background-size:contain ; height: 300px; display: flex; }
  .promo3 {float: left;  width: 33%; border:3px solid #FFD700;position: right;display: block;}
  @media screen and (max-device-width: 480px) {.promo3 {width: 100%;}}
    .otro { flex-basis: 100%; background-color: #FFD700; background-image: url(objetos/arbolmusgomin.jpg); background-position: center; background-repeat: no-repeat;background-size:contain ;  height: 300px; display: flex; }

    #contenind2  {font-size: 14; float: left; width:35%; height:100%; border: none; margin: 10px 0px 0px 0px;font-family:Bookman Old Style, Verdana, Arial;list-style: none}
	#contenind2 p {font-size: 14; font-weight: normal; color: green; text-align: justify}	
	#imCab1_01 {float: center; width: 100%;  padding: 25px 10px 0px 0px; height: auto;vertical-align: left; }


#entrar1 {background: #7FFFD4; float: center; width:auto; height:40px; border: black 4px solid; margin: 10px 0px 10px 0px; align-content:center;
          font-size: 16; font-weight: bold; color: green; text-align: center; vertical-align: center; font-family:Bookman Old Style, Verdana, Arial}
          #entrar a:hover { color: rgb(1, 1, 1); background-color: rgb(7, 246, 31); }