body{
	margin: 0;
	padding: 0;
background: #0a4563 !important;
font-size: 12px;
}

h1,h2,h3,h4 p{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}

p{ font-size:12px;}

h1{ font-size:25px;}

.clear{
clear: both;
}
.clear_left{
clear: left;
}
/*wrapper*/
.wrapper{
background-color: #ffffff;
width: 1270px;
height:auto;
margin: 0 auto;
margin-top: 10px;
}
/*end of wrapper*/
/*top menu*/
.top_menu{
/*width: 1270px;*/
height: 42px;
background: url('../images/top_menu.jpg') top center no-repeat;
}
.top_menu ul{
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
float: right;
white-space:normal;
}
.top_menu ul li{
display: inline;
background-color: #006cb7;	
color: #ffffff;
padding-top: 20px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 3px;
border-radius: 4px;
white-space:normal;
margin-right:1px;
}

.top_menu a
{
	color: #ffffff;
	text-decoration: none;	
}

.top_menu li:hover{
background-color: #90c4f6;
}
/*end of top menu*/

/*head*/
.head{
width: 1270px;
height:120px;	
}
.head div{
float: left;
}
.main_logo{
margin-left: 90px;
padding-top: 18px;
}
.data_portal{
margin-top: 30px;
margin-left: 75px;
}
.user_section{
margin-left: 200px;
}
.user_section div{
float: left;	
}
.login{
background-color: #f0f0f0;
width: 214px;
height: 33px;
border-radius: 4px;
border:1px solid #dddddd;
color: #006cb7;
}
.login span{
 display:inline-block;
 margin-top: 5px;
 margin-left: 5px;
 font-family:Arial, Helvetica, sans-serif; 
font-size:13px;	
}

.sign_in{
margin-top: 7px;
background-color: #f0f0f0;
width: 214px;
height: 50px;
border-radius: 4px;
border:1px solid #dddddd;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;	
}
.sign_in span{
 display:inline-block;
 margin-top: 5px;
 margin-left: 5px;
 color: #006cb7;	
}
.sign_in p{
font-size: 13px;
padding: 0;
margin: 0;
margin-left: 6px;
margin-top: 4px;
color: #a5a5a5;
}
/*end of head*/
/*body*/
.body{
float: left;
width: 1270px;
font-family:Arial, Helvetica, sans-serif;
margin-top: 5px;
}
.col1{
float: left;
width: 430px;
}
.col2{
float: left;
/*width: 550px;*/
}
.col3{
float: left;
width: 290px
}
.search_area{
float: left;
margin-top: 3px;
margin-left: 45px;
width: 377px;
height: 260px;
background-image: url('../images/discove_data.jpg');
background-size: 377px 260px;
background-repeat:no-repeat;
border-radius: 7px;
padding-left: 20px;
}
.search_area span{
display: inline-block;
margin-top: 70px;
width: 100%;
margin-bottom: 5px;
}
.search_field{
width: 240px;
height: 25px;	
border-radius:4px;
border:1px solid #999999;
}
.search_button{
width: 78px;
margin-left: 18px;
height: 27px;
border:none;
border-radius:4px;	
background-color: #3486bf;
color: #ffffff;
}
.search_typs a
{
	text-decoration:none;
}
.close_btn,.submit_btn{
width: 75px;
height: 23px;
margin-right: 5px;
border:none;
border-radius:4px;	
background-color: #3486bf;
color: #ffffff;	
}
.search_typs{
float: left;
width: 105px;
height: 106px;
margin-top: 24px;
margin-right: 13px;
}
.search_typs div{
	text-align: center;
	color: #3486bf;
	font-size: 12px;
}
.world_map{
margin-top: 0px;
float: left;
background-color: #81F79F;
width: 379px;
height: 258px;
border-radius: 7px;
margin-left: 27px;	
margin-left: 50px;	
}


.search_result_head{
width: 900px;
margin-top: 22px;
}
.search_result_head p,span{
padding: 0;
margin: 0;
}

