/* - - - - - - - - - - - - - - - - - - - - -

Empresa		:	Puntopy.com
Cliente		: 	Farmaco S.A.

Descripción : 	

Creado 		:	22 de Mayo de 2009
Por: Laura Cuttier ..http://www.flickr.com/photos/lauesplendix/..

- - - - - - - - - - - - - - - - - - - - - */


body {
	margin: 0;
	padding: 0;
	background: url(../gfx/bg_marmol.jpg) repeat-y top #482a17;
	font-family: Arial, Helvetica, sans-serif;
	color: #382112;
}
	
	
	
/*** Reseters ***/

h1, h2, h3, h4, p, ul, form, a, li, dl, dd, dt {
	margin: 0;
	padding: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #382112;
}

p#fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #9c6b41;
	padding: 0 0 5px 0;
}

p#buscador {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #69513d;
	padding: 0 0 5px 0;
}

p#buscador_inicio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 0 0 15px 0;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

tr {
	text-align: left;
}

tr img {
	border: 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#8c1b28;
	font-size: 24px;
	font-weight: bold;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#8c1b28;
}

 




/*--------------------------------------------------*/

/*PAGE STRUCTURE*/

#top_content {
	clear:both;
	width: 100%;
	height: 100px;
	margin: 0 auto 0 auto;
	background: url(../gfx/bg_botonera.jpg) repeat-x;
}

#top {
	width: 900px;
	height: 100px;
	margin: 0 auto 0 auto;
}

#bordertop_content {
	float: left;
	width: 900px;
	height: 30px;
	margin: 0 auto 0 auto;
	background: url(../../gfx/borders/border_white_top.gif) no-repeat top white;
}

#bottom1_content {
	clear:both;
	width: 100%;
	height: 60px;
	margin: 0 auto 0 auto;
	background-color: #9c6b41;
}

#bottom1 {
	width: 900px;
	height: 60px;
	margin: 0 auto 0 auto;
}

#borderbottom1_content {
	float: left;
	width: 900px;
	height: 30px;
	margin: 0 auto 0 auto;
	background: url(../gfx/borders/border_white_bottom.gif) no-repeat bottom white;
}

#bottom2_content {
	clear:both;
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #69513d;
}

#bottom2 {
	width: 900px;
	padding: 20px 0 20px 0;
	*padding: 20px 0 0 0;
	margin: 0 auto 0 auto;
}

	#bottom2 img {
		float: left;
		border: 0;
	}

#contenedor {
	width: 840px;
	margin: 0 auto 0 auto;
	padding: 0 30px 0 30px;
	background-color: white;
}




/*BOTONERA*/

#botonera_content {
	float: left;
	width: 820px;
	height: 45px;
	margin: 0 auto 0 auto;
	padding: 25px 0 0 80px;
}

	#menu {
		display:block;
		float: left;
		width: 820px;
}
	
	ul#menu {
		display: block;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	
		ul#menu li, ul#menu li a, ul#menu li a:hover {
			float: left;
			display: block;
			text-decoration: none;
			list-style: none;
		}	
		
		ul#menu li {
			padding: 0 0 0 30px;
		}
	
		ul#menu li a {
			background: url(../gfx/vineta.gif) no-repeat left;
			padding: 0 0 0 30px;
			color: white;
		}
		
		ul#menu li a:hover {
			background: url(../gfx/vineta.gif) no-repeat left;
			padding: 0 0 0 30px;
			color: #bfa789;
		}		
	
	
	/****** ACTIVADOS ******/
	
	body#inicio a#inicio,
	body#institucional a#institucional,
	body#productos a#productos,
	body#clientes a#clientes,
	body#contactenos a#contactenos {
		background: url(../gfx/vineta.gif) no-repeat left;
		padding: 0 0 0 30px;
		color: #bfa789;
	}
		
/*--------------------------------------------------*/
	
	
	
/*CONTENIDO*/

