@charset "utf-8";
#MAIN_LAYOUT{
	position:absolute;
	top:100px;
	height:1000px;
	width:auto;
	left:50px;
	right:50px;
	background-color:#2B2B18;
	border:2px solid;
	border-color: #7E7F6D;
}

.MAIN_LAYOUT_MODERN{
    position:relative;
    width:100%;
    height:100%;

}
#MAIN_LAYOUT_SUB1{
	position:absolute;
	top:100px;
	height:835px;
	width:250px;
	left:10px;
	background-color:rgba(0,102,255,0);
	background-image:url(../design/graph8.png);
	background-repeat:repeat;	
}
#MAIN_LAYOUT_SUB2{
	position: absolute;
	top: 103px;
	height: 830px;
	width: 700px;
	left: 276px;
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: justify;
	overflow: hidden;
}
#MAIN_LAYOUT_SUB2B{
	position: absolute;
	top: 103px;
	height: 830px;
	width: 700px;
	left: 276px;
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: justify;
	overflow: hidden;
}
#MAIN_LAYOUT_SUB2_version_bibliografia{
	position:absolute;
	top:105px;
	height:830px;
	width:700px;
	left:280px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	overflow:hidden;
	line-height:25px;
}
#MAIN_LAYOUT_SUB2_version_indice{
	position:absolute;
	top:105px;
	height:830px;
	width:930px;
	left:50px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	overflow:hidden;
}
#MAIN_LAYOUT_INDEX_A{
	position:absolute;
	top:140px;
	width:200px;
	height:100%;
	left:60px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	overflow:hidden;	
	padding-top:20px;
}
#MAIN_LAYOUT_INDEX_B{
	position:absolute;
	top:140px;
	width:200px;
	height:100%;
	left:260px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	overflow:hidden;	
	padding-top:20px;
}
#MAIN_LAYOUT_INDEX_C{
	position:absolute;
	top:140px;
	width:200px;
	height:100%;
	left:460px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	overflow:hidden;	
	padding-top:20px;
}
#MAIN_LAYOUT_INDEX_D{
	position:absolute;
	top:140px;
	width:200px;
	height:100%;
	left:660px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	overflow:hidden;	
	padding-top:20px;
}

#MAIN_LAYOUT_SUB3{
	position:absolute;
	top:110px;
	left:1030px;
	right:21px;
	width:auto;
	height:500px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#A0A040;
	border-style:solid;
	border:3px;
	border-color:#ABAB4D;
	z-index:1000;
}
#MAIN_LAYOUT_SUB3_SUB{
	position:absolute;
	top:220px;
	left:50%;
	width:100px;
	height:75px;	
}
#MAIN_LAYOUT_SUB4{
	position:absolute;
	top:100px;
	width:auto;
	left:1010px;
	right:10px;
	height:auto;
	bottom:65px;
	background-image:url(../design/graph8.png);
	overflow:hidden;
	text-align:center;	
	padding-top:530px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}
.main_layout_sub4_img{
	border:3px;
	border-style:groove;
	border-color:#ABAB4D;
	margin:5px;
	width:100px;
	transition:all;
	transition-duration:0.3s;
	
	
}
.main_layout_sub4_img_hover{
	border:3px;
	border-style:groove;
	border-color:#ABAB4D;
	margin:5px;
	width:100px;
	transition:all;
	transition-duration:0.3s;
	transform-orgin:0px;
	animation-direction:normal;
	animation-name:girar;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

@keyframes girar{
	0%{
		transform:rotate(0deg);	
	}
	6.25%{
		transform:rotate(10deg);
	}
	
	18.75%{
		transform:rotate(-10deg);
	}
	
	25%{
		transform:rotate(0deg);
	}
	
	100%{
		
	}
	
}

#MAIN_LAYOUT_SUB1_SUB1_BORDER{
	top:9px;
}
#MAIN_LAYOUT_SUB1_SUB2_BORDER{
	top:13px;
}
#MAIN_LAYOUT_SUB1_SUB3_BORDER{
	top:17px;
}
#MAIN_LAYOUT_SUB1_SUB4_BORDER{
	
	top:21px;
}
#MAIN_LAYOUT_SUB1_SUB5_BORDER{
	top:25px;
}

