/* ############################################################# */
/* Camboya 2008 - StyleSheet */
/* ############################################################# */

body	{
background-image:  url("../img/bg.png");
margin: 0;
padding: 0;
margin-bottom: Expression("30px");
font-family: "Tahoma";
color: #555;
font-size: 12px;
margin-top: 30px;
margin-bottom: 30px;
}

img		{border: 0;}
a		{text-decoration: none; color: #555;}
a:hover	{text-decoration: none; color: #ff9400;}
a.linkMancha	{text-decoration: none; color: #ff9400; text-decoration: underline;}
a.linkMancha:hover	{text-decoration: none; color: #000; text-decoration: none;}

select	{
	font-size: 12px;
	float: left;
	clear: right;
	width: 200px;
	margin-top: -10px;
	margin-right: 5px;
	}

input.busquedaInput	{
	font-size: 12px;
	color: #555;
	padding: 6px;
	background-image:  url("../img/back_textfield.gif");
	background-repeat: repeat-x;
	float: left;
	clear: right;
	margin-top: 10px;
	margin-right: 5px;
	}
	
/* only foe IE6 */
.pei6	{_padding-top: 15px;}
	
input.busqueda	{
	margin-top: 8px;
	}
	
input.listado	{
	margin-top: -22px;
	}

/* Estilos Generales ################################# */

#container	{
border-right: 2px solid #183868;
border-bottom: 2px solid #183868;
margin: 0 auto;
padding: 20px;
width: 860px;
background-color: #FFF;
}

	#postContainer	{
		background-image:  url("../img/back_postContainer.gif");
		background-repeat: repeat-y;
		}

	h3	{
		margin-left: 60px;
	}
	
	#frase1	{
		font-size: 35px;
		padding: 0;
		margin: 0;
		margin-left: 60px;
		margin-top: 16px;
		letter-spacing: 2px;
		width: 320px;
		}
		
	#frase2	{
		font-size: 18px;
		margin: 0;
		margin-left: 100px;
		margin-bottom: 20px;
		width: 484px;
		}
	
	#top #infoTop
	{
		color: #fff;
		padding-top: 28px;
		float: right;
	}
	
	#top #infoTop h2
	{
		padding-right: 44px;
		font-size: 24px;
		margin: 0;
		margin-right: 30px;
		font-weight: normal;
		background-image:  url("../img/fraseh2.gif");
		background-repeat: no-repeat;
		background-position: right;
		width: 266px;
		height: 24px;
	}
	
	#top #infoTop h2 span	{
		display: none;
		}
	
	#top #infoTop h4
	{
		padding-right: 20px;
		margin: 0;
		font-weight: normal;
		font-size: 14px;
		width: 310px;
		color: #b1d1ff;
		text-align: right;
	}
	
	h4 a	{
		color: #b1d1ff;
		text-decoration: none;
		display: block;
		width: 100px;
		padding: 10px;
		}

#top
{
	height: 200px;
	background-image:  url("../img/header.jpg");
	background-repeat:no-repeat;
}

#top h1 {
	width:134px;
	height:139px;
	background:  url("../img/logo.gif") no-repeat;
	position:absolute;
	margin: 0;	
	padding: 0;
	margin-top: -25px;
	margin-left: 16px;
	}

#top h1 span	{
	display: none;
	}

#top #linkLogo a	{
	width:123px;
	height:127px;
	position:absolute;
	margin: 0;	
	padding: 0;
	margin-top: -20px;
	margin-left: 22px;
	display:block;
	z-index: 900;
	}
	
	#botonera	{
		margin-top: 10px;
		margin-right: 30px;
		font-size: 11px;
		background-image:  url("../img/ico_path.gif");
		background-repeat: no-repeat;
		padding-left: 22px;
		float: right;
		}

		#botonera a	{
			text-decoration: none;
			padding: 4px 6px 4px 6px;
			font-weight: bold;
			color: #FFF;
			}
			
			#botonera a:hover	{
				background-color: #ff9400;
				color: #FFF;
				}

