body {
background: #D05C07 url(img/admin/bg_rojo.gif) repeat-x;
}
.titulo {
font-size:24px;
letter-spacing:-1.5px;
margin: 20px 0;
text-align:left;
}
#boton_leyenda_graph_1, #boton_leyenda_graph_2, #boton_leyenda_graph_3 {
color:#AAAAAA;
font-size:18px;
}
#boton_leyenda_graph_2 {color:#888888;}
#boton_leyenda_graph_3 {color:#666666;}

#redonda_leyenda_graph_1 {
color:#B40000;
}
#redonda_leyenda_graph_2 {
color:#198BBE;
}

/* scroller dhtml */

#spyContainer div {
border-bottom:1px dotted #333333;
padding:5px;
}

/* estadisticas 3d */

.depthBar ul.TGraph {
	margin-top:20px;
	border-bottom: 3px solid #333; 
	position: relative;
	margin: 1em 0; 
	padding: 0;
	background: url(scripts/admin/barras/horizontal_line.png) bottom left;
	font: 11px Helvetica, Geneva, sans-serif;
	width:1200px;
	height: 240px;
	}
.depthBar .TGraph li {
	position: absolute; 
	bottom: 0; 
	margin: 0 -1px 0 -1px; 
	padding: 0;
	list-style: none;
	width: 41px; 
	border-bottom: none; 
	color: #ffffff;
	cursor:pointer;
	}
.depthBar .TGraph li p {
	position:relative;
	margin-top: 5px;
	margin-left:5px;
	}

.depthBar .TGraph li:hover {font-weight:bold;color:#FF9900;}
.depthBar .TGraph li.p48{background:  url(scripts/admin/barras/3dbar1.png) no-repeat top center; z-index:100}
.depthBar .TGraph li.p32{background:  url(scripts/admin/barras/3dbar2.png) no-repeat top center; z-index:200}
.depthBar .TGraph li.p16{background:  url(scripts/admin/barras/3dbar3.png) no-repeat top center; z-index:300}


/* tabs ajax */

#countrytabs{
padding: 0;
border-top: 5px solid #333333; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
ul.modernbricksmenu2{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.modernbricksmenu2 a{
float: left;
display: block;
font-weight:bold;
font-size:11px;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #D25A0B; /*Brown color theme*/ 
border-top: 1px solid white;
}
.modernbricksmenu2 a:hover{
background-color: #333333; /*Brown color theme*/ 
color: white;
}
.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #333333; /*Brown color theme*/ 
color: white;
border-color: #333333; /*Brown color theme*/ 
}

/*loader tabs*/
#loadingjquery {
position:fixed;top:10px;border:1px solid black;padding:20px;right:10px;background:yellow;z-index:2;display:none;
}
#loadingjquery img {
vertical-align:-3px;
margin-right:3px;
}

/*selecto campanas clientes*/
#selector select.selected{
background-color:red;
}




/*
 * BACKOFFICE
 */
 
/*menu principal*/
#menu  ul{list-style: none;margin-bottom:13px;text-align:left;padding-left:10px}
#menu li{display: inline;text-transform:uppercase;margin-right:-3px;}
#menu a {padding:12px 15px;background: #D25A0B;color:#ffffff;font-weight:bold;}
#menu a:hover {background:#333333;text-decoration:none;}
#menu a.selected { background: #333333;}

#anchopagina_form{ 
	width:600px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
} 

#anchopagina_form #pags_int_titulo{
	background-color:#5480A4;
	text-align:center;
}

#anchopagina_form #pags_int {
	padding-bottom:14px;
}

#upload_button {
	width:120px;
	height:35px;
	text-align:center;
	background-image:url(boton.png);
	color:#CCCCCC;
	font-weight:bold;
	padding-top:15px;
	margin:auto;
}

.backoffice div.backoffice_form{
	text-align:center;
}

.backoffice_form table.tabla{
	width:500px;
	margin:25px auto; 
}

.backoffice_form td{
	text-align:right;
	width:250px;
}

