@charset "windows-1252";
/* CSS Document */
/* Redefiniciones de Tags*/
body, table 
{
	font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   text-align: center;
 }
 
 table td 
 {		font-family:Arial, Helvetica, sans-serif;
 		padding-top:0px;
        padding-bottom:0px;
        padding-left:0px;
        padding-right:0px;
         }
 
a {
	text-decoration : none;
	color:#333333;
}

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

img{ border:none; }
ul{ list-style-image:url(../images/bulletGris.jpg); }

/* Clases por ID */

#principal{ width:1001px;
            border:none;
            border-spacing: 0px;
            padding: 0px;
            border-collapse:collapse; 
            text-align:center;   
          }  
#top{ height:70px; }

#menu{ height:32px;
       border:0px;
	   padding:0px;
	   border-spacing:0px;
	   border-collapse:collapse;
	  
       }
#shim1{ height:4px;}

#shim2{ height:16px}
#bottom{ height:104px;
         background-color:#f0f0f0;
		} 
#firma 
{		
		height:23px;
        vertical-align:bottom;
        text-align:right;
         padding-right:42px;
	   } 		
#logotipo
{
	height:60px;
	width:220px;
}	
#buscador
{
	height:20px;
	width:200px;
	text-align:right;
	margin-left:auto;
	margin-right:0px;
	border-collapse:collapse;  
	}	
#txtBuscador{ vertical-align:middle;
              width:203px;
              height:23px;
              border: solid 1px #999999;
              text-align: right;
            } 		

#izqBottom{ width:169px;
            text-align:left; 
            line-height:18px;}
            
#centroBottom{ /*width:420px;*/
               padding-top:10px;
               padding-bottom:10px;
               }	
               
#todoBottom{ width:580px;
	padding-top:10px;
	padding-bottom:10px;
	}	  
                
#derBottom{ width:359px; vertical-align:top}
#datosBottom{ width:230px; 
              font-size:10px;
              color:#154191;
              text-align:right;
              font-weight:bold;
             
              }
        
#cph_contenido{ vertical-align:top;}
/* Clases generales */
.menuInt{ width:174px;
          vertical-align:top;}  

.bgMenu 
{
	background-image:url(../images/bg_menu.jpg);
	   background-repeat:repeat-x;
}
.tablaInterior
{
	border:0px;
	padding:0px;
	border-spacing:0px;
	width:100%;
	border-collapse:collapse;
	text-align:left;  
}	
.aRight{ text-align:right;}
.aLeft{ text-align:left;}
.aCenter{ text-align:center;
          margin-left: auto;
		  margin-right: auto;
		}
.negrita{ font-weight:bold;}
.separador{ width:5px;}
.noVisible{ display:none;}
.visible{ display:block;}

.menuLineas{ height:35px;
             width:174px;
             background-image:url("../images/linea_separadorMnInt.jpg");
             background-repeat:no-repeat;
             background-position:bottom;
		   } 
		      
.menuLineaFinal{ height:35px;
				 width:174px;
				} 	
.itemProducto{
	border-right:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	
		}				
	
	
.cajaTexto{ width:202px;
            width:204px !important;
            height:19px;
            border: solid 1px #cccccc;
}  	

.combo{ width:206px !important;
        width:204px;
        height:19px;
}  					 

.areaTexto{ width:200px;}

.btnIr{ vertical-align:middle}

