/* CSS Document */
* {
	margin:0;
	padding:0;
}
.textImg {
	display:none;
}
body {
	text-align:center;
	background-color:#CCCCCC;
	font-family:Arial, Verdana, Helvetica;
	margin-top:20px;
}
#mainframe {
	width:898px;
	height:619px;
	margin:0 auto;
	text-align:left;
	background:url(../_images/bg_frame.gif) no-repeat bottom left;
	padding:0 23px 13px 30px;
	position:relative
}
#topMenu {
	height:22px;
	width:100%;
	text-align:right;
}
#topMenu *{
	float:right;
}
#topMenu a.item1{
		width:123px;
		height:20px;
		display:block;
		background:url(../_images/topMenu_item1.gif) no-repeat 0px 0px;
}
#topMenu a.item2{
		width:145px;
		height:20px;
		display:block;
		background:url(../_images/topMenu_item2.gif) no-repeat 0px 0px;
}
#topMenu a.item3{
		width:92px;
		height:20px;
		display:block;
		background:url(../_images/topMenu_item3.gif) no-repeat 0px 0px;
}
#leftColumn {
	width:219px;
	height:559px;
	overflow:hidden;
	float:left;
	
}
#rightColumn {
	width:679px;
	height:567px;
	overflow:hidden;
	float:left;
	font-size:11px;
	color:#6A6A6A;
	position:relative;
	left: 0;
}
#rightColumn2 {
	width:679px;
	height:567px;
	overflow:hidden;
	float:left;
	font-size:11px;
	color:#6A6A6A;
	position:relative;
	margin-top:-2px;
}
#centralColumn {
	width:700px;
	height:527px;
	margin:0 auto;
	margin-top: 40px;
	overflow:hidden;
	position:relative;
}
ul#menu {
	width:202px;
	height:350px;
	margin-top:16px;
	line-height:12px;
	background:url(../_images/menu_bg.jpg) no-repeat top left;
	font-family: "Arial Narrow", Arial; 
	padding:34px 0 0 17px;
}
.home ul#menu {
	background:url(../_images/menu_bg_home.jpg) no-repeat top left;
}
#menu li {
	list-style:none;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	font-stretch:condensed;
}

ul#menu a{
	text-decoration:none;
}
#float_ level {
	position: absolute;
	bottom: 70px;
}
ul#menu .nivel1,
ul#menu .nivel1 a {
	color:#F78E1F;
	font-size:14px;
	margin:0 0 22px 0;
	letter-spacing:1px;
}
ul#menu .nivel5,
ul#menu .nivel5 a {
	color:#F78E1F;
	font-size:14px;
	margin:50px 0 0 0;
	letter-spacing:1px;
}
ul#menu .nivel2,
ul#menu .nivel2 a {
	color:#F78E1F;
	font-size:11px;
	margin:0;
	*margin: 0;
	cursor: pointer;
}
ul#menu .nivel2b,
ul#menu .nivel2b a {
	color:#F78E1F;
	font-size:11px;
	margin: 13px 0 16px 0;
}
ul#menu .nivel3_block {
	display: none;
	margin: 0;
	*margin: -10px 0 0 0;
}
ul#menu .nivel3,
ul#menu .nivel3 a{
	color:#183889;
	margin:0 0 7px 0;
}
.nivel3_block ul {
	margin: 0;
	padding: 0;
}
ul#menu .nivel4,
ul#menu .nivel4 a {
	color:#F78E1F;
	font-size:14px;
	margin:17px 0 24px 0;
	letter-spacing:1px;
}

.class_name {
	display:block;
	padding: 8px 0;
	*padding: 8px 0;
	margin: 0 !important;
}

/* PRODUCT BACKGROUND IMAGES */

.cosmetic {
	background:url(../_images/cosmetic_bg.jpg) right bottom no-repeat;
}
.cremaAloe {
	background:url(../_images/crema_aloe_bg.jpg) right bottom no-repeat;
}
.aerosolFamily {
	background:url(../_images/aerosol_family_bg.jpg) right bottom no-repeat;
}
.extra {
	background:url(../_images/aerosol_extra_bg.jpg) right bottom no-repeat;
}

.cremakids {
	background:url(../_images/cremakids.jpg) right bottom no-repeat;
}

.spray {
	background:url(../_images/spray_bg.jpg) right bottom no-repeat;
}

.crema_extra {
	background:url(../_images/crema_extra_bg.jpg) right bottom no-repeat;
}

.spray_extra {
	background:url(../_images/spray_extra_bg.jpg) right bottom no-repeat;
}



/*****************************/
.posicionador1 {
	position:absolute;
	width:700px;
	height:580px;
	left: -7px; /*antes era  -21px*/
	top: 5px; /*antes era 67px*/
}
.posicionador2 {
	position:absolute;
	width:690px;
	height:484px;
	bottom:-4px;
}

