@charset "utf-8";
/* contenedor */

/* ------------------------INICIO DE ESTILOS COMUNES (INICIO, PLANTILLA 2 Y PLANTILLA 3) ----------------------------------------------*/
#wrapper {
		width:900px;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		background-color:#FFFFFF;
		}
/* OJO el parametro DISPLAY:TABLE, PERMITE a las cajas cuando se expandan EMPUJEN/FLUYAN HACIA ABAJO, a medida que el contenido aumente  */
#wrapper div {
		display:table;
		}
/*_________________________________*/
/* comienzo lado izquierdo */
#ltf-side {
		width:210px;
		min-height:500px;
		float:left;
		background-image:url(img_pl/menubar_links.png);
		background-position:top;
		background-repeat:no-repeat;
			}
/* OJO el parametro DISPLAY:TABLE, PERMITE a las cajas cuando se expandan EMPUJEN/FLUYAN HACIA ABAJO, a medida que el contenido aumente  */
#lft-side div {
		display:table;
		}
/*--------CHAT-------------------*/
#chat {
		width: 192px;
		height:119px;
		margin-left:70px;}
/*_____________________________________________*/
/* comienza el menu lateral principal*/
#menubar {
		width:167px;
		margin-left:20px;
		}
#menubar div {
		width:167px;
		}
/*_____________________________________________*/
/*comienza menu */
#headermenu {
		height: 57px;
		background:url(img_pl/headermenu.png);
		}
#bodymenu {
		background:url(img_pl/bodymenu.png);
		background-repeat:repeat-y;
		}
#footermenu {
		height: 78px;
		background:url(img_pl/footermenu.png);}
/* fin de menu */
/* __________________________bloque debajo del MENU del lado izquierdo__________________________________*/
#other {
		width:210px;
		display:table;
	}
/* ____________________________________________*/
/* inicio del lado derecho */
#rgt-side {
		width:690px;
		float:right;
		}
/* OJO el parametro DISPLAY:TABLE, PERMITE a las cajas cuando se expandan EMPUJEN/FLUYAN HACIA ABAJO, a medida que el contenido aumente  */
#rgt-side div {
		display:table;
		}
#header {
		width:690px;
		height:119px;
		background:url(img_pl/header.png);
		}
#mainbanner {
		width:690px;
		height:369px;
		background:url(img_pl/mainbanner.png);
		}
#photogallery {
		width:690px;
		height:120px;
		}
#advertise {
		width:690px;
		}
/* _____________________________________________*/
#columns {
		width:690px;
		}
#columns div {
/* OJO FLOAT:LEFT; hace que las columnas se floten y se posicionen en el orden que se penso: izq/centr/der */
		float:left;
		width:230px;
		display:table;
		}
/* tres columnas */
#lftcol {}
#midcol {}
#rgtcol {}
/*________________________________________*/
/* inicio del pie */
.footer {
		width:900px;
		background:url(img_pl/footer.png);
		background-repeat:no-repeat;
		}
/* OJO el parametro DISPLAY:TABLE, PERMITE a las cajas cuando se expandan EMPUJEN/FLUYAN HACIA ABAJO, a medida que el contenido aumente  */
#footer div {
		display:table;
		}
/* OJO el parametro WIDTH:100% arreglo las fallas de CENTRADO en la barra de vinculos de footer....barlinks, address, allrights */
.barlinks {
		padding:30px 0 20px 0;
		width:100%;
		}
#address {
		width:100%;
		}
.allrights {
		width:100%;
		text-align:center;
		background-color:#FFFFFF;
		}		
.barlinks,.address,.allrights {
		height:20px;
		}
/* ------------------------FIN DE ESTILOS COMUNES (INICIO, PLANTILLA 2 Y PLANTILLA 3) ----------------------------------------------*/
/* */
/* ESTILOS COMUNES PARA PLANTILLAS 2 Y 3 UNICAMENTE */
#ltf-side-noflash{
		width:210px;
		min-height:500px;
		float:left;
		background-image:url(img_pl/menubar_links_noflash.png);
		background-position:top;
		background-repeat:no-repeat;
			}
#lft-side-noflash div {
		display:table;
		}
/*_____________________________________*/
/*-------------------------INICIO DE ESTILOS AGREGADOS PARA PLANTILLA 2 ----------------------------------------------------------------*/
#tophead_2col{
		width:460px;
		height:41px;
		background:url(img_pl/header_section_devices.gif);
		background-repeat:no-repeat;
		}
#izq{
	width: 460px;
	float: left;
}
#der{
	width: 230px;
	float: right;
}
#columns_mix {
		width:460px;
		}
#columns_mix div {
/* OJO FLOAT:LEFT; hace que las columnas se floten y se posicionen en el orden que se penso: izq/centr/der */
		width:230px;
		float:left;
		display:table;
		}
.fatcol{
		width:460px;
		clear: both;
		background-color:#EFF9FE;
		}
#tallcol{
		width:230px;
		float: right;
		}
#col-one{}
#col-two{}			
/*-------------------------FIN DE ESTILOS AGREGADOS PARA PLANTILLA 2 ----------------------------------------------------------------*/
/*------------------------*/
/*-------------------------INICIO DE ESTILOS AGREGADOS PARA PLANTILLA 3 ----------------------------------------------------------------*/
#tophead{
		width:690px;
		height:41px;
		background:url(img_pl/header_section_devices.gif);
		background-repeat:no-repeat;
		}
#sectionlinks {
		width:690px;
		height:26px;
		background-image:url(img_pl/bar_sections_devices.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		}
#cont_up, #cont_down{
		width:690px;
		}
/*-------------------------FIN DE ESTILOS AGREGADOS PARA PLANTILLA 3 ----------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*------CAJAS AZULES PARA COLUMNAS DE TEXTO-------------------*/
.box-azulclaro,.box-azuloscuro{
	width:216px;
}
.box-azulclaro,.box-azuloscuro div{
	display:table;
}
#box-azulclaro{}
.box-azulclaro-header{
	height: 42px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img_pl/cbheader_box.png);

}
.box-azulclaro-body{

	}
.box-azulclaro-footer{
	height: 19px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img_pl/cbfooter_box.png);
}
/*--------------------------------------------------*/
.box-azuloscuro{}
.box-azuloscuro-header{
	height: 42px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img_pl/dkheader_box.png);
}
.box-azuloscuro-body{

	}
.box-azuloscuro-footer{
	height: 19px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img_pl/dkfooter_box.png);
}