.main_layout_sub1_sub{
	position:relative;
	width:200px;
	height:150px;
	left:3px;
	top:3px;
	background-color:#A0A040;
	background-position:left;
	background-size:100% 100%;
	background-repeat:no-repeat;
	border:2px;
	border-style:groove;
	border-color:#CCDDCC;
	transition:all;
	transition-duration:0.3s;
}

.main_layout_sub1_sub_border{
	position:relative;
	width:210px;
	height:161px;
	left:9px;
	background-color:#ABAB4D;	
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	overflow:hidden;
	color:#ABAB4A;
	text-align:center;
	transition:all;
	transition-duration:0.3s;
}
.main_layout_sub1_sub_border_hover{
	position:relative;
	width:235px;
	height:161px;
	left:9px;
	background-color:#336699;	
	background-image:url(../design/graph10.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#FFFFFF;
	text-align:left;
	font-size:13px;
	font-style:italic;
	transition:all;
	transition-duration:0.3s;
}
.main_layout_sub1_sub_displaced{
	position:relative;
	width:180px;
	height:120px;
	left:41px;
	top:8px;
	background-color:#A0A040;
	background-position:left;
	background-size:100% 100%;
	background-repeat:no-repeat;
	border:2px;
	border-style:groove;
	border-color:#CCDDCC;
	transition:all;
	transition-duration:0.3s;
}
.main_layout_sub1_sub_animation{
	position:relative;
	align:center;
	top:45px;
	background-color:#FFF;
	
}

.main_layout_sub3_img{
	position:absolute;
	top:0px;
	left:-55px;
	overflow:hidden;
}


/******************************************** GENERALIDADES ************/


#MAIN_LAYOUT #MAIN_LAYOUT_SUB2 ul li {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height:30px;
	
}
.inactive_link{
	color:#999999;
	
}

.simple_link{
	text-decoration:none;
	color:#AACCFF;	
	
}
.simple_link:hover{
	color: rgba(255,255,102,1);
	text-align: center;
	
}
.simple_linkX{
	text-decoration:none;
	color:rgb(153,153,153);	
	
}

.simple_link2{
	text-decoration:underline;
	color:#AACCFF;	
	line-height:30px;
}
.simple_link2:hover{
	color: rgba(255,255,102,1);
	text-align: center;
	
}
.topic{
	color:#FF9;
	font-weight:bold;	
}
.content_image{
	align:center;	
	margin-left:60px;
}
.content_subtitle{
	line-height:30px;
	font-weight:bold;
	color:#FF9;
}
.content_subtitle2{
	line-height:30px;
	
	color:#FFFFFF;
	text-decoration:underline;
	padding-left:20px;
	
}
.content_list{
	line-height:20px;
		
}
.content_list2{
	line-height:20px;
	text-align:left;
	font-size:14px;	
	padding-left:30px;
	display:block;
}
.content_header{
	line-height:20px;
	display:inline;
}
/*******************************SISTEMATICA*************/

#SISTEMATICA_MENU_BACK{
	position:absolute;
	top:100px;
	height:835px;
	width:250px;
	left:10px;
	background-color:rgba(0,102,255,0);
	background-image:url(../design/graph8.png);
	background-repeat:repeat;	
	
}
#SISTEMATICA_MENU_COVER{
	position: absolute;
	top: 106px;
	height: 500px;
	width: 230px;
	left: 17px;
	padding-top: 7px;
	padding-left: 10px;
	font-size: 18px;
	color:#FFFFFF;
}

#SISTEMATICA_MENU_MENU{
	position:absolute;
	top:100px;
	height:835px;
	width:250px;
	left:10px;	
}

.sistematica_menu_item, .sistematica_menu_item_sub, .sistematica_menu_group{
	position:relative;
	margin-top:1px;
	top:40px;
	background-color:#FFFFFF;
	padding-top:7px;
	padding-left:30px;
	overflow:hidden;
	font-weight:bold;
	font-family:"Palatino Linotype", Times, serif;
	font-size:13px;
	color:#CCC;
	border: 1px solid;
	border-color:#ABAB4D;	
	cursor:pointer;
}



