@charset "utf-8";
body{
    background-image: url("../img/fondo.jpg");
  /*background-color: dimgray;*/
    background-position: top;
    background-attachment: fixed;
    background-repeat: repeat-x;
   
   
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
}

.encabeza{  
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000;
    font-weight:bold
}

h3{
margin-top: auto;
text-align: center;
font-size: 20px;
color: #fff;
}

.titulo{
color: white;
font-size: 20px;  
text-align:left;
	margin-top: -20px;

 
width:100%;

}
.bienve{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    height:28px;
	color:#fff;
	font-size:17px;
}

#contenedor{
width:100%;
height:75%;
}

#contiene{
width:100%;
}

.topnav-centered{
    width: 100%;
    margin: 0 auto;
    top: -1px;
    position: absolute;
    height: 27px;
}

.fondo{background-color: lightgreen;
    align-content: center;
    text-align: center;
}

.mostrador {
     
width:auto;

}

#magica{
	height:80%;
	overflow: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.footer{
background-image:url(../img/pie.png);
background-repeat:repeat-x;
position: fixed;
bottom: 0;
width:100%;
height:15px;
}

input{
color:#000033;
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
}

.txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

.style2 {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
display:block;
background-color: darkseagreen;
background-repeat:repeat-x;
width:95%;
}

GALERIA

#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }
        
        .page-top{
            margin-top:85px;
        }

img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;  
    }
    .fondo_comunicados {
background-image: url("/img/fondo_clientes.jpg");
background-position: center center;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size:cover;  
}