body {
	margin: 0;
	padding: 0;
	font: 85.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	background: #C7D1D4;
	background-image: url(/html/img/bk_tile.gif);
	background-repeat: repeat-x;
	background-position: top left;

}


/* layout */

#wrap {
	margin: auto;
	padding: 0;
	background: url(/html/img/wrap-bg.gif) repeat-y;
	min-width: 500px;
	max-width: 770px;
	width: expression(document.body.clientWidth < 500? "500px" : document.body.clientWidth > 770? "770px" : "auto");	
	}

#content {
	float: right;
	width: 70%;
	font-size: 95%;
	color: #333;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	}
	
#markprint { display: none; }
	

#homecontent {
	width: 100%;
	font-size: 95%;
	color: #333;
	line-height: 1.5em;
	}

#sidebar {
	padding: 0;
	margin: 0;
	float: left;
	width: 30%;
	}
#footer {
	clear: both;
	background: #828377 url(/html/img/footer-bg.gif) repeat-x top left;
	height: 42px
	}

/* gutters */

#content .gutter {
	padding: 22px;
	background: url(/html/img/content-bg.gif) repeat-x top left;
	width: auto;
	}

#homecontent .gutter {
	padding: 22px;
	background: url(/html/img/content-bg.gif) repeat-x top left;
	}


#homecontent .gutter2
{
	padding: 22px;
	background: url(/html/img/content-bg2.gif) repeat-x top left;
	background-color: 94fdff;
}

#sidebar .gutter, #sidebar-2 .gutter {
	padding: 15px;
	}

/* header */

#header_global {
	margin: 0;
	padding: 0;
	background: url(/html/img/header-home.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 200px;
	position: relative;	
	}
#header_0
{
	margin: 0;
	padding: 0 0 0 150px;
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

#header_1 {
	margin: 0;
	padding: 0;
	background: url(/html/img/header-que.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 200px;
	position: relative;	
	}
#header_2 {
	margin: 0;
	padding: 0;
	background: url(/html/img/header-adecuado.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 200px;
	position: relative;	
	}
#header_3 {
	margin: 0;
	padding: 0;
	background: url(/html/img/header-saber.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 200px;
	position: relative;	
	}

#header_4
{
	margin: 0;
	padding: 0 0 0 140px;
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

#header_global #logobayer{
      display:block;
      height: 45px;
      width: 240px;
      position: relative;
      top: 10px;
      left: 520px;
}


#header_1 #logobayer{
      display:block;
      position: relative;
      height: 45px;
      width:expression(document.body.clientWidth > (520+240)?"240px":document.body.clientWidth > 520?(document.body.clientWidth-520)+"px":"1px");
      top: 10px;
      left:expression(document.body.clientWidth < 520?(document.body.clientWidth-1) + "px" : "520px");
}

#header_2 #logobayer{
      display:block;
      position: relative;
      height: 45px;
      width:expression(document.body.clientWidth > 520?"240px":"1px");
      top: 10px;
      left:expression(document.body.clientWidth < 520?(document.body.clientWidth-1) + "px" : "520px");
}

#header_3 #logobayer{
      display:block;
      position: relative;
      height: 45px;
      width:expression(document.body.clientWidth > 520?"240px":"1px");
      top: 10px;
      left:expression(document.body.clientWidth < 520?(document.body.clientWidth-1) + "px" : "520px");
}

#header_4 #logobayer{
      display:block;
      height: 45px;
      width: 240px;
      position: relative;
      top: 10px;
      left: 520px;
}

#header h1 {
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-weight: 100; font-size: 40px;
	line-height: 34px;
	letter-spacing: -1px;
	color: #666;
	padding: 70px 0px 0px 130px;
	position: relative;
	width:auto;
	}
	
/* message row */

#message {
	margin: 0;
	padding: 10px 10px 10px 10px;
	font-size: 90%;
	color: #cc9;
	height: 30px;
	background: #404530 url(/html/img/message-bg.jpg) repeat-x top left;
	margin-left: 0px;
	width: auto;
	top: inherit;
	}
#message strong {
	padding: 0 0 0 28px;
	background: url(/html/img/pretzel.gif) no-repeat 0 50%;
	}
	
/* content */

#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: normal;
	color: #663;
	}

#content h3 {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #663;
	}
	
#content h4 {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #666633;
	}
#content p {

	clear: both;
}

#content li {
	clear: both;
}