.backoffice_form td.options{
	text-align:left;
	font-size:11px;
	width:250px;
}

.backoffice_form td.der{
	text-align:left;
}

.backoffice_form td.der_combo{
	text-align:left;
	font-size:11px;
}

.backoffice_form td.der_combo2{
	text-align:left;
	font-size:11px;
}

.backoffice_form td.der_coletilla{
	text-align:left;
	font-size:11px;
}

.backoffice_form td.submit{
	text-align:center;
	padding:20px;
}

.backoffice_form select.desplegable{
	width:100%;
}

.backoffice_form textarea.codigo{
	width:100%;
}

.backoffice_form textarea.url{
	width:100%;
}

.backoffice_form textarea.coment{
	width:100%;
}

.backoffice_form .der_coletilla textarea{
	width:45%;
	vertical-align:middle;
	margin-right:10px;
}

.backoffice_form .der input{
	width:100%;
}

.backoffice_form .der input.check{
	width:auto;
}

.backoffice_form .der_combo input {
	width:80%;
}

.backoffice_form .der_combo2 input {
	width:35%;
	margin-right:10px;
}

.backoffice_form .der_combo2 input.check{
	width:auto;
}

.backoffice_form .der_duo input {
	width:45%;
}

.backoffice_form .der_duo select {
	width:45%;
}

.backoffice_form .der input.combo{
	width:50%;
}

.backoffice_form .options select {
	margin-left:10px;
	width:45%;
}

.ejemplo_plantilla{
	
}






/*
 * CSS de Flexigrid
 */
 
 @charset "UTF-8";
/* CSS Document */

.flexigrid
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	border: 0px solid #eee;
	overflow: hidden;
	color: #000;
	}

	.flexigrid.hideBody
		{
		height: 26px !important;
		border-bottom: 1px solid #ccc;
		}

	.ie6fullwidthbug
		{
		border-right: 0px solid #ccc;
		padding-right: 2px;	
		}

