/*************************************************************

  Theme Name: Nutricia Default
  Theme URI: http://agency.com/
  Description: The default Nutricia theme.
  Version: 1.0
  Author: Miel Vandevelde (agency.com)
  Author URI: http://agency.com/
  Tags:


  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  SIDEBAR
  CONTENT
  FOOTER
  -
  CLEARFIX = clears floating elements

*************************************************************/



/*************************************************************
  P A G E
*************************************************************/
* { font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
fieldset, img { border: 0 }
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

body { background: #e3e3e3; color: #959393; font: 12px/1.250em /*12px/15px*/ Helvetica, Verdana, Arial, Sans-Serif }

#page { margin: 0 auto; width: 836px }



/*************************************************************
  H E A D E R
*************************************************************/
#header { background: #f2f1f1; border-left: 1px solid #ccc; float: left; height: 77px; position: relative; width: 243px }

#header a { background: url(img/logo.png) left top no-repeat; bottom: auto; display: inline-block; height: 116px; left: 55px; position: absolute; right: auto; text-indent: -9999em; top: 0; width: 188px; z-index: 99 }



/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { background: #f2f1f1 url(img/global.png) right top no-repeat; border-right: 1px solid #ccc; float: right; height: 77px; position: relative; width: 591px }

#navigation ul#nav { bottom: 7px; color: #646464; left: 42px; position: absolute; right: auto; top: auto; }
#navigation ul#nav li { float: left }
#navigation ul#nav li a { border: 1px solid #f8f7f7; border-width: 1px 1px 0; color: #646464; font-size: 0.917em /*11px*/; padding: 3px 6px 7px; text-decoration: none; text-transform: uppercase }
#navigation ul#nav li a:hover { border: 1px solid #0a4595; border-width: 1px 1px 0; color: #0a4595 }
#navigation ul#nav li a:active { border: 1px solid #0a4595; border-width: 1px 1px 0; color: #0a4595 }

#navigation ul li ul { border: 0 }
#navigation ul li ul li { border: 0 }

#navigation ul#lang { bottom: auto; left: auto; position: absolute; right: -35px; top: 30px }
#navigation ul#lang li {}
#navigation ul#lang li a { background: url(img/lang.png) left top no-repeat; color: #bdbbbb; display: inline-block; font-size: 0.917em /*11px*/; height: 23px; line-height: 23px; margin: 0 0 2px; padding: 0 0 0 5px; text-decoration: none; text-transform: uppercase; width: 29px }
#navigation ul#lang li a.current { color: #333; }
#navigation ul#lang li a:hover { color: #333 }
#navigation ul#lang li a.current:hover { color: #333 }
#navigation ul#lang li a:active { color: #bdbbbb }


/*************************************************************
  C O N T E N T
*************************************************************/
#content { background: #f2f1f1; border: 1px solid #ccc; border-width: 0 1px 1px; clear: both; padding: 0 28px }


/*************************************************************
  S I D E B A R
*************************************************************/
#sidebar { display: none }



/*************************************************************
  F O O T E R
*************************************************************/
#footer { clear: both; color: #4c4c4c; font-size: 0.833em /*10px*/; height: 25px; line-height: 25px; padding: 7px 0; text-align: right }

#footer a { color: #4c4c4c; text-decoration: underline }

#footer a img { vertical-align: middle }



/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */



h1 { font-family: Helvetica, Verdana, Arial, Sans-Serif; font-size: 18px; font-weight: normal; text-align: left; color: #0b4694; margin: 15px 0 5px 0; text-transform: uppercase; }
h2 { font-family: Helvetica, Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: bold; text-align: left; color: #0b4694; margin: 15px 0 3px 0; text-transform: uppercase; }
h3 { font-family: Helvetica, Verdana, Arial, Sans-Serif; font-size: 14px; font-weight: bold; text-align: left; color: #3f3d3e; margin: 13px 0 5px 0; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.post {
	text-align: justify;
	padding: 30px;
	}

.entry {
	font-size: 12px;
	color: #959393;
	}

/* CONTENT **************************************************/
#content ul, #content ol, body.mceContentBody ul, body.mceContentBody ol {
	margin: 5px 0px 5px 20px;
	}
#content ul, body.mceContentBody ul {
	list-style-type: disc;
	}
#content ol, body.mceContentBody ol {
	list-style-type: decimal;
	}
#content a {
	color: #0a4498;
	text-decoration: underline;
	}
#content a:hover {
	color: #666666;
	}
#content .link, body.mceContentBody .link {
	color: #4670ac;
	font-weight: normal;
	text-decoration: underline;
	display: block;
	padding: 5px 0;
	}
#content .link span, body.mceContentBody .link span {
	padding: 5px 0;
	padding-right: 30px;
	background: url(img/arrowContent.png) no-repeat right center;
	}

/* HOME *****************************************************/
#homeFooter { background: #9a9fa5; color: #fff; margin: 10px 0 0; padding: 10px }

.homeFooterWrapper { margin: 0 auto; width: 650px }

.homeBlock { height: 138px; overflow: hidden; width: 300px }

#homeFooter .image { float: left; margin: 0 10px 0 0 }
#homeFooter .content { padding: 5px 0 0 }
#homeFooter .content h1 { color: #fff; font-size: 14px; font-weight: bold }
#homeFooter .content a.link { background: url(img/arrowHome.png) right center no-repeat; color: #5e5c5d; display: inline-block; font-weight: bold; padding: 5px 30px 5px 0; text-decoration: none }

#homeFooter a { color: #fff; text-decoration: underline }
#homeFooter a:hover { color: #666 }

.homepage_block { background: #f2f1f1; border: 1px solid #ccc; padding: 10px 70px 10px 70px; margin-top: 10px; overflow:hidden; }
.homepage_block_img { float: left; margin: 0 10px 0 0 }
.homepage_block_content { padding: 5px 0 0; }


/* ABOUT ****************************************************/
#aboutBlocks {
	margin-top: 40px;
	}

/* BREADCRUMB ***********************************************/
#content .breadcrumb, #content .breadcrumb a {
	margin-top: 5px;
	font-size: 10px;
	text-decoration: none;
	}

/* WYSIWYG **************************************************/
body.mceContentBody, body.mceContentBody td {
	font: 12px/1.250em /*12px/15px*/ Helvetica, Verdana, Arial, Sans-Serif;
	color: #959393;
	background-color: #ffffff;
}

/************************************************************/