#homecontent h2 {
	margin: 0;
	padding: 5px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	}

#homecontent h2.pre {
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	}

dl.feature {
	margin: 15px 0;
	padding: 15px;
	clear: both;
	}
dl.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	color: #693;
	}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	background: url(/html/img/photo-frame.gif) no-repeat bottom right;
	}
dl.feature dd {
	margin-left: 169px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	}
dl.feature a {
	color: #369;
	text-decoration: underline;	
	}

/* sidebars */

.box { 
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
	background: #fff url(/html/img/box-b.gif) no-repeat bottom right;
	}
.box h3 {
	margin: 0;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	color: #666666;
	background: url(/html/img/box-t.gif) no-repeat top left;
	}
.box p {
	margin: 0;
	padding:  8px;
	}
.box ul {
	margin: 0;
	padding:  0px;
	}

.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
	background: url(/html/img/li-bullet.gif) no-repeat 0 3px;
	}
.box ul li a {
	text-decoration: none;
}
.box a:hover {
	text-decoration: underline;	
	color: #EB6601;
}

/* left menu links */

#left_link ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
	background: url(/html/img/li-bullet.gif) no-repeat 0 3px;
	}
#empty_link ul li {
	margin: 0 0 0 42px;
	padding: 0 0 0 18px;
	list-style: none;
	}

#left_link ul a {
	text-decoration: none;	
}	

#left_link ul li a:hover {
	color: #369;
	text-decoration: underline;	
	background: url(/html/img/li-bullet_act2.gif) no-repeat 0 3px;

}	

#left_active_link ul {
	margin: 0;
	padding:  0px;
}

#left_active_link a {
	color: #39c;
	font-weight: bold;	
	text-decoration: none;	
}	
#left_active_link li {
	color: #39c;
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
	background: url(/html/img/li-bullet_act2.gif) no-repeat 0 3px;
}	
	
/* section nav */

#sectionnav {
	height: 30px;
	z-index: 22;	
}


/* footer */

#footer p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: #333; 
	}

#footer a {
	color: #333; 
	}

/*  IE fixes */

#sidebar {
	height: 1%;

	}
#content {
	height: 1%;
	background-color: #FFFFFF;
	vertical-align: top;
	}
#homecontent {
	height: 1%;
	background-color: #FFFFFF;
	vertical-align: top;
	}
.feature { 
	display: inline-table; 
	}
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
	}
.feature { 
	display: block; 
	}
#footer {
	height: 1%;
	}
/* End hide from IE/Mac */


/* section Navigation */

#nav_global {
	width: auto;
	margin: 0;
	padding: 5px 0 0 46px;
	list-style: none;
	background: #828377 url(/html/img/bluebar.gif) repeat-x bottom left;
	height: 32px;
	}



#nav_0
{
	margin: 0;
	padding: 5px 0 0 46px;
	list-style: none;
	height: 32px;
	list-style-type: none;
	display: inline;
}

#nav_0 li
{
	margin: 0;
	list-style-type: none;
	display: inline;
}


#nav_1 {
	width: auto;
	margin: 0;
	padding: 5px 0 0 46px;
	list-style: none;
	background: #828377 url(/html/img/section_bar_1.gif) repeat-x bottom left;
	height: 32px;
	}
#nav_2 {
	width: auto;
	margin: 0;
	padding: 5px 0 0 46px;
	list-style: none;
	background: #828377 url(/html/img/section_bar_2.gif) repeat-x bottom left;
	height: 32px;
	}
#nav_3 {
	width: auto;
	margin: 0;
	padding: 5px 0 0 46px;
	list-style: none;
	background: #828377 url(/html/img/section_bar_3.gif) repeat-x bottom left;
	height: 32px;
	}

#nav_global li{
	float: right;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: lighter;	
	}
#nav_1 li{
	float: right;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: lighter;	
	}

#nav_2 li{
	float: right;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: lighter;	
	}
#nav_3 li{
	float: right;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: lighter;	
	}

#main_link1 a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding:  4px 8px 5px 8px ;
	color: #333;
	text-decoration: none;
	border: 1px solid #9B8748;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
	}
#main_link1 a:hover{
	color: #FFFFFF;
	padding-bottom: 5px;
	border-color: #727377;
	background: #008b99 url(/html/img/on_1.gif) repeat-x top left;
	}
#main_link2 a{
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding:  4px 8px 5px 8px ;
	color: #333;
	text-decoration: none;
	border: 1px solid #9B8748;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
	}
