/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/*----- Tags redefinidas --- */
html, body, table#main {
 height      : 86%;
 margin-top  :  0;
 margin-left: auto;
 margin-right: auto;
 background-color:#FAFBFC
}


body, table{ font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   #color:#666666;
 }
 

img
{ border-style: none;
	border-color: inherit;
	border-width: medium;
}
/*----- 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;
}
li{
	list-style:none; 
}
/*----- 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 }

a.naranja{ color:#FE3500; text-decoration:none }
.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;}

.negro{ color:#000000;}

.gris{ color:#666666 }

.rojo{ color:#CB2839}

.azul{ color:#1F4393}

.grisClaro{ color:#999999;}

.grisClaro1{ color:#94969C;}

.azulClaro2{ color:#1557A3;}	

.grisOscuro{ color:#636563;}	

.dinamico{ color:#258557}

.amarillo{color:#FF9900}

.naranja{ color:#FE3500;}

.grisObscuro{ color:#333333 }

/* ----- Estilos de tamaño -- */
.t28{ font-size:28px }

.t26{ font-size:26px }

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

.areaTexto{ width:250px; height:60px}

.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 ---*/

.menu
{
	background-image: url(images/bgMenu.jpg)
}

.mapaSitio
{
	list-style-image:url(../images/bulletAzul.gif);
	list-style-position:outside;
	padding-left:20px;
}


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

.fondoTop{ background-image:url("images/bgTop.jpg");
           background-repeat:no-repeat;
           background-position:center top;
           background-color:#EAEAEB;
		 }  

.bgGris
{
	background-image:url("../images/bgTitulos.jpg");
	background-repeat:repeat-x;
}			 

.bgGrisBottom
{
	background-color:#E3E3E4
}	

.bordeIzquierdo
{
	border-left: solid 1px #ffffff;
}	

.bordeTop
{
	border-top: solid 1px #ffffff;
}	
	

.bgBlanco
{
	background-color:White
}
	
.bordeBottom
{
	border-bottom: solid 1px #cccccc;
}		

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

.modalBackground_AccessError
{
    background-color:#FFFFFF;
   
} 


.containerModal
{
    width: 500px;
    height: 350;
    border: solid 1px #000000;
    background-color:#FFFFFF;
} 


.containerModalVideo
{
    width: 600px;
    height: 402;
    border: solid 1px #000000;
    background-color:#FFFFFF;
} 


.containerModalEncuesta
{
    width: 600px;
    height: 425px;
    border-bottom: solid 1px #cccccc;
    background-color:#FFFFFF;
} 


.containerModalMaps
{
    width: 600px;
    height: 530px;
    border: solid 1px #000000;
    background-color:#FFFFFF;
} 

.modalClose
{
    right: 7px;	
    background: url(../images/ic_cerrar.gif) no-repeat;	
    width: 18px;	
    height: 19px;
    cursor: pointer;	
    position: absolute;	
    top: 0px;	   
}
    
/**  ------------------------------ 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 ------------------------------ **/

.headerstyle
{
    background-image:url(../images/bgHeader.gif);
    background-color:#1F4393;
    background-repeat:repeat-x; 
    background-position:top;
    height:20px;
    padding-left:3px;
    font-size:20px;
    color:#ffffff;
    text-align:left;
    
}

.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-position:top;
    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 }		
ound-repeat:repeat-x;
	height:22px;
}*/
a.azul{ color:#1F4393 }		



CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px blue; background-color: #ADD8E6; 
}