/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
}

body {
	background: #FFF url(../images/body_bg_pink.jpg) repeat-x top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a {
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin-top: 0;
}

ul a {
	text-decoration: underline;
}
img {
	border: 0;
}

input, textarea, select {
	border: 1px solid #E0091D;
}

input.noBorder{
	border:0px;
	float: left;
	position:relative;
	display:block;
	width:20px
}

input.button{
	background-color: #E0091D;
	color: #fff;
	padding:3px;
}
input.accept{
	margin-left: 150px;
}
input.not-accept{
	margin-left: 40px;
}
/* Container */
#naming {
	float: left;
	width: 630px;
	height: 70px;
}

#logo {
	width: 258px;
	float: right;
	clear: right;
	height: 70px;
	margin-right: 8px;
}

#leftcolumn {
	position: absolute;
	top: 92px;
	left: 0;
	width: 174px;
}

#leftnav {
	width: 170px;
	border-right: 1px solid #fff;
	float: left;
}

#leftnavbottom {
	position: relative;
	left: 0;
	margin-top: -2px;
	line-height: 0px;
}

#lefthead {
	background-color: #fcca6a;
	padding-left: 18px;
	padding-top: 1px;
	height: 17px;
	width: 152px;
	font-weight: bold;
	color: white;
}

#bayerlinks {
	background: #FFF none;
	border-bottom: 1px solid #fcca6a;
	margin-top: 1px;
	padding-bottom: 7px;
}

.bayerlinkscontent {
	background-color: #fff;
	color:#004713;
	height: 18px;
	margin: 0px;
	width: 152px;
	padding-left: 18px;
}

#legal {
	font-size: 10px;
	padding-left: 20px;
	line-height: 11px;
}

#legal ul {
	margin: 12px 0px 0px -40px;
	list-style-type: none;
	margin: 7px 0px 0px 0px;
}

#legal ul li {
	margin-bottom: 3px;
}

#legal ul li a {
	color: #f8bd55;
	text-decoration: none;
}

* html #legal ul {
	margin-left: 0;
}

#regalo {
	background: url('../images/lateral_regalo.jpg') no-repeat 10px 0px;
	height: 140px;
	padding: 40px 0px 0px 25px;
}
#regalo a{
	color: #E0091D;
	font-size: 11px;
	line-height: 14px;
}

#regalo a strong{
	font-size: 14px;
	letter-spacing: -1px;
}
#regalo a span{
	text-decoration: underline;
}
/*header*/
#head_wrapper {
	height: 71px;
	width: 955px;
}

/* content */
div#wrapper {
	background-color: #fff;
	border-bottom: 1px solid #E00D1D;
	border-left: 1px solid #E00D1D;
	border-right: 1px solid #E00D1D;
	margin: auto;
	width: 955px;
}

#content {
	float: left;
	padding: 0px 10px;
	width: 584px;
}
#content ul {
	margin: 5px 25px;
}
#content ul li {
	list-style: square;
	padding: 10px 5px;
}
#content input.button {
	background: #FCC;
	color: #E0091D;
}

#content input.text {
	width:175px;
	float:left;
	position:relative;
}

#content select {
	width:177px;
	float:left;
	position:relative;
}


#content fieldset a {
	text-decoration:underline;
	color: #000000;
}

#content fieldset#condiciones p{
	color: #999;
	font-size: 10px;
	line-height: 11px;
	padding: 10px;;
}

BODY div#wrapper .contentHome {
	float: right;
	width: 764px;
	margin-top:56px;
}

	.contentHome #link1 {
		float:left;
		width:110px;
		height:256px;
	}

	.contentHome #link2 {
		float:right;
		width:110px;
		height:256px;
	}

#keyvisual {
	border-top: 1px solid #E00D1D;
	border-bottom: 1px solid #E00D1D;
	height: 192px;
	margin-bottom: 20px;
	width: 955px;
}
#keyvisual_home {
	height: 220px;
	width: 955px;
}
#keyvisual_home div.regalo {
	float: right;
	margin: 60px 20px 0px;
	text-align: center;
}

#keyvisual_home div.regalo a{
	color: #E0091D;
	line-height: 18px;
}

#keyvisual_home div.regalo a strong{
	font-size: 17px;
	letter-spacing: -1px;
}
#keyvisual_home div.regalo a span{
	text-decoration: underline;
}
	#topcontent {
		width:729px;
		background:#fff url(../images/content-top.png) no-repeat left;
		height: 15px;
		float: left;
	}

	#bottomcontent {
		background:#FFFFFF url(../images/content-bottom.png) no-repeat scroll left center;
		float:right;
		height:15px;
		margin-right:8px;
		width:729px;
	}

	* HTML #bottomcontent {
		margin-right: 4px;
	}



/* Textdefinitionen */
.bayerlinks {
	line-height: 18px;
}


.bayerlinks a {
	color: #f8bd55;
	text-decoration: none;

}

.bayerlinks a:hover {
	text-decoration: none;
}

#content h1 {
	font-family: Arial, Helvetica;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#content h2 {
	color: #E0091D;
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 10px 0px;
	padding-bottom: 5px;
}
#content p {
	line-height: 20px;
	text-align: justify;
}
#content a{
	color: #E0091D;
	font-weight: bold;
	text-decoration: underline;
}
.navLinks {
	border-top: 0.0625em solid #CCCCCC;
	border-bottom: 0.0625em solid #CCCCCC;
	color: #06C;
	font-size: 1.3333em;
	margin: 0pt 0pt 0.5em;
	padding: 0.35em 0 0.5em;
}

