/* ******************************************************************************** */
/*					Plantilla hoja de estilos										*/
/* ******************************************************************************** */
/* 
 <colors>   																		
   <color name="$COLORB1" value="#EBE7D7"	text="Color de fondo de ventana"			/> 
   <color name="$COLORB2" value="#BF4D7D"	text="Color de fondo de cabeceras"			/>	
   <color name="$COLORB3" value="#000000"	text="Color de fondo botón"					/>	
   <color name="$COLORB4" value="#F97312"	text="Color de fondo de cabecera página"	/>	
   <color name="$COLORB5" value="#DF4611"	text="Color de fondo del menú"				/>	
   <color name="$COLORB6" value="#FFE19D"	text="Color de fondo hover"					/>	
   <color name="$COLORC1" value="#444444"	text="Color primer plano de H1,H2,H3"		/>	
   <color name="$COLORC2" value="#666666"	text="Color primer plano de H4,H5,H6"		/>	
   <color name="$COLORC3" value="#FFFFFF"	text="Color primer plano de cabeceras"		/>	
   <color name="$COLORC4" value="#CCCCCC"	text="Color primer plano watermark"			/>	
   <color name="$COLORC5" value="#DF4611"	text="Color primer plano de enlace"			/>	
   <color name="$COLORC6" value="#888888"	text="Color primer plano comment"			/>	
   <color name="$COLORC7" value="#AA373E"	text="Color primer plano llamativo"			/>	
   <color name="$COLORC8" value="#333333"	text="Color primer plano de texto normal"	/>	
   <color name="$COLORC9" value="#FF0000"	text="Color de fondo de enlaces hover"		/>	
   <color name="$COLORCA" value="#FDC072"	text="Color de borde de grid"				/>
   <color name="$COLORCB" value="#000000"	text="Color normal alternativo"				/>	
   <color name="$COLORCC" value="#FDC072"	text="Color de borde de paneles"			/>	
 </colors>   																		
*/
/* 																					*/
/* ******************************************************************************** */

/* Main Elements*/
body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color : $COLORB1;
	scrollbar-arrow-color:$COLORB1;
	scrollbar-face-color:#E1DDCA;
	scrollbar-highlight-color:#F1EEE3;
	scrollbar-3dlight-color:#DAD4BD;
	scrollbar-shadow-color:$COLORB1;
	scrollbar-darkshadow-color: #DAD4BD;
	scrollbar-track-color: #F1EEE3;
	margin: 0px;
	padding: 0px;
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
	text-align: left;
	}

h1, .h1 {
	color : White;
	font-size : 36pt;
	font-weight : bold;
	margin-bottom : 0px;
	margin-top : 6px;
	text-align : left;
	font-family : Arial;
}
h2 {
	color : White;
	font-size : 32px;
	font-weight : bold;
	margin-bottom : 0px;
	margin-top : 4px;
	text-align : center;
	font-family : Arial;
}
h3 {
	color : Black;
	font-size : 24px;
	font-weight :  bolder;
	margin-bottom : 0px;
	margin-top : 4px;
	text-align : center;
}
h4 {
	color : #663300;
	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 : center;
	font-family : Geneva, Arial, Helvetica;
}
h6 {
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
	text-align: left;
	font-weight : bold;
	}

a {
}
a:link, a:visited {
	color : #A40045;
	text-decoration : none;
}
a:hover {
 	color : #333333;
 	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;
	text-align: left;
}


table {
}
th 
{
	color: White;
}
tr {
}
td 
{
}

image 
{
	text-align:center;
	border : 0px none #1C5180;
}

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;
}
a.button{
    color:Yellow;
}
a.button:hover {
    color:white;
	background-color: Black;
}

.normal {
}

.watermark {
	color:#D17FA2;
}

.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 #DAD4BD;
	font-family:Verdana;
    color:#333333;
}

.title 
{
	background-color:#D17FA2;
	font-weight:bold;
	color: #F1EEE3;
}

.comment 
{
 font-style:italic;
 color:#888888;	
}

.textbox
{
	color: #000000;
}


/* Content Zones */

.content {
	background-color : $COLORB1;
	color : #333333;
	text-align: center;
	vertical-align: top;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
	text-align: left;
	}

.header {
	width : 100%;
	background-color : $COLORB2;
	padding-left : 4px;
}