.sistematica_menu_item{
	width:200px;;
	height:22px;
	left:10px;
	background:url(../design/graph18.png) center left no-repeat,  url(../design/graph20.jpg) top left  repeat-x;
	
}
.sistematica_menu_group{
	width:200px;;
	height:22px;
	left:10px;
	background:url(../design/graph19.png) center left no-repeat, url(../design/graph20.jpg) top left repeat-x;
	
	
}
.sistematica_menu_item_sub{
	width:200px;;
	height:22px;
	left:10px;
	background:  url(../design/graph20.jpg) top left repeat-x;
}

.sistematica_menu_header{
	position:relative;
	top:-0px;
	width:220px;;
	height:70px;
	left:0px;
	padding-top:3px;
	background:  url(../design/graph22.jpg);
	background-size:stretch stretch;
	background-repeat:repeat-x;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.extra_gallery{
	position:absolute;
	top:630px;
	left:20px;
	width:235px;
	height:200px;
	
	-webkit-box-reflect:below 0px url(../design/graph23.png);
	-moz-box-reflect:below 10px url(../design/graph21.png);
	-o-box-reflect:below 10px url(../design/graph21.png);
	box-reflect:below 10px url(../design/graph21.png);
	
}

*[key="sortable"]{
	width:72px;
	height:60px;
	margin:3px;
	
}
.update_image_extra{

	
	
}
/*********************************************************/
#TEXT_BOX{
	position:absolute;
	top:460px;
	left:0px;
	margin-top:0px;
	width:690px;
	padding-right:30px;
	overflow-y:scroll;
	height:340px;
	
}
#TEXT_BOX_COVER{
	position:absolute;
	top:450px;
	left:0px;
	width:690px;
	padding-right:30px;
	overflow-y:scroll;
	height:3px;
	
}
.up_scroller{
	position:absolute;
	top:460px;
	right:0px;
	width:21px;
	height:20px;
	background-image:url(../design/graph24.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	
}
.up_scroller_hover{
	position:absolute;
	top:460px;
	right:0px;
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../design/graph24.png);
	background-position:bottom left;
	background-repeat:no-repeat;	
	
}
.down_scroller{
	position:absolute;
	top:800px;
	right:0px;
	width:21px;
	height:20px;
	background-image:url(../design/graph24.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	transform:rotate(180deg);
		
}
.down_scroller_hover{
	position:absolute;
	top:800px;
	right:0px;
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../design/graph24.png);
	background-position:bottom left;
	background-repeat:no-repeat;	
	transform:rotate(180deg);
		
}
#LINE_SCROLLER{
	position:absolute;
	top:480px;
	right:9px;
	width:1px;
	height:320px;
	background-color:#666;
	
	
}
#BLOCK_SCROLLER{
	position:absolute;
	top:483px;
	right:7px;
	width:6px;
	height:20px;
	background-color:#FFF;
	border-radius:5px;
	
}
/*********************************************************/
#TEXT_BOX_BIG{
	position:absolute;
	top:50px;
	left:0px;
	margin-top:0px;
	width:690px;
	padding-right:30px;
	overflow-y:scroll;
	height:750px;
	
}
#TEXT_BOX_COVER_BIG{
	position:absolute;
	top:50px;
	left:0px;
	width:690px;
	padding-right:30px;
	overflow-y:scroll;
	height:3px;
	
}
.up_scroller_BIG{
	position:absolute;
	top:50px;
	right:0px;
	width:21px;
	height:20px;
	background-image:url(../design/graph24.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	
}
.up_scroller_hover_BIG{
	position:absolute;
	top:50px;
	right:0px;
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../design/graph24.png);
	background-position:bottom left;
	background-repeat:no-repeat;	
	
}
.down_scroller_BIG{
	position:absolute;
	top:800px;
	right:0px;
	width:21px;
	height:20px;
	background-image:url(../design/graph24.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	transform:rotate(180deg);
		
}
.down_scroller_hover_BIG{
	position:absolute;
	top:800px;
	right:0px;
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../design/graph24.png);
	background-position:bottom left;
	background-repeat:no-repeat;	
	transform:rotate(180deg);
		
}
#LINE_SCROLLER_BIG{
	position:absolute;
	top:70px;
	right:9px;
	width:1px;
	height:730px;
	background-color:#666;
	
	
}
#BLOCK_SCROLLER_BIG{
	position:absolute;
	top:73px;
	right:7px;
	width:6px;
	height:50px;
	background-color:#FFF;
	border-radius:5px;
	
}