.navLinks span {
	color: #06C;
	font-size: 0.75em;
}

.navLinks img {
	border: 0em solid red;
	height: 0.4166em;
	margin: 0.325em;
	vertical-align: middle;
	width: 0.4166em;
}

.navLinks a {
	color: #0066CC;
	font-size: 0.75em;
	text-decoration: none;
}

.navLinks a.active {
	font-weight: bold;
}

/* Footer */
DIV#bottom_shadow {
	clear:both;
	background: #FFF;
	height:8px;
	width:955px;
}

DIV#footer {
	color: #fff;
	font-size: 11px;
	clear: both;
	height: 50px;
	margin: 0px auto;
	padding: 15px 0px 20px;
	text-align: center;
}

.footer,.updated,#footer A {
	font-size: 11px;
	color: #E0091D;
}

div#footer span.updated {
	margin-right: 0px;
}

/* Content */
#content .packshot {
	float: left;
	margin: 0px 0px 0px 20px;
	width: 200px;
}
#content .flash{
	float: left;
	margin: 0px 0px 0px 20px;
	width: 160px;
}
#content div.descargar {
	margin: 60px 0px;
}
#content table {
	border-collapse: collapse;
	margin: 20px 10px;
}
#content td {
	border: 1px solid #000;
	padding: 5px;
}

#content .general {
	/*background: #ffcccc;*/
	float: left;
	/*height: 440px;*/
	width: 580px;
}
#content .general H1 {
	border-bottom: 1px solid #e0091d;
	color: #e0091d;
	margin: 5px 10px 10px;
}
#content .general p {
	padding: 0px 10px 15px;
}

#content .general #product{
	background: none;
	float: left;
	margin-top: 20px;
	text-align: center;
	width: 290px;
}
#content .general #product a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#content .general #product p{
	padding: 5px 50px;
	text-align: center;
}
#content .general #product.higiene a, #content .general #product.higiene p {
	color: #069;
}

#content .general #product.higiene a:hover{
	color: #D3E6F5;
}

#content .general #product.calm a, #content .general #product.calm p {
	color: #cb8f3c;
}

#content .general #product.calm a:hover{
	color: #FEF1DF;
}

#content .higiene {
	float: left;
	width: 575px;
}
#content #twoColumns {
	width: 360px;
}

#content .higiene H1 {
	border-bottom: 1px solid #006699;
	color: #006699;
	margin: 5px 10px 10px;
}

#content .higiene H2 {
	color: #006699;
	margin: 25px 10px 0px;
}
#content .higiene p {
	padding: 0px 10px 15px;
}
#content .higiene td {
	border-color: #069;
}
#content .higiene td.name {
	background-color: #D3E6F5;
	color: #069;
}
#content .calm {
	/*background: #fef1df;*/
	float: left;
	/*height: 440px;*/
	width: 360px;
}

#content .calm H1 {
	border-bottom: 1px solid #f8b55c;
	color: #f8b55c;
	margin: 5px 10px;
}
#content .calm H2 {
	color: #f8b55c;
	margin: 25px 10px 0px;
}
#content .calm p {
	padding: 5px 10px;
}
#content p.caption {
	color: #999;
	font-size: 11px;
	line-height: 12px;
	margin: 5px 150px;
	padding: 0px;
	text-align: left;
}
#content .calm td {
	border-color: #F8B55C;
}
#content .calm td.name {
	background-color: #fef1df;
	color: #F8B55C;
}
#content fieldset {
	border: 0;
	margin: 5px 10px;
}
#content fieldset label{
	display:block;
	float:left;
	width:130px;
}
#content form.enviar fieldset label{
	width:140px;
}
#content ul.map a {
	color: #06C;
}
#content ul.map a:hover {
	color: #E0091D;
}
#content ul.map {
	color: #06C;
}
#content ul.map li {
	color: #06C;
	padding: 5px;
}
#content ul.map ul li{
	color: #06C;
	padding: 2px;
}

/* Styles for error and valid messages form validation*/
#content form#registrar div.unvalidEl{
	color:#000000;
	font-size:11px;
	border-style: solid none;
	border-width:1px;
	border-color:#E9F0F8;
	padding:0 0 0 20px;
	margin:0 0 0 10px;
	width:220px;
	float:left;
	position:relative;
	background: url(../images/error.png) #FFF6BF no-repeat top left;

}

#content form#registrar div.validEl{
	color:#000000;
	font-size:11px;
	border-style: solid none;
	border-width:1px;
	border-color:#8CD56A;
	padding:0 0 0 20px;
	margin:0 0 0 10px;
	width:220px;
	float:left;
	position:relative;
	background: url(../images/tick.png) #E0FFD3 no-repeat top left;
}

.floatRight{
	float:right;
}

#content p.error {
	background: #FFF6BF url(../images/error.png) no-repeat;
	border-top: 1px solid #E9F0F8;
	color: red;
	margin: 40px 60px;
	padding-left: 25px;
}

#content p.ok {
	background: #E0FFD3 url(../images/tick.png) no-repeat;
	border-top: 1px solid #8CD56A;
	color: #007229;
	margin: 40px 60px;
	padding-left: 25px;
}