.bordeLatDer{ border-right: solid 1px #cccccc;}
.bordeBottom{ border-bottom: solid 1px #CCCCCC;}

/* Clases de colores */

.azul{ color:#15408E;}
.verde{ color:#546038;}
.verde_claro{ color:#868F51;}
.gris_claro{ color:#999999;}
.gris_separador{ color:#cccccc;}
.verde_titulos{ color:#90B80C;}
.rojo{ color:#FF0000}
.rosa { color:#DE0052; position:absolute}

.titAzul { color:#103371;}
.titAmarillo { color:#FFA200;}
.titMorado { color:#993366;}
.titVerde{ color:#90B80C;}
.titRosa { color:#DE0052;}


	  
/* Clases de tamaņo */
.t9{ font-size:9px;}	
.t10{ font-size:10px;}
.t11{ font-size:11px;}
.t14{ font-size:14px;}
.t16{ font-size:16px;}

/* Clases para transformar textos */
.mayusculas { text-transform:uppercase;}

/* Clases para ligas */

a.azul{ color:#15408E;
        text-decoration:none;
	  }   
a.azul:hover{ color:#90B80C;
        text-decoration:none;
	  }
	     
a.verde{ color:#546038;
         text-decoration:none;}
         
a.verde:hover{ color:#546038;
         text-decoration:underline;}

a.verde_claro{ color:#868F51;
         text-decoration:none;}         
         
a.verde_claro:hover{ color:#868F51;
         text-decoration:underline;}
         
a.verde_titulos{ color:#90B80C;
				 text-decoration:none;}         
         
a.verde_titulos:hover{ color:#90B80C;
					 text-decoration:underline;}         
         
a.gris{ color:#333333;
         text-decoration:none;}
         
a.gris:hover{ color:#953F4F;
         text-decoration:none;}   
         
a.azulObscuro{color:#154191;
              text-decoration:none;}
a.azulObscuro:hover{color:#154191;
              text-decoration:underline;}              
                       
         
/**  ------------------------------ Gridview ------------------------------ **/

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

.over{ background-color:#E9EEBB;}
.out{ background-color:#FFFFFF;}
.outNone{ background-color:#F1F4D5;}

.headerstyle a {
    color:#FFFFFF;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    
}    
/*.sortalternatingrowstyle{
    background-color:#FFFFFF
}
*/
.sortascheaderstyle{
    background:#79A62F url(../admin/images/sort_asc.gif) no-repeat scroll right center;
}
.sortdescheaderstyle{
    background:#79A62F url(../admin/images/sort_desc.gif) no-repeat scroll right center;
}   


.pagerstyle{
    background-position:top;
    font-size:11px;
    text-align:right;
    background-color:#A6C309;
    color:#ffffff;
} 

.pagerstyle2{
    text-align:right;
    }
} 

.pagerstyle select{
    background-color:#ffffff;
    font-size:x-small;
}  


.previous{
    background: #DDE6EC url(../images/ic_anterior.gif) no-repeat scroll center;
    height:1.1em;
    width:60px;
    border: none;
    cursor:pointer;
    vertical-align:middle;
    
}
.next{
   background: #DDE6EC url(../images/ic_siguiente.gif) no-repeat scroll center;
    height:1.1em;
    width:60px;
    border: none;
    cursor:pointer;
    vertical-align:middle;
}  


.previous2{
    background: #DDE6EC url(../images/btn_anteriorProd.jpg) no-repeat scroll center;
    height:1.1em;
    width:70px;
    border: none;
    cursor:pointer;
    vertical-align:middle;
    
}
.next2{
   background: #DDE6EC url(../images/btn_siguienteProd.jpg) no-repeat scroll center;
    height:1.1em;
    width:70px;
    border: none;
    cursor:pointer;
    vertical-align:middle;
}  

.gotopage{
    border:1px solid #DDE6EC;
    background-color:#ffffff;
    font-size:x-small;
    width:20px;
}

.gridView{ border: solid 1px #F0F0F0;}
/*
.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; 
}                

.alternatingrowstyle{
    background-color:#F1F4D5;
}   

.scrollbar{ width:405px; 
			height: 500px;
			overflow:auto;
scrollbar-base-color: #FFFFFF !important;
scrollbar-arrow-color: #cccccc !important;
scrollbar-3dlight-color: #cccccc!important;
scrollbar-darkshadow-color: #ffffff !important;
scrollbar-face-color: #ffffff!important;
scrollbar-highlight-color: #ffffff !important;
scrollbar-shadow-color: #efefef !important;
scrollbar-track-color: #ffffff !important;

            
          } 
          
.oculto
{
	display:none;
}


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


/**  ------------------------------ 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-color:Blue;
    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;
}
.clear{clear:both;}
/***************************************************************/
/******************** Galeria de videos ************************/
/****************
***********************************************/
.calificacion{margin-top:20px; border: 1px solid #E4E4E4; padding:10px; font-size:11px;}
.addthis_default_style{font-size:11px;}
.at300bs{ padding-right:5px; margin-top:-2px;}

.calificacion .comentarios{width:400px; height:50px;}
.calificacion span{float:left; margin-right:5px;}
.calificacion .enviar{ padding:5px 0 0 310px;}
.calificacion .msgCalifica{ color:#154191; text-align:center;}

.galVideo{margin-top:20px;}

.galVideo .reproductor{float:left; width:500px; height:400px;  text-align:left; }
.galVideo .reproductor .titulo{font-size:18px;}

.galVideo .lineaDiv{line-height:1px; width:98%; background:#cccccc; margin:5px 0;}

.galVideo .listVideo{float:right; width:290px; text-align:left; margin:0 12px 0 0; }
.galVideo .listVideo .content{ height:540px; text-align:left;  overflow:auto;}
.galVideo .listVideo .titulo{font-size:14px;}

.galVideo .listVideo ul{list-style:none; padding:0;}

.galVideo .listVideo ul li{ height:90px;}

.galVideo .listVideo ul li img{float:left; margin-right: 10px; padding:3px; border:1px solid #cccccc;}

#flvplayer{z-index:1;}

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

#at16p{margin:-185px auto 0px 170px;}

#vmBackground{ filter:alpha(opacity:50); opacity: .5; width:100%; height:100%; position:absolute; z-index:5000; background-color:#000000; top:0; left:0;}
.btnClose{position:absolute; margin:-20px 0 0 585px; cursor:pointer;}

#boxVideo{ position:absolute; padding:30px; top:50%; left:50%;z-index:5001; margin:-300px 0 0 -400px;}
.boxContenido{ background-color:#FFFFFF; width:570px; height:400px; padding:20px; text-align:center;}