#page1 {
background-image : url('../images/imag/body.gif');
width : 100%;
margin : 0 auto 0 auto;
}
p {
font-family : tahoma;
}
.tlogo {
font-family : 'microgrammadmedextregular', verdana;
color : #ffffff;
font-size : 18px;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 1px;
}
.tbottom {
font-family : 'microgrammadmedextregular', Verdana;
color : #000000;
font-size : 18px;
}
.titcar {
font-family : 'microgrammadmedextregular', Verdana;
font-size : 28px;
text-shadow:#000000 3px 2px 3px;
color : #ffffff;
}
.ttext {
font-family : Tahoma;
color : #000000;
font-size : 16px;
font-weight : normal;
}
.tlis {
font-family : 'microgrammadmedextregular', Verdana;
color : #000000;
font-size : 16px;
font-weight : normal;
}
.ttit1 {
font-family : 'microgrammadmedextregular', Verdana;
color : #000000;
font-size : 22px;
letter-spacing : 3px;
font-weight : normal;
}
.ttit2 {
font-family : 'microgrammadmedextregular', Verdana;
color : #000000;
font-size : 18px;
letter-spacing : 1px;
font-weight : bold;
text-align : center;
}
.ttit3 {
font-family : 'microgrammadmedextregular', Verdana;
color : #f8f8f8;
font-size : 20px;
letter-spacing : 2px;
font-weight : normal;
text-align : center;
}
.ttit4 {
font-family : 'microgrammadmedextregular', Verdana;
color : #000000;
font-size : 16px;
letter-spacing : 2px;
font-weight : bold;
text-align : center;
}
.tstit1 {
font-family : 'microgrammadmedextregular', Verdana;
color : #000000;
letter-spacing : 1px;
font-size : 16px;
font-weight : normal;
text-align : left;
}
a:{
font-family : 'microgrammadmedextregular';
text-transform : uppercase;
letter-spacing : 1px;
font-style : normal;
}
footer {
padding-top: 60px;
padding-bottom: 40px;
font-weight : normal;
  box-shadow : 0 0 5px #000000;
  border-top : #ffffff solid 15px;
  background-color: #000000;
}

summary {
  font-family : 'microgrammadmedextregular', Verdana;
  font-color: #000000;
  font-size : 16px;
  cursor: pointer;
  letter-spacing : 1px;
  padding: .5em 1.3rem;
  list-style: none;
  display: flex;
  justify-content: space-between;  
  transition: height 1s ease;
}
summary::-webkit-details-marker {
  display: none;
}
summary:after{
  font-weight : bold;
  content: "\002B";
  cursor: pointer;
}
details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
}
details[open] summary:after{
  content: "\00D7";
  cursor: pointer;
}
details[open] div{
  font-family : Tahoma;
  font-size : 16px;
  font-color: #000000;
  padding: .5em 1em;
}

.navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -35px !important;
    /* 50% of your logo width */
    display: block;
    padding: 0;
}

.navbar-custom {
    background-color: #000000;
    border-color: #000001;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#282828), to(#000000));
    background-image: -webkit-linear-gradient(top, #282828, 0%, #000000, 100%);
    background-image: -moz-linear-gradient(top, #282828 0%, #000000 100%);
    background-image: linear-gradient(to bottom, #282828 0%, #000000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff282828', endColorstr='#ff000000', GradientType=0);
}
.navbar-custom .navbar-brand {
    color: #ffffff;
}
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
    color: #fffff6;
    background-color: transparent;
}
.navbar-custom .navbar-text {
    color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
    color: #ffffff;
    border-left: 1px solid #000001;
}
.navbar-custom .navbar-nav > li:last-child > a {
    border-left: none;
}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #000001;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000001), to(#282827));
    background-image: -webkit-linear-gradient(top, #000001, 0%, #282827, 100%);
    background-image: -moz-linear-gradient(top, #000001 0%, #282827 100%);
    background-image: linear-gradient(to bottom, #000001 0%, #282827 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000001', endColorstr='#ff282827', GradientType=0);
}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #000001;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000001), to(#282827));
    background-image: -webkit-linear-gradient(top, #000001, 0%, #282827, 100%);
    background-image: -moz-linear-gradient(top, #000001 0%, #282827 100%);
    background-image: linear-gradient(to bottom, #000001 0%, #282827 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000001', endColorstr='#ff282827', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a, .navbar-custom .navbar-nav > .disabled > a:hover, .navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-custom .navbar-toggle {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #fffff6;
    background-image: -moz-linear-gradient(top, #000000, #282826);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#282826));
    background-image: -webkit-linear-gradient(top, #000000, #282826);
    background-image: -o-linear-gradient(top, #000000, #282826);
    background-image: linear-gradient(to bottom, #000000, #282826);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff282825', GradientType=0);
    border-color: #282826 #282826 #000003;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
    color: #ffffff;
    background-color: #282826;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {
    border-color: #fffff6;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret, .navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
    background-color: #000001;
    color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a .caret, .navbar-custom .navbar-nav > .open > a:hover .caret, .navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

@media (max-width: 767) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #000001;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}
.navbar-custom .navbar-link {
    color: #ffffff;
}
.navbar-custom .navbar-link:hover {
    color: #ffffff;
}
.btn-oldstyle {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #fffff6;
    background-image: -moz-linear-gradient(top, #000000, #282826);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#282826));
    background-image: -webkit-linear-gradient(top, #000000, #282826);
    background-image: -o-linear-gradient(top, #000000, #282826);
    background-image: linear-gradient(to bottom, #000000, #282826);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff282825', GradientType=0);
    border-color: #282826 #282826 #000003;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-oldstyle:hover, .btn-oldstyle:focus {
    color: #ffffff;
    background-color: #282826;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
.btn-oldstyle:active, .btn-oldstyle.active, .btn-oldstyle.active:hover {
    background-color: #fffff6;
    border-color: #282826;
}
.btn-oldstyle.disabled:hover, .btn-oldstyle.disabled:focus, .btn-oldstyle.disabled:active, .btn-oldstyle.disabled.active, .btn-oldstyle[disabled] .btn-oldstyle:hover, .btn-oldstyle[disabled] .btn-oldstyle:focus, .btn-oldstyle[disabled] .btn-oldstyle:active, .btn-oldstyle[disabled] .btn-oldstyle.active {
    background-color: #000000;
    border-color: #000000;
}
.navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav {
    padding-right: 30px;
}

@media (max-width: 450px) {
.tlogo {
font-size : 12px;
margin-left: 10px;
}
}

.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background-color: #25D366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
z-index: 9999;
animation: latido 1.5s infinite;
}

@keyframes latido {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}

.whatsapp-float:hover {
animation: none;
transform: scale(1.15);
}