#logo_content {
	float:left;
	width: 840px;
	padding: 0 0 15px 0;
	background-color: white;
	border-bottom: 1px solid #e5dcd0;
}

	#logo_content img {
		float:left;
		border: 0;
	}
	
	#logo_content p a {
		float:right;
		color: #8c1b28;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
		padding: 35px 0 0 0;
	}
	
	#logo_content p a:hover {
		color: #9c6b41;
	}
	
#banner_intro {
	float:left;
	width: 840px;
	height: 300px;
	padding: 15px 0 15px 0;
}

#area_content {
	float:left;
	width: 840px;
	padding: 15px 0 0 0;
	border-top: 1px solid #e5dcd0;
}

.area_foto {
	float:left;
	width: 235px;
	padding: 0 30px 0 0;
}

#area1 {
	float:left;
	width: 490px;
}

#area2 {
	float:left;
	width: 350px;
}

.area3 {
	float:left;
	width: 840px;
}

.area3_text {
	float: left;
	width: 575px;
}

	.area3_text p {
		float: left;
		width: 570px;
		text-align: justify;
		padding: 0 0 15px 0;
	}
	
	.area3_text h2 {
		float: left;
		width: 570px;
		padding: 0 0 15px 0;
	}
	
	.area3_text a {
		font-weight: bold;
		color: #9c6b41;
	}

.area3_form {
	float: left;
	width: 575px;
}

	.area3_form p {
		float: left;
		width: auto;
		text-align: left !important;
	}

	.titulo1 {
		float: left;
		width: 490px;
		height: 40px;
		vertical-align: top;
	}

	.titulo1 h1 {
		padding: 0 0 10px 0;
	}
	
.titulo3 {
	float: left;
	width: 840px;
	height: 50px;
	vertical-align: top;
}

	.titulo3 h1 {
		float: left;
		padding: 0 10px 10px 0;
	}
	
	.titulo3 h2 {
		float: left;
		padding: 5px 10px 0 0;
	}
	
	.titulo3 img {
		float: left;
		padding: 0 10px 0 0;
	}
	
#area_novedades {
	float: left;
	width: 470px;
	height: 180px;
	background: url(../gfx/borders/border_nov1.gif) no-repeat left #e9e0d6;
	padding: 20px 0 0 20px;
}

	#area_novedades img {
		float: left;
		padding: 0 20px 0 0;
	}
	
	#area_novedades p {
		float: left;
		width: 290px;
	}
	
	#area_novedades h2 {
		float: left;
		width: 290px;
		padding: 0 0 15px 0;
	}
	
.btn_vermas1 {
	float:left;
	width: 290px;
	height: 30px;
	padding: 15px 0 0 0;
}

	.btn_vermas1 a, .btn_vermas1 a:hover {
		float: left;
		display: block;
		width: 63px;
		height: 30px;
		text-align: left;
	}
	
	.btn_vermas1 a span {
		display: none;
	}

	.btn_vermas1 a {
		float: left;
		background: url(../gfx/vermas_small.jpg) no-repeat bottom left;
	}

	.btn_vermas1 a:hover {
		background: url(../gfx/vermas_small_act.jpg) no-repeat bottom left;
	}
	
.btn_vermas2 {
	float:left;
	width: 83px;
	height: 39px;
	margin-top: -120px;
	z-index: 99;
	position: relative;
	margin-left: 520px;
}

	.btn_vermas2 a, .btn_vermas2 a:hover {
		float:left;
		width: 83px;
		height: 39px;
		display: block;
		text-align: left;
	}
	
	.btn_vermas2 a span {
		display: none;
	}

	.btn_vermas2 a {
		float: left;
		background: url(../gfx/vermas_big.gif) no-repeat bottom left;
	}

	.btn_vermas2 a:hover {
		background: url(../gfx/vermas_big_act.gif) no-repeat bottom left;
	}

#area_buscador1 {
	float: left;
	width: 470px;
	padding: 40px 0 0 20px;
}

.buscador {
	display: inline;
	float: left;
	width: 200px;
	height: 25px;
	border: 1px solid #9c6b41;
}

#beige_content {
	float:left;
	width: 840px;
	padding: 15px 0 15px 0;
}