/**********************************************************************************************************/
*[distribution="in two columns"]{
	-webkit-column-count:2;
	-webkit-column-gap:50px;
	-webkit-column-rule:0px solid;	
	
	
}
*[distribution="in three columns"]{
	-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:0px solid;	
	
	
}

#SISTEMATICA_MINERALS{
	position:absolute;
	width:696px;
	height:420px;
	top:33px;
	left:-1px;
	/*border:2px groove;
	border-color:#ABAB4D;	*/
	background-image:url(../design/graph8.png)
}
.sistematica_elements_image_container{
	position:absolute;
	width:225px;
	height:190px;
	/*background-color:#A0A040;*/
	margin:5px;
	/*border:2px groove;
	border-color:#FFFFFF;*/
	padding-left:5px;
}
*[key="seic0"]{
	position:absolute;
	width:auto;
	left:5px;
	right:5px;
	height:155px;
	top:5px;
	border:2px groove;
	border-color:#FFF;
	cursor:pointer;
	
}
*[key="seic0B"]{
	position:absolute;
	width:auto;
	left:5px;
	right:5px;
	height:35px;
	top:5px;
	border:2px groove;
	border-color:#FFF;
	background-color:#6699AA;
	padding-top:120px;
	
	text-align:center;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	
}
*[key="seic1"]{
	position:absolute;
	width:auto;
	left:5px;
	right:5px;
	height:155px;
	top:5px;
	border:2px groove;
	border-color:#FFF;
	background-color:#A0A040;
	background-image:null;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
.seic_return{
	position:absolute;
	width:auto;
	left:5px;
	right:5px;
	height:155px;
	top:5px;
	border:2px groove;
	border-color:#FFF;
	background-color:#A0A040;
	background-image:null;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	
	transition-duration:0.5s;
	transition-timming-function:linear;
	transition-type:all;
}
.seic_animate{
	position:absolute;
	width:auto;
	left:40px;
	right:40px;
	height:100px;
	top:10px;
	border:2px groove;
	border-color:#FFF;
	background-image:null;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	transform:rotateY(360deg);
	transition-duration:1s;
	transition-timming-function:linear;
	transition-type:all;
	
}
#SEIC_NEXT_BTN{
	position:absolute;
	right:45px;
	bottom:10px;
	height:15px;
	width:30px;
	background-image:url(../design/graph25.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
#SEIC_BACK_BTN{
	position:absolute;
	left:50px;
	bottom:10px;
	height:15px;
	width:30px;
	background-image:url(../design/graph25.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	transform:rotate(180deg);
}
#SEIC_BACK_BTN_AREA{
	position:absolute;
	left:15px;
	top:390px;
	height:23px;
	width:190px;
	cursor:pointer;
	border-radius:10px;
	background-image:url(../design/graph20.jpg);
	background-position:center;
	text-align:center;
	padding-top:2px;
}
#SEIC_NEXT_BTN_AREA{
	position:absolute;
	right:10px;
	top:390px;
	height:23px;
	width:190px;
	cursor:pointer;
	border-radius:10px;
	background-image:url(../design/graph20.jpg);
	background-position:center;
	text-align:center;
	padding-top:2px;
}

#SEIC_BUTTON_INDICATION{
	position:absolute;
	bottom:0px;
	left:10px;
	right:5px;
	width:auto;
	height:28px;
	color:#99aacc;
	text-align:center;
	font-weigth:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	padding-top:8px;
	/*background-color:#000;
	border-radius:40px;
	background-image:url(../design/graph20.jpg);
	background-position:center;*/
	cursor:pointer;
}
#SEIC_BUTTON_SEPARATOR{
	position:absolute;
	bottom:0px;
	top:0px;
	height:auto;
	width:290px;
	border-radius:0px;
	background-color:#2B2B18;
	background-image:url(../design/graph8.png);
	background-position:bottom;
	left:195px;
}
*[id^="seic_nx"]{
	display:inline;
		
	
}

