@charset "UTF-8";

.page_section_title {
	background-color: darkgray;
	font-weight: bold;
	border-radius: 5px;
	
	/* Gradiente */
	background: -moz-linear-gradient(left,  rgba(153,153,153,1) 0%, rgba(229,229,229,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(229,229,229,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(153,153,153,1) 0%,rgba(229,229,229,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6 - 9 */
}
.page_section:hover > .page_section_title {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e1f1f+0,7db9e8+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(94,31,31,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(94,31,31,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(94,31,31,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e1f1f', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.page_section:hover {
	border: 1px solid darkgray;
	border-radius: 5px; 
}



/* BODY */
.page_body {
	width: 99%;
}
@media (max-width: 1023px) {
	.page_body {
		/*width: 99%;*/
		width: auto;
		/*margin-top: 60px;*/
	}
}

/* POPUP */
.page_popup {
	background-color: #f3dfd7;
	border: 1px solid gray;
	-moz-box-shadow: 0px 0px 15px #555;
	-webkit-box-shadow: 0px 0px 15px #555;
	box-shadow: 0px 0px 15px #555;
}
.page_popup[data-modal='1'], .page_popup:hover {
	border: 1px solid gray;
	-moz-box-shadow: 0px 0px 15px black;
	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;
}
.page_popup_title {
	color: white;
	background-color: #84523E;
	-moz-box-shadow: 0px 0px 15px black;
	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;
	border: 1px solid black;
}
/*@media (max-width: 1023px) {
	.page_popup[data-modal='1'] {
		position: fixed !important;
		top: 0px !important;
		left: 0px !important;
		right: 0px !important;
		bottom: 0px !important;
		width: auto !important;
		height: auto !important;
		max-width: unset !important;
		max-height: unset !important;
		margin: 0px !important;
		border-radius: 0px !important;
	}
	.page_popup_title {
		position: fixed !important;
		top: 0px !important;
		left: 0px !important;
		right: 0px !important;
		bottom: auto !important;
		width: auto !important;
		height: 45px !important;
		max-width: unset !important;
		max-height: unset !important;
		margin: 0px !important;
		border-radius: 0px !important;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 15;
	}
}*/



ul.page_tab > li {
	border: 1px solid gray;
	background-color: gainsboro;
}
ul.page_tab > li:hover {
	background-color: white;
	border-left: 1px solid black;
	color: black;
}
ul.page_tab > li.selected {
	color: black;
	background-color: #FFE5E4;
	border: 1px solid gray;
	border-bottom: 1px solid #FFE5E4;
	border-right: 2px solid gray;
}
ul.page_tab_panel {
	border: 1px solid gray;
	background-color: #FFE5E4;
}