#beige_border_top {
	float:left;
	width: 840px;
	height: 10px;
	background: url(../gfx/borders/border_beige_top.gif) no-repeat top;
}

#beige_border_bottom {
	float:left;
	width: 840px;
	height: 10px;
	background: url(../gfx/borders/border_beige_bottom.gif) no-repeat bottom;
}

#beige_border_top span, #beige_border_bottom span {
	display:none;
}

#beige_area1 {
	float:left;
	width: 800px;
	background-color: #e9e0d6;
	padding: 0 20px 0 20px;
}

#beige_area1 h2 {
	float:left;
	padding: 10px 50px 10px 0;
}

#beige_area2 {
	float:left;
	width: 840px;
	height: 235px;
	padding: 0;
	background: url(../gfx/frascoproductos.jpg) no-repeat top right #e9e0d6;
}

#beige_area2_border {
	float:left;
	width: 20px;
	height: 235px;
	background: url(../gfx/borders/border_prod1.gif) no-repeat top left;
}

.beige_area2_buscador {
	float:left;
	width: 265px;
	padding: 10px 0 20px 0;
}

.beige_area2_buscador h2 {
	padding: 0 0 8px 0;
}

.btn_verprod1 {
	float:left;
	width: 142px;
	height: 75px;
	padding: 20px 0 0 0;
}

	.btn_verprod1 a, .btn_verprod1 a:hover {
		float: left;
		display: block;
		width: 142px;
		height: 75px;
		text-align: left;
	}
	
	.btn_verprod1 a span {
		display: none;
	}

	.btn_verprod1 a {
		float: left;
		background: url(../gfx/verprod.gif) no-repeat bottom left;
	}

	.btn_verprod1 a:hover {
		float: left;
		background: url(../gfx/verprod_act.gif) no-repeat bottom left;
	}
	
.btn_volver {
	float:right;
	width: 84px;
	height: 39px;
}

	.btn_volver a, .btn_volver a:hover {
		float: right;
		display: block;
		width: 84px;
		height: 39px;
		text-align: left;
	}
	
	.btn_volver a span {
		display: none;
	}

	.btn_volver a {
		float: right;
		background: url(../gfx/volver.jpg) no-repeat bottom left;
	}

	.btn_volver a:hover {
		float: right;
		background: url(../gfx/volver_act.jpg) no-repeat bottom left;
	}
	
	
.btn_pedido {
	float:right;
	width: 113px;
	height: 39px;
}

	.btn_pedido a, .btn_pedido a:hover {
		float: right;
		display: block;
		width: 113px;
		height: 39px;
		text-align: left;
	}
	
	.btn_pedido a span {
		display: none;
	}

	.btn_pedido a {
		float: right;
		background: url(../gfx/pedidos.gif) no-repeat bottom left;
	}

	.btn_pedido a:hover {
		float: right;
		background: url(../gfx/pedidos_act.gif) no-repeat bottom left;
	}
	
	
.verifique {
	float: left;
	width: 280px;
	height: 180px;
}

#border_top_ver {
	clear: both;
	width: 280px;
	height: 10px;
	background: url(../gfx/borders/border_top_ver.gif) no-repeat left top;
}

#content_ver {
	clear: both;
	width: 240px;
	height: 140px;
	background-color: #382112;
	padding: 10px 20px;
}

#border_bottom_ver {
	clear: both;
	width: 280px;
	height: 10px;
	background: url(../gfx/borders/border_bottom_ver.gif) no-repeat left bottom;
}


.anabolicos {
	float:left;
	width: 148px;
	/*border: 2px solid #e9e0d6;*/
	text-align: center;
	margin: 0 20px 0 0;
}

	.anabolicos a img {
		float:left;
		/*width: 148px;*/
		height: 106px;
		border: 2px solid #e9e0d6;
		margin: 0 0 5px 0;
		text-align: center;
	}
	
	.anabolicos a:hover img  {
		border: 2px solid #69513d;
	}

	.anabolicos p a {
		float:left;
		width: 152px;
		font-size: 10px;
		font-weight: bold;
		line-height: 12px;
		color:#69513d;
		background-color: #e9e0d6;
		text-align: center;
		padding: 5px 0 5px 0;
		/*margin: 0 10px 0 10px;*/
	}
	
	.anabolicos p a:hover {
		color: black;
	}
	
