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

Título		: Beekun
Autor		: Giuliano Princigalli
URL 		: 

Descripción : 

Creado 		: Junio 30, 2009
Modificado	: Junio 30, 2009

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

body { 
	margin: 0px;
	padding: 0px;
	background-color:#eaeaea;
	color:#303030;
	font-family:"arial",sans-serif;
	font-size:0.8em;
}

#container {
	min-width:980px; 
	width:expression(document.body.clientWidth < 980? "980px" : "auto" ); 
}

/*****************************************************/
/* TITLES                              		 */
/***************************************************/






/*****************************************************/
/* HEAD                               		 */
/***************************************************/

#tray {
	background:transparent url(../design/tray.gif) repeat-x scroll 0 0;
	font-family:"tahoma",sans-serif;
	font-size:85%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	padding:12px 15px;
	background-color:#303030;
	color:#cfcfcf;
}

#tray a, #tray strong {
	color:#fff;
	}
	
#tray a:hover, #tray a:active, #tray a:focus {
	color:#b4e3ff;
	}

#tray #switcher {
	margin-right:15px;
	}

#tray #switcher img {
	display:block; 
	float:left; 
	width:16px; 
	height:16px; 
	border:0;
	}

#tray .ico-col1 {
	display:none;
	}

#tray .ico-col2 {
	display:none;
	}

#menu {
	background:transparent url(../design/menu.gif) repeat-x scroll 0 0;
	background-color:#0085cc;
	padding:15px 15px 13px;
	position:relative;
	z-index:999;
	}

#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {display:inline; margin:0; padding:0;}
#menu ul li div {float:left; position:relative;}
#menu ul li a {float:left; margin-right:5px; padding-left:5px; background:url("../design/menu-left.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer;}
#menu ul li a span {float:left; display:block; padding:7px 15px 9px 8px; background:url("../design/menu-right.gif") 100% 0 no-repeat;}
#menu ul li a:hover, #menu ul li#menu-active a {background:url("../design/menu-left.gif") 0 -35px no-repeat;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background:url("../design/menu-right.gif") 100% -35px no-repeat;}
#menu ul li#menu-active a {font-weight:bold;}
#menu ul li div.drop, #menu ul li.dropdown-off div.drop {display:none;}
#menu ul li.dropdown-on div.drop {display:block; position:absolute; top:33px; left:0; width:200px; padding-top:14px; z-index:999;}
#menu ul li.dropdown-on div.drop ul li a {display:block; width:178px; margin:0; padding:3px 10px;}

#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0085cc;}
#menu ul.f-right a {color:#df0000;}
#menu ul li.dropdown-on div.drop ul {border:1px solid #505050;}
#menu ul li.dropdown-on div.drop ul li a {width:200px;}
#menu ul li.dropdown-on div.drop ul li a {border-bottom:1px solid #CFCFCF; background:#FFF; color:#303030;}
#menu ul li.dropdown-on div.drop ul li a:hover, #menu ul li.dropdown-on div.drop ul li a:active, #menu ul li.dropdown-on div.drop ul li a:focus {background:#F7F7F7; color:#DF0000;}

/*****************************************************/
/* RESET                               		 */
/***************************************************/

* {
	margin:0; padding:0;
	}
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0; 
	outline:0; 
	vertical-align:baseline; 
	background:transparent;
	}
	
.hidden {
	position:absolute; 
	left:-1000em; 
	top:-1000em; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	}
	
.noscreen {
	display:none;
	}
	
.box {
	min-height:1px;
	}
	
.box:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	line-height:0; 
	font-size:0; 
	content:".";
	}
	
.fix {
	float:none;
	clear:both; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	border:0; 
	line-height:0; 
	font-size:0;
	}
	
.f-left {
	float:left !important;
	}
	
.f-right {
	float:right !important;
	}
	
.t-left {
	text-align:left !important;
	}
	
.t-center {
	text-align:center !important;
	}
	
.t-right {
	text-align:right !important;
	}
	
.t-justify {
	text-align:justify !important;
	}
	
.va-top {
	vertical-align:top !important;
	}
	
.va-middle {
	vertical-align:middle !important;
	}
	
.va-bottom {
	vertical-align:bottom !important;
	}
	
.nom {
	margin:0 !important;
	}
	
.nomt {
	margin-top:0 !important;
	}
	
.nomb {
	margin-bottom:0 !important;
	}
	
/*****************************************************/
/* CONTENT                               		 */
/***************************************************/

#content {
	padding:20px; 
	overflow:hidden;
	}