/*
Site Name: 
Site URI: http://www.panaleman.com.ve
Version: 1.0
Date: Nov 2009
Programmer: José R Montoya Z - http://www.orangestudio.com.ve
*/
html {height: 100%; width:100%}
body{
	margin: 0px;
	height:100%;
}

#main{
	margin-left:auto;
	margin-right:auto;
	width:990px;
	text-align:center;
	height:100%;
	clear:both;
}
#header{
	position:relative;
	width:990px;
	height:210px;
	background:#BAD1EB;
    float:left;
	padding:0;
    margin:0;
}

#header #logo{position:absolute; top:42px; left:0px}
#header #lang{position:absolute; top:0px; right:10px; z-index:10; line-height:42px; font-size:12px; font-family:arial;}

#header #menu{
	position:absolute; top:0px; left:0px; width:990px; height:27px; text-align:center; padding:0; margin:0;
	background-image:url(../img/background_menu.jpg);
	height:42px;
	border-bottom:#BBD1EB  1px solid;
	
}

/* MENU */
.menu {
	font-family:"Arial";
	font-size:12px;
	color:#37619D;
	width:990px;
	font-weight:600;
	margin-top:0;
	margin-bottom:0;
    float:left;
}
.menu ul {
	height:42px;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	
}
.menu li {
    float:left;
    padding:0;
    margin:0;
}

.menu li a {
    color:#37619D;
    display:block;
    line-height:42px;
    padding:0px 10px;
    text-align:center;
    text-decoration:none;
}
.menu li a:hover{
    color:#FFF;
    background:#BAD1EB;
}
.menu li ul {
    display:none;
    height:auto;
    position:absolute;
    z-index:200;
    padding:0px;
    margin:0px;
    top:42px;   
    /*top:1em;
    /*left:0;*/
}
.menu li:hover ul {
    display:block;
}
.menu li li {
    display:block;
    float:none;
    padding:0px;
    width:200px;    
    background-color:#FED173;
}
.menu li li.div2 img{
    display:block;
    float:none;
    padding:0px 5px 0px 5px;
}
.menu li ul a{
    display:block;
    font-size:12px;
    font-style:normal;
    padding:0px 10px 0px 15px;
    text-align:left;
    color:#37619D;
    line-height:25px;
}
.menu li ul a:hover{
    color:#FFF;
    background:#BAD1EB;
}
.menu p{
	clear:left;
}	
		
.menu li.current{
    color:#FFF;
    text-decoration:none;
    background:#BAD1EB;
}

#content{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	width:990px;
	clear: both; 
	background-color:#FED173;
	overflow:auto;
}

#home{
	position:relative;
	width:990px;
	clear: both; 
	font-family:Arial;
}

#home #mainpage  {
    float:left; 
    margin-top:30px; 
    width:540px; 
    text-align:left; 
    color:#043882; 
    overflow-x:hidden;
}
#home #mainpage h1 {
    font-size:14px; 
    font-weight:bold;
    margin:0 0 10px;
}

#home #mainpage h2 {
    font-size:12px; 
    font-weight:bold;
    margin:0 0 10px;
}

#home #mainpage div.content {
    font-size:12px; 
    line-height:20px;
}

#home #mainpage div#pics {
    width:540px; 
    overflow-x:hidden; 
    height:auto;
}


/* LEFT PANEL */
#home #leftpanel{
	position:relative;
	float:left;
	display:block;
	width:175px;
	height:auto;
	margin-left:5px;
	margin-right:10px; 
	margin-top:25px;
	padding:5px 5px 5px 5px;
    color:#B34900; 
    font-size:12px;
}
#leftpanel div.left-desc, #leftpanel div.left-list {
    width:175px;
    float:left;
    padding:0;
    margin:0;
    float:left;
}
#leftpanel div.left-list ul {
    margin:0;
    padding:10px 0 0 20px ;
    width:155px;
}
#leftpanel div.left-list ul li {
    margin:0;
    padding:0;
}
#leftpanel div.left-list ul li a {
    line-height:20px;
    text-decoration:none; 
    color:#B34900;
}

/* RIGHT PANEL */
#home #rightpanel{
	position:relative;
	float:left;
	display:block;
	height:auto;
	width:210px;
	margin-left:20px;
	margin-right:20px;
	margin-top:30px;
	padding:0;
	font-family:Arial; font-size:12px;
}

/*
#home #catmenu #title{ font-size:14px; color:#000; font-weight:900; text-align:left}
#home #catmenu #titlediv{background-color:#B69888; height:3px; width:100%; display:block; margin-top:5px; margin-bottom:5px; padding:0; line-height:1px; border:0;}


#home #catmenu span{text-align:left; width:100%; padding:0; margin:0; border:0}
#home #catmenu span a{display:block;font-size:12px; color:#434141; text-decoration:none;margin-top:2px; margin-bottom:2px; font-weight:normal;background-image:url(../img/dot.png); background-repeat:no-repeat; background-position:right}
#home #catmenu span a:hover{font-weight:bold;}
#home #catmenu span.current{font-weight:bold;}
#home #catmenu div.listdiv{background-color:#B69888; height:1px; width:100%; display:block; margin:0; padding:0; line-height:1px; border:0;}
*/

/*
#home #loginbox a{text-decoration:none; color:#434141}
#home #loginbox div.title{ font-weight:bold;}
*/
input {
	border:#B69888 1px solid;
	font-family:Arial; 
    font-size:11px;	
}