.separador {
	float:left;
	width: 840px;
	height: 20px;
}


#cont_numeracion {
	float: right;
	/*width: 840px;*/
	/*padding: 130px 0 0 0;*/
	
}


	#cont_numeracion a {
		float: left;
		padding: 5px 9px;
		font-size: 12px;
		font-weight: normal;
		border: 1px solid #e9e0d6;
		margin: 0 0 0 5px;
		color:#69513d;
	}
	
	#cont_numeracion a:hover {
		float: left;
		padding: 6px 10px;
		font-size: 12px;
		font-weight: normal;
		border: 0;
		margin: 0 0 0 5px;
		background-color: #382112;
		color:white;
	}
	




/*SUB BOTONERAS*/

#beige_area_subboton {
	float:left;
	height: 30px;
	padding: 10px 0 10px 0;
}

	#beige_menu {
		display:block;
		float: left;
}
	
	ul#beige_menu {
		display: block;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		list-style: none;
	}
	
		ul#beige_menu li, ul#beige_menu li a, ul#beige_menu li a:hover {
			float: left;
			display: block;
			text-decoration: none;
			list-style: none;
		}	
		
		ul#beige_menu li {
			padding: 0 15px 0 0;
		}
	
		ul#beige_menu li a {
			color: #382112;
			padding: 5px;
		}
		
		ul#beige_menu li a:hover {
			padding: 5px;
			background-color: white;
		}		
	
	
	/****** ACTIVADOS ******/
	
	
	span#historia ul#beige_menu li a#historia {
			padding: 5px;
			background-color: white;
	}
	
	span#quienes ul#beige_menu li a#quienes {
			padding: 5px;
			background-color: white;
	}
	
	span#mision ul#beige_menu li a#mision {
			padding: 5px;
			background-color: white;
	}
	
	span#capital ul#beige_menu li a#capital{
			padding: 5px;
			background-color: white;
	}
	
	span#central ul#beige_menu li a#central {
			padding: 5px;
			background-color: white;
	}
	
	span#cde ul#beige_menu li a#cde {
			padding: 5px;
			background-color: white;
	}
	
	span#encarnacion ul#beige_menu li a#encarnacion {
			padding: 5px;
			background-color: white;
	}
	
	span#norte ul#beige_menu li a#norte {
			padding: 5px;
			background-color: white;
	}
	
	span#curuguaty ul#beige_menu li a#curuguaty {
			padding: 5px;
			background-color: white;
	}
	
	span#caaguazu ul#beige_menu li a#caaguazu {
			padding: 5px;
			background-color: white;
	}
	
	span#este ul#beige_menu li a#este {
			padding: 5px;
			background-color: white;
	}
	
	span#argentina ul#beige_menu li a#argentina {
			padding: 5px;
			background-color: white;
	}
	
	span#chile ul#beige_menu li a#chile {
			padding: 5px;
			background-color: white;
	}
	
	span#uruguay ul#beige_menu li a#uruguay {
			padding: 5px;
			background-color: white;
	}
	
	span#otros ul#beige_menu li a#otros {
			padding: 5px;
			background-color: white;
	}
		
/*--------------------------------------------------*/
	

	
	
/****** FOOTER******/

#footer_fondo {
	float: left;
	width: 100%;
	height: 35px;
	padding: 20px 0 20px 0;
	margin: 0 auto 0 auto;
	background-color: #382112;
}

	#footer {
		width:900px;
		margin: 0 auto 0 auto;
	}

	#footer_izq {
		float: left;
		width: 360px;
		padding: 8px 0px 0px 0;
	}

	#footer_der {
		float: right;
		width: 165px;
		padding: 3px 0px 5px 33px;
		text-align: right;
	}

.texto_footer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #9c6b41;
}
	
.clear {
	clear:both;
	visibility: hidden;
}