*[key="seic2"]{
	position:absolute;
	bottom:2px;
	height:20px;
	right:5px;
	left:5px;
	width:auto;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#2B2B18;
	padding-top:5px;
	border:1px solid;
	border-color:#fff;
}
*[key="sutitle"]{
	color:#ABAB4D !important;
	font-weight:bold !important;
	line-height:20px !important;
	
}
/***************************************************************************************************/
#MINERAL_CONTAINER{
	position:absolute;
	width:700px;
	left:0px;
	top:0px;
	height:450px;
	background-image:url(../design/graph8.png);
}

#MINERAL_MAIN_IMAGE{
	position:absolute;
	left:10px;
	top:10px;
	width:550px;
	height:350px;
	/*background-image:url(../inventaries/size_medium/77.jpg);*/
	background-color:#A0A040;
	background-size:100% 100%;
	border:2px groove #999;
	
}
#MINERAL_MAIN_INFO{
	position:absolute;
	padding-top:5px;
	height:70px;
	padding-left:10px;
	width:672px;
	left:9px;
	bottom:5px;
	border:2px groove #7E7F6D;
	background-color:#2B2B18;
	/*#7E7F6D;#2B2B18*/
}
*[id^="MINERAL_BTN_"]{
	position:absolute;
	right:5px;
	height:20px;
	width:120px;
	background-color:#2B2B18;
	background-image:url(../design/graph28.png);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #666;
	cursor:pointer;
}
*[id^="MINERAL_BTNx"]{
	position:absolute;
	right:5px;
	height:20px;
	width:120px;
	background-color:#666;
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #666;
}
*[id^="format_"]{
	position:absolute !important;
	height:25px;
	left:10px;
	width:100%;
	overflow:hidden;
	
}
#format2A{
	position:absolute;
	left:480px;
	top:5px;
	width:auto;
	text-align:left;
	align:left;
}
#format_3A{
	top:30px;
	
}
#format_4A{
	top:55px;
	
}
#format_3{
	margin-left:140px;
}
#format_4{
	margin-left:110px;
}
#format_2{
	display:inline;
	margin-left:140px;
	margin-top:0px;
	/*
	position:absolute;
	right:0px;
	top: 0px;
	width:50px;
	text-align:right;	*/
}
#format_3{
	top:0px !important;
	
}
#format_4{
	top:0px;
}

#MINERAL_BTN_UP{
	top:10px;
}
#MINERAL_BTN_DOWN{
	top:337px;
	transform:rotate(180deg);
}
#MINERAL_BTNxcoverUP{
	top:10px;
}
#MINERAL_BTNxcoverDOWN{
	top:337px;
	transform:rotate(180deg);
}
*[id^="MINERAL_IMAGE_BOX"]{
	position:absolute;
	width:120px;
	height:95px;
	right:5px;	
	
	background-color:#A0A040;
	background-image:url(../design/graph27.png);
	background-size:100% 100%;
	border:2px groove #999;
	cursor:pointer;
}
#MINERAL_IMAGE_BOX1{
	top:35px;	
}
#MINERAL_IMAGE_BOX2{
	top:135px;	
}
#MINERAL_IMAGE_BOX3{
	top:235px;
}
*[id^="mineral_image_box"]{
	margin-left:5px;
	margin-top:20px;	
	
}
#mineral_main_image{
	margin-left:220px;
	margin-top:140px;	
}
#LEFT_IMAGES{
	position:absolute;
	top:150px;
	left:0px;
	width:100%;
	height:auto;
	bottom:10px;
	
	
}
/***********************************ALL*****************/
@media all and (max-width:1300px){
	#MAIN_LAYOUT{
	position: absolute;
	width: 1180px;
	background-image: url(design/graph0.jpg);
	}
}