/* form.css */
#Main form.contact label {
	color: #39c;
}

#Main form.contact input, #Main form.contact textarea, #Main form.contact select {
	border:1px solid #09c;
}

#Main form.contact input.button {
	background-color:#09c;
}

/* body bg */
	body {
		background:#EDF9FB url(../images/main/css/body_bg.gif) repeat-x scroll left top !important;
	}
	#Header {
		background:transparent url(../images/main/css/shad_right.gif) no-repeat bottom right;
	}

	 #Wrapper #Contents {
		background:transparent url(../images/main/css/shad_right_bottom.gif) repeat-y bottom right;
	}

	DIV#cont_wrapper {
		background:white url(../images/main/css/leftnav_bg.gif) no-repeat top left;
	}

	#ShadowFooter {
		background:transparent url(../images/main/css/shad_bottom.gif) no-repeat bottom left;
	}

	body #Wrapper .content_page {
		background:transparent url(../images/main/css/content_bg_top.gif) no-repeat left top;
	}


	body #Wrapper .content_page div.container {
		background:none;
	}

/* colors.css */
#Logo {
background:#FFFFFF url(../images/main/css/naming.jpg) no-repeat scroll left center;
}
#Header .container {
	border-top:1px solid #003798 ;
	border-left:1px solid #003798 ;
	border-right:1px solid #003798 ;
}

#Header #main-navigation {
	border-left:1px solid #003798 ;
	border-right:1px solid #003798 ;
}

#Wrapper #Contents {
	border-left:0px solid #003798 ;
}

#Main {
	border-right:1px solid #003798 ;
}

div#cont_wrapper{
   border-left:1px solid #003798 ;
	 border-bottom:1px solid #003798 ;
}
#Main div.container H1 {
	color:#c33;
}
#Main div.container STRONG, #Main div.container A {
	color:#39c;
}

#Main div.container H2 {
	color:#c33;
	font-size: 0.875em;
}

BODY #Main h3 {
	color:#39c ;
}

/* mainnav.css */
#main-navigation {
	background:#09c ;
}
#main-navigation a {
	width: auto;
}
#main-navigation a:hover,#main-navigation a.active {
	background:#c33;
	color:#fff;
}
/* outline.css */

#Main .container {
	padding:1.25em 1em 0pt;
}
#Main div.container p {
	color: #333;
	line-height: 1.5em;
}

#Main div.container div.hilight {
	background: transparent url(../images/main/css/hilighted.gif) no-repeat scroll left top;
}

#Main div.container div.hilight p {
	color: #e5382b ;
}

.bayerlinks-navigation {
	border-bottom:1px solid #003798 ;
}

.bayerlinks-navigation h3 {
	background:#008bd3 ;
}

.bayerlinks-navigation li {
	color:#39c ;
}

.legallinks-navigation li {
	color:#39c ;
}

.bayerlinks-navigation a, .legallinks-navigation a {
	color:#39c ;
}
#Main div.container H1 {
	border-bottom:1px dotted #c33;
	font-size: 20px;
}

#Main table.informacion {
	width: 60%;
}

#Main table.informacion td {
	background:  #DCF3F9;
}

#Main table.informacion th {
	background:  #CC3333;
	text-align: center;
}

#Main table.informacion td.strong {
	background:  #BFEFF9;
}

#Main div.container p#boton {
	background: #EFFBFF url(../images/main/css/boton_bg.gif) no-repeat scroll left top;
}

#Main div.container div.coq {
	width:36em;
	height:26em;
	background:transparent url(../images/main/css/gingsen.gif) no-repeat top left;
}

#Main div.container div.formula {
	height:15.5em;
	background:transparent url(../images/main/css/formula.gif) no-repeat top left;
}

#Main div.container div.coq div.text {
	width:33em;
	padding:.5em;
	margin: 1em 0 0;
}
#Main div.container ul.listPropiedades, #Main div.container ul.listPropiedades li {
	list-style-image:url(../images/main/css/ticker.gif);
	list-style-position:outside;
	list-style-type:none;
}

.lightbox {
	border: 1px solid #e5382b;
}
input.button{
 	background-color:#e5382b;
}
a#linkProfesionales {
	display:block;
	height:40px;
	left:270px;
	position:absolute;
	top:510px;
	width:150px;
}
a#linkRevista {
	display:block;
	height:70px;
	left:230px;
	position:absolute;
	top:560px;
	width:230px;
}
a#linkConsumidores {
	display:block;
	height:40px;
	left:465px;
	position:absolute;
	top:510px;
	width:150px;
}
a#linkHome {
	left: 300px;
	top: 500px;
}
a#linkHome img {
	height: auto;
	width: auto;
}
a#linkSpot {
	display:block;
	height:90px;
	left:601px;
	position:absolute;
	top:470px;
	width:150px;
}
a#linkSpot img {
	display:block;
	height:133px;
	width:150px;
}

#Main form.survey {
	font-size: 0.8em;
}

