﻿/* ******************************************************************************** */
/*					Plantilla hoja de estilos										*/
/* ******************************************************************************** */
/* <colors>																			*/
/*   <color name="c01" value="#DCDCDC"	name=""			text=""					/>	*/
/*   <color name="c02" value="#FFFFFF"	name="White"	text="[BC],[BW],[BH],[BF]"	/>	*/
/*   <color name="c03" value="#3F3F3F"	name="" 		text="[CT],[CG]"		/>	*/
/*   <color name="c04" value="#EFEFEF"	name="" 		text=""					/>	*/
/*   <color name="c05" value="#053591"	name="" 		text="[CO],[CL]"		/>	*/
/*   <color name="c06" value="#239A00"	name="" 		text="[C1],[HL]"		/>	*/
/*   <color name="c07" value="#999999"	name="" 		text="[C2]"				/>	*/
/*   <color name="c08" value="#205BAB"	name="" 		text="[BB],[BG]"		/>	*/
/*   <color name="c09" value="#EFEFEF"	name="" 		text="[CB]"				/>	*/
/*   <color name="c10" value="#1C5180"	name="Gray"	text="[RP],[CM],[RG],[BP]"	/>	*/
/*   <color name="c11" value="#3300CC"	name="" 		text="[BM]"				/>	*/
/*   <color name="c12" value="#A2D37F"	name="" 		text=""					/>	*/
/*   <color name="c13" value="#C5E4B0"	name=""			text=""					/>	*/
/*   <color name="c14" value="#444444"	name=""			text=""					/>	*/
/*   <color name="c15" value="#808080"	name=""			text=""					/>	*/
/*   <color name="c16" value="#A4A5A5"	name="" 		text=""					/>	*/
/* </colors>																		*/
/* 																					*/
/* <zones>   																		*/
/*   <zone name="BB" text="Color de fondo de cabeceras"							/>	*/
/*   <zone name="BC" text="Color de fondo de la página"							/>	*/
/*   <zone name="BF" text="Color de fondo de pié de página"						/>	*/
/*   <zone name="BG" text="Color de fondo de grid"								/>	*/
/*   <zone name="BH" text="Color de fondo de cabecera de página"				/>	*/
/*   <zone name="BM" text="Color de fondo del menú"								/>	*/
/*   <zone name="BP" text="Color de fondo del pie de grid"						/>	*/
/*   <zone name="BW" text="Color de fondo de ventana"							/>	*/
/*   <zone name="C1" text="Color primer plano de H1"							/>	*/
/*   <zone name="C2" text="Color primer plano de H2"							/>	*/
/*   <zone name="CB" text="Color primer plano de cabeceras"						/>	*/
/*   <zone name="CG" text="Color primer plano de texto en grid"					/>	*/
/*   <zone name="CL" text="Color primer plano de enlace"						/>	*/
/*   <zone name="CM" text="Color primer plano del menú"							/>	*/
/*   <zone name="CO" text="Color primer plano llamativo"						/>	*/
/*   <zone name="CT" text="Color primer plano de texto normal"					/>	*/
/*   <zone name="HL" text="Color primer plano de enlaces hover"					/>	*/
/*   <zone name="RG" text="Color de borde de grid"								/>	*/
/*   <zone name="RP" text="Color de borde de paneles"							/>	*/
/* </zones>   																		*/
/* 																					*/
/* ******************************************************************************** */

