﻿body 
{
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	text-align:center;
	background-image:url('images/FONDO_detalle.png'); 
	background-repeat:no-repeat;
	background-position:bottom left ;
	background-repeat: no-repeat;
	width:95%;
	max-width:1024px;
	/*max-height:768px;*/
	height:100%;
	min-width:790px;
	text-align:center;
	font-family:Arial;
	
    
}

html
{
background:url(images/fondo.png);
background-repeat:repeat-x;
height: 100%;

}

form {height: 100%;}

a:link { TEXT-DECORATION: none; font-size:8pt;}
a:visited { TEXT-DECORATION: none; }
a:hover { color:#c4161c /*#e12123*/; TEXT-DECORATION: none }
a:active { TEXT-DECORATION: none } 

.LinkMenu
{
	color: #c4161c; /*#b91f21; */
	font-size:8pt;
	font-family:Arial;	
	font-weight:bold;	
}

.LinkGrilla
{
	color: Black; 
	font-size:8pt;
	font-family:Arial;
}

.LinkGrillaTemas
{
	color: #555555;
	font-family: Arial;
	font-size: 7pt;
}

.LinkMosaico
{
	COLOR:  #c4161c; 
	TEXT-DECORATION: none;
	font-size: 7pt;
	font-family: Arial;
}



.filtro 
{
 background-image:url('images/cuadro_izq4.png');
 background-repeat: repeat-x ;
 width:200px;
 padding-left:0;
 padding-right:0;
 margin-right:0;
 margin-left:0;
}

.tituloNegro {
  background-image:url('images/cuadro_izq3.png');  
  background-position: 0 0;
  background-repeat:repeat-x;
  text-align:center; 
  color:white; 
  font-family:Arial;
 
  }

.titulo {
  background-image:url('images/cuadro_izq3.png');  
  background-position: 0 0;
  background-repeat:repeat-x;
  text-align:center; 
  font-family:Arial;
  font-size:9pt;
  font-weight:bold;
  color:white; 
  width: 200px;  
  }

.titulo_der 
{    
 background-image:url('images/cuadro_izq2.png'); 
 background-position: 100% 0;
 background-repeat:repeat-y;
 }
 
.titulo_izq 
{    
 background-image:url('images/cuadro_izq.png');
 background-position: 0 0;
 background-repeat: no-repeat;
  }

.tituloblanco
{
  font-family :Arial;
  color:white; 
}


.divbotones 
{
width:100%; 
text-align:center;
}

.centrado
{
    text-align:center;
    margin:auto;
    font-family:Arial;
}

.main
{
    text-align:left;
    margin-left:10%!important;
    *margin-left:9%!important;
    width:90%;
    position:relative;   
    margin-top:-30px!important;
    *margin-top:-15px!important;    
    }

.circular
{
    background-image:url('images/cuadro_izq3.png');
    background-repeat: repeat-x;
    color:White;    
    font-family:Arial;
    font-weight:bold;
    font-size:8pt;
    text-align:center;
 }

.circular-detalle
{
     margin-left:15%!important;
    *margin-left:14%!important;
    
    }

.butidioma
{
    background-image:url('images/idioma.png');
    background-repeat:repeat-x;
    text-align:center;
    }

.Seccion 
{	 
	FONT-WEIGHT: bolder; 
	BORDER-LEFT-WIDTH: thin; 
	FONT-SIZE: 13pt; 
	COLOR: black;
	text-align :center;
}

.CeldaTitulo
{
	text-align: right;	
	background-color: Transparent;
	background-repeat:repeat-x;
	color:White;
}

#button
{
  padding:1px;
  position:  relative;  
  top:-15px !important; 
  *top:-10px !important;   
}

#button li 
{
    display:inline; 
}

#button li a {
	font-family:Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	background: transparent url('images/Botonera_off.png');
	background-repeat: repeat-x;
	/*float: left;*/
	margin-left:1px;
	padding-top:8px;
	margin-right:1px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:5px;
	white-space : pre-wrap;
	/*width: 90px;*/
	text-align :center;
	color:#FFF;
	line-height:2.4em;    
}

#button li a:hover 
{   
    color: #C00;
    background: transparent url('images/boton_on3.png');
	background-repeat: repeat-x;
	background-position:bottom;
}
/*#button li a:active {background: white; color:#C00;}*/    
#button li a:visited { font-weight: bold; }
#button .double-line  {line-height:1.2em;}

div.banner {
  margin: 0;
  font-size:10px;
  font-weight: bold;
  line-height: 2.1;
  text-align: center;
  position:  absolute;  
  top:25em;
  left:0;
  right: auto;
  width: 16.5em !important; 
  *width: 14.5em !important;
   
}


div.banner p {
  margin: 2px;
  padding: 0.3em 0.4em;
  font-family: Arial;  
  font-size:10px;
  font-weight: bold;  
}
 
div.banner a, div.banner em 
{
    display: block; height: 2.4em;  
}

div.banner a, div.banner em {
    background: transparent url('images/Botonera_off.png');
    background-repeat:repeat-x;
    background-position: top; 
 }
    
div.banner a:first-child { border-top: none;}
div.banner a { margin-top:1px;}
div.banner em { color: #F00 }
div.banner a:visited { text-decoration: none;font-weight: bold; color: white }
div.banner a:link  { text-decoration: none;font-weight: bold; color: white }

div.banner a:hover {
    color:#C00; background: transparent url('images/boton_on3.png');
    background-repeat:repeat-x;
    background-position:bottom;    
    }

.rank-pag 
{
     margin-left:15%!important;
    *margin-left:14%!important;
    
    }
    
.container-rank {
width: 90px;    
margin-top:0px;    
height: 80px;         
    
}                 

.rankfoto {	
	margin-top:0;
	z-index: 1;
}

.rankparlan {
    position :relative;
    top:-70px !important;
    *top:-70px !important;
    left: -50px;
	z-index: 2;
	
}

.rank
{
 	position:relative;
	left:-50px;
	top:-111px !important;
	*top:-111px !important;
	color:blue;
	font-weight:bold;
	background-color:transparent;
	z-index: 3;	
}

.tablerank
{    
    height:90px;
    width:80px !important;
    *width:80px !important ;        
      
}
.datos-rank
{
    position:relative;
    top:-5px !important;
    *top:-5px !important;
    height:60px;
    
}

.cssgrid th
{
    background-image:url('images/cuadro_izq3.png');
    font-size:10pt;
    font-weight:bold;    
}

.cssgrid-alternative
{
    font-family:Arial;
    font-size:7pt;
    padding:0px;
    background-color:#DCDCDC;    
}

.cssgrid-row
{
    font-family:Arial;
    font-size:7pt;
    padding:0px;   
    background-color:transparent; 
}

.cssgrid-stock
{
   color = #c4161c;
    }

.contactenos 
{
    position:relative;
    left :100px;
    top :-150px;
    }
    
.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
 /* float: left;*/ 
  background: white;
}

.progress-barra {   
  font-size:xx-small;
  background-image:url('images/degradado.png');  
}

.lerror
{
  font-size:8pt;
  font-weight:bold;
  color: #c4161c;    
}




#tabla-texto 
{
    font-size:9pt;
    font-family:Arial;
    font-weight:normal;
    text-align:center;
    margin:auto;
}

#tabla-texto th 
{
    font-size:10pt;
    font-family:Arial;
    font-weight:bold;    
 }  


#tabla-texto td 
{
    
    
 }  
 
 
/*.cssgrid a:link 
{
 TEXT-DECORATION: none; 
 font-size:7pt;
 color:White;   
}*/