#b1	{
	display:inline-block;
	margin-top: -40px;
	padding-top: 10px;
	margin-bottom: 20px;
	_margin-bottom: 0;
	background-color: #FFF;
	width: 860px;
	padding-bottom: 20px;
	}
	
	#busqueda1	{
	margin-left: 25px;
	_margin-left: 14px;
	margin-right: 18px;
	float: left;
	width: 310px;
	_width: 322px;
	clear: right;
	border: solid 1px #ffffff;
	margin-top: -10px;
	_margin-top: 0;
	}
	
	#busqueda1 p {
		font-size: 11px;
		margin-bottom: 10px;
		}
	
	h4.titulo	{
		color: #305ea1;
		font-size: 16px;
		background-repeat: no-repeat;
		padding-left: 38px;
		padding-bottom: 14px;
		padding-top: 6px;
		margin-bottom: 6px;
		border-bottom: 1px dotted #47a5e2;
		}
		
		.busqueda	{background-image:  url("../img/ico_lupa.gif");}
		.listado	{background-image:  url("../img/ico_hojas.gif");}
	
	#busqueda1 div p	{
		font-size: 12px;
		color: #000;
		width: 110px;
		float: left;
		clear: right;
		}
	
	#busqueda2	{
	float: left;
	width: 264px;
	_width: 270px;
	border: solid 1px #ffffff;
	clear: right;
	background-image:  url("../img/divisor.jpg");
	background-position: left 5px;
	background-repeat: no-repeat;
	height: 160px;
	padding-left: 24px;
	padding-right: 22px;
	margin-top: -10px;
	_margin-top: 0;
	}
	
	#busqueda2 p	{font-size: 11px; margin-bottom: 14px;} 
	
	#busqueda2 div p	{
		font-size: 12px;
		color: #000;
		width: 110px;
		}
	
	#producto	{
		width:255px;
		height:281px;
		position: absolute;
		margin-left: 590px;
		_margin-left: -90px;
		margin-top: -120px;
		}
	
		#producto span	{
			display: none;
			}

#b2
{
	float:left;
	clear:right;
	width: 608px;
	margin-right: 16px;
	margin-top: -20px;
}
	
	#b2 #topTen	{
		background-image:  url("../img/back_topten.gif");
		background-repeat: repeat-x;
	}
	
	#b2 #topTen div
	{
		padding: 9px;
		font-size: 14px;
		padding-left: 35px;
		background-image:  url("../img/bullet_gris_azul.gif");
		background-repeat: no-repeat;
		background-position: 10px 9px;
		color: #FFF;
	}
	
	#b2 #topTen table	{
		font-size: 12px;
		border-bottom: 2px solid #FFF;
		}
		
	#b2 #topTen table tr	{
		padding-left: 10px;
		}
		
	#b2 #topTen table tr td	{
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #979797;
		}
		
		#b2 #topTen table tr td a	{
			font-weight: bold;
			text-decoration: underline;
			}
			
		.trActivo	{
			background-color: #f2f2f2;
			}
		
		.numeroTopTen	{
			padding-left: 10px;
			padding-right: 5px;
			color: #305ea1;
			font-weight: bold;
			}
	
	#b2 #sobreManchas	{
		margin-top: 15px;
		background-image:  url("../img/back_sobremanchas.gif");
		background-repeat: repeat-x;
		width: 608px;
		}
		
		#b2 #sobreManchas p.textoSobreManchas	{
			padding: 0 10px 10px 10px;
			}
	
		#b2 #sobreManchas div	{
			font-weight: bold;
			padding: 9px;
			padding-left: 35px;
			font-size: 14px;
			background-image:  url("../img/bullet_gris_rojo2.gif");
			background-repeat: no-repeat;
			background-position: 10px 10px;
			color: #FFF;
			}
			
		#b2 #sobreManchas ul	{
			list-style: none;
			padding: 0;
			margin: 0;
			}
			
			#b2 #sobreManchas ul li	{
				background-repeat: no-repeat;
				background-position: 20px 0;
				padding-left: 110px;
				padding-right: 20px;
				border-bottom: 1px dotted #979797;
				padding-bottom: 17px;
				_margin-bottom: 17px;
				}
				
				.aprendeSituacion		{background-image:  url("../img/ico_aprendeSituacion.gif");}
				.aprendeConsistencia	{background-image:  url("../img/ico_aprendeConsistencia.gif");}
				.aprendeTela			{background-image:  url("../img/ico_aprendeTela.gif");}	
				
			#b2 #sobreManchas ul li.liFinal	{
				border-bottom: 2px solid #979797;
				}
				
			#b2 #sobreManchas ul li a	{
				font-weight: bold;
				color: #ff9400;
				text-decoration: underline;
				}
				
				#b2 #sobreManchas ul li a:hover	{
					color: #333;
					text-decoration: none;
					}
			
			.tituloSobreManchas	{
				font-size: 14px;
				color: #305ea1;
				font-weight: bold;
				}
			

#b3
{
	float:left;
	width: 236px;
	display: block;
	margin-top: -20px;
	background-color: #FFFFFF;
}

