/* NAV */

#navegacion ul li a:hover{
    color: #22998e;
    transform: scale(1.1);
    transition: transform 0.5s;
    
}
.active {
    border-bottom:solid 2px #22998e;
    }   


/* HOME */
h2 {

    color: #22998e;
}


iframe{
    width: 90%;
    height: 15rem;
    border: solid 1px #22998e;
    border-radius: 0.5em;
    margin-bottom: 1rem;

}
/* FOOTER */
footer {
    background-color: #2b2b2b;
    color: whitesmoke;
}
footer ul li a {
    color: whitesmoke;
}
footer ul li a:hover {
    color: #22998e;
    text-decoration: none;
}

/* PRODUCTOS */
.prod h2{
    color: #2b2b2b;
    border-bottom: solid 2px #22998e;
    padding-bottom: 0.2em;
}

.prod nav a{
    margin: 0.5em 0;
    color: #2b2b2b;
    text-decoration: none;
    border-bottom: solid 1px transparent;
    border-radius: 0.5em;
}
.prod nav a:hover{
    color: #19aa99;
    transform: scale(1.1);
    transition: transform 0.5s;

}
.prod hr{
    border: solid 1px #2b2b2b;
    width: 50%;
}
.card {
    border: solid 1px #2b2b2bd0;
}

.card-body h3{
    color: #22998e;
    font-size: 1.3em;
    height: 2.5em;
    border-bottom: solid 1px #01413a;
}

.card-body a {
    color: whitesmoke;
    margin-bottom: 2em;
}

.card-body p{
    height: 6em;
    margin-bottom: 3em;
}
.hidd {
    display: none;
}

.card-body button, #modal a, input[type=submit], .btn{
    background-color: whitesmoke;
    border: solid 1px #22998e;
    color: #22998e;
    
}
.card-body button:hover, #modal a:hover, input[type=submit]:hover, .btn:hover {
    background-color: #22998e;
    color: whitesmoke;

}
.card {
    box-shadow: 0 0 3px black;
}
.card:hover {
    box-shadow: 0 2px 6px 0 #22998e;
}

li {
    list-style: none;
}
.prod nav a.active {
    background-color: #22998e;
    border-radius: 3px;
    color: whitesmoke;
}


/*MODAL*/
#modal {
    background-color: rgba(245, 245, 245, 0.95);
    border-radius: 1em;
    box-shadow: 0 5px 10px #01413a;
}

#modal h3 {
    color: #01413a;
    padding: 0.5em;
}

#modal img {
    border-radius: 0.5em;
    margin-bottom: 1em;
}

/* CONTACTO */

.cont h2{
    color: #2b2b2b;
    border-bottom: solid 2px #22998e;
    margin-bottom: 2rem;
    padding-bottom: 0.2em;
}

form .formu {
    box-shadow: 0 0 3px black;
    border-radius: 1em;
    margin-bottom: 1em;
}
.compra {
    border: solid 1px black;
    color: black;
    background-color: #009ee3 !important;
}

.compra:hover {
    border: solid 1px #009ee3;
    color: #009ee3;
    background-color: white !important;
}
 .afip img {

     height: 5em;
 }
/* MODAL */

.modal-dialog {
    width: 50%;
}

/* PANEL */

.panel h2 {
    color: #2b2b2b;
    border-bottom: solid 2px #22998e;
    margin-bottom: 2rem;
    padding-bottom: 0.2em;
}

.tabla-prod tbody tr:nth-child(even) {
    background-color: #22998d27;
}
.tabla-prod tbody tr td a:nth-child(1):hover {
    text-decoration: none;
    color: black;
}

.tabla-prod tbody tr td a:nth-child(2):hover {
    text-decoration: none;
    color: red;
}
a.btn {
    background-color: whitesmoke;
}
#msj {
    text-align: center;
    width: 20rem;
    background: white;
    border: solid 1px #22998e;
    border-radius: 0.5em;
    color: #22998e;
    padding: 0.5em;
    margin: auto;
    margin-bottom: 2rem;
}
.nvo {
    display: inline-block;
    margin: auto !important;
    color: red;
}
.error {
    color: red;
    margin: 1em;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.float:hover {
    color: #303030;
}
.my-float{
	margin-top:16px;
}

@media (max-width: 1200px){
    .card-body p{
        height: 7.5em;
        margin-bottom: 3em;
    }
}
/* CELULAR */
@media (max-width: 576px) { 
    
    .modal-dialog {
        width: 100%;
    }
    
}