#Main form.survey h2 {
	font-size: 1em;
	margin: 2em 0 0.5em;
}
#Main form.survey h2.header {
	border-bottom: 1px solid #39c;
	width: 35em;
}
#Main form.survey {
	font-size: 0.8em;
}
#Main form.survey fieldset{
	padding-left: 2em;
}
#Main form.survey fieldset label {
	display: inline;
	float: none;
	width: auto;
}
#Main form.survey fieldset textarea {
	border: 1px solid #39c;
	margin-bottom: 2em;
	width: 35em;
}
#Main form.survey fieldset.details label {
	display: block;
	float: left;
	padding-right: 1em;
	text-align: right;
	width: 14em;
}
#Main form.survey fieldset.details{
	padding: 0 0 0.5em;
}
#Main form.survey fieldset.magazine{
	background-color: #39c;
	margin:0 20em 0 15em;
	padding: 0.5em 1em 0.5em 1.5em;
	width: 13em;
}
#Main form.survey fieldset.magazine label{
	color: #fff;
	font-weight: bold;
}
#Main form.survey fieldset.details input,
#Main form.survey fieldset.details textarea,
#Main form.survey fieldset.details select {
	border: 1px solid #39c;
	margin-bottom: 0;
	width: 15em;
}
#Main form.survey input.form_button {
	background-color: #39c;
	border: 1px solid #39c;
	color: #fff;
	padding: 0.2em 0.3em;
	margin: 3em 0.5em 2em;
}
#Main form.survey p {
	line-height: 1.2em;
}
div.register_ok{
	color: #069;
	font-size: 1.2em;
	text-align: center;
}
#Main div.container div.suscribe {
	background:transparent url(../images/upload/revistas.jpg) no-repeat top right;
	color: #069;
	font-weight: bold;
	font-size: 1em;
}
#Main div.container div.suscribe p {
	margin-right: 34em;
}
#Main div.container div.suscribe p a{
	color: #E5382B;
}
#Main div.container div.suscribe p a.button{
	background:#464c7a url(../images/main/css/arrow_white_big.gif) no-repeat scroll right center;
	border:medium none;
	color:#FFFFFF;
	display: block;
	font-size:0.875em;
	font-weight:bold;
	overflow:hidden;
	padding: 0.5em 2em 0.5em 1em;
	text-decoration: none;
	width: 11em;
}

.content-navigation li a.item2 {
	background-color:#AFDFF6;
	border-bottom:1px solid #FFFFFF;
	color:#003798;
	display:block;
	font-size:0.75em;
	font-weight:bold;
	padding:0.3em 0 0.3em 1.15em;
}
.content-navigation li a.n-active {
	background-color:#003798;
	color:#fff;
}

/* FAQ */

#Main div.container #accordion {
	padding:0 10px;
}

#Main div.container h2.toggler {
	cursor:pointer;
	font-size:0.75em;
	margin: 1em 0 5px;
	padding-bottom:0;
}

#Main div.container div.element {
	line-height: 20px;
	margin: 0 10px;
	padding: 8px;
}

#Main div.container div.element li{
	padding: 2px;
}

/* Lists */
#Main ul {
	list-style-type:none !important;
	margin:0 0 1em 2em;
}
#Main li {
	background: transparent url(../images/main/css/dot.gif) no-repeat scroll 0 0.45em;
	color:#333333;
	font-size:0.75em;
	list-style: none;
	padding:0 0 0.5em 0.75em;
}

/* Calculator Form */
#Main form.calculator fieldset {
	border: 1px solid #06C;
	color: #666;
	font-size: 12px;
	margin: 10px 0 30px 50px;
	padding: 10px 50px;
	width: 350px;
}
#Main form.calculator legend {
	color: #06C;
	font-size: 1em;
	font-weight: bold;
	margin: 15px 10px 10px;
	padding: 0 10px;
}
#Main form.calculator input{
	border:1px solid #06C;
	margin: 0 10px;
	width: 40px;
}

#Main form.calculator input.checkbox{
	border: none;
	width: 10px;
}

#Main form.calculator fieldset.button {
	border: none;
}
#Main form.calculator fieldset.button input{
	background-color:#06C;
	color: #fff;
	padding: 0.3em 0.5em;
	width: auto;
}

/* Calculator results page */
div#result {
	margin: 20px auto;
	padding: 20px 30px;
	width: 700px;
}
div#result div.score {
	border: 2px #39c solid;
	font-size: 1.2em;
	margin: 20px auto;
	padding: 20px 30px;
	text-align: center;
	width: 600px;
}
div#result div.score h3 {
	font-size: 1.2em;
}

#Main div.container div#result p.score {
	clear: both;
	color: #666;
	font-size: 0.875em;
	padding-top: 50px;
	text-align: center;
}

/* Tabber */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#Main .tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#Main .tabberlive {
	margin:1em auto;
 	width: 620px;
}

/*--------------------------------------------------
  #Main ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#Main ul.tabbernav
{
	border-bottom: 1px solid #06C;
	font-weight: bold;
	margin:0;
	padding: 1px 0;
}

#Main ul.tabbernav li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#Main ul.tabbernav li a
{
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #06C;
	border-bottom: none;
	background: #D3E3F3;
	padding: 2px 10px;
	text-decoration: none;
}

/*#Main ul.tabbernav li a:link { color: #448; }*/
/*#Main ul.tabbernav li a:visited { color: #667; }*/

#Main ul.tabbernav li a:hover
{
 /*color: #000;
 background: #AAE;
 border-color: #227;*/
 background: #81AEDA;
 color: #D3E3F3;
 text-decoration: none;
}

#Main ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

#Main ul.tabbernav li.tabberactive a:hover
{
/* color: #000;*/
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #06C;
 border-top:0;

 margin-top:-1px;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.tabbertab p {
	padding: 1em 1.3em;
}