#main_link2 a:hover{
	color: #FFFFFF;
	padding-bottom: 5px;
	border-color: #727377;
	background: #ef893b url(/html/img/on_2.gif) repeat-x top left;
	}
#main_link3 a{
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding:  4px 8px 5px 8px ;
	color: #333;
	text-decoration: none;
	border: 1px solid #9B8748;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
	}
#main_link3 a:hover{
	color: #FFFFFF;
	padding-bottom: 5px;
	border-color: #727377;
	background: #939598 url(/html/img/on_3.gif) repeat-x top left;
	}
	
#main_link4 a{
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding:  4px 8px 5px 8px ;
	color: #333;
	text-decoration: none;
	border: 1px solid #9B8748;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
	}
#main_link4 a:hover{
	color: #FFFFFF;
	padding-bottom: 5px;
	border-color: #727377;
	background: #939598 url(/html/img/on_3.gif) repeat-x top left;
	}
	
#act_main_link1 a{
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding:  4px 8px 5px 8px ;
	color: #333;
	text-decoration: none;
	border: 2px solid #9B8748;
	border-bottom: none;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
}
#act_main_link1 a:hover{
	color: #333;
	text-decoration: none;
	border: 2px solid #9B8748;
	border-bottom: none;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
	}
#act_main_link2 a{
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding:  4px 8px 5px 8px ;
	color: #333;
	text-decoration: none;
	border: 2px solid #9B8748;
	border-bottom: none;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
}
#act_main_link2 a:hover{
	color: #333;
	text-decoration: none;
	border: 2px solid #9B8748;
	border-bottom: none;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
}
#act_main_link3 a{
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding:  4px 8px 5px 8px ;
	color: #333;
	text-decoration: none;
	border: 2px solid #9B8748;
	border-bottom: none;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
}
#act_main_link3 a:hover{
	color: #333;
	text-decoration: none;
	border: 2px solid #9B8748;
	border-bottom: none;
	background: #D9D9C4 url(/html/img/off_bg.gif) repeat-x top left;
}
/* topnav*/
	


#topnavi{
	margin:0;
	padding:0;
	height: 25px;
	font-size: small;
	background-image: url(/html/img/breadcrumbs_bg.png);
	background-color: #999999;

}


#topnavi li {
	float:right;
	list-style:none;
	margin:0;
	padding:0px 10px 0px 0px;
}

#topnavi li a {
	padding:5px;
	color:#444;
	text-decoration:none;
	margin:0;
	
}
#topnavi li a:hover {
	background:url(/html/img/nav_a_hover.jpg) top center no-repeat #fff;
	color:#000;

	
}
#navwrap {
margin:0;
padding:0;
}
/*float boxes*/

.containingbox
		{
	width: auto;
	text-align: left;
	height: 290px;
		}
		
#floatleft
{
	float: left;
	width: 231px;
	height: 230px;
	margin-left: 8px;
	color:#FFFFFF;
	border:1px solid grey;
	}

.float_title
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	}
	
.float_copy
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-weight: normal;
	color:#FFFFFF;
	
}

.float_copy a, a:hover {
	text-decoration: none;
	color:#FFFFFF;
}

.float_copy a:hover {
	text-decoration: none;
	color:#FFFFFF;
}

.float_image
{	padding: 0px 0px 0px 0px;
}


.float_title a, img{
	text-decoration: none;
	color:#FFFFFF;
	border:none;
}

.float_title a:hover{
	text-decoration: none;
	color:#FFFFFF;
}
.float_3 {background-color:#939598;}
.float_2 { background-color:#ef893b;}
.float_1 {background-color:#008c99;}


dl.full_left {
	float: left;
	margin: 0px 0;
	padding: 15px;
	}
/* Print and send to a friend icons*/

#icons {
margin:0;
padding:0;
float:right;
text-decoration:none;
font-size: 80%;
}

#buttons {
margin:0;
padding:0;
float:left;
text-decoration:none;
}



#icons, #buttons, a, img{
	color:#369;
	text-decoration:none;
}

#icons a img {
	color:#369;
	text-decoration:none;
}
#buttons a img  {
	color:#369;
	text-decoration:none;
}
#icons, #buttons, img{
	border:0;
	padding: 0px 3px 0px 10px;
}

#icons, #buttons, a:hover {
	color:#39c;
	text-decoration:none;
	}

/* end of icons*/