﻿
/*----- Tags redefinidas --- */
html, body, table#main {
 height      : 86%;
 margin-top  :  0;
 margin-left: auto;
 margin-right: auto
}

body, table{ font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#000000;
 }
 

img
{ border:none;
    }
/*----- Estilos para ligas --- */

a {
	text-decoration : none;
	color:#000000;
}

a:hover{
	text-decoration : underline;
	color:#000000;
}

ul{
	list-style-position: outside;
	list-style-image: url(../images/img_bullet.gif);
}

.ol{
	list-style-type: decimal;
}

/*----- Estilos para ligas --- */

a.blanco{ color:#FFFFFF; text-decoration:none }

a.blanco:hover{ color:#FFFFFF; text-decoration:underline }

a.azul{ color:#1F4393; text-decoration:none}

a.azul:hover{ color:#1F4393; text-decoration:underline}

a.amarillo{ color:#FF9900; text-decoration:none}

a.amarillo:hover{ color:#FF9900; text-decoration:underline}

a.gris{ color:#666666; text-decoration:none }

a.gris:hover{ color:#666666; text-decoration:underline }

.pageSelected
{  
   text-align:center;
   padding: 0px 3px 0px 3px;
   margin: 1px; 
   border: 1px solid #1F4393;
   font-weight: bold;
   background-color: #1F4393;
   color: #FFF;                   
    
 }

/*----- Estilos de colores --- */

.blanco{ color:#FFFFFF;}

.gris{ color:#666666 }

.rojo{ color:#CB2839}

.azul{ color:#1F4393}

.grisClaro{ color:#999999}

.azulClaro2{ color:#1557A3;}	

.dinamico{ color:#258557}

.amarillo{color:#FF9900}


/* ----- Estilos de tamaño -- */
.t28{ font-size:28px }

.t26{ font-size:26px }

.t22{ font-size:22px }

.t20{ font-size:20px }

.t18{ font-size:18px }

.t15{ font-size:15px}

.t14{ font-size:14px}

.t12{ font-size:12px}

.t11{ font-size:11px}

.t10{ font-size:10px}

.t8{ font-size:8px}

/* ----- Estilos de alineación ----- */

.izq{text-align:left;}

.der{text-align:right;}

.cen{text-align:center;}

.jus{text-align:justify;}

/* ----- Estilos de texto ----- */

.negrita{ font-weight:bold}

.italica{ font-style:italic; }

/* ----- Estilos para tamaños  -----*/
.combo{ width:256px; font-size:12px; }

.combo200{ width:200px; font-size:12px; }

.cajaTexto{ width:250px; font-size:12px;}

.caja136{ width:136px;}

.caja111{ width:111px;}

.caja200{ width:200px ; height:15px; font-family:Arial, Helvetica, sans-serif}

/* ----- Estilos de background -----*/

.lineaPunteadaBlanca{
	background-image:url(../images/linea_puntosblanca.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
/* Estilos para listas*/

/* --- clases especificas ---*/

a.generos{font-family:Arial, Helvetica, sans-serif;
		  font-size:8px;
		  text-decoration:none;
		  color:#FFFFFF;
		  
		}
		
a.generos:hover{ 
				 font-family:Arial, Helvetica, sans-serif;
		  		 font-size:8px;
		         text-decoration:none;
				 color: #CCCC00;
				 
		        }	

.fondoGeneros{background-image:url(../images/bgGeneros.jpg);
			  background-repeat:repeat-x;
			  background-position:bottom}
			  

.fondoCanal{ background-image:url(../images/bgCanal.jpg);
			 background-position:center;
			 background-repeat:repeat-x}
			 
.fondoPaquetesTel{
             background-image:url(../images/bgPaquetesTel.jpg);
			 background-position:center;
			 background-repeat:repeat-x
			 }
			 
.azulClaro{ color:#1557A3;
			  font-size:16px;
			  font-weight:bold}	
			  
.coment{ color:#666666;
			  font-size:9px;
			  }		 
			  

.bordeTBL{
	border:1px solid #666666;
}


/**  ------------------------------ Checkboxlist ------------------------------ **/
chkList
{
    font-size:10px;
}

.chkList td
{
     width: 220px;    
}



/**  ------------------------------ ModalPopup ------------------------------ **/

.modalBackground 
{
    background-color:Black;
    filter:alpha(opacity=45);
    opacity:0.2;
} 

.modalBackground_default
{
    background-color:Black;
    filter:alpha(opacity=85);
    opacity:0.2;
} 

.containerModal
{
    width: 500px;
    height: 248;
    border: solid 1px #000000;
    background-color:#FFFFFF;
} 


.containerModalAsig
{
    width: 650px;
    height: 600;
    border: solid 1px #000000;
    background-color:#FFFFFF;
} 

.formAlign
{
  text-align:left;
  padding-left:5px;    
  padding-right:5px;  
    }
    
/**  ------------------------------ ModalPopup  Mensajes(Error/Advertencias/etc) ------------------------------ **/
.modalpopupMsg
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.containerMsg
{
    width: 380px;
    border: solid 1px #808080;
    border-width: 1px 0px;
} 

.headerMsg
{
    background: url(../images/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
    text-align:left;
} 

.headerMsg .msgMsg
{
    font-weight: bold;
}         

.bodyMsg
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
} 

.bodyMsg .msgMsg
{
   	color: #000;
   	font-size:11px;
   	text-align:left;
   	padding-left:20px;
}  

.bodyMsg .msgMsg2
{
   	color: #000;
   	font-size:11px;
   	text-align:left;
   	padding-left:40px;
}

.footerMsg
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 

.closeMsg
{
    right: 7px;	
    background: url(../images/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}
      

/**  ------------------------------ Gridview ------------------------------ **/
.alternatingrowstyle{
    background-color:#DDE6EC;
}
.headerstyle
{
    background-image:url(../admin/images/bgHeader.jpg);
    background-color:#1F4393;
    background-repeat:repeat; 
    background-position:top;
    height:20px;
    padding-left:3px;
    
}

.headerstyle a {
    color:#FFFFFF;
    text-decoration:underline;
}    
.sortalternatingrowstyle{
    background-color:#FFFFFF
}

.sortascheaderstyle{
    background:#0975BB url(../admin/images/sort_asc.gif) no-repeat scroll right center;
}
.sortdescheaderstyle{
    background:#0975BB url(../admin/images/sort_desc.gif) no-repeat scroll right center;
}   


.pagerstyle{
     background-image:url(../admin/images/bgHeader.jpg);
    background-color:#1F4393;
    background-repeat:repeat; 
    background-position:top;
    color:#FFFFFF;
    font-size:11px;
    text-align:center;
} 

.pagerstyle select{
    background-color:#DDE6EC;
    font-size:x-small;
}  


.previous{
    background: #DDE6EC url(../admin/images/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{
    background:#DDE6EC url(../admin/images/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  
.gotopage{
    border:1px solid #DDE6EC;
    background-color:#DDE6EC;
    font-size:x-small;
    width:20px;
}

.gridhover{ background-color:#B7DBFF; }



#progressBackgroundFilter { 
  position:fixed; 
  top:-11px; 
  bottom:11px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:Black;  
  filter:alpha(opacity=30); 
  opacity:0.5; 
  z-index:1000; 
} 

#processMessage 
{
  border-style:inset;
  border-width:1px;
  border-color:black; 
  position:fixed;  
  top:40%;  
  left:43%; 
  padding:10px; 
  width:14%; 
  z-index:1001; 
  color:#000; 
  background-color:#fff; 
  text-align:center;
} 
         
.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}    
        

/**  ------------------------------ Menú en acordeón (del admin) ------------------------------ **/
.accordionHeader
{
    cursor: pointer;
}

accordionContent
{
  font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
    background-color: #DDE6EC;
 /*   border: 1px dashed #2F4F4F;*/
    padding: 1px 0px 1px 0px; 
    
}

.menuItem{
	background-image:url('../admin/images/linea_punteada.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
	height:22px;
}
a.azul{ color:#1F4393 }		

.imprimirTit {visibility:hidden;}