* { margin: 0; padding: 0; }

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;}
/*Listado Productos---------------------------------------------------------------------------------*/
.psperfil{
	width:115px; height:150px; float:left; top:10px; margin-left:30px;}
.txtperfil{
	width:320px; float:left; top:10px; margin-left:5px;}
.H1{
	font-size:16px; color:#016CB0; font-weight:bold;}
/*IPPA---------------------------------------------------------------------------------*/
.ps{
	float:left; margin:15px 20px 20px 0px;}
p.subtitulo{
	margin-top:10px; color:#29AAA6;}
p.subtitulo b{
	color:#29AAA6; font-size:20px;}
p.titulo{
	font-weight:bold;}
p.separador{
    margin-bottom:45px;
    border:0;}
p.nickdistribuidor{
    font-style:italic;}
p.nickdistribuidor span, p.nickdistribuidor span a{
    font-style:normal; 
    color:#006699;}
#divprincipal{
	margin:auto;width:960px; background-color:#FFF;}
/*Header---------------------------------------------------------------------------------*/
.bg_top{
	width:960px; height:150px; float:left; margin:auto; background: #FFFFFF url(../images/varios/bg_header.png) no repeat; /*repeat-x; color:#FFF;*/}
.logo_cofarbol{
	width:847px; height:126px; float:left; background: url(../images/varios/logo_cofarbol.jpg) no-repeat; position:absolute; top:10px; margin-left:0px;}
.tex_vad{ 
	width:700px; color:#FFF; position:absolute; top:20px; margin-left:200px; font-size:30px;}
/*Navegacion---------------------------------------------------------------------------------*/
.bg_nav{
	width:960px; height:51px; float:left; margin:auto; background: #ECEDEF url(../images/varios/bg_nav.png) repeat-x; color:#000;}
#navBottom{
	height:30px;float: right; padding-top:13px; overflow:hidden; color:#000;}
#navBottom li{
	float:left; list-style-type:none; color:#000;}
#navBottom li a{
	text-decoration:none;letter-spacing:0;font-size:17px;display:block;padding:0 10px 0 10px;line-height:30px;margin:0;list-style-type:none; color:#000;}
#navBottom li a:hover{	color: #0D679B;}
#navBottom .active{	color: #0D679B; font-weight:bold;}
.separacion{
	width:2px; height:42px; background: url(../images/varios/sep.png) no-repeat !important;	}
/*Buscadoe General---------------------------------------------------------------------------------*/
.bgbus1{
	width:5px; height:85px; float:left; background:#F1F1F1 url(../images/varios/bg_busc1.png) no-repeat;}
.bgbus2{
	width:530px; height:85px; float:left; background:#F1F1F1 url(../images/varios/bg_busc2.png) repeat-x;}
.bgbus3{
	width:5px; height:85px; float:left; background:#F1F1F1 url(../images/varios/bg_busc3.png) no-repeat;}
.tex1_bus{
	 color:#000; font-size:17px; font-weight:bold; width:430px; margin:10px 0 0 10px; float:left;}
.cajatex{
	width:300px; height:29px; background:#FFFFA5 url(../images/varios/bg_cjtex.png) repeat-x; float:left; border:solid #DADADA 1px; margin:10px; color:#999; padding-left:5px;}	
.btn_buscar{
	width:89px; height:29px; background: url(../images/botones/buscar.png) no-repeat; float:left; margin:10px;}	
/*Galeria---------------------------------------------------------------------------------*/
.escaparate{
	width:935px;height:374px; float:left;overflow:hidden;clear:none; margin-left:13px;}
.sombra{
	width:960px; height:35px; float:left; background: url(../images/galeria/sombra.jpg) no-repeat; margin-left:13px;}
/*Contenido 2---------------------------------------------------------------------------------*/
.bg_espec{
	float:left; background: #F5F5F5 url(../images/varios/bg_especies.png) repeat-x; width:200px; height:500px; padding:10px; margin:10px 0;}
.tex_inicio{
	float:left; color:#EEO; font-size:15px; width:850px; padding:10px; margin:10px;}
.foto_especie{
	margin:5px 10px 5px 0; float:left; width:94px; height:94px;}
.tex_especieizq{
	color:#18AB4B; font-weight:bold; width:70px; float:left; margin-top:20px;}
.tex_especieizq a{
	color: #666; width:75px; float:left; text-decoration:none; font-size:15px;}
.tex_especieizq a:hover{
	color:#18AB4B; width:75px; float:left;}
/*Footer---------------------------------------------------------------------------------*/
.bg_footer{
	width:960px; height:150px; float:left; margin:auto; background: #F4F4F4 url(../images/varios/bg_footer.png) repeat-x; color: #000; margin-top:10px;}
.facebook{
	width:34px; height:33px; background: url(../images/botones/facebook.png) no-repeat; display:block; border:0px; margin:5px 10px 5px 15px; float:left;}
.twitter{
	width:34px; height:33px; background: url(../images/botones/twitter.png) no-repeat; display:block; border:0px; margin:5px 10px 5px 5px; float:left;}
.redessociales{
	width:200px; float:right;}
.cofarbol_footer{
	width:135px; height:56px; float:left; background: url(../images/varios/cofarbol_footer.png) no-repeat; margin:15px;}

	
	/* HTML5 and jQuery Super Simple Nav by Todd Motto @toddmotto - toddmotto.com */

/* =============================================================================
   Navigation Core Styles
   ========================================================================== */

.ddmenuprincipal {max-width:990px;width:100%;margin:0 0;position:relative; height:30px; }
.ddmenuprincipal a {text-decoration:none;}
		
/* Demo navigation positioning */
/* .ddmenuprincipal nav {position:absolute;top:100px;} */
   
.ddmenuprincipal nav {background:#FFF; width:100%; float:left; background: #F2F2F2 url(../images/varios/bg_nav.png) repeat-x; color:#000;}
.ddmenuprincipal nav ul {text-align:center;z-index:5}
.ddmenuprincipal nav ul li {float:left;display:inline;}
.ddmenuprincipal nav ul li:hover {/*background:#E6E6E6;*/ }
.ddmenuprincipal nav ul li a {display:block;padding:15px 20px;color:#444;}
.ddmenuprincipal nav ul li a:hover {/*color:#E21803;*/}
.ddmenuprincipal nav ul li ul {position:absolute;width:110px;background:#FFF; border:1px #C5E9FF solid;}
.ddmenuprincipal nav ul li ul li {margin:0;padding:0;width:110px;}
.ddmenuprincipal nav ul li ul li a {display:block;padding:15px 10px;color:#444;}
.ddmenuprincipal nav ul li ul li:hover a {background:#F7F7F7;}
.ddmenuprincipal nav ul li ul.fallback {display:none; width:200px }
.ddmenuprincipal nav ul li ul.fallback li {width:99%; text-align:left}
.ddmenuprincipal nav ul li ul.fallback li a {display:block;padding:15px 15px;color:#444;}
.ddmenuprincipal nav ul li:hover ul.fallback {display:block;}
.ddmenuprincipal nav ul li a.active{font-weight:bold}