.flexigrid div.nDiv
	{
	background: #eee url(/img/flexigrid/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	}

	.flexigrid div.nDiv table
		{
		margin: 2px;
		}

.flexigrid div.hDivBox
	{
	float: left; 
	padding-right: 40px;
	}

.flexigrid div.bDiv table
	{
	margin-bottom: 10px;
	}
	
	.flexigrid div.bDiv table.autoht
		{
		border-bottom: 0px;
		margin-bottom: 0px;
		}
	
.flexigrid div.nDiv td
	{
	padding: 2px 3px;
	border: 1px solid #eee;
	cursor: default;
	}

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
	{
	background: #d5effc url(/img/flexigrid/hl.png) repeat-x top;
	border: 1px solid #a8d8eb;
	}
	
	.flexigrid div.nDiv td.ndcol1
		{
		border-right: 1px solid #ccc;
		}
		
	.flexigrid div.nDiv td.ndcol2
		{
		border-left: 1px solid #fff;
		padding-right: 10px;
		}

	.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
		{
		border-right: 1px solid #d2e3ec;
		}
		
	.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
		{
		border-left: 1px solid #eef8ff;
		}
	
	.flexigrid div.nBtn
		{
		position: absolute;
		height: 24px;
		width: 14px;
		z-index: 900;
		background: #fafafa url(/img/flexigrid/fhbg.gif) repeat-x bottom;
		border: 0px solid #ccc;
		border-left: 1px solid #ccc;
		top: 0px;
		left: 0px;
		margin-top: 1px;
		cursor: pointer;
		display: none;
		}
		
		.flexigrid div.nBtn div
			{
			height: 24px;
			width: 12px;
			border-left: 1px solid #fff;
			float: left;
			background: url(/img/flexigrid/ddn.png) no-repeat center;
			}		
		
		.flexigrid div.nBtn.srtd
			{
			background: url(/img/flexigrid/wbg.gif) repeat-x 0px -1px;
			}
		

.flexigrid div.mDiv
	{
	background: url(/img/flexigrid/wbg.gif) repeat-x top;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}

.flexigrid div.mDiv div
	{
	padding: 6px;
	white-space: nowrap;
	}
	
		.flexigrid div.mDiv div.ptogtitle
			{
			position: absolute;
			top: 4px;
			right: 3px;
			padding: 0px;
			height: 16px;
			width: 16px;
			overflow: hidden;
			border: 1px solid #ccc;
			cursor: pointer;
			}

			.flexigrid div.mDiv div.ptogtitle:hover
			{
			background-position: left -2px;
			border-color: #bbb;
			}
			
			.flexigrid div.mDiv div.ptogtitle span
			{
			display: block;
			border-left: 1px solid #eee;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			width: 14px;
			height: 14px;
			background: url(/img/flexigrid/uup.png) no-repeat center;
			}
			
			.flexigrid div.mDiv div.ptogtitle.vsble span
			{
			background: url(/img/flexigrid/ddn.png) no-repeat center;			
			}			

.flexigrid div.tDiv /*toolbar*/
	{
	background: #fafafa url(/img/flexigrid/bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

	.flexigrid div.tDiv2
		{
		float: left;
		clear: both;
		padding: 1px;
		}

.flexigrid div.sDiv /*toolbar*/
	{
	background: #fafafa url(/img/flexigrid/bg.gif) repeat-x top;
	position: relative;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	display: none;
	}

	.flexigrid div.sDiv2
		{
		float: left;
		clear: both;
		padding: 5px;
		padding-left: 5px;
		width: 1024px;
		}

		.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
		{
		vertical-align: middle;
		}
			
	.flexigrid div.btnseparator
		{
		float: left;
		height: 22px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #fff;
		margin: 1px;
		}
	
	.flexigrid div.fbutton
		{
			float: left;
			display: block;
			cursor: pointer;
			padding: 1px;
		}

	.flexigrid div.fbutton div
		{
			float: left;
			padding: 1px 2px;
		}		
		
	.flexigrid div.fbutton span
		{
		float: left;
		display: block;
		padding: 3px;
		}

	.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
		{
			padding: 0px;
			border: 1px solid #ccc;
		}

	.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
		{
			padding: 0px 2px;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}		
		
	
/* end toolbar*/

.flexigrid div.hDiv
	{
	background: #fafafa url(/img/flexigrid/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}	

.flexigrid div.hDiv table
	{
	border-right: 1px solid #fff;
	}

	.flexigrid div.cDrag
		{
		float: left;
		position: absolute;
		z-index: 2;
		overflow: visible;
		}

		.flexigrid div.cDrag div
			{
			float: left;
			background: none;
			display: block;
			position: absolute;
			height: 24px;
			width: 5px;
			cursor: col-resize;
			}
			
		.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
			{
			background: url(/img/flexigrid/line.gif) repeat-y 2px center;
			}

.flexigrid div.iDiv
	{
		border: 1px solid #316ac5;
		position: absolute;
		overflow: visible;
		background: none;
	}
	
	.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
	.flexigrid div.iDiv input.tb
		{
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		background: none;
		}			
					
.flexigrid div.bDiv
	{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
	}
	
.flexigrid div.bDiv table
	{
	border-bottom: 1px solid #ccc;
	}
	
	.flexigrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(/img/flexigrid/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
	}
	
		.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
			{
				border-right: 1px solid #999;				
				margin-right: 0px;
			}
	
	.flexigrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(/img/flexigrid/wbg.gif) repeat-x 0px -1px;
		border: 1px solid #ccc;
		border-top: 0px;
		text-align: center;
		cursor: row-resize;
		}
			
			.flexigrid div.vGrip span
					{
					display: block;
					margin: 1px auto;
					width: 20px;
					height: 1px;
					overflow: hidden;
					border-top: 1px solid #aaa;
					border-bottom: 1px solid #aaa;	
					background: none;
					}

.flexigrid div.hDiv th, .flexigrid  div.bDiv td  /* common cell properties*/
	{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	overflow: hidden;
	}

		.flexigrid div.hDiv th div, .flexigrid  div.bDiv td  div, div.colCopy div /* common inner cell properties*/
			{
			padding: 5px;
			border-left: 0px solid #fff;
			}

.flexigrid div.hDiv th, div.colCopy
	{
	font-weight: normal;
	height: 24px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	}	

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fafafa url(/img/flexigrid/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

.flexigrid div.hDiv th.sorted
	{
	background: url(/img/flexigrid/wbg.gif) repeat-x 0px -1px;
	border-bottom: 0px solid #ccc;
	}
	
	.flexigrid div.hDiv th.thOver
	{
	}

	.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
	{
	border-bottom: 1px solid orange;
	padding-bottom: 4px;
	}
	
	.flexigrid div.hDiv th.sorted div
	{
	border-bottom: 0px solid #ccc;
	padding-bottom: 5px;
	}

	.flexigrid div.hDiv th.thMove
	{
	background: #fff;
	color: #fff;
	}
	
	.flexigrid div.hDiv th.sorted.thMove div
		{
		border-bottom: 1px solid #fff;
		padding-bottom: 4px
		}
	
	.flexigrid div.hDiv th.thMove div
	{
		background: #fff !important;
	}	
	
	.flexigrid div.hDiv th div.sdesc
		{
		background: url(/img/flexigrid/dn.png) no-repeat center top;
		}	

	.flexigrid div.hDiv th div.sasc
		{
		background: url(/img/flexigrid/up.png) no-repeat center top;
		}	
		
.flexigrid div.bDiv td
	{
	border-bottom: 1px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	}

		.flexigrid div.hDiv th div
			{
			}
			
			.flexigrid span.cdropleft
			{
			display: block;
			background: url(/img/flexigrid/prev.gif) no-repeat -4px center;
			width: 24px;
			height: 24px;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			z-index: 3;
			}

			.flexigrid div.hDiv span.cdropright
			{
			display: block;
			background: url(/img/flexigrid/next.gif) no-repeat 12px center;
			width: 24px;
			height: 24px;
			float: right;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			}


		.flexigrid div.bDiv td div
			{
			border-top: 0px solid #fff;
			padding-bottom: 4px;
			}
	
				
		.flexigrid tr td.sorted
				{
				background: #f3f3f3;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #f3f3f3;
				}		

				.flexigrid tr td.sorted div
					{
					}


		.flexigrid tr.erow td
				{
				background: #f7f7f7;
				border-bottom: 1px solid #f7f7f7;
				}
				
		.flexigrid tr.erow td.sorted
				{
				background: #e3e3e3;
				border-bottom: 1px solid #e3e3e3;
				}						

				.flexigrid tr.erow td.sorted div
					{
					}

		.flexigrid div.bDiv tr:hover td, 
		.flexigrid div.bDiv tr:hover td.sorted,
		.flexigrid div.bDiv tr.trOver td.sorted, 
		.flexigrid div.bDiv tr.trOver td
			{
			background: #d9ebf5;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px dotted #a8d8eb;
			}
					
		.flexigrid div.bDiv tr.trSelected:hover td, 
		.flexigrid div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid div.bDiv tr.trOver.trSelected td,
		.flexigrid tr.trSelected td.sorted, 
		.flexigrid tr.trSelected td
			{
			background: #FC9611;
			border-right: 1px solid #D25A0B;
			border-left: 1px solid #D25A0B;
			border-top: 1px solid #D25A0B;
			border-bottom: 1px solid #D25A0B;
			}
			
		.flexigrid tr.trSelected td.sorted a, 
		.flexigrid tr.trSelected td a
			{
			color: #eee;
			}			

	/* novstripe adjustments */

	.flexigrid.novstripe .bDiv table
	{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.flexigrid.novstripe  div.bDiv td  
		{
		border-right-color: #fff;
		}
		
	.flexigrid.novstripe div.bDiv tr.erow td.sorted
		{
		border-right-color: #e3e3e3;
		}

	.flexigrid.novstripe div.bDiv tr td.sorted
		{
		border-right-color: #f3f3f3;
		}

	.flexigrid.novstripe  div.bDiv tr.erow td  
		{
		border-right-color: #f7f7f7;
		border-left-color: #f7f7f7;
		}
		
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td, 
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
		.flexigrid.novstripe tr.trSelected td.sorted, 
		.flexigrid.novstripe tr.trSelected td
			{
			border-right: 1px solid #0066FF;
			border-left: 1px solid #0066FF;
			}		

	.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
		{
		border-left-color: #d9ebf5;
		border-right-color: #d9ebf5;
		}

	/* end novstripe */

.flexigrid div.pDiv
	{
	background: url(/img/flexigrid/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	}

.flexigrid div.pDiv div.pDiv2
	{
	margin: 3px;
	margin-left: -2px;
	float: left;
	width: 1024px;
	}	
	
	div.pGroup
		{
		float: left;
		background: none;
		height: 24px;
		margin: 0px 5px;
		}
	
	.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol
		{
		position: relative;
		top: 5px;
		overflow: visible;
		}
		
	.flexigrid div.pDiv input
		{
		vertical-align: text-top;
		position: relative;
		top: -5px;
		}
	
	.flexigrid div.pDiv  div.pButton
		{
		float: left;
		width: 22px;
		height: 22px;
		border: 0px;
		cursor: pointer;
		overflow: hidden;
		}

		.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
			{
			width: 20px;
			height: 20px;
			border: 1px solid #ccc;
			cursor: pointer;
			}
		
	.flexigrid div.pDiv  div.pButton span
		{
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		}		
	
		.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
			{
			width: 19px;
			height: 19px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}		
		

		.flexigrid .pSearch
			{
			background: url(/img/flexigrid/magnifier.png) no-repeat center;
			}
	
		.flexigrid .pFirst
			{
			background: url(/img/flexigrid/first.gif) no-repeat center;
			}
			
		.flexigrid .pPrev
			{
			background: url(/img/flexigrid/prev.gif) no-repeat center;
			}

		.flexigrid .pNext
			{
			background: url(/img/flexigrid/next.gif) no-repeat center;
			}

		.flexigrid .pLast
			{
			background: url(/img/flexigrid/last.gif) no-repeat center;
			}
			
		.flexigrid .pReload
			{
			background: url(/img/flexigrid/load.png) no-repeat center;
			}
			
		.flexigrid .pReload.loading
			{
			background: url(/img/flexigrid/load.gif) no-repeat center;
			}															

/* ie adjustments */
			
		.flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  div, div.colCopy.ie div/* common inner cell properties*/
			{
			overflow: hidden;
			}			
.flexigrid div.fbutton .add
		{
			background: url(/img/flexigrid/add.png) no-repeat center left;
		}	

	.flexigrid div.fbutton .delete
		{
			background: url(/img/flexigrid/remove.png) no-repeat center left;
		}			
	
	.flexigrid div.fbutton .edit
		{
			background: url(/img/flexigrid/edit.png) no-repeat center left;
		}		
	.flexigrid div.fbutton .stop
		{
			background: url(/img/flexigrid/stop.png) no-repeat center left;
		}
	.flexigrid div.fbutton .play
		{
			background: url(/img/flexigrid/install.png) no-repeat center left;
		}		
	.flexigrid div.fbutton .default
		{
			background: url(/img/flexigrid/default.png) no-repeat center left;
		}	
	.flexigrid div.fbutton .pause
		{
			background: url(/img/flexigrid/pause.png) no-repeat center left;
		}		
	.flexigrid div.fbutton .clone
		{
			background: url(/img/flexigrid/copy.png) no-repeat center left;
		}		
	.flexigrid div.fbutton .test
		{
			background: url(/img/flexigrid/test.png) no-repeat center left;
		}		
	.flexigrid div.fbutton .estadisticas
		{
			background: url(/img/flexigrid/estadisticas.png) no-repeat center left;
		}	

/* Centrado vertical de las celdas */
.flexigrid div.bDiv td{
	vertical-align:middle;
	display: table-cell; 
}