/**
  MXLextension.com Css
  $Id: style.css,v 1.0 2007/10/22 17:45:48 greypilgrim Exp $
*/

/*
  Eliminate all margins and padding on all elements. This is a necessity since spacings and sizes are not consistent from browser to browser. We will build all the default spacings up next.
*/
* {
  margin: 0;
  padding: 0;
}

/*
  Define the default sizes and spacings for the primary tags.
*/
body {
	padding-top: 20px;
	background: #FFFFFF url('../../sites/default/files/sfondo_home.png') no-repeat -150px top;
	/* background-image: url("images/dx2.jpg");
	background-attachment: fixed;
	background-position: 102% 95%;
	background-repeat: no-repeat; */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}


h1, h2, h3, h4{
	color: #000000;
	padding-top: .5em;
  	line-height: 1.3em;
}

p, blockquote, ul, ol {
	margin-bottom: 1.8em;
	line-height: 180%;
}


a {
	color: #000000;

}

a:hover {
	text-decoration: none;
}

/*table {
  margin: .1 auto;

}

th,
td {
  padding: .1em;
}
*/
img {
  border-width: 0;
}

#box { width: 1010px; margin-top: 15px;}
#sx { float: left; clear: left; padding: 10px; min-height: 320px; width: 650px; }
#sx p { margin: 40px 10px 10px 10px; line-height: 25px; }
#dx { float: right; clear: right; text-align: right; width: 340px; }
#dx p { }
/*
  Define the helper classes.
*/
.clear-block:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}

.clear-block {
  display: block;
}
/* End hide from IE-mac */

.form-item,
fieldset {
  margin: 1em 0;
  padding: 0 .5em;
}

fieldset.collapsed {
  overflow: hidden;
  height: 1px;
  border-width: 1px 0 0 0;
}

.description {
  padding: .5em;
  font-size: .8em;
  font-style: italic;
}

.messages,
.help {
  margin: 1em;
  padding: 1em;
  border-width: 2px;
  border-style: solid;
}

.error {
  border-color: #ff0000;
  background-color: #ffdddd;
}

.status {
  font-style: italic;
  border-color: #9FE4FF;
  background-color: #D9F4FF;
}

.help {
  font-style: italic;
  border-color: #FEFF7F;
  background-color: #ffffcc;
}

.help .more-help-link {
  font-weight: bold;
}

/*
  Layout the core sections of the site.
*/
#logo-title { text-align: left;}
#logo { margin-left: 60px;}
#navigation { margin: 30px 0 30px 0;}
#navigation a { color: gray; font-weight: bold; text-decoration: none;}
#navigation a:hover { text-decoration: underline; }
#content-content { margin-top: 20px;}
#block-block-1 { float:right;}
#block-block-1 h2 { display:none;}
#block-menu-secondary-links { float: left; }
#block-menu-secondary-links h2 { display:none; }
#block-menu-menu-menu-en { float: left; }
#block-menu-menu-menu-en h2 { display:none; }
#block-locale-0 { width: 100px; height: 50px; float: right; margin: -140px -30px 0 0;}
#page {
  margin: 0 10px 10px 0;
  margin-left: 150px;
  min-width: 700px;
  text-align: left; /* This is to set things right after centering everything in the body. */
}

#header {
  height: 105px;
  margin: 0 auto;
  background: url(images/mxl.html) no-repeat;
  text-align: center;
  overflow: hidden;
}

#wrapper {
  width: 100%;
}

#subwrapper {
  float: left;
  width: 100%;
}

#container {
  float: left;
  width: 100%;
}

#container .content {
  overflow: hidden;
}


/* 3 column layout */
body.sidebars #subwrapper {
  margin-right: -150px;
}

body.sidebars #container {
  margin-left: -200px;
}

body.sidebars #main_supplements {
  float: left;
  width: 200px;
}

body.sidebars #secondary_supplements {
  float: right;
  width: 150px;
}

body.sidebars #container #content {
  margin: 0 150px 0 200px;
  padding: 0 1em;
}

/* 2 column layout (main) */
body.main-sidebar #container {
  margin-left: -200px;
}

body.main-sidebar #main_supplements {
  float: left;
  width: 200px;
}

body.main-sidebar #container #content {
  margin-left: 200px;
  padding: 0 0 0 1em;
}

/* 2 column layout (secondary) */
body.secondary-sidebar #subwrapper {
  margin-right: -150px;
}

body.secondary-sidebar #secondary_supplements {
  float: right;
  width: 150px;
}

body.secondary-sidebar #container #content {
  margin-right: 150px;
  padding: 0 1em 0 0;
}

/*
  Area specific layout
*/



/* Main content area */
#breadcrumb {
  padding: .5em;
}

#mission {
  padding: .5em;
}

/* Header styles */
#header {
  padding: .5em;
}

/* Main menu styles */
#navbar {
  clear: both;
  width: 90%;
  margin-left: 20px;
}

#navbar ul {
  
  list-style: none;
  margin: 0;
  margin-left: 0.5px;
  padding: 7px 0;
  /*border-bottom: 1px solid #CCC;*/
  font-weight: bold;
  text-align: center;
  padding-top:0.5px;
  white-space: nowrap
}


#navbar li {
  display: inline;
  margin: 0 3px	   
	   
}

#navbar a {
  text-decoration: none;
  padding: 0 0 3px;
  border-bottom: 1px solid #fff;
  color: #999
}

#navbar a:hover { 
  border-bottom: 1px solid #999;
}


/* Secondary menu styles */
#secondary_menu {
  clear: both;
  width: 100%;
  text-align: center;
}

#secondary_menu ul {
  margin: 0;
  padding: .5em;
}

#secondary_menu li {
  display: inline;
  padding: 0 .5em;
  list-style-type: none;
  text-align: left;
}

/* Sidebar styles */
#main_supplements,
#secondary_supplements {
  font-size: .8em;
}

#main_supplements .block,
#secondary_supplements .block {
  margin: .5em 0;
  padding: .5em;
}

/* Search block styles */
#search-theme-form .search-input {
  width: 100%;
}

/* Footer styles */
#footer {
  
  text-align: center;
  font-size: 82%;
  color: #000000;
  
}


strong {
       color: #000;
}

#block-menu-secondary-links .last a { color: #7e0f04;}
#block-menu-secondary-links .last a:hover { text-transform: uppercase; border-bottom:1px solid #7e0f04;}
#block-menu-menu-menu-en .last a { color: #7e0f04;}
#block-menu-menu-menu-en .last a:hover { text-transform: uppercase; border-bottom:1px solid #7e0f04;}


div.panel-col-first .panel-pane h2 { display:none;}
.submitted { display: none;}
td { padding: 5px;}