body{
	background:#ffffff;
	margin:2px;
	padding:2px;
	/*font:12px arial,verdana;*/
	font:12px verdana,arial;
	color:#163B5A;
}

td,div,span{
	font:12px arial,verdana;
}

.titulo_principal{
	background:#f1f1ed;
	border:1px solid #CCCCCC;
	color:#006699;
	padding:2px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}

.titulo_principal span{
	color:#006699;
	padding:2px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}

.principalContainer,.CodigoBarraContenedor{
	width:100%;
	text-align:center;
}

/********************************
	CODIGO BARRA
UserControl AjaxCodigoBarra.ascx
*********************************/

.CodigoBarra{
	font-size:32px;
	width:450px;
	font-weight:bold;
}

.CodigoBarra:hover{
	background:#FFFF00;
}

.CodigoBarraTitulo{
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
}

.CodigoBarraMensaje,.CodigoBarraMensaje span{
	font-size:9px;
	text-align:center;
}
/******************
	PROGRESS
*******************/

.progressTemplate{
	position:absolute;
	top:100px;
	left:40%;
	text-align:center;
	vertical-align:middle;
    z-index: 1500;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.progressMessage{
	top:150px;
	font:bold 14px Arial,verdana;
	position:relative;
	width:20%;
	height:55px;
	background:#ffffff;
	border:1px solid #6699cc;
	padding:15px;
}
/******************
	BOTON
*******************/

.boton{
	background:#7DA6E8;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font:bold 12px Arial,verdana;
	text-transform:uppercase;
}
/******************
	CATALOGOS
*******************/

.catLabel{
	background:#D8E4F8;
	color:#000000;
	padding:3px;
	text-align:right;
}

.catValue{
	background:#D8E4F8;
	color:#000000;
	padding:3px;
	text-align:left;
}

.catTitle{
/*background:#D8E4F8;*/
	border:1px solid #4297d7;
	background:#5c9ccc url(img/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	width:100%;
	text-align:center;
}

.catButton{
	background:#D8E4F8;
	color:#000000;
	padding:10px 3px 10px 3px;
	text-align:center;
}
/******************
	GRIDVIEW
*******************/

.gvFilterContainer{
    margin-top:8px;
	background:#FAFAFA;
	border:1px solid #6699cc;
	width:100%;
	text-align:left;
}

.gvContainer{
	overflow:auto;
	height:390px;
	width:100%;
	border:1px solid #6699cc;
	padding:2px;
}

.gvContainerSmall{
	overflow:auto;
	height:180px;
	width:98%;
	border:1px solid #6699cc;
	padding:2px;
}

.gvGrid,.gvGrid ContentTemplate{
	font:12px Arial,Verdana;
	border:1px;
	width:100%;
}

.gvPager{
	text-align:left;
	font:bold 18px Arial,Verdana;
	background:#FFFFFF;
	position:relative;
	z-index:50;
}

.gvPager a{
	text-align:left;
	font:bold 18px Arial,Verdana;
	color:#4876AF;
}

.gvPager a:hover{
	text-decoration:none;
	color:#FCB530;
}

.gvPager span{
	text-align:left;
	font:bold 18px Arial,Verdana;
}


.gvHeader{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;
	color:#FFFFFF;
	background:#7DA6E8;
	text-align:left;
	width:100%;
}

.gvHeader th,.gvHeader td{
	padding:3px;
	text-transform:uppercase;
	border-right:1px solid #DEDEDE;
}

.gvHeader a{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}

.gvHeader a:hover{
	color:#DEDEDE;
	text-decoration:underline;
}

.gvItem{
	background:#FFFFFF;
	text-align:left;
	vertical-align:middle;
}

.gvAlternateItem{
	background:#F1F1F1;
	text-align:left;
	vertical-align:middle;
}

.gvItem td,.gvAlternateItem td{
	padding-left:3px;
	padding-right:3px;
	border-right:1px solid #DEDEDE;
}

.black_overlay{
	display:none;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:#000000;
	z-index:1001;
	-moz-opacity:0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}

.white_content{
	display:none;
	position:absolute;
	text-align:center;
	top:100px;
	left:25%;
	width:500px;
/*height: 50%;*/
	padding:1px;
	border:2px solid #a6c9e2;
	background:#FFFFFF;
	z-index:1002;
	overflow:auto;
}

.white_contentProducto{
	display:none;
	position:absolute;
	text-align:center;
	top:13%;
	left:1%;
/*width: 500px;*/
/*height: 50%;*/
/*padding: 16px 2px 16px 2px;*/
	padding:2px;
	border:2px solid #a6c9e2;
	background:#FFFFFF;
	z-index:1002;
	overflow:auto;
}



.gvEditContainer
{
    position:absolute;
	top:0px;
	left:0px;
    width:100%;
    height:100%;
	z-index:1001;
	text-align:center;
	vertical-align:middle;
}

.gvEditContainerBackground{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:#CCCCCC;
	z-index:1002;
	-moz-opacity:0.4;
	opacity:.40;
	filter: alpha(opacity=40);
}

.gvEditSubContainer
{
    position:relative;
	border:2px solid #a6c9e2;
	background:#FFFFFF;
	text-align:center;
	z-index:1003;
	margin-left:auto;
	margin-right:auto;
	top:10%;	
}
/*
    Ajax Mensaje Evento
*/

.gvEventMessage{
	text-align:center;
	background:#FFFF00;
	color:#000000;
	padding:3px;
	font:italic 10px Arial,verdana;
	padding-left:8px;
	padding-right:8px;
	z-index:1500;
	position:relative;
}
 
.gvEventMessageError{
	text-align:center;
	background:#FF0000;
	color:#FFFFFF;
	padding:3px;
	font:italic bold 10px arial,verdana;
	padding-left:8px;
	padding-right:8px;
	z-index:1500;
	position:relative;
}
/*----Panel Sitio:Usuarios*/

.pnlSitio{
	background:#FF0000;
	width:100%;
}

txtinput, txttextarea, txtselect{
	background:#FFFFFF;
	font-family:verdana,arial;
	font-size:12px;
	color:#000066;
	border:1px solid #158FCA;			
}