/* CSS Document */
#divCabecario {
	width:100%;
	max-width:1000px;
	position:relative;
	background-color:#FFF;
	clear:both;
}
#imgLogoPrincipal {
	width:15%;
	position:absolute;
	left:0px;
	top:10px;
}
#imgCantoDirPrincipal {
	width:200px;
	position:absolute;
	right:0px;
}
#divMenuTopo {
	padding-top:10px;
	padding-bottom:10px;
	width:75%;
}
.divOpcMenuTopo {
	padding-top:10px;
	padding-bottom:10px;
	display:inline-block;
	width:20% !important;
	font-size:small;
}
.divOpcMenuTopo:hover {
	font-weight:bold;
	background-color:#a86f9b;
	border-radius:10px;
	cursor:pointer;
	color:#FFF;
}
#divMenuOleos {
	padding-top:10px;
	padding-bottom:10px;
	width:60%;
}
.divOpcMenuOleos {
	display:inline-block;
	width:30% !important;
	border-radius:10px;
	height:60px !important;
	margin:5px;
	position: relative;
}
.divOpcMenuOleos p{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size:small;
}
.divOpcMenuOleos:hover {
	font-weight:bold;
	background-color:#a86f9b;
	cursor:pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#divOpcMenuOleosOE {
	background-color:#a86f9b;
	color:#FFF;
}
#divOpcMenuOleosOV {
	background-color:#eed54a;
	color:#000;
}
#divOpcMenuOleosH {
	background-color:#0f7937;
	color:#FFF;
}
#divMenuConteudo {
	padding-top:10px;
	padding-bottom:10px;
	width:60%;
}
.divOpcMenuConteudo {
	padding-top:10px;
	padding-bottom:10px;
	display:inline-block;
	width:30% !important;
	font-size:small;
}
.divOpcMenuConteudo:hover {
	font-weight:bold;
	/*background-color:#a86f9b;*/
	border-radius:10px;
	cursor:pointer;
}
@media screen and (max-width: 1482px) {
	#imgLogoPrincipal {
		width:20%;
	}
	.divOpcMenuTopo {
		width:40% !important;
	}
	.divOpcMenuOleos {
		width:40% !important;
	}
	.divOpcMenuConteudo {
		width:40% !important;
	}
}