.subheader {
	/* border-bottom : 1px solid #7ECE8E; */
	background-color : #BF4D7D;
	width : 100%;
	padding-left : 4px;
}
.content0 {
	text-align: left;
}
.content1 {
	text-align: left;
	margin : 4px 4px 4px 4px;
	padding : 4px 4px 4px 4px;
	background-color : #F1EEE3;
	height : 100%;
}
.content2 {
	border : 1px solid 7ECE8E;
	text-align: left;
	background-color : #FFFED6;
	margin : 4px 4px 4px 4px;
	padding : 4px 4px 4px 4px;
}
.content3 {
	background-color : #D17FA2;
	border : 1px solid #7ECE8E;
	text-align:left;
}
.content4 {
	text-align:center;
	font-size:small;
	color : #000000;
	margin : 0px 8px 8px 8px;
	padding : 0px 8px 8px 8px;
}
.content5 {
	text-align:center;
	font-size:9px;
	color : #333333;
}
.content6 {
	text-align:left;
	font-size:small;
	color : #000000;
}
.content7 {
	text-align:left;
	background : #F1EEE3;
}
.content8 {
	background : yellow;
	border : 1px solid #7ECE8E;
	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 : #D17FA2;
	border : 1px solid #A40045;
	width : 100%;
	text-align : left;
}
.footer {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-align : right;
	background-color : #A40045;
	padding-bottom : 3px;
}

.footer a:link {
	color : White;
	text-decoration : none;
}
.footer a:visited {
	color : White;
	text-decoration : none;
}
.footer a:hover {
 	color : White;
 	text-decoration : underline;
}
.moduleheader {
	border-bottom : 1px solid #A40045;
	width : 100%;
	background-color : #A40045;
	color: White;
	text-align : center;
	font-size : small;
	font-weight: bold;
}
.property {
	border : 1px solid #A40045;
	text-align : right;
	font-size : x-small;
	width : 100%;
}

/* Menu */

.menuctrl {
}
.menubar {
	font-size : 16px;
	width: 100%;
 	color : #A40045;
}
.menuitem {
	color : White;
	text-align : Left;
	font-family : Arial, Helvetica, sans-serif;
	font-size:  medium;
	font-weight: bold;
	padding-bottom : 0px;
	margin-top : 12px;
	margin-left : 18px;
	width:100%;
	background-color: #A40045;
	background-image: url(~/App_Themes/wine/images/info.gif);
	background-repeat:no-repeat;
}
.menuicon {
}
.menusub {
	color : #A40045;
	text-align : Left;
	font-family : Arial, Helvetica, sans-serif;
	font-size: small;
	padding-bottom : 0px;
	margin-left : 24px; 
	width:100%;
	height: 25px;
	/* background-color: #F1EEE3; */
	background-image: url(~/images/home.gif);
	background-attachment: fixed;
	background-position:top;
}
a.menubar:hover {
 	color : #A40045;
 	text-decoration : underline;
}

.menubreak {
}
.menuitemsel {
}
.menuarrow {
}


/* Grid Zones */

.grid {
	background-color : #F1EEE3;
	font-size : 11px;
	color : #333333;
	font-family: Verdana;
}

.gridheader {
	background-color : #D17FA2;
	color : $COLORB1;
	font-weight: bold;
}
.gridheader a:link {
	color : #333333;
}
.gridheader a:hower {
	background-color : White;
	color : #333333;
}

.gridrow {
	background-color : white;
	color : #333333;
	text-align: center;
}

.gridcell {
	background-color : #F1EEE3;
	font-size : 11px;
	color : #333333; 
	vertical-align: top;
	text-align:  justify;
}

.gridcellcenter {
	background-color : #F1EEE3;
	font-size : 11px;
	color : #333333; 
	vertical-align: top;
	text-align:  center;
}

.gridpager {
	color : #333333;
	text-align:right;
}

.gridfooter {
	color : #333333;
}

.gridborder {
}


/* 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;
}


/* Varios */

.repeater {
	background-color : White;
	font-size : 11px;
	color : #666666;
	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 : 18px;
	font-weight: bold;
	color : black;
	font-family: Verdana;
	border-bottom : dotted 2px  #999999;
}

.replist a{
 	text-decoration : underline;
}

.reptime {
	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;	
}





/* Calendario */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:  Lime;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}