@charset "UTF-8";
/* CSS Document */
/* Botones de selecion plano */

#bita {
    display: block;
    height: 32px;
    left: 82%;
    position: relative;
    top: 36%;
    width: 32px;
}
#bita a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#bita a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#proa2 {
    display: block;
    height: 32px;
    left: 87%;
    position: relative;
    top: 39%;
    width: 32px;
}
#proa2 a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#proa2 a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#pro {
    display: block;
    height: 32px;
    left: 82%;
    position: relative;
    top: 35%;
    width: 32px;
}
#pro a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#pro a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#salon {
    display: block;
    height: 32px;
    left: 72%;
    position: relative;
    top: 29%;
    width: 32px;
}
#salon a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#salon a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#mesas {
    display: block;
    height: 32px;
    left: 55%;
    position: relative;
    top: 21%;
    width: 32px;
}
#mesas a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#mesas a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#bar {
    display: block;
    height: 32px;
    left: 56%;
    position: relative;
    top: 25%;
    width: 32px;
}
#bar a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#bar a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#comedor {
    display: block;
    height: 32px;
    left: 43%;
    position: relative;
    top: 10%;
    width: 32px;
}
#comedor a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#comedor a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#pasillo {
    display: block;
    height: 32px;
    left: 41%;
    position: relative;
    top: -4%;
    width: 32px;
}
#pasillo a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#pasillo a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#popaultimo {
    display: block;
    height: 32px;
    left: 29%;
    position: relative;
    top: 6%;
    width: 32px;
}
#popaultimo a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#popaultimo a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d1 {
    display: block;
    height: 32px;
    left: 80%;
    position: relative;
    top: 43%;
    width: 32px;
}
#d1 a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d1 a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#d2 {
    display: block;
    height: 36px;
    left: 66%;
    position: relative;
    top: 33%;
    width: 32px;
}
#d2 a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d2 a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#d3 {
    display: block;
    height: 32px;
    left: 70%;
    position: relative;
    top: 40%;
    width: 32px;
}
#d3 a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d3 a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d4 {
    display: block;
    height: 32px;
    left: 63%;
    position: relative;
    top: 35%;
    width: 32px;
}
#d4 a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d4 a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#d5 {
    display: block;
    height: 32px;
    left: 57%;
    position: relative;
    top: 29%;
    width: 32px;
}
#d5 a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d5 a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

#d6 {
    display: block;
    height: 32px;
    left: 36%;
    position: relative;
    top: 24%;
    width: 32px;
}
#d6 a {
    background-image: url("images/btn_bote.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}
#d6 a:hover {
    background-image: url("images/btn_bote_2.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
	width: 32px;
}

@media all and (max-width: 1920px) and (min-width: 1900px) {


#bita {
    left: 83%;
    top: 36%;
}
#proa2 {
    left: 88%;
    top: 41%;
}
#pro {
    top: 38%;
}
#salon {
    left: 73%;
    top: 34%;
}
#mesas {
    left: 56%;
    top: 27%;
}
#bar {
    left: 57%;
    top: 33%;
}
#comedor {
    top: 19%;
}
#pasillo {
    top: 6%;
}
#popaultimo {
    left: 29%;
    top: 17%;
}
#d1 {
    left: 81%;
    top: 44%;
}
#d2 {
    top: 35%;
}
#d3 {
    top: 44%;
}
#d4 {
    top: 41%;
}
#d5 {
    top: 36%;
}
#d6 {
    top: 36%;
}
}