/* Estilo predefinido para todo el sitio */
body, table{ font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#333333;
 }


/* Liga predefinida */
 
a {
	text-decoration : none;
	color:#333333;
}

a:hover{
	text-decoration : underline;
	color:#333333;
}

a.no_parte
{
	font-weight:bold;
	text-decoration: underline;
	color:Blue;
}
	
a.no_parte:hover
{
	font-weight:bold;
	text-decoration : underline;
	color:blue;
}

img
{
	border:0;
	}

.cajaComentarios
{ height:70px;}

/* Estilos de colores */

.blanco{ color:#FFFFFF }
.grisClaro{ color:#999999; }
.rojo {color:#EA0000;}
.grisBuscador{color:#CCCCCC;}
.gris{color:#666666;}
.pieFoto {color:#5a5a5a;font-size:8px; text-align:justify; }

/* Tipografia bold */
.negrita{ font-weight:bold }

/* Estilos de tamaños */
.t10{ font-size:10px}
.t8{ font-size:8px }
.t14{ font-size:14px}
.t20 {font-size:20px;}


/* Estilos para ligas */
a.grisClaro { color:#999999;
text-decoration:none}

a.grisClaro:hover { color:#999999;
text-decoration:underline}

a.blanco{ color:#FFFFFF;
text-decoration:none}

a.blanco:hover{ color:#FFFFFF;
text-decoration:underline}

.combo 
{ font-size:11px; }
.cajaTexto 
{ font-size:11px; }
.nota
{ font-size:10px; }

.tamCaja250 
{ width:250px;
  font-size:11px; 
}

.tamCaja207 
{ width:207px;
  font-size:11px; 
}

.tamCaja200 
{ width:200px;
  font-size:11px; 
}
.tamCaja150
{ width:150px;
  font-size:11px; 
}

.tamCaja130
{ width:130px;
  font-size:11px; 
}

.tamCaja100
{ width:100px;
  font-size:11px; 
}

.tamCaja80 
{ width:80px;
  font-size:11px; 
}

/* Estilo para listas  */

ul
{
    list-style-image: url("../images/bullet.gif");
    list-style-position:outside
}    
    
.bordeGris{ border: solid 1px #666666 }

.pageSelected
{  
   text-align:center;
   padding: 0px 3px 0px 3px;
   margin: 1px; 
   border: 1px solid #999999;
   font-weight: bold;
   background-color: #999999;
   color: #FFF;                   
    
 }
 
 
 .bgBuscador
 {
	vertical-align:top; 
	background-repeat:repeat-y; 
	border-bottom: 3px #666666 solid;
	}
	
 .bgContenido
 {
	vertical-align:top; 
	background-repeat: repeat-y; 
	border-bottom: 3px #666666 solid;
    border-top: 3px #666666 solid;
	}	

.bgGris
{
	background-color:#666666;
	
	}

/**  ---------------------------------- Rating -------------------------------- **/
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}


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


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

.modalClose
{
    right: 7px;	
    background: url(../images/ic_cerrar.gif) no-repeat;	
    width: 27px;	
    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 Classes------------------------------ **/
.alternatingrowstyle{
    background-color:#EAEAEA;
}
.headerstyle{
    background:url(../images/bg_gridview.gif) repeat scroll right center;
    color:#FFF;
    height:20px;
}

.headerstyle th 
{
    color:#FFF;
    border:1px solid #bbbbbb;
   
}  
.headerstyle a 
{
     color:#FFF;
     text-decoration:none;
  
}    

.sortascheaderstyle{
    background:#787878 url(../images/ic_arriba.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#787878 url(../images/ic_abajo.gif) no-repeat scroll right center;
    padding-left:5px;
}   

.pagerstyle{
    background:url(../images/bg_gridview.gif) repeat scroll right center;
    color:#FFFFFF;
    font-size:10px;
    text-align:center;
    height:10;
} 

.pagerstyle select{
    font-size:10px;
    width:45px;
    color:#333333;
    font-weight:bold;
}  

.gotopage{
     font-size:10px;
     width:20px;
     font-weight:bold;
     text-align:center;
}




/**  ------------------------------ Ajax Loading Classes------------------------------ **/
#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; 
}    
.bordeTBL 
{ border:solid 1px #000
}



/* -- */

.colorBg{background-color:#CCCCCC;}

.bgGrisMedio{ background-color: #CCCCCC ; }

.topBorder { border-top: #CCCCCC solid 1px }
.leftBorder{ border-left: #CCCCCC solid 1px }

.titProducto{ font-family: arial black, arial;
			  font-size:16px;
			  font-weight:bold;
			  color:#333333 }

.listaGuion{ list-style-image:url(../images/bullet_guion.jpg); }
.negrita{ font-weight:bold}

.negro { color:#000000 }

.bordeGrisMedio{ border: solid #999999 1px }

.bgGrisClaro{ background-color:#f5f5f5}


/*-------------------------------------------  Accordion Classes -------------------------------------------*/
.accordionHeader
{
    cursor: pointer;
}

accordionContent
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color: #515151;
 /*   border-bottom: 1px dashed #2F4F4F;*/
  padding: 0px; 
    
}

.oculta
{
	display:none;
}

/******************************************** Materia de apoyo Marketing ********************************/

.listMaterialApoyo{padding:0; margin:0 40px; list-style:none;}
.listMaterialApoyo li{float:left; width:114px; margin:20px; text-align:center; height:170px;}
.listMaterialApoyo li div{width:114px; height:151px;}