#manchasRelacionadasEnMancha
{
	background: url("../img/back_rojo.gif") repeat-x;
	width:570px;
	height: 150px;
	margin-top: 20px;
}

	#tituloRelacionadas	{
		padding: 6px;
		padding-top: 7px;
		padding-left: 35px;
		background-image:  url("../img/bullet_gris_rojo2.gif");
		background-repeat: no-repeat;
		background-position: 10px 6px;
		color: #FFF;
		}
		
	#manchasRelacionadasEnMancha table	{
		font-size: 11px;
		padding-top: 6px;
		_margin-top: 10px;
		}
		
		#manchasRelacionadasEnMancha table tr td	{
			padding: 4px;
			}

#contenedorTextosInside
{
	border-bottom:1px dotted #979797;
	padding-bottom: 10px;
}

	#contenedorTextosInside	p	{
		line-height: 18px;
		}
		
	#contenedorTextosInside h5	{
		border-bottom: 1px dotted #979797;
		padding-bottom: 10px;
		}
		
		/* Only for IE 6 */
		.hacheCinco	{_margin-top: 35px;}

#categoriaIconos
{
	float:left;
	clear:right;
	margin-top: 6px;
	font-weight:normal;
	color:#777777;
}

#contenedorIconos
{
	margin-top: 20px;
	padding-top: 14px;
	margin-bottom: 20px;
	width:570px;
}

	ul#listadoCategorias
	{
		margin:0;
		padding:0;
		list-style:none;
		border-top: 1px dotted #979797;
		padding-top: 10px;
		margin-top: 10px;
	}
	

	ul#listadoCategorias li
	{
		margin:0;
		padding:0;
		display:inline;
		width: 50px;
		height: 50px;
	}
	
		ul#listadoCategorias li img	{
			margin:0;
			padding:0;
			}

#contenedorTextos
{
	padding-left: 16px;
	margin-bottom: 50px;
	width:570px;
	float:left;
}	

#contenedorAcciones	{
	position: relative;
	margin-top: -10px;
	width: 80px;
	}
	
	#contenedorAcciones ul	{
		list-style: none;
		padding: 0;
		margin: 0;
		}
		
		#contenedorAcciones ul li	{
			display: inline;
			}
	
	#contenedorTitulos	{
		padding:0;
		margin: 0;
		float:right;
		margin-top:-35px;
		margin-bottom: 20px;
		_margin-bottom: -10px;
		position: relative;
		}
		
		h3#buscaManchas
		{
			margin: 0;
			padding: 0;
			width: 560px;
			font-size:11px;
			text-align: right;
			padding-right: 12px;
		}
		
		h3#tipoManchas
		{
			margin: 0;
			padding: 0;
			font-size:28px;
			float: right;
		}
	
	h5
	{
		margin:0;
		padding:0;
		color:#305da1;
		font-size: 110%;
	}
	
	ul#listadoManchas 
	{
		list-style:none;
		padding-left: 35px;
		height: 360px;
		padding-bottom: 40px;
	}
	
	ul#listadoManchas li
	{
		margin:0;
		padding-top: 6px;
		padding-bottom: 9px;
		padding-left: 20px;
		font-weight:bold;
		background: url("../img/bullet_listadoManchas.gif") no-repeat left;
	}
	
	
	ul#listadoManchas li a
	{
		text-decoration:underline;
	}
	
#tipMancha	{
	padding: 20px;
	background-color: #FFFFCC;
	border: 1px solid #FFFF66;
	margin-top: 16px;
	}
	
	#tipMancha p	{
		font-size: 11px;
		color: #222;
		}

#bannerEnInterior
{
	margin-top: -40px;
	float:right;
	width: 236px;
	display: block;
	background-color: #e1e1e1;
}

#footer{
	width: 860px;
	margin: 0 auto;
	margin-top:6px;
	font-size: 11px;
	color: #8dbbff;
	text-align: right;
	padding-right: 20px;
}

#tab
{	
	margin: 0 auto;
	height: 43px;
	width: 966px;
	margin-top: -80px;
	margin-bottom: 60px;
	background-position: right;
	text-align: right;
}

/* sIFR Screen Styles ########################### */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



/* Autosuggest Styles ###################################### */

div.autosuggest
{
	position: absolute;
	background-image: url(../img/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	_margin-top: 30px;
	border-bottom: 1px solid #053478;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	background-color: #305ea1;
	height: 6px;
	padding: 0 6px;
	overflow: hidden;
	border-right: 1px solid #053478;
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-color: #305ea1;
}

div.autosuggest div.as_header div.as_bar
	{
	height: 6px;
	overflow: hidden;
	background-color: #305ea1;
	}
	
	
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #305ea1;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #305ea1;
	border-right: 1px solid #053478;
}

div.autosuggest ul li
{
	color: #333;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
	font-size: 11px;
	font-weight: normal !important;
}

div.autosuggest ul li a
{
	color: #c3d6f2;
	display: block;
	text-decoration: none;
	background-color: transparent;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #053478;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #053478;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #ffa100;
}