/*********************************************************************
 clear fix class to force blocks to render correctly when 
 content floats
**********************************************************************/
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.cf { 
	display: inline-table;
}
.cf { 
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
/* End hide from IE-mac */

/*********************************************************************
 global settings
**********************************************************************/
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
}

a,a:link,a:active,a:visited
{
	color:#3366FF;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
a.link-menu,a.link-menu:active,a.link-menu:visited,a.link-menu:link,a.link-menu:hover
{
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
}
.white
{
	color:white;
}
h1
{
	margin:0px;
	color:#3366FF;
}
ul.list
{
	font-weight:bold;
	font-size:14px;
}
ul.list li
{
	line-height:20px;
}
/*********************************************************************
 containers general
**********************************************************************/
div#main
{
	width:1024px;
	margin:auto;
	text-align:left;
	vertical-align:top;
}
div#top-box
{
	width:1024px;
	height:110px;
	vertical-align:top;
}
div#middle-box
{
	width:1024px;
	/*height:578px;*/
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid black;
}
div#left-box
{
	float:left;
	width:227px;
}

div#right-box
{
	float:left;
	width:790px;
}
div#right-box div.content
{
	padding:10px;;
}
div#right-box div.content a,a:active,a:visited,a:hover,a:link
{
	color:blue;
	text-decoration:underline;
	font-weight:normal;
}

div#bottom-box
{
	float:left;
	width:1024px;
	height:35px;
	background-color:#FFFF00;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid black;
}

/* main menu */
.main-mnu-item
{
	padding:3px 10px 3px 10px;
}

/*********************************************************************
	menu boxes
**********************************************************************/

div#home-left-menu
{
	margin-left:4px;
	text-align:center;
	vertical-align:top;
	background-color:#3366FF;
	height:500px;
}
div#home-left-menu div
{
	text-align:center;
}
div#prod-left-menu
{
	height:510px;
	margin-left:4px;
	text-align:left;
	background-color:#3366FF;
	vertical-align:top;
}
div#float-menu
{
	text-align:center;
	position:relative;
}

.td-mnu-cat1
{
	background-image:url(../../images/left_menu_back.jpg);
	background-repeat:repeat-x;
	background-color:#FFFF00;
	height:25px;
	padding-left:4px;
}
.td-mnu-cat1 a,a:link,a:visited,a:hover,a:active
{
	color:#101010;
	font-weight:bold;
	text-decoration:none;
}

div#home-left-menu div form
{
	margin:0;
}
div#home-left-menu div form input.btn
{
	width:104px;
	height:22px;
	background-image:url(../../images/bot_suscribirme.jpg);
	background-repeat:no-repeat;
	border:none;
}
div#home-left-menu div span.sep
{
	padding:10px 0 10px 0;
}


/*********************************************************************
portlet noticias
**********************************************************************/

div#portlet-noticias
{
	width:200px;
	height:140px;
	background-color:white;
	border:1px solid #033568;
	padding:6px 2px 6px 2px;
	text-align:left;
}
div#portlet-noticias p
{
	text-align:left;
}
div#portlet-noticias p.title
{
	font-size:13px;
	color:#003366;
	font-weight:bold;
	margin-top:0px;
}
div#portlet-noticias a.more,a.more:link,a.more:active,a.more:visited
{
	color:#003366;
	text-align:right;
	text-decoration:none;
}
div#portlet-noticias a.more:hover
{
	text-decoration:underline;
}
div#portlet-noticias p
{
	text-align:justify;
	font-size:11px;
}
/*********************************************************************
	scrollable boxes
**********************************************************************/
.scrollable {
	overflow:auto;
	scrollbar-base-color: #EEEEEE;
	scrollbar-face-color: #2252C0;
	scrollbar-track-color: #EEEEEE;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-darkshadow-color: #CCCCCC;
}
/*********************************************************************
 productos
**********************************************************************/
.tb-productos
{
}
.tb-productos tr td.td-categoria
{
	background-image:url(../../images/bg-categorias.jpg);
	background-repeat:repeat-x;
	background-color:#3366FF;
	color:white;
	font-weight:bold;
	font-size:14px;
	padding:4px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
.tb-productos tr td.td-desc
{
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:4px;
	vertical-align:top;
}
.tb-productos tr td.td-pic
{
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:center;
}
span.pname
{
	font-weight:bold;
	color:darkblue;
	font-size:13px;
}

/*********************************************************************
 productos detalle
**********************************************************************/
#tb-detail
{
}
.td-detail-header
{
	border-bottom:1px solid #3366FF;
	background:url(../../images/bg-categorias.jpg);
	background-repeat:repeat-x;	
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:white;
	border:1px solid #000000;
	padding:1px;
}

.product-title
{
	/*background:url(../../images/bg-categorias.jpg);
	background-repeat:repeat-x;*/
	/*background-color:#3063FA;
	color:#3366FF;*/
	color:#0585C6;
	font-size:24px;
	font-weight:bold;
	padding:0 10px 0 10px;
}

.td-detail
{
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:2px;
}
.td-detail-comment
{
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	padding:2px;
}
.td-detail-r
{
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:2px;
}
.td-detail-r-nb
{
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding:2px;
}

.smap
{
	font-family:Tahoma;
	font-size:12px;
	color:#006600;
}

.smap a
{
	color:#333333;
	font-weight:bold;
}

/* Elementos de Formularios */
.form-txtfield
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.form-txtfield-numeric
{
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.form-txtfield-short-text
{
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.form-txtfield-long-text
{
	text-align:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.form-select
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.form-button
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.form-textarea
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

/*  BOTON PARA PONER @*/

.boton_set_at
{
	width:15px;
	background-color:#5C85FF;
	margin-right:10px;
}

/*********************************************************************************************/
/*						POPUP F11															*/
/*******************************************************************************************/

div#f11popup
{
	border:1px solid black;
	width:150px;
	height:30px;
	position:absolute;
	background-color:white;
	display:none;
	padding:2px 2px; 0 2px;
	font-weight:bold;
}
div#f11popup p
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
}

.red-emph
{
	color:red;
	font-weight:bold;
	font-size:13px;
}

/*********************************************************************************************/
/*						TABLE VISITORS														*/
/*******************************************************************************************/

/* Tablas de formularios */
.td-form-title
{
	font-weight:bold;
	color:#FFFFFF;
	background-color:#313A56;
}
.td-form-sub-title
{
	background-color:#D4D6DA;
	font-weight:bold;
}
.td-form-field-name 
{
	font-weight:bold;
}
.td-form-field-data
{
	
}