html, body {
    margin:0;
    padding:0;
    font-family: 'Raleway',Calibri,Candara,Arial,sans-serif;
    font-size: 0.9em;
    text-align: center;
    background-color:#fff;
}

input, select {
    font-size:0.9em;
}

table {
    margin-top:-10px;
    margin-left:7px;
}

h4 {
    font-size:1.1em;
    text-decoration:none;
    font-weight:normal;
    color:#23A4FF;
}

h1 a{
	text-transform: capitalize;
}

a {
	color:#333333;
	text-decoration: none;
	text-transform: lowercase;
}

#container {
/*    width: 1000px;*/
    height: 600px;
    margin:0 auto;
    position:relative;
}

#left-container, 
#right-container, 
#center-container {
    height:600px;
    position:absolute;
    top:0;
}

#left-container, #right-container {
    width:250px;
    color:#72b5f8;
    text-align: left;
    overflow: auto;
    background-color:#fff;
    background-repeat:no-repeat;
    border-bottom:1px solid #ddd;
}

#left-container {
    left:10;
    background-image:url('col2.png');
    background-position:center right;
    border-left:1px solid #ddd;
    
}

#right-container {
    right:0;
    background-image:url('col1.png');
    background-position:center left;
    border-right:1px solid #ddd;
/*	background-color: #0c3f73;
    border-color: #0c3f73;
	*/
}

#right-container h4{
    text-indent:8px;
}

#center-container {
    width:600px;
/*
    left:100px;
*/
    background-color:#fff;
    color:#ccc;
}

#header-container {
    color:#ccc;
/*
    background-color:#1a1a1a;
*/
    border:1px solid #ddd;

	height: 100px;
    background: url(http://cinto.invemar.org.co/tematres/common/images/banner-invemar.jpg);
    background-position: left top;
    background-repeat: no-repeat;
	background-color:#001F49;

}

#header-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	}

#header-container a {
    color: #fff;
	text-shadow: 1px 3px 1px #333;
}

.text {
    margin: 7px;
}

#inner-details {
    font-size:0.8em;
    list-style:none;
    margin:7px;
}

#log {
    position:absolute;
    top:10px;
    font-size:1.0em;
    font-weight:bold;
    color:#23A4FF;
}


#infovis {
    position:relative;
    width:600px;
    height:600px;
    margin:auto;
    overflow:hidden;
}



/* CSS added */
form {
margin:0;
padding:0;
}

button {
font-size:11px;
font-weight:normal;
}

label {
cursor:pointer;
}




#search_wrap {
	display: none;
	}
	
#wrap {
	overflow: hidden;
	}	

#title_section h3 label {
	font-size: 1em;
	}

#search_result, #advsearch_result {
	margin: 0;
	padding: 4px 10px 7px 10px;
	border: 1px solid #e1e1e1;
	
	/*background-color: #efefef;*/
	
	background-position: bottom;
	background-repeat: repeat-x;
	
	background-color: #0c3f73;
    border-color: #0c3f73;
}

#search_result input, #advsearch_result input {
	font-size: 14px;
	letter-spacing: normal;
	color: #96adc3;
	}

#search_result .standard_form, #advsearch_result .standard_form {
	overflow: hidden;
	}
	
#did_you_mean {
	color: #ee0000;
	font-weight: bold;
	margin-top: 7px;
	margin-left: 10px;
	}
		
	
#search_web_form input {
	width: 300px;
	font-size: 13px;
	padding: 2px;
	display: block;
	margin-bottom: 5px;
	}

#product_search_no_matches #search_web {
	margin-top: 0;
	}
	
.error_message {
	display: block;
	color: #ee0000;
	font-weight: bold;
	}	

/*.header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.header a {
    color: #fff;
	text-shadow: 1px 3px 1px #333;
}
*/