:root {
	--primary: #ddd;
	--dark: #333;
	--light: #fff;
	--blanco: #fff;
	--negro: #000;
	--ambar: #EFC050;
	--shadow: 0 1px 5px rgba(100, 100, 100, 0.8);
	--rojo: #9B2335;
	--verde: #155e63;
	--verdeclaro:#79a8a9;
}
.d3-verdeclaro{
	background-color: var(--verdeclaro);
}
hr { 
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 16px;
margin-right: 16px;
border-style: inset;
border-width: 1px;
}
.d3-btn1{
	display:inline-block; outline:0; margin: 10px 10px 10px 0px; padding:6px 16px; 
	vertical-align:middle; overflow:hidden; text-decoration:none; 
	text-align:center; cursor:pointer; background: var(--ambar); 
	color: var(--dark); border:none; box-shadow: var(--shadow);
}
.d3-btn1:hover{
	background: var(--dark);
	color: var(--light);
}
.d3-btn1rojo{
	display:inline-block; outline:0; margin: 10px 10px 10px 0px; padding:6px 16px; 
	vertical-align:middle; overflow:hidden; text-decoration:none; 
	text-align:center; cursor:pointer; background: var(--rojo);
	color: var(--blanco); border:none; box-shadow: var(--shadow);
}
.d3-btn1rojo:hover{
	background: var(--negro);
	color: var(--blanco);
}
.d3-btn1verde{
	display:inline-block; outline:0; margin: 10px 10px 10px 0px; padding:6px 16px; 
	vertical-align:middle; overflow:hidden; text-decoration:none; 
	text-align:center; cursor:pointer; background: var(--verde);
	color: var(--blanco); border:none; box-shadow: var(--shadow);
}
.d3-btn1verde:hover{
	background: var(--negro);
	color: var(--blanco);
}
.d3-btnmenu{
	height: 3rem;
	display:inline-block; outline:0; padding:6px 18px; 
	vertical-align:middle; overflow:hidden; text-decoration:none; 
	text-align:center; cursor:pointer; background: var(--ambar); 
	color: var(--dark); border:none; box-shadow: var(--shadow);
}
.d3-btnmenu:hover{
	background: var(--dark);
	color: var(--light);
}
.d3-border{
	border:1px solid #000;
}
.d3-fontmenu{
	font-size: 1.5rem;
	padding: 1rem 0;
}
.d3-iconomenu{
	width: 1.6rem;
	padding: 0.1rem 0;
	vertical-align:top;
}
.d3-posfixlft {
	position: fixed;
	max-width:40px;
	top:55px;
	left:5px;
	z-index: 1;
}
.d3-posfixlft img{
	background: transparent;
	border:none;
	box-shadow: none;
}
.d3-posfixrgt {
	position: fixed;
	max-width:40px;
	top:50px;
	right:5px;
	z-index: 1;
}