#section{
	position:relative;
	height:460px;
}
#section div{
	position:relative;
	float:left;
	display:block;
	vertical-align:middle;
	height:auto;
	text-align:left;
}

#section div #overlay{
	position:absolute;
}
#section div.quienes{
	margin-right:20px;
	margin-top:20px;
	margin-left:10px;
	width:348px;
	text-align:justify;
	font-family:"Futura Md BT", "Arial";
	font-size:15px;
	color:#434141;
}
#section div.consejos{
	margin-right:15px;
	margin-top:20px;
	margin-left:10px;
	width:353px;
	text-align:left;
	font-family:"Futura Md BT", "Arial";
	color:#434141;	
}
#section div.consejos #title{ font-size:16px; letter-spacing:-1px;}
#section div.consejos #body{ font-size:13px;}
#section div.consejos #body li{ margin-bottom:10px}

/* PRODUCTOS */
#section div.productos{
	
	margin-right:5px;
	margin-top:0px;
	margin-left:0px;
	width:373px;
	
	font-family:"Futura Md BT", "Arial";
}
#section div.productos #principal{height:323px;width:100%;}
#section div.productos #principal #menu{float:left; width:184px; margin-right:0px;}
#section div.productos #principal #menu span{text-align:left; width:100%; padding:0;}
#section div.productos #principal #menu span a{display:block;font-size:12px; color:#434141; text-decoration:none;margin-top:5px; margin-bottom:5px}
#section div.productos #principal #menu span.a{display:block;font-size:12px; color:#434141; text-decoration:none;margin-top:5px; margin-bottom:5px}
#section div.productos #principal #menu span a:hover{font-weight:bold;}
#section div.productos #principal #menu span.current{font-weight:bold;}
#section div.productos #principal #menu span img{display:block; height:1px}

#section div.productos #principal #content{
	float:left; 
	width:189px;
	height:278px;
	margin-top:10px; 
	background:url(../img/product_text.png); 
	background-repeat:no-repeat;
}
#section div.productos #principal #content #tit{
	position:absolute;
	top:2px;
	left:30px;
	font-size:17px; 
	color:#9D0126;
	font-weight:bold;
	height:33px;
	width:150px;
}

#section div.productos #principal #content #txt{
	position:absolute; top:44px; left:22px;
	width:150px; height:170px; overflow:hidden;
	font-size:12px; text-align:left;
	line-height:14px;
}
#section div.productos #principal #content #str{
	position:absolute; top:190px; left:35px;
	width:145px; height:125px;
	font-size:12px; text-align:left;
}

#section div.productos #principal #content #viewfacts{
	position:absolute; 
	top:170px; left:15px; width:165px;
	text-align:center; color:#9D0126; font-size:12x; letter-spacing:-1px;
	cursor:pointer;
}
#section div.productos #principal #content #facts{
	position:absolute; 
	top:-11px; left:185px;
	text-align:center; color:#9D0126; font-size:11px;
	margin:0; z-index:999; display:none;
}

#section div.productos #banner{height:130px;margin-top:5px;width:100%;}


/* CONTACTO */
#section div.contacto{
	
	margin-right:5px;
	margin-top:0px;
	margin-left:0px;
	width:373px;
	
	font-family:"Futura Md BT", "Arial";
	color:#434141;
	
}
#section div.contacto #title{background:url(../img/contacto_sop_title01.png); height:41px; width:225px}
#section div.contacto #title div{font-size:18px; color:#9D0126; position:absolute; left:40px; top:7px; letter-spacing:-1px;}
#section div.contacto #body{ font-size:14px; margin-left:20px; margin-top:10px; margin-bottom:10px}
#section div.contacto #body p{ padding:0; margin: 0 0 10px 0px}
#section div.contacto #body span{color:#9D0126}
#section div.contacto #subtitle{background:url(../img/contacto_sop_title02.png); height:41px; width:355px}
#section div.contacto #subtitle div{font-size:18px; color:#9D0126; position:absolute; left:40px; top:7px; letter-spacing:-1px;}
#section div.contacto #body.email{font-size:18px;}
#section div.contacto #body.email a{text-decoration:none;color:#434141;}
#section div.contacto #foot{background:url(../img/contacto_sop_title03.png); height:120px; width:353px; margin-left:0px; margin-top:-5px;background-repeat:no-repeat; background-position:center;}
#section div.contacto #foot table{height:120px; width:353px; margin-top:3px; margin-left:2px}
#section div.contacto #foot td{font-size:10px; color:#9D0126; line-height:10px}

#footer{
	height:30px;
	padding-top:5px;
	/*fonts*/
	font-family:"Arial";
	font-size:11px;
	color:#000;
	background-color:#BAD1EB;
}
#footer span{}
#footer span.face{position:absolute; top:8px; left:15px; z-index:2;}
#footer span.copy{position:absolute; top:10px; left:0px;  z-index:1; text-align:center; width:100%;}
#footer span.cred{position:absolute; top:10px; right:15px; z-index:2;}
#footer span a{color:#000;text-decoration:none;}
#footer span a:hover{ color:#FFF; }

/* TEST MODE */
div.testmode { 
    float:left; 
    width:100%; 
    margin:0; 
    padding:5px 0; 
    font-family:"Arial";
    font-size:12px;
	background-color:#ff0667;
}

/* CONTENT PAGES */
table.tb-margin0 tr td p, table tr td p { margin:0; }