﻿/* ******************************************************************************** */
/*					Plantilla hoja de estilos										*/
/* ******************************************************************************** */
/* 																					
 <colors>   																		
   <color name="#FFFFFF" value="#FFFFFF"	text="Color de fondo de ventana"			/> 
   <color name="#FDC072" value="#FDC072"	text="Color de fondo de cabeceras"			/>	
   <color name="#000000" value="#000000"	text="Color de fondo botón"					/>	
   <color name="#F97312" value="#F97312"	text="Color de fondo de cabecera página"	/>	
   <color name="#DF4611" value="#DF4611"	text="Color de fondo del menú"				/>	
   <color name="#FFE19D" value="#FFE19D"	text="Color de fondo hover"					/>	
   <color name="#444444" value="#444444"	text="Color primer plano de H1,H2,H3"		/>	
   <color name="#666666" value="#666666"	text="Color primer plano de H4,H5,H6"		/>	
   <color name="#FFFFFF" value="#FFFFFF"	text="Color primer plano de cabeceras"		/>	
   <color name="#CCCCCC" value="#CCCCCC"	text="Color primer plano watermark"			/>	
   <color name="#DF4611" value="#DF4611"	text="Color primer plano de enlace"			/>	
   <color name="#888888" value="#888888"	text="Color primer plano comment"			/>	
   <color name="#AA373E" value="#AA373E"	text="Color primer plano llamativo"			/>	
   <color name="#333333" value="#333333"	text="Color primer plano de texto normal"	/>	
   <color name="#FF0000" value="#FF0000"	text="Color de fondo de enlaces hover"		/>	
   <color name="#FDC072" value="#FDC072"	text="Color de borde de grid"				/>
   <color name="#000000" value="#000000"	text="Color normal alternativo"				/>	
   <color name="#FDC072" value="#FDC072"	text="Color de borde de paneles"			/>	
 </colors>   																		
 																					
/* ******************************************************************************** */

/* Main Elements*/
body {
	background-color : #FFFFFF;
	color : #333333;
	font-family : Verdana, Arial, Helvetica;
}

h1 {
	font-size:32px; 
	color:#444444; 
	font-weight:bold; 
	margin-top:5px; 
	margin-bottom:5px;
}
h2 {
	font-size:24px; 
	color:#444444; 
	margin-top:5px; 
	margin-bottom:5px;
}
h3 {
	font-size:18px; 
	color:#444444; 
	font-weight:600; 
	margin-top:5px; 
	margin-bottom:5px
}
h4 {
	color : #666666;
	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 : #666666;
	font-size : 14px;
	margin-bottom : 2px;
	margin-top : 2px;
	margin-bottom : 2px;
	text-align : left;
	font-family : Geneva, Arial, Helvetica;
}
h6 {
}
a 
{
	color: #DF4611;
}
a:link, a:visited {
	color : #DF4611;
	text-decoration : none;
}
a:hover {
 	color : #DF4611;
	background-color: #FFE19D;
 	text-decoration : underline;
}

p {
	font-size:11px; 
	color:#333333; 
}

ul, ol, ul, li, dl, dt, dd {
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
}


table 
{
	font-size:11px;
	color:#333333;
}
th 
{
	color: #FFFFFF;
}
tr {
}
td 
{
}

image 
{
	text-align:center;
	border:0;
}