a{text-decoration: none;}
/* footer{padding-bottom: 2rem;} */
.d3-padding-bottom{padding-bottom: 2rem;}
.pagnav {
/* ackground-color: yellow;  */
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.pagnav li {
  display: inline-block;
  /* font-size: 20px; */
  /* padding: 20px; */
}
.d3-pagina{content:"";display:inline-block;}

.d3-col{float:left;width:100%}
.d3-col.s1{width:8.33333%}
.d3-col.s2{width:16.66666%}
.d3-col.s3{width:24.99999%}
.d3-col.s4{width:33.33333%}
.d3-col.s5{width:41.66666%}
.d3-col.s6{width:49.99999%}
.d3-col.s7{width:58.33333%}
.d3-col.s8{width:66.66666%}
.d3-col.s9{width:74.99999%}
.d3-col.s10{width:83.33333%}
.d3-col.s11{width:91.66666%}
.d3-col.s12{width:99.99999%}
@media (min-width:601px){
.d3-col.m1{width:8.33333%}
.d3-col.m2{width:16.66666%}
.d3-col.m3{width:24.99999%}
.d3-col.m4{width:33.33333%}
.d3-col.m5{width:41.66666%}
.d3-col.m6{width:49.99999%}
.d3-col.m7{width:58.33333%}
.d3-col.m8{width:66.66666%}
.d3-col.m9{width:74.99999%}
.d3-col.m10{width:83.33333%}
.d3-col.m11{width:91.66666%}
.d3-col.m12{width:99.99999%}}
@media (min-width:993px){
.d3-col.l1{width:8.33333%}
.d3-col.l2{width:16.66666%}
.d3-col.l3{width:24.99999%}
.d3-col.l4{width:33.33333%}
.d3-col.l5{width:41.66666%}
.d3-col.l6{width:49.99999%}
.d3-col.l7{width:58.33333%}
.d3-col.l8{width:66.66666%}
.d3-col.l9{width:74.99999%}
.d3-col.l10{width:83.33333%}
.d3-col.l11{width:91.66666%}
.d3-col.l12{width:99.99999%}}

.d3-left{float:left!important}
.d3-right{float:right!important}
.d3-left-align{text-align:left!important}.d3-right-align{text-align:right!important}

/* d3-top */
.d3-top{position:fixed;width:100%;z-index:1}
.d3-top{top:0}

/*  d3-bar*/
.d3-bar{width:100%;overflow:hidden}.d3-center .d3-bar{display:inline-block;width:auto}
.d3-bar .d3-bar-item{padding:8px 16px;float:left;background-color:inherit;color:inherit;width:auto;border:none;outline:none;display:block}
.d3-bar .d3-dropdown-hover,.d3-bar .d3-dropdown-click{position:static;float:left}
.d3-bar .d3-button{background-color:inherit;color:inherit;white-space:normal}
.d3-bar-block .d3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;background-color:inherit;color:inherit;border:none;outline:none;white-space:normal}
.d3-bar-block.d3-center .d3-bar-item{text-align:center}
.d3-block{display:block;width:100%}
.d3-responsive{overflow-x:auto}

.d3-row-padding,.d3-row-padding>.d3-half,.d3-row-padding>.d3-third,.d3-row-padding>.d3-twothird,.d3-row-padding>.d3-threequarter,.d3-row-padding>.d3-quarter,.d3-row-padding>.d3-col{padding:0 8px}
.d3-container:after,.d3-container:before,.d3-panel:after,.d3-panel:before,.d3-row:after,.d3-row:before,
.d3-row-padding:after,.d3-row-padding:before,.d3-cell-row:before,.d3-cell-row:after,.d3-topnav:after,
.d3-topnav:before,.d3-clear:after,.d3-clear:before,.d3-btn-group:before,.d3-btn-group:after,.d3-btn-bar:before,
.d3-btn-bar:after,.d3-bar:before,.d3-bar:after{content:"";display:table;clear:both}



