@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
@import url(menu.css);
@import url(banner.css);
@import url(blog.css);
@import url(info.css);
@import url(modal.css);
@import url(slider.css);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
}

header {
    width: 100%;
    /*height: 50px;*/ /*original pero como agregue li lo agrande*/
    height: 90px;
    background: #C9E4C1; /* rgba(201, 228, 193, 0.7);*/ /* 2021-06-30 #77BB64;*/ /*  #0B6121;*/ /*#333 */
    color: #fff; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;    
}
.contenedor {
    width: 98%;
    margin: auto;
}

/*background-color: rgba(144, 144, 144, 0.25);*/
h1 {
    float: left;
}

h2 {
    text-align: center;
}

#banner h2 {
       text-align:  left;
}

header .contenedor {
    display: table;
    overflow: hidden;        /*agregado para esconder los puntos del li, 2019-11-05*/
}


header .imagen1 {
    position: absolute;
}
header .tituloH1 {
    position: absolute;
    margin-left: 45px;
 
}
header .tituloH2 {
    position: absolute;
    margin-left: 45px;
    margin-top: 20px;
    color:#000;
 
}

section {
    width: 100%;
    margin-bottom: 20px;  /*25px*/
}
/*#bienvenidos*/
#info {
    text-align: center;
    background: rgba(119, 187, 100, 0.4); /* 2021-06-30 #77BB64;*/ /* #0B6121;*/
/*    overflow: hidden; */
}

footer .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 25px;
    
}
.copy {
    font-size: 13px;
    color:  #77BB64; /* #0B6121;*/
    text-align: center;    /**/
    
}

.sociales {
    width: 100%;
    text-align: center;
    font-size: 13px; /*26px*/
    
}

.sociales a {
/*    color: #333;*/
    color: #77BB64;
    text-decoration: none;
    cursor: auto
}

@media (min-width:768px) {
    .sociales {
        width: auto;
    }
    footer .contenedor {
        justify-content: space-between;
    }
       
}

@media (min-width:1024px) {
    .contenedor {
     width: 1000px;   
    }
    
}

form {
    width: 100%;
    margin: auto;
    background: rgba(119, 187, 100, 0.4); /* 2021-06-30 rgba(119,187,100, 0.4); */ /*rgba(11,97,33,0.4); /*rgba(0,0,0,0.4)*/
    padding: 10px 20px;
    box-sizing: border-box;
    margin-top: 20px;
    border-radius: 7px;
}

form h2 {
    color: #fff;
}
input, textarea {
    width: 100%;
    margin-bottom: 20px;
    padding: 7px;
    box-sizing: border-box;
    font-size: 17px;
    border: none;
    color: #0B6121;
}

textarea {
    min-height: 100px;
    max-height: 200px;
    max-width: 100%;
}

#boton {
    background: rgba(119, 187, 100, 0.4); /* 2021-06-30 #77BB64; */ /* #0B6121;*/ /* #31384A;*/
    color: #fff;
    padding: 20px;
    
}

#boton:hover {
    cursor: pointer;
}

@media (max-width:480px) {
    form {
        width: 100%;
    }
    
}



iframe {
    width: 100%;
    height: 100%;
    justify-content: center;
}

/*
#imagenNotario {
    width: 100%;
    height: 100%;
}
*/


#ulNotaria {    
/*    display: flex; */
    justify-content: center;
    list-style: none;
    color: #77BB64; /* #0B6121;   */
}

#ulNotaria li {
    width: 100%;
    padding: 20px;
    justify-content: center;
}

#notaria {
    overflow: hidden;
}

/*
#firma h2, p, a {
    color: #0B6121;
}
*/

#firma ul {
    list-style: none;
}
#firma li {
    padding: 20px;
    justify-content: center;
    width: 100%;
    
}
#liFirma {
    background: rgba(119, 187, 100, 0.4); /*rgba(11,97,33,0.4); */
    text-align: justify;
    color:  #77BB64;
}

#liFirma a {
    background: rgba(119, 187, 100, 0.4); /*2021-06-30 #77BB64; */ /* #0B6121;*/ /* #444444 #999999 #ffffff #507CD1 #333333 #31384A;*/
    color: #fff;
    padding: 20px;
    text-decoration: none;
  
}
/*
#contacto {
    background:  #0B6121;
}*/

#blog h3, a, div {
    color: #fff;
}
/*si saco esto la imagen de la notaria sale cuadrada*/
#notaria img {
    border-radius: 50%;
    justify-content: center;
    
    height: 100%;
    width: 100%;
}

#acercade h3 {
    color: #77BB64; /* #0B6121;*/
}

#soloTexto, #Promocion
{
    margin-top: 1px;
    margin-left: 20px;
     color:  black;
    background: rgba(222,187,100, 0.4);  /*rgba(11,97,33,0.4); /*rgba(0,0,0,0.4)*/
    padding: 1px 20px;
    box-sizing: border-box;
    border-width: 10px;
    border-color: red;
    border-radius: 7px;
     width: 98%;
    text-align: center;
    
}

@media (min-width:480px) {
    #ulNotaria, #firma ul {    
        flex-wrap: wrap;
    }
   
}

@media (min-width:1024px) {
    #ulNotaria, #firma ul {    
        display: flex; 
        flex-wrap: nowrap;
        
    }
}


#Horario
{
    text-align: center;
    align-content: center;
    font-size: 152%;
    margin-top: 100px;
    margin-left: 20px;
    margin-bottom: 1px;
    color: #1B4D3E; /* #0F4F41;*/
    background: rgba(119, 187, 100, 0.4);  /*rgba(11,97,33,0.4); /*rgba(0,0,0,0.4)*/
    padding: 1px 2px;
    box-sizing: border-box;
    border-width: 1px;
/*    border-color: red;*/
    border-radius: 7px;
    width: 98%;
    height: 105px;    
}
/*
    
@media (max-width:480px) 
{
    #Horario
    {
        font-size: 5px;
        color: brown;
    } 
}*/