textarea {
	background-color : #FFFFFF;
	border : 1px solid #FDC072;
	font-size : 11px;
	color : #333333; 
	vertical-align: top;
	text-align:  justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input {
	background-color : #FFFFFF;
	font-size : 11px;
	color : #333333; 
	vertical-align: top;
	text-align:  justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Parts Classes */

.button 
{
	background-color: #000000;
	border:1px solid #CCCCCC;
	font-family:Verdana;
    color:#FFFFFF;
	margin: 4px, 4px, 4px, 4px;
}
.button  a{
    color:Yellow;
}

.button  a:visited{
    color:Yellow;
}

.button  a:hover {
    color:#FFFFFF;
	background-color: #000000;
 	text-decoration : underline;
}

.normal {
}

.watermark {
	color:#CCCCCC;
}

.alarm 
{
	color:#AA373E;
}

.separator {
    border-bottom: 1px dashed #CCCCCC;
    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: #FFFFFF;
	border:1px solid #FDC072;
	font-family:Verdana;
    color:#333333;
}

.title 
{
	background-color:#FDC072;
	font-weight:bold;
	color: #444444;
}

.comment 
{
 font-style:italic;
 color:#888888;	
}

.textbox
{
	color: #000000;
}


/* Content Zones */

.content {
	background-color: #FFFFFF;   
	border:0;
	width:100%; 
	height:100%;
	text-align: left;}

.header {
	width : 100%;
	background-color : #F97312;
	padding-left : 4px;
	border-collapse: collapse;
}

.subheader {
	width : 100%;
	background-color : #FFFFFF;
	color: #444444;
	border-bottom: 1px solid #FDC072;
}
.content0 {
	background-color: #FFFFFF;   
	border:0;
	width:100%; 
	height:100%;
	text-align: left;
}
.content1 {
	text-align: left;
	margin : 4px 4px 4px 4px;
	padding : 4px 4px 4px 4px;
}
.content2 {
	border : 1px solid #FDC072;
	text-align: left;
	background-color : #FFFFFF;
	margin : 4px 4px 4px 4px;
	padding : 4px 4px 4px 4px;
}
.content3 {
	background-color : #FFFFFF; 
	border : 1px solid #FDC072;
	text-align:left;
	line-height: 20pt;
	margin : 0px 0px 0px 0px;
	padding : 2px 2px 2px 2px;
}
.content4 {
	text-align:center;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-size:11px; 
}
.content4:link {
	font-size:11px; 
	text-decoration:none; 
	text-align:center;  
	height:16px; 
	color:lime; 
	padding:0px; 
	background:#DF4611;
	}
.content4:hover {
	font-size:11px; 
	text-decoration:none; 
	text-align:center;  
	height:16px; 
	border:1px solid #FFFFFF; 
	color:lime; 
	padding:0px; 
	background:#DF4611;
}

.content5 {
	text-align:center;
	font-size:11px; 
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
a.content5:link {
	font-size:11px; 
	text-decoration:none; 
	text-align:center;  
	color:#FFFFFF;
	background-color:#DF4611;
	border:1px solid #DF4611; 
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	height:16px;
	}
a.content5:hover {
	font-size:11px; 
	text-decoration: underline; 
	text-align:center;  
	color:#FFFFFF; 
	background:#DF4611;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	height:16px;
}

.content6 {
	text-align:left;
	font-size:small;
	color : #000000;
}
.content7 {
	text-align:left;
}
.content8 {
	background : yellow;
	border : 1px solid #FDC072;
	color : #FFFFFF;
	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 #FDC072;
	width : 100%;
	background-image : url(../../Images/fondo.gif);
	text-align : left;
}

.footer             
	{font-size:11px; 
	text-decoration:none; 
	text-align:center; 
	width:100%; 
	height:16px; 
	color:#FFFFFF; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	background:#DF4611; 
	display:block}
.footer a           {font-size:11px; text-decoration:none; text-align:center; height:16px; border:1px solid #DF4611; color:#FFFFFF; padding:0px; background:#DF4611; display:block}
.footer a:link		{font-size:11px; text-decoration:none; text-align:center; height:16px; color:#FFFFFF; padding:0px; background:#DF4611}
.footer a:hover     {font-size:11px; text-decoration:none; text-align:center;  height:16px; border:1px solid #FFFFFF; color:#FFFFFF; padding:0px; background:#DF4611}

.containerheader {
	border-bottom : 1px solid #FDC072;
	width : 100%;
	background-color : #F97312;
	color: #FFFFFF;
	text-align : center;
	font-size : small;
	font-weight: bold;
}
.container {
	border : 1px solid #FDC072;
	text-align : right;
	font-size : x-small;
	width : 100%;
}



/* Menu */


.menu 
{
	font-size:11px; 
	text-decoration:none; 
	text-align:center; 
	padding:0px; 
	background:#DF4611; 
	height: 20px;
	color: #FFFFFF;
 }
	
.menu a            {font-size:11px; text-decoration:none; text-align:center;  height:16px; border:1px solid #DF4611; color:#FFFFFF; padding:0px; background:#DF4611; display:block}
.menu a:link     {font-size:11px; text-decoration:none; text-align:center;  height:16px; color:#FFFFFF; padding:0px; background:#DF4611}
.menu a:hover       {font-size:11px; text-decoration:none; text-align:center;  height:16px; border:1px solid #FFFFFF; color:#FFFFFF; padding:0px; background:#DF4611}


.menuctrl {
}
.menubar {
	border-collapse: collapse; 
	background-color: #DF4611; 
	width: 100%;
	color:#FFFFFF;
	font-size: 8pt;
	vertical-align: middle;
	}
.menuitem 
{
	padding: 2px; 
	width: 80px;
	color : #DF4611;
	text-align : Left;
	font-family : Arial, Helvetica, sans-serif;
	font-size: small;
	padding-bottom : 0px;
	margin-top : 18px;
}
.menuicon {
}
.menusub {
	font-size : small;
	text-align : Right;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	padding-top : 0px;
	width:100%;
}
.menubreak {
}
.menuitemsel {
}
.menuarrow {
}


/* Grid Zones */

.grid {
	background-color : #FFFFFF;
	border : 1px solid #FDC072;
	font-size : 11px;
	color : #333333;
	/* vertical-align: top; */
	font-family: Verdana;
}

.gridheader {
	background-color : #FDC072;
	border : 1px solid #FDC072;
	color : #333333;
	font-weight: bold;
}
.gridheader a:link {
	color : #333333;
}
.gridheader a:hower {
	color : #333333;
}

.gridrow {
	background-color : #FFFFFF;
	border : 1px solid #FDC072;
	color : #333333;
	text-align: center;
}

.gridcell {
	background-color : #FFFFFF;
	font-size : 11px;
	color : #333333; 
	vertical-align: top;
	text-align:  left;
}

.gridcellcenter {
	background-color : #FFFFFF;
	border : 1px solid #FDC072;
	font-size : 11px;
	color : #333333; 
	vertical-align: top;
	text-align:  center;
}

.gridpager {
	background-color : #FDC072;
	border : 1px solid #FDC072;
	color : #444444;
	text-align:right;
}

.gridfooter {
	background-color : #FDC072;
	border : 1px solid #FDC072;
	color : #444444;
}

.gridborder {
	border : 1px solid #FDC072;
}

/* Grid Alt Zones 

.grid2 {
	background-color : #FFFFFF;
	font-size : 11px;
	color : #3F3F3F;
	font-family: Verdana;
}

.gridheader2 {
	background-color : #C5E4B0;
	color : #053591;
	font-weight: bold;
}
.gridheader2 a:link {
	color : #053591;
}
.gridheader2 a:hower {
	background-color : #FFFFFF;
	color : #053591;
}

.gridrow2 {
	background-color : #FFFFFF;
	color : #3F3F3F;
	text-align: center;
}

.gridcell2 {
	background-color : #FFFFFF;
	font-size : 11px;
	color : #3F3F3F; 
	vertical-align: top;
	text-align:  left;
}

.gridcellcenter2 {
	background-color : #FFFFFF;
	font-size : 11px;
	color : #3F3F3F; 
	vertical-align: top;
	text-align:  center;
}

.gridpager2 {
	background-color : #A2D37F;
	color : #000000;
	text-align:right;
}

.gridfooter2 {
	background-color : #FFFFFF;
	color : #000000;
}

.gridborder2 {
	border : 1px solid #FDC072;
}*/


/* RSS Lists */

.rss {
	position: relative;
	display: inline;
	background-color: #DF4611;
	color: #FFFFFF;
	border: solid 2px #000000;
	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: #444444;
}

.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 #FFFFFF;
}

.callbackStyle {
	border:thin #A2D37F inset;		
}

.callbackStyle table {
	background-color:#A2D37F;	
	color:#000000;
}


.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 #000000;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}
*/




/* Varios */

.repeater {
	background-color : #FFFFFF;
	font-size : 11px;
	color : #3F3F3F;
	font-family: Verdana;
	text-align:left;
}

.repnumber {
	font-size : 16px;
	font-weight: bold;
	color : #000000;
	font-family: Verdana;
	text-align:center;
	vertical-align:top;
}

.repuser {
	font-size : 12px;
	color : #000000;
	font-family: Verdana;
}

.repuser a {
	font-style :italic;
}

.replist {
	font-size : 12px;
	color : #000000;
	font-family: Verdana;
}

.replist a{
 	text-decoration : underline;
}

.reptime {
	font-size : 10px;
	color : #000000;
	font-family: Verdana;
}

/* Tags */
.tag7 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size: 28px;
	font-weight: bolder;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
}
.tag6 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size: 24px;
	font-weight: bolder;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
}
.tag5 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size: 20px;
	font-weight: bolder;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
}
.tag4 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag3 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size:  16px;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag2 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size:  14px;
	font-weight:  bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag1 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size: 12px;
	font-weight:  bold;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
.tag0 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 6px;
	color: #000000;
	font-size: 10px  ;
	font-weight:  normal;
	text-decoration: none;
	font-family:Arial, Verdana, sans-serif;
	}
	
.tag0:hover,.tag1:hover,.tag2:hover,.tag3:hover,.tag4:hover,.tag5:hove,.tag6:hove,.tag7: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: #FFFFFF;}
.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;}

*/