h1 {
	width:460px;
	height:45px;
	background-position: top left;
	background-repeat:no-repeat;
	margin-top:130px;
	font-size:16px;
}
.cosmetic h1 {
	background-image: url(../_images/h1_cosmetic.gif);
}
.extra h1 {
	background-image: url(../_images/h1_extra.gif);
}
.aerosolFamily h1 {
	background-image: url(../_images/h1_family_aerosol.gif);
}
.cremaAloe h1 {
	background-image: url(../_images/h1_family_crema.gif);
}

.cremakids h1 {
	background-image: url(../_images/h1_kids-crema.gif);
}

.crema_extra h1 {
	background-image: url(../_images/h1_crema_extra.jpg);
}

.spray_extra h1 {
	background-image: url(../_images/h1_spray_extra.jpg);
}

.spray h1 {
	background-image: url(../_images/h1_spray.gif);
}
.faqs h1 {
	background-image: url(../_images/h1_faqs.gif);
}
.contacto h1 {
	background-image: url(../_images/h1_contactenos.gif);
}
.ideas h1 {
	background-image: url(../_images/h1_ideas.gif);
}
.insectos h1 {
	background-image: url(../_images/h1_insectos.gif);
}
.enfermedades h1 {
	background-image: url(../_images/h1_enfermedades.gif);
}
h2 {
	font-size:11px;
	font-weight:bold;
	color:#6B6B6B;
	width:460px;
	margin-bottom:10px;
}
h3 {
	margin:20px 0 5px 0;
	font-size:13px;
	clear:both;
	width:100%;
	font-weight:bold;
	color:#6A6A6A;
}
h4 {
	font-size:14px;
	font-weight:bold;
	color:#F78E1F;
	width:460px;
	margin:20px 0 5px 22px;
}
#textArea {
	width:460px;
	height:295px;
	padding:5px 5px 5px 0;
	overflow-y:auto;
	overflow-x:hidden;
}
#textArea2 {
	width:460px;
	height:270px;
	margin-left:25px;
	padding:5px 5px 5px 0;
}
#textArea ul{
	margin-left:20px;
}
#textArea li{
	list-style:disc outside;
}
#menuBottom {
	color:#F78E21;
	font-size:11px;
	letter-spacing:3px;
	margin-top:15px;
}
#menuBottom a{
	color:#929292;
	text-transform:uppercase;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0px;
}
h1,
h2,
#textArea,
#menuBottom {
	margin-left:25px;
}
p {
	font-size:11px;
	color:#6A6A6A;
	margin-bottom:12px;
	text-align:justify;
}
img.bordeDer {
	float:left;
	border-right: solid 1px #6A6A6A;
	margin:0 15px 25px 0;
	padding-right:8px;
}
.imageCaption {
	width:100px;
	float:left;
	margin-right:20px;
}
.pregunta {
	color:#F78E1F;
	font-weight:bold;
}
#myform {
	width:470px;
	margin-left:16px;
	margin-top:15px;
}
#myform label {
	width:200px;
	font-size: 11px;
	color:#6A6A6A;
	margin:0 0 5px 10px;
	display:block;
	float:left;
	line-height:25px;
}
#myform label.resaltado {
	color:#FF8600
}
#myform input.textfield {
	width:125px;
	height:14px;
	border:solid 1px #18398A;
	float:right;
	font-size:12px;
	font-weight:normal;
	padding:2px;
}
#myform select {
	width:131px;
	height:20px;
	float:right;
	border:solid 1px #18398A;
	font-size:10px;
	color:#666666;
}
#myform label.fullSize {
	width:410px;
	display:block;
	float:left;
	line-height:25px;
}
#myform textarea {
	width:403px;
	height:70px;
	float:right;
	border:solid 1px #18398A;
	font-size:12px;
	margin-bottom:15px;
	padding:3px;
}
.respuesta {
	padding:0 0 10px 0;
	margin-bottom:10px;
	border-bottom: solid 1px #CCCCCC;
}

#nota-contacto {
	margin-top:10px;
	margin-left:20px;
	clear:both;
	width:420px;
}

#nota-contacto p{
	font-size:9px;
	line-height:11px;
	}

#footer {
	clear:both;
	width:889px;
	height:25px;
	padding:7px 0 0 9px;
	color:#FFFFFF;
	background:url(../_images/footer_johnson_logo.jpg) no-repeat right top #F78E1F;
	position:relative;
	float:left;
	font-size: 11px;
}
#footer select {
	font-size:11px;
	font-weight:bold;
	color:#666666;
	width:200px;
	margin-right:11px;
}

#footer a {
	color:#FFFFFF;
	margin:0 1px 0 1px;
	text-decoration:none;
	letter-spacing: 0px;
	word-spacing: -1px;
	font-size: 11px;
}
#footer a:hover {
	text-decoration:underline;
}
#footer img {
	float:right;
}
#footer .linkEsqInfDer {
	position:absolute;
	bottom:0px;
	right:0px;
	width:115px;
	height:45px;
}
#footer .linkEsqInfDer img{
	width:115px;
	height:45px;
}
subtit {
	margin:20px 0 5px 0;
	font-size:11px;
	clear:both;
	width:100%;
	font-weight:bold;
	color:#F78E1F;
}
.style1 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 25px;
	color: #6A6A6A;
}