@charset "utf-8";
/* CSS Document */

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
}

#top {
    float:left;
	width: 100%;
	height: 40%;
	background-color: #ffffff;
}

#logo {
    position: relative; 
	top: 50%; 
	left: 50%; 
	margin-top: -26px; /*Restamos la mitad de alto*/
	margin-left: -173px; /*Restamos la mitad de ancho*/
}

#bottom {
    float:left;
	width: 100%;
	height: 60%;
	display:table;
	background-color: #ee4028;
}

#idioma {
	display:table-cell;
	padding-top:150px;
}

#opc1 {
	width:  84px;
    height: 39px;
    display: block;
	float:left;
	margin-left:40%;
    background-image: url('opc1.png');
}

#opc2 {
	width:  84px;
    height: 39px;
    display: block;
	float:right;
	margin-right:40%;
    background-image: url('opc2.png');
}

#opc1:hover {
    background-image: url('opc1_hov.png');
}

#opc2:hover {
    background-image: url('opc2_hov.png');
}