html,body
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	border:0px;			
	min-width:600px;		
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	background:#FFF url(../Images/carbon_bgk_2.png) center top no-repeat fixed; 
}

/*lo que contiene la pagina*/
#mainDiv
{
	width:809px;
	height:1024px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#headDiv
/*logotipo*/
{
	width:100%;
	height:130px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	float:left;
	clear:both;
	background: url(../Images/header.png) left no-repeat transparent;
}

#menuDiv
/*barra de los botones*/
{
	width:110%;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	float:left;
	clear:both;
	background: url(../Images/menu.png) left no-repeat;
}

.btnDiv
/*botones*/
{
	width:113px;
	height:30px;
	float:left;
	padding:0px;
	margin:0px;
}

#leftDiv
/*barra de las categorias*/
{
	width:130px;
	height:800px;
	float:left;
	background: url(../Images/leftside.png) no-repeat;
	padding-left:5px;
	padding-right:35px;
}

H4.leftTitle
{
	margin-top:60px; 
	margin-left:10px; 
	text-align:left;
}

LI.leftLi
{
	margin-left:-35px; 
	line-height:20px;
	list-style-image:none;
  	list-style: none;
  	list-style-type: none;
}

a.linkList
{
	color:#000;
	text-decoration:none;
}

a.linkList:hover
{
	color:#000;
	text-decoration:underline;
	
}

#rightDiv
/*barra de m,v y pc*/
{
	width:130px;
	height:780px;
	float:left;
	background: url(../Images/rightside.png) no-repeat;
	padding-top:20px;
}

#contentDiv
{
	width:500px;
	height:780px;
	float:left;
	padding-top:20px;
}

#contentBGKDiv
/*fondo del centro*/
{
	width:674px;
	height:800px;
	float:left;
	background-image:url(../Images/contentBGK_2.png); /*url(../Images/contentBGK_2.png) no-repeat;*/
	background-repeat:no-repeat;
}

#footDiv 
/*pie de pagina*/
{
	clear:both;
	float:left;
	width:100%;
	height:45px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background:url(../Images/footer.png) left bottom no-repeat;
	text-align:center;
	padding-top:25px;
}

/*CUADROS DE DIALOGO*/
.titleDialog
{
	width:auto; 
	height:30px; 
	float:right;
	margin-top: -15px;
}
.titleCenter
{
	width:auto; 
	height:27px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	text-align:center;
	color:#000;  
	background: url(../Images/title_center.png) repeat-x;
	float:left;
	padding-left:4px;
	padding-right:7px;
	padding-top:3px;
}

.titleLeft
{
	width:19px;
	height:30px;
	float:left;
	background: url(../Images/title_left.png) no-repeat;
}

.titleRight
{
	width:16px;
	height:30px;
	float:left;
	background: url(../Images/title_right.png) no-repeat;
}

.Dialog
{
	
/*fondo negro del texto que se encuentra en el centro*/
	background:url(../Images/dialogBG.png);
	float:left;
	font-size:11px;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 20px;
}

.topDialog
{
	height:15px;
	background:url(../Images/dialogTop.png) repeat-x;
	float:left;
}

.leftDialog
{
	width:15px;
	background:url(../Images/dialogLeft.png) repeat-y;
	float:left;
}

.rightDialog
{
	width:15px;
	background:url(../Images/dialogRight.png) repeat-y;
	float:left;
}

.tlDialog
{
	/*cuadro donde aparecen las imagenes de las categorias*/
	height:15px;
	width:15px;
	background:url(../Images/dialogTL.png) no-repeat;
	float:left;
}

.trDialog
{
	height:15px;
	width:15px;
	background:url(../Images/dialogTR.png) no-repeat;
	float:left;
}

.bottomDialog
{
	height:15px;
	background:url(../Images/dialogBottom.png) repeat-x;
	float:left;
}

.blDialog
{
	height:15px;
	width:15px;
	background:url(../Images/dialogBL.png) no-repeat;
	float:left;
}

.brDialog
{
	height:15px;
	width:15px;
	background:url(../Images/dialogBR.png) no-repeat;
	float:left;
}

.lineJump
{
	clear:both;
	width:auto;
	height:1px;
	float:left;
}

/* CONTENEDORES GENERICOS */

.divInRight
{
	width:115px;
	height:100px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
	font-size:12px;
}

.divInRight a
{
	color:#FFF;
	text-decoration:none;
}

.divInRight a:hover
{
	text-decoration:underline;
}

/* DIVERSOS */

img.galImg
{
	border:2px #FFF solid;
	margin:3px;	
}

img.galImg:hover
{
	border:2px #FC0 solid;
	margin:3px;	
}


