.lineados{padding-top:1em}

input {margin-top: 2px; border-bottom: #cccccc 1px solid;
            border-color: #cccccc;
            margin-top: .5em;
            margin-left: .8em;
            margin-right: .8em; }



/*--- FOTOS ----*/
main{margin-bottom: 0em}


.fotossar {
 
  padding: 0 2em;
  font-size: 18px;
  background: #e8e8e8;
  color: #aaa;
  text-align:center;
    padding-top: 1em;
  padding-bottom: 1em;
    
padding-left: .0em;
padding-right: .0em;
margin-top: 1em;
    

}





.thumbnail {
  max-width: 30%;
}

.italic { font-style: italic; }
.small { font-size: 0.8em; }

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}




.uploadbtn{color: white;
            display: flex;
            background-color: #39bc88;
            justify-content: center;
            align-items: center;
            padding:.85em;
            margin-top: 1em;
            margin-bottom: 1em;
        border: 0em;
        box-shadow: 2px 3px 2px -2px rgba(0,0,0,0.38);
        box-shadow: 2px 3px 2px -2px rgba(0,0,0,0.38);
        box-shadow: 2px 3px 2px -2px rgba(0,0,0,0.38);}

.ordenboton{display: flex;
            justify-content: center;
            flex-direction: column;
            align-content: center;
            align-items: center}

h6{margin-bottom: 0em;
    color: black;
    text-decoration: underline;
    margin-left: .25em;
        margin-right: .25em}

.paginas{display: flex}

@media (min-width:720px) {
                    .fotossar {

                      padding: 0 2em;
                      width: 100%;
                    
                      background: #ffffff;
                      color: #aaa;
                      text-align:center;
                        padding-top: 1em;
                      padding-bottom: 1em;
                        border-top: #aaa 2px solid;
                    padding-left: .0em;
                    padding-right: .0em;
                        position: relative;
                    left: 1em;

                    }





                    .thumbnail {
                      max-width: 40%;
                    }

             
                    /** LIGHTBOX MARKUP **/

                    .lightbox {
                        /** Default lightbox to hidden */
                        display: none;

                        /** Position and style */
                        position: fixed;
                        z-index: 99999999;
                        width: 100%;
                        height: 100%;
                        text-align: center;
                        top: 0;
                        left: 0;
                        background: rgba(0,0,0,0.8);
                    }

                    .lightbox img {
                        /** Pad the lightbox image */
                        max-width: 90%;
                        max-height: 80%;
                        margin-top: 2%;
                    }

                    .lightbox:target {
                        /** Remove default browser outline */
                        outline: none;

                        /** Unhide lightbox **/
                        display: block;
                    }
                
}}