/*recent uploads*/
.uplds{
width: 373px;
float: left;
margin-left: 42px;	
}
.recent_uplds{
	width: 373px;
	margin-top: 25px;
	margin-left: 0px;
	height: 25px;
	margin-bottom: 8px;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.uplds_views{
width: 373px;
height: 90px;
background-color: #f2f3f5;
margin-bottom: 15px;
border-radius: 4px;
}
.uplds_views div{
float: left;
display: block;
}
.uplds_views img{
padding: 10px;	
}
.uplds_views p{
line-height: 17px;
margin-left: 10px;
font-size: 13px;
color: #7c7d7e;
width: 250px;
}
.uplds_views strong{
	font-size: 12px;
	color: #404040;
	margin-bottom: 10px;
}
/*end of recent uploads*/
/*water_article*/
.water_article{
	float: left;
	margin-left: 43px;
	margin-top: 42px;
	width: 430px;
	color: black;
	font-size: 14px;
}
.water_article p{
	line-height: 25px;
		text-align:justify;
	margin-left:-15px;
    font-size: 12px;
}
.water_article strong{
color: black;
}
.water_article a{
text-decoration: none;
color: #006cb7;
}
/*end of water_article*/

.infomation_products{
margin-bottom: 25px;
margin-left: 30px;
}
.infomation_products p,ul,li{
border:0;
padding: 0;
}
.information_img{
float: left;
}
.information_title{
float: left;
color: #414141;
font-size: 20px;
display: block;
}
.information_title p{
margin: 0;
padding: 0;
margin-top: 7px;
font-size: 18px;
padding-left: 10px;
}
.infomation_products ul{
margin: 0;
margin-left: 20px;
list-style-type: square;
font-size: 12px;
color: #006cb7;
}
.infomation_products li{
	margin-top: 7px;
	line-height: 15px;
}
.infomation_products a{
display: block;
text-decoration: none;
margin-left: 20px;
margin-top: 10px;
}
.social_networks{
margin-left: 34px;
}
.social_networks div{
float: left;
margin-right: 7px;
}
.social_networks p{
	font-size: 12px;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
.col4{
float: left;
width: 950px;
margin-top: 10px;
}

/*result_cage*/
.wrapper-item {
font-size: 1em;
/*margin-left: 53px;*/
height: 166px;
width: 888px;
border:1px solid #ccc;
color: #000;
/* cursor:pointer; */
margin-top: 20px;
}
.wrapper-item div{
float: left;
}
.wrapper-item.open
{
border-bottom:0px;
color:#fff;
}
.wrapper-item.open .type {
float: right;
}

.wrapper-item .type {
float: right;
padding-right: 10px;
}

div.data {
background: #fff;

padding: 10px;
border:1px solid #ccc;
font-size: .8em;
line-height: 140%;
display:none;
margin-bottom: 20px;
min-height: 490px;
overflow: hidden;

}

.data_left.data_right{
float: left;
}
.data_left{
width: 410px;
float: left;
}
.data_right{
width: 425px;	
float: left;
margin-left: 30px;
}
.data_left div{
width: 400px;	
}
.data_title{
min-width: 80px;
color: #298bd5;
padding: 5px;
margin: 0;
margin-top: 5px;
margin-bottom: 7px;
}
.data_cat_1{

}
.data_cat_2{
border: 1px solid #ccc;
background-color: #f9f7f8;
padding: 5px;
margin-bottom: 9px;
}
.data_right div{
padding-right: 5px;
}
.originator{
min-height: 115px;
border: 1px solid #ccc;
background-color: #f9f7f8;	
margin-bottom: 9px;
padding: 5px;
line-height: 20px;
}

/*end result_cage*/
.search_head{
	height: 33px;
	margin-left: 58px;
    margin-top: 10px;
}
.search_head div{
}
/*.search_head a{
text-decoration: none;
color: black;	
}*/
.result_head {
margin-top: 25px;
}
.result_head div{
float: left;
}
.search_result{
font-size: 25px;
font-family: 'PT Sans Narrow', sans-serif;
color:#006cb7;
float:left; 
}
.search_mathod{
margin-left: 20px;
margin-top: 5px;
float:left;
}

.search_mathod div{ float:left;}

.search_mathod:hover{
cursor: pointer; cursor: hand; 	
}
.result_title{
padding-top: 10px;
}
.result_title:hover{
color:#006cb7;	
}
/*
.search_head div.pagination{
float:right;
}
.pagination ul{
margin: 0;
padding: 0;
margin-top: 10px;
}
.pagination li{
 list-style-type: none;
 display: block;
 display:inline;
 color: #aab2b5;
}
.pagination_bottom{
margin-left: 820px;	
}
.pagination_bottom ul{
margin: 0;
padding: 0;
margin-top: 10px;
}
.pagination_bottom li{
 list-style-type: none;
 display: block;
 display:inline;
 color: #aab2b5;
}
*/
.result_cage{
float: left;
}
.results{
width: 885px;
height:166px;
border:1px solid #e3e3e3;
margin-left: 56px;
margin-bottom: 20px;
}
.results div{
float: left;
}
.result_left{
width: 743px;
}
.data_head{
width: 770px;
margin-bottom: 10px;
}
.data_head p{
margin: 0;
padding: 0;
float: left;
color: #0465b2;
font-weight: bold;
margin-left: 23px;
margin-top: 17px;
}
.result_options{
float: left;
/* margin-left: 200px; */
margin-top: 5px;
}
.result_options div{
margin-right: 5px;
float: left;
}
.result_right{
float: left;
padding: 5px;	
}
.other_data{
margin-left: 22px;
}
.other_data p{
margin: 0;
padding: 0;
}
.abstract_data{
display: none;
height: 65px;
width: 700px !important;
overflow-y: scroll;
}
.abstract_data p{
margin: 0;
padding: 0;
}
.keywords{
font-size: 13px;
}
.keywords_title{
color:#0465b2; 
}
.other_data{
color: black;	
}
.col5{
float: left;
width: 274px;
border:1px solid #e3e3e3;
background-color: #fefcfd;
/*margin-left: 30px;
margin-top: 73px;*/
}
.col5 div{
padding: 22px;

}
.col5 p{
padding: 0;
margin: 0;
}
.col5 ul{
list-style-type: none;
font-size: 13px;
color: #EC9A75;
}
.col5 li{
line-height: 22px;
}
.col5 li a{
color: #EC9A75;
}

.col6{
margin-left: 45px;
float: left;
width: 890px;
}
.col6_result{
width: 280px;
float: left;
margin-right: 14px;
background-color: #fafafa;
border:1px solid #e3e3e3;
margin-bottom: 50px;
}
.col6_result img{
margin-top: 16px;
}
.col6_result p{
margin: 0;
padding: 0;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 8px;
font-size: 13px;
color: #969696;
}
.col6_result span{
margin-top: 8px;
display: block;
text-align: center;
font-weight: bold;
}
.all_product_result{
font-family: 'PT Sans Narrow', sans-serif;
font-size: 25px;
margin-left: 5px;	
}
.all_product_result span{
color: #0068ba;
}
.all_product_result p{
color: #ff907a;	
}

.advance_search{
margin-left: 53px;	
width: 846px;
height: 268px;
background-color: #f0f0f0;
border-radius: 3px;
padding: 20px;
margin-bottom: 20px;
}
.advance_search_title{
color: #157bc6;
font-weight: bold;
}
.advance_search_left{
float: left;	
}
.advance_search_left span{
margin-left: 4px;

}
.advance_search_right{
float: left;	
}
.advance_search td{
padding-bottom: 12px;
}
.advance_search table{
margin-top: 15px;
font-size: 14px;
}
.advance_search_left table{
margin-right: 60px;	
}
.advance_search_inputs{
width: 226px;
height: 20px;
border-radius: 4px;
border:none;
margin-left: 5px;
}
.temporal{
width: 100px;
height: 20px;
border-radius: 4px;
border:none;
margin-left: 5px;
}
.Metadata{
width: 100px;
height: 20px;
border-radius: 4px;
border:none;
margin-left: 5px;
}
.advance_search_button{
background-color: #1e6291;
color: #ffffff;
border:none;
border-radius: 4px;
width: 70px;
height: 24px;
margin-left: 5px;	
}
.slid_up{
	float: right;
	padding: 2px;
	margin-top: -15px;
}
.slid_up:hover{
background-color: #ffffff;
cursor: pointer; cursor: hand; 
}
/*end of body*/

/*right*/
.right{
float: left;
margin-top: 20px;
font-family:Arial, Helvetica, sans-serif;	
}

/*footer*/
.line{
margin-left: 40px;	
margin-right: 10px;
width: 1200px;
}
.footer{	
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
background-color: #ffffff;
height: 100px;
width: 840px;
}
.footer div{
display: block;
float: left;
padding-right: 20px;
}
.footer div p{
padding: 0;
margin: 0;
font-size: 11px;
text-align: center;
margin-bottom: 7px;
}
/*end of footer*/
/*login_form*/
.login_form{
width: 216px;
height: 120px;
background-color: #f0f0f0;
border: 1px solid #dddddd;
border-radius: 4px;
position: absolute;
z-index: 2;
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.login_form input{
margin-bottom: 10px;
margin-right: 5px;
}

.logout
{
	width: 216px;
height: 120px;
background-color: #f0f0f0;
border: 1px solid #dddddd;
border-radius: 4px;
position: absolute;
z-index: 2;
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
	
}

/*end of login_form*/

/* media queries*/
@media (min-width: 320px) and (max-width: 480px) {
.body, .top_menu{
width: 320px;
}
.head, .footer{
width: 320px;
}
.wrapper{
	width: 320px;
}
.top_menu ul li{
padding-right: 0px;	
}
.user_section{
margin-left: 5px;	
margin-left: 40px;
}
.user_section div{
float: left;
}
.login{
width: 180px;
height: 33px;	
float: left;
}
.sign_in{
width: 180px;
height: 50px;	
float: left;
clear: left;
}
.data_portal img{
width: 200px;	
}
.main_logo img{
width: 70px;
}
.main_logo{
margin-left: 40px;
float: left;
}
.data_portal{
margin-top: 30px;
margin-left: 40px;
}
.user_section{
clear: left;	
}
.search_area{
margin-left: 35px;	
}
.col2{
/*margin-top: 1200px;*/
clear: both;	
}
.footer div{ 
clear: both;
}
.footer{
padding-bottom:90px;
padding-left: 40px;	
} 
.footer p{
font-size: 8px;
text-align: left;	
width: 300px;
}
.line{
width: 250px;	
}
/*advance search*/
.col5{
/*margin-left: 40px;	*/
margin-top: 10px;
}
.result_cage{
margin-left: 40px;	
}
.wrapper-item{
height: 166px;
width: 888px;	
}
.ds_title{
width: 40% !important;	
}
.other_data{
width: 400px;	
clear: right;
}
.keywords{
clear: left;	
}
.wrapper-item{
width: 400px;
height: 265px;	
}
.result_right{
padding-left: 17px;	
}
.data_right{
clear: left;	
} 
div.data{
height: 700px;
width: 380px;
}
.col4{
width: 400px;	
}
.result_left{
width: 400px;
}
.data_head{
width: 400px;
margin-bottom: 10px;
}
.search_head{
height: 33px;
margin-left: 40px;
margin-top: 10px;
}
.data_left div{
width: 380px;	
}
.data_right div{
width: 370px;
padding-right: 5px;
}
}


@media (min-width: 481px) and (max-width: 640px) {
.body, .head, .top_menu{
width: 480px;
}

.footer{
width: 480px;	
}
.wrapper{
	width: 480px;
}

.top_menu ul li{
padding-left: 14px;
padding-right: 14px;	
}
.user_section{
margin-left: 5px;	
margin-left: 40px;
clear: left;	
}
.data_portal img{
width: 250px;	
}
.main_logo img{
width: 80px;
}
.main_logo{
margin-left: 40px;
float: left;
}
.data_portal{
margin-left: 40px;
float: left;
}
.login{
width: 180px;
height: 33px;	
float: left;
}
.sign_in{
width: 180px;
height: 50px;	
float: left;
clear: left;
}
.search_area{
margin-left: 35px;	
}
.col2{
clear: left;	
}
.col3{
/*margin-top: 1200px;*/
clear: both;	
}
.footer div{ 
clear: both;
}
.footer{
padding-bottom:90px;
padding-left: 40px;		
} 
.footer p{
font-size: 8px;
text-align: left;	
width: 300px;
}
.line{
width: 400px;	
}
/*advance search*/
.col5{
/*margin-left: 40px;*/	
margin-top: 10px;
}
.result_cage{
margin-left: 40px;	
}
.wrapper-item{
height: 166px;
width: 888px;	
}
.ds_title{
width: 30% !important;	
}
.other_data{
width: 450px;	
clear: right;
}
.keywords{
clear: left;	
}
.wrapper-item{
width: 500px;
height: 255px;	
}
.result_right{
padding-left: 17px;	
}
.data_right{
clear: left;	
} 
div.data{
height: 700px;
}
.col4{
width: 550px;	
}
.result_left{
width: 520px;
}
.data_head{
width: 520px;
margin-bottom: 10px;
}
.search_head{
height: 33px;
margin-left: 40px;
margin-top: 10px;
}
/**/
}


@media (min-width: 641px) and (max-width: 960px) {
.body, .head, .top_menu{
width: 650px;
}
.footer{
width: 650px;
}
.wrapper{
	width:650px;
}
.top_menu ul li{
padding-left: 14px;
padding-right: 14px;	
}
.user_section{
margin-left: 5px;	
margin-left: 40px;
width: 180px;
float: left;s
}
.login{
width: 180px;
height: 33px;	
float: left;
}
.sign_in{
width: 180px;
height: 50px;	
float: left;
}
.search_area{
margin-left: 35px;	
}
.main_logo{
margin-left: 40px;
float: left;
}
.data_portal{
margin-left: 40px;
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.data_portal img{
width: 350px;	
}
.main_logo img{
width: 100px;
margin-top: 5px;
}
.col3{
width:700px;
clear: both;
margin-left:30px;
}
.infomation_products{
float: left;
}
.footer{ 
padding-left: 100px;
}
.footer{
/*padding-bottom:90px;	*/
} 
.footer p{
font-size: 11px;
text-align: center;	
width: 300px;
}
.line{
width: 870px;	
}
/*advance search*/
.col5{
/*margin-left: 40px;*/	
margin-top: 10px;
clear: left;
}
.result_cage{
margin-left: 40px;	
}
.wrapper-item{
height: 166px;
width: 600px;	
}
.ds_title{
width: 42% !important;	
}
.other_data{
width: 400px;	
clear: right;
}
.keywords{
clear: left;	
}
.result_right{
padding-left: 45px;	
}
.data_right{
} 
div.data{
height: 700px;
width: 580px;
}
.col4{
width: 400px;	
}
.result_left{
width: 400px;
}
.data_head{
width: 600px;
margin-bottom: 10px;
}
.search_head{
height: 33px;
margin-left: 40px;
margin-top: 10px;
}
.data_left div{
width: 380px;	
}
.data_right div{
width: 370px;
padding-right: 5px;
}
}
@media (min-width: 961px) and (max-width: 1024px) {
.body, .head, .wrapper{
width: 970px;	
}
.wrapper, .footer{
width: 970px;
}

.body{
width: 970px;	
}	
.top_menu ul li{
padding-left: 14px;
padding-right: 14px;	
}
.head{
padding-left: 40px;	
}
.main_logo,.data_portal{
float: left;
}
.data_portal img{
  width: 350px;
  margin-left: 20px;
  margin-right: 40px;
  padding-top: 12px;	
}
.main_logo img{
width: 150px;
padding-top: 12px;
}
.user_section{
margin-left: 5px;	
padding-top: 13px;
padding-left: 15px;
}
.login{
width: 200px;
height: 33px;	
float: left;
}
.sign_in{
width: 200px;
height: 50px;	
float: left;
}
.search_area{
margin-left: 40px;	
}
.col3{
width:700px;
clear: both;
margin-left: 30px;
}
.infomation_products{
float: left;
}
.footer{ 
/*padding-left: 150px;*/
}
.footer{
padding-bottom:90px;	
} 
.footer p{
font-size: 12px;
text-align: center;	
width: 450px;
}
.line{
width: 910px;	
}
/*advance search*/
.col5{
/*margin-left: 40px;*/	
margin-top: 10px;
clear: left;
}
.result_cage{
margin-left: 40px;	
}
.ds_title{
width: 60% !important;	
}
.other_data{
width: 750px;	
clear: right;
}
.keywords{
clear: left;	
}
.wrapper-item{
width: 900px;
height: 200px;	
}
.result_right{
padding-left: 345px;	
}
.data_right{
/*clear: left;	*/
} 
div.data{
height: 400px;
width: 880px;
}
.col4{
width: 400px;	
}
.result_left{
width: 400px;
}
.data_head{
width: 900px;
margin-bottom: 10px;
}
.search_head{
height: 33px;
margin-left: 40px;
margin-top: 10px;
}
.data_left div{
width: 380px;	
}
.data_right div{
width: 370px;
padding-right: 5px;
}
/**/
}
@media (min-width: 1024px){
.body, .head, .wrapper{
width: 1270px;	
}
.top_menu ul li{
padding-left: 14px;
padding-right: 14px;	
}
.main_logo{
margin-left: 90px;
}
.data_portal{
margin-top: 30px;
margin-left: 75px;
}
.main_logo,.data_portal,.user_section{
float: left;
}
.login{
width: 214px;
height: 33px;	
}
.sign_in{
width: 214px;
height: 50px;
clear: left;
}
.search_area{
margin-left: 40px;	
}
.col3{
float: left;
width: 290px
}
.footer{
/*padding-left: 220px;*/
}
.footer div p{
padding: 0;
margin: 0;
font-size: 11px;
text-align: center;
margin-bottom: 7px;
}
.line{
width: 1200px;	
}
.user_section{
margin-left: 170px;
}
/*advance search*/
.col5{
/*margin-left: 30px;*/	
}
.wrapper-item{
/*margin-left: 53px;*/
height: 196px;
width: 848px;	
}

#tabs
{
	margin-left: 53px;
	width: 888px;
}

div.data{

min-height: 400px;
}
.data_right{
margin-left: 30px;	
}
.col4{
width: 950px;	
}
.result_left{
width: 703px;
}
.data_head{
width: 770px;
margin-bottom: 10px;
}
.search_head{
height: 33px;
margin-left: 58px;
margin-top: 10px;
}
.data_left div{
width: 400px;	
}
.data_right div{
/*width: 400px;*/
padding-right: 5px;
}
/**/
}
/*end of  media queries*/