.S1 {
font-size : 10pt;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.S2 {
font-size : 10pt;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : normal;
}

.T1 {
font-size : 15pt;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}

.T2 {
font-size : 13pt;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}

.bg1fondo {
	background-color: #DDDDDD;
}

.bg2fondo {
	background-color: #FFFFFF;
}

body {
    background-image: url("../images/backmetal.jpg");
    background-position: right top;
    color: #000000;
}
a:link, a:visited, a:hover, a:active {
  color: #1873ee;
}

div{
	text-align: left;
	padding: 5px;
	vertical-align:middle;
}

input, button {
    vertical-align:middle;
}

.imgmedia{
	media="(max-width: 180px)"
}
.modal-header, h4, .close {
  background-color: #F9F0BF;
  color:white !important;
  text-align: center;
  font-size: 30px;
}
.modal-footer {
  background-color: #f9f9f9;
}
.Ex {
	font-family: "Courier New", Courier, monospace;
	font-size: xx-small;
	color: #FFFFFF;
	font-weight: bold;
}

.backtop {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23098505'/%3E%3Cstop offset='1' stop-color='%23cfc61c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='24' height='24' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23ffffff' cx='12' cy='12' r='12'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.1'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;	

}

.backtop2 {
	background-color: #73ee00;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%2362ca00' fill-opacity='0.46'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.46'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
}


.bstyle1
{ 
	background: #33cc33; 
	background-position: 0px -401px; 
	border: solid 1px #000000; 
	color: #ffffff;
	height: 35px;
	margin-top: -1px;
	padding-bottom: 2px;
	width: 100px;
	font-size : 15pt;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.bstyle1:hover 
{
	background: #248f24;
	background-position: 0px -501px;
	color: #d6f5d6; 
}

.bstyle2
{ 
	background: #ff1a1a; 
	background-position: 0px -401px; 
	border: solid 1px #000000; 
	color: #ffffff;
	height: 35px;
	margin-top: -1px;
	padding-bottom: 2px;
	width: 100px;
	font-size : 15pt;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.bstyle2:hover 
{
	background: #cc0000;
	background-position: 0px -501px;
	color: #d6f5d6; 
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #66ca50;
}

input:focus + .slider {
  box-shadow: 0 0 1px #66ca50;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}