/* Main Elements*/
body {
	background-color : #FFFFFF;
	color : #3F3F3F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
	color : #239A00;
	font-size : 48px;
	font-weight : bold;
	margin-bottom : 0px;
	margin-top : 6px;
	text-align : left;
}
h2 {
	color : #A4A5A5;
	font-size : 24px;
	font-weight : bold;
	margin-bottom : 0px;
	margin-top : 4px;
	text-align : center;
}
h3 {
	color : Black;
	font-size : 24px;
	font-weight :  bolder;
	margin-bottom : 0px;
	margin-top : 4px;
	text-align : center;
}
h4 {
	color : #053591;
	font-size : 16px;
	margin-bottom : 0px;
	margin-top : 2px;
	margin-bottom : 2px;
	text-align : center;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h5 {
	color : Black;
	font-size : 14px;
	margin-bottom : 2px;
	margin-top : 2px;
	margin-bottom : 2px;
	text-align : left;
	font-family : Geneva, Arial, Helvetica;
}
h6 {
}

a {
}
a:link, a:visited {
	color : #053591;
	text-decoration : none;
}
a:hover {
 	color : #053591;
	background-color: #C5E4B0;
 	text-decoration : underline;
}

p {
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
	text-align: left;
}

ul, ol, ul, li, dl, dt, dd {
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
}


table {
}
th 
{
	color: White;
}
tr {
}

td 
{
    border: inherit;
}

span
{
    border: none;
	text-align: inherit;
}

image 
{
	text-align:center;
	border:0;
}

textarea {
	background-color : White;
	border : 1px solid #1C5180;
	font-size : 11px;
	color : #000000; 
	vertical-align: top;
	text-align:  justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input {
	background-color : White;
	font-size : 11px;
	color : #000000; 
	vertical-align: top;
	text-align:  justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Parts Classes */

.button 
{
	background-color: Black;
	border:1px solid Gray;
	font-family:Verdana;
    color:White;
	margin: 4px, 4px, 4px, 4px;
	text-align: center;
}

.button span
{
	text-align: center;
}

.button a {
    color:Yellow;
	text-align: center;
}

.button a:visited{
    color:Yellow;
	text-align: center;
}

.button a:hover {
    color:white;
    background-color: Transparent;
 	text-decoration : underline;
	text-align: center;
}

.normal {
}

.watermark {
	color:#CCCCCC;
}

.alarm 
{
	color:#AA373E;
}

.separator {
    border-bottom: 1px dashed silver;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}
.formlabel {	
	text-align:right;
}
.formtxt {	
	text-align:left;
	color : #000000;
}
.formblock {	
	text-align:left;
}

.panel 
{
	padding:4;
	text-align:left;
	background-color: White;
	border:1px solid #A2D37F;
	font-family:Verdana;
    color:#3F3F3F;
}

.title 
{
	background-color:#C5E4B0;
	font-weight:bold;
	color: #053591;
}

.comment 
{
 font-style:italic;
 color:#888888;	
}

.textbox
{
	color: #000000;
}


/* Content Zones */

.content {
	background-color : White;
	color : #333333;
	text-align: left;
	vertical-align: top;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.header {
	border : 1px solid #A2D37F;
	width : 100%;
	background-color : #FFFFFF;
	padding-left : 4px;
}

.First {
	border-bottom : 1px solid #A2D37F;
	width : 100%;
	background-color : #FFFFFF;
	padding-left : 4px;
}
.content0 {
	border : 1px solid #A2D37F;
	text-align: left;
	padding : 2px 2px 2px 2px;
}
.content1 {
	text-align: left;
	margin : 4px 4px 4px 4px;
	padding : 4px 4px 4px 4px;
}
.content2 {
	border : 1px solid #A2D37F;
	text-align: left;
	background-color : #FFFED6;
	margin : 4px 4px 4px 4px;
	padding : 4px 4px 4px 4px;
}
.content3 {
	background-color : #C5E4B0;
	border : 1px solid #A2D37F;
	text-align:left;
}
.content4 {
	text-align:center;
	font-size:small;
	color : #000000;
	margin : 8px 8px 8px 8px;
	padding : 8px 8px 8px 8px;
}
.content5 {
	text-align:center;
	font-size:small;
	color : #000000;
}
.content6 {
	text-align:left;
	font-size:small;
	color : #000000;
}
.content7 {
	text-align:left;
	border: none;
}
.content8 {
	background : yellow;
	border : 1px solid #A2D37F;
	color : White;
	width : 100%;
	font-weight : bolder;
	font-size : 12px;
	margin-bottom : 0px;
	margin-top : 4px;
	height : 18px;
	padding-top : 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
}
.content9 {
	background : Pink;
	border : 1px solid #A2D37F;
	width : 100%;
	background-image : url(../../Images/fondo.gif);
	text-align : left;
}
.footer {
	color : #888888;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
	text-align : right;
}

.containerheader {
	border-bottom : 1px solid #A2D37F;
	width : 100%;
	background-color : #A2D37F;
	color: White;
	text-align : center;
	font-size : small;
	font-weight: bold;
}
.container {
	border : 1px solid #A2D37F;
	text-align : right;
	font-size : x-small;
	width : 100%;
}


	
/* Menu */

.menuctrl {
}
.menubar {
	background-color : White;
	border : 1px solid #A2D37F;
	font-size : 16px;
	width:100%;
}
.menuitem {
	color : #239A00;
	text-align : Left;
	font-family : Arial, Helvetica, sans-serif;
	font-size: small;
	padding-bottom : 0px;
	margin-top : 6px;
	width:100%;
}
.menuicon {
}
.menusub {
	font-size : small;
	text-align : Right;
	color : #333333;
	font-family : Arial, Helvetica, sans-serif;
	padding-top : 0px;
	width:100%;
}
.menubreak {
}
.menuitemsel {
}
.menuarrow {
}


/* Grid Zones */

.grid {
	background-color : White;
	border : 1px solid #A2D37F;
	font-size : 11px;
	color : #3F3F3F;
	/* vertical-align: top; */
	font-family: Verdana;
}

.gridheader {
	background-color : #C5E4B0;
	border : 1px solid #A2D37F;
	color : #053591;
	font-weight: bold;
}
.gridheader a:link {
	color : #053591;
}
.gridheader a:hower {
	background-color : White;
	color : #053591;
}

.gridrow {
	background-color : white;
	border : 1px solid #A2D37F;
	color : #3F3F3F;
	text-align: center;
}

.gridcell {
	background-color : White;
	font-size : 11px;
	color : #3F3F3F; 
	vertical-align: top;
	text-align:  left;
}

.gridcellcenter {
	background-color : White;
	border : 1px solid #A2D37F;
	font-size : 11px;
	color : #3F3F3F; 
	vertical-align: top;
	text-align:  center;
}

.gridpager {
	background-color : #A2D37F;
	border : 1px solid #A2D37F;
	color : #000000;
	text-align:right;
}

.gridfooter {
	background-color : #C5E4B0;
	border : 1px solid #A2D37F;
	color : Black;
}

.gridborder {
	border : 1px solid #A2D37F;
}

/* Grid Alt Zones */

.grid2 {
	background-color : #C5E4B0;
	font-size : 11px;
	color : #3F3F3F;
	/* vertical-align: top; */
	font-family: Verdana;
	border :  none 1px white;
}

.grid2 td 
{
    border: none;
}

.gridheader2 {
	background-color : #C5E4B0;
	color : #053591;
	font-weight: bold;
}
a.gridheader2:link {
	color : red; /* #053591;*/
}
a.gridheader2:hower {
	background-color : White;
	color : #053591;
}

.gridrow2 {
	background-color : White;
	color : #3F3F3F;
	text-align: left;
	border  :  none 1px White;
}

.gridcell2 {
	background-color : White;
	font-size : 11px;
	color : #3F3F3F; 
	vertical-align: top;
	text-align:  left;
	border  :  none 1px White;
}

.gridcellcenter2 {
	background-color : White;
	font-size : 11px;
	color : #3F3F3F; 
	vertical-align: top;
	text-align:  center;
}

.gridpager2 {
	background-color : #A2D37F;
	color : #000000;
	text-align:right;
}

.gridfooter2 {
	background-color : white;
	color : Black;
}

.gridborder2 {
	border : 1px none #A2D37F;
}


/* RSS Lists */

.rss {
	position: relative;
	display: inline;
	background-color: orange;
	color: #ffffff;
	border: solid 2px black;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica;
	margin: 0px;
	font-size: 25pt;
	left: -15px;
	top: -5px;
}

.rsslist {
	list-style-type: circle;
	color: #666666;
}

.rssitem {
	padding-bottom: 8px;
}

.rssdetails {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #333333;
}


/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:#A2D37F;
	background-image:url(../../images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin #A2D37F inset;		
}

.callbackStyle table {
	background-color:#A2D37F;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#A2D37F;
}

.reorderListDemo li a {color:#A2D37F !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}



/* Varios */

.repeater {
	background-color : White;
	font-size : 11px;
	color : #3F3F3F;
	font-family: Verdana;
	text-align:left;
}

.repnumber {
	font-size : 16px;
	font-weight: bold;
	color : gray;
	font-family: Verdana;
	text-align:center;
	vertical-align:top;
}

.repuser {
	font-size : 12px;
	color : black;
	font-family: Verdana;
}

.repuser a {
	font-style :italic;
}

.replist {
	font-size : 12px;
	color : black;
	font-family: Verdana;
}

.replist a{
 	text-decoration : underline;
}

.reptime {
	font-size : 10px;
	color : black;
	font-family: Verdana;
}

.reptitle {
	font-size : 16px;
	color : black;
	font-family: Arial;
	font-weight: bold;
}

.repnormal {
	font-size : 10px;
	color : black;
	font-family: Verdana;
}


.UpdateProgressPanel
{
	padding: 1em;
	border: solid 1px gray;
	position: Absolute;
	top: 45%;
	left: 40%;
	width: 20%;
	height: 2.5em;
	background-color : White;		
	vertical-align : middle;
}

.UpdateProgressPanel .ProgressPanelContainer
{
	padding: 0.5em 1em 0.5em 4em;
	background: white url('../../images/ajaxloader.gif') no-repeat left;	
}





/* Tags */
.tag7 {
	margin: 0px;
	padding: 0px;
	display:  inline-block;
	margin-right: 6px;
	color: #000000;
	font-size: 18px;
	font-weight: bolder;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
}
.tag6 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-right: 6px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
}
.tag5 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-right: 6px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag4 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-right: 6px;
	color: #000000;
	font-size:  12px;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag3 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-right: 6px;
	color: #000000;
	font-size:  10px;
	font-weight:  bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag2 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-right: 6px;
	color: #000000;
	font-size: 9px;
	font-weight:  bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag1 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-right: 6px;
	color: #000000;
	font-size: 8px  ;
	font-weight:  normal;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
	
.tag1:hover,.tag2:hover,.tag3:hover,.tag4:hover,.tag5:hover {
	color: #FF0000;
	text-decoration: underline;
	background-color :  Transparent;
	}





/* Calendario */
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;
	border:1px solid #A2D37F;background-color: White;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-image:url(../../images/arrow-left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(../../images/arrow-right.gif);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;font-weight:bold;color:#053591;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:Red;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
