@charset "utf-8";
/* CSS Document */
*{
    box-sizing: border-box;
}

body{
	background-image: linear-gradient(#82a9ea, #6f60bd);
	background-position: center center;
	background-repeat: repeat;
}

table {
	border: 0px;
	border-collapse: collapse;
	align-content: center center;
}

td{
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;	
}

/* cabecera images  */
.topcontainer{
    display: flex;
    flex-direction: row;
    background-image: url("images/D1_01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    object-fit: fill;
    border: 0;
    margin: 0;
}

.topcontainer div {
    float: center;
    position: relative;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 9%;
    padding: 20px;
}

div .col1{
    margin: auto;
    background-image: url("images/StereoRestauracionLogo.png");
    width: 270px;
    height: 200px;
    object-fit: fill;
    background-size: cover;
    
}

div.col2{
    margin: auto;
    background-image: url("images/A1_Titutlo.png");
    width: 943px;
    height: 154px;   
    object-fit: fill;
}

/* Menu Settings  */
#menu{
	margin-left: 20%;
	margin-right: 35%;
	margin-top: 10px;
	position: center;
	align-content: right;
	border-collapse: collapse;
	background-attachment: scroll;
}

ul {
	list-style-type: none;
	overflow: hidden;
	background-color: #8c0b8f;
	align-content: right;
}

li {
	float: left;
	margin-left: 10px;
	border-collapse: collapse;
	align-content: left;
	letter-spacing: 1px;
	text-align: right;
}

li a, .btn{
	display: inline-block;
	color: whitesmoke;
	padding: 10px 20px;
	text-decoration: none;
}

li a:hover,
.btn {
	background-color: #480A59;
}

/* Inicio Contet */
.container{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    margin-left: 25%;
    margin-top: 25%;
    width: 100%;
    height: 75%;
    max-width: 990px;
    max-height: 175px;
}

.box1 {
	order: 2;
    padding: 17px;
}

/*Pie pag sector*/
#URLpiepag{
	border: 0px;
	border-collapse: collapse;
	background-image: url("images/Mover4.png");
	background-position: center;
	background-repeat: no-repeat;
	padding: 29px;	
}