/* d3-navbar */
.d3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.d3-navbar li{float:left}.d3-navbar li a,.d3-navitem,.d3-navbar li .d3-btn,.d3-navbar li .d3-input{display:block;padding:8px 16px}
.d3-navbar li .d3-btn,.d3-navbar li .d3-input{border:none;outline:none;width:100%}
.d3-navbar li a:hover{color:#000;background-color:#ccc}
.d3-navbar .d3-dropdown-hover,.d3-navbar .d3-dropdown-click{position:static}
.d3-navbar .d3-dropdown-hover:hover,.d3-navbar .d3-dropdown-hover:first-child,.d3-navbar .d3-dropdown-click:hover{background-color:#ccc;color:#000}
.d3-navbar a,.d3-topnav a,.d3-sidenav a,.d3-dropdown-content a,.d3-accordion-content a,.d3-dropnav a,.d3-navblock a{text-decoration:none!important}
.d3-navbar .d3-opennav.d3-right{float:right!important}
.d3-topnav{padding:8px 8px}
.d3-navblock .d3-dropdown-hover:hover,.d3-navblock .d3-dropdown-hover:first-child,.d3-navblock .d3-dropdown-click:hover{background-color:#ccc;color:#000}
.d3-navblock .d3-dropdown-hover,.d3-navblock .d3-dropdown-click{width:100%}
.d3-navblock .d3-dropdown-hover .d3-dropdown-content,.d3-navblock .d3-dropdown-click .d3-dropdown-content{min-width:100%}
.d3-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .25s;transition:border-bottom .25s}
.d3-topnav a:hover{border-bottom:3px solid #fff}.d3-topnav .d3-dropdown-hover a{border-bottom:0}
.d3-opennav,.d3-closenav{color:inherit}.d3-opennav:hover,.d3-closenav:hover{cursor:pointer;opacity:0.8}
.d3-btn,.d3-btn-floating,.d3-dropnav a,.d3-btn-floating-large,.d3-btn-block, .d3-navbar a,.d3-navblock a,.d3-sidenav a,.d3-pagination li a,
.d3-hoverable tbody tr,.d3-hoverable li,.d3-accordion-content a,.d3-dropdown-content a,.d3-dropdown-click:hover,.d3-dropdown-hover:hover,
.d3-opennav,.d3-closenav,.d3-closebtn,*[class*="d3-hover-"]{-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s}
.d3-ripple:active{opacity:0.5}.d3-ripple{-webkit-transition:opacity 0s;transition:opacity 0s}
.d3-sidenav,.d3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.d3-sidenav a,.d3-navblock a{padding:4px 2px 4px 16px}.d3-sidenav a:hover,.d3-navblock a:hover{background-color:#ccc;color:#000}.d3-sidenav a,
.d3-dropnav a,.d3-navblock a{display:block}
.d3-sidenav .d3-dropdown-hover:hover,.d3-sidenav .d3-dropdown-hover:first-child,.d3-sidenav .d3-dropdown-click:hover,.d3-dropnav a:hover{background-color:#ccc;color:#000}
.d3-sidenav .d3-dropdown-hover,.d3-sidenav .d3-dropdown-click,.d3-bar-block .d3-dropdown-hover,.d3-bar-block .d3-dropdown-click{width:100%}
.d3-sidenav .d3-dropdown-hover .d3-dropdown-content,.d3-sidenav .d3-dropdown-click .d3-dropdown-content,.d3-bar-block .d3-dropdown-hover 
.d3-dropdown-content,.d3-bar-block .d3-dropdown-click .d3-dropdown-content{min-width:100%}
.d3-bar-block .d3-dropdown-hover .d3-button,.d3-bar-block .d3-dropdown-click .d3-button{width:100%;text-align:left;background-color:inherit;color:inherit;padding:6px 2px 6px 16px}

/*  drop-down*/
.d3-dropdown-click,.d3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.d3-dropdown-hover:hover .d3-dropdown-content{display:block;z-index:1}
.d3-dropdown-hover:first-child,.d3-dropdown-click:hover{background-color:#ccc;color:#000}
/* .d3-dropdown-hover:hover > .d3-button:first-child,.d3-dropdown-click:hover > .d3-button:first-child{background-color:#ccc;color:#000}  */
.d3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.d3-dropdown-content a{padding:8px 16px;display:block; color: #000; border:1px solid #666666}
.d3-dropdown-content a:hover{background-color:var(--ambar);}

/*  d3-show */
.d3-hide{display:none!important}.d3-show-block,.d3-show{display:block!important}.d3-show-inline-block{display:inline-block!important}

/*  Colores */
.d3-colorbtn3{background:#6ba8a9; color:#fff}
.d3-grey{background: #9F9C99;}
.d3-grey1{background: #bfbfbf;}
.d3-grey2{background: #a6a6a6;}
.d3-hover-grey:hover{background: var(--ambar); color: var(--dark);}
.d3-green{color: #32CD32;}
.d3-red{color: #FF4500;}
.linewhite{color: #0066ff;}
.linewhite:hover{color:red;}
.linecyan{color: #7FCDCD;  text-shadow: 1px 1px 1px black;}
.lineorange{color: #000; }
/* .lineorange{color: #E15D44;  text-shadow: 1px 1px 1px black;}  */
/* .d3-colorbtn{background:#357376; color:#fff}  */
/*.d3-colorbtn-hv:hover{background:#aed09e; color:#000} */
/* .d3-colorbtnexit{background:#fff; color:#357376}  */
/* .d3-colorbtn1{background:#1d4d4f; color:#fff} */
/* .d3-colorbtn2{background:#357376; color:#fff} */
/*  .linegreen{color:green;  text-shadow: 1px 1px 1px black;} */
/* .linered{color:red; text-shadow: 1px 1px 1px black;}  */
/* .lineblue{color:navy;  text-shadow: 1px 1px 1px black;}*/

/*  Maquetación */
.logo{width: 150px; height:60px; box-shadow: none!important; object-fit: contain;}	
.d3-container{content:""; clear:both}
.d3-padding{padding:6px 6px!important}
/* .d3-top{margin-top:24px}  */
/* .d3-ancho{max-width:1200px; min-width: 300px;} */
/* .d3-postoplft{position:fixed; top:16px; left:0px; margin-left:16px; z-index:1} */
/* .d3-postoprgt{position:fixed; top:16px; right:0px; margin-right:16px; z-index:1} */
.d3-btn{display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;cursor:pointer;}
.d3-btn{color:#fff; background-color:#357376; border:none;}
.d3-content{max-width:980px;margin:auto}


/*   botones */
.d3-boton{
	background: var(--ambar);
	color: var(--dark);
	padding: 0.45rem 1rem;
	text-decoration: none;
	border:0;
	box-shadow: var(--shadow);
}
.d3-boton:hover{
	background: var(--dark);
	color: var(--light);
}
.d3-button{
	margin: 10px 0px;
	background: var(--light);
	color: var(--dark);
	padding: 0.4rem 0.6rem;
	text-decoration: none;
	border:0.5px solid #BCBCBE;
	/* box-shadow: var(--shadow); */
	font-size: 0.9rem;
}
.d3-amber{
	background: var(--ambar);
	color: var(--dark);
}
.d3-button:hover{
	background: #88B04B;
	color: var(--light);
}
.d3-hover-white:hover{
	background: var(--light)!important;
	color: var(--dark)!important;
}
.d3-button a{
	color: var(--dark);
}
/* Text */
.d3-letraparrafo{font-size:1rem;}
.d3-center{text-align:center;}
.d3-padding{padding:8px 16px;}
.d3-tiny{font-size:10px!important}
.d3-small{font-size:12px!important}
.d3-medium{font-size:15px!important}
.d3-large{font-size:18px!important}
.d3-xlarge{font-size:24px!important}
.d3-xxlarge{font-size:36px!important}
.d3-xxxlarge{font-size:48px!important}
.d3-jumbo{font-size:64px!important}


/* .d3-letratitulo{font-size:22px} */
/* .d3-letrasubtit{font-size:18px; padding:4px 0px 0px 0px} */
/* .d3-letrauser{font-size:40px} */
/* .d3-text-shadow{text-shadow:1px 1px 0 #444} */
/* .d3-medium{font-size:15px} */

/*  Responsivos */
@media screen and (max-width:1024px){
/*	.d3-letratitulo{font-size:24px}  */
/*	.d3-letrasubtit{font-size:20px}  */
	.d3-letraparrafo{font-size:1.1rem}
}
@media screen and (max-width: 720px){
/* 	.d3-letratitulo{font-size: 24px} */
/* 	.d3-letrasubtit{font-size: 20px} */
	.d3-letraparrafo{font-size: 1.1rem}
}
@media screen and (max-width: 560px){
/* 	.d3-letratitulo{font-size: 22px}  */
/*	.d3-letrasubtit{font-size: 18px} */
	.d3-letraparrafo{font-size: 1.3rem}
}