body 
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: smaller;
	/* background-image: url("960x1px-BG.jpg"); */
	/* background-repeat: repeat-y; */
	/* background-color: #d8e153; */
	background-color: #00527A;
    margin: 0px;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}

#pagina
{
    background-position: right top;
	background-image: url("img-BG.png");
	background-repeat: no-repeat;
    width: 960px;
}

#header 
{
	text-align: left;
}

#container {
    width: 100%;
    float: left;
    margin-right: -210px;
}

#sidebar {
    clear: right;
    width: 210px;
    float: right;
}

#content 
{
	padding-left: 18px;
    margin-right: 190px;
}

#footer 
{
    background-color: #d8e153;
    border-top: solid 1px silver;
    color: Black;
    clear: both;
    font-size: 9px;
    margin: 0px;
    padding: 5px;
}

#footer a
{
    color: black;
}

#footer a:hover
{
    color: gray;
    text-decoration: none;
}

.clearing {
    height: 0;
    clear: both;
}

#criterioorden
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	/* color: #00718F; */
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
}

#paginado
{
	text-align:center;
    font-weight: bold; 
    color: black;
}

#paginado a
{
    color: black;
    border: solid 1px gray;
    padding: 2px 2px 2px 2px;
}

#paginado a:hover
{
    background-color: silver;
    text-decoration: none;
}

.paginaactual
{
	color: Navy;
}

.PaginadoIzquierda
{
    width: 23;
    height: 16;
	background-image: url("flecha-movistar-izq.gif");
	background-repeat: no-repeat;
}

.PaginadoDerecha 
{
    width: 23;
    height: 16;
	background-image: url("flecha-movistar-der.gif");
	background-repeat: no-repeat;
}

.opcion
{
	text-align: center;
    font-size: 15px;
    font-weight: bold; 
    color: black;
}

.opcion a
{
    color: black;
}

.opcion a:hover
{
    color: gray;
}

.lista
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bolder; 
}

.lista li a
{
    color: black;
}

.lista li a:hover
{
    color: gray;
}

#fotitosuperior
{
	background-image: url('fotito/Superior.gif');
}

#fotitoinferior
{
	background-image: url('fotito/Inferior.gif');
	background-position: top;
	background-repeat: no-repeat;
	color: Black;
}

#fotitoinferior a
{
	color: black;
}

#fotitoinferior a:hover
{
	color: gray;
}

#fotitoimagen
{
	background-color: #ECF6F6;
	text-align: right;
	vertical-align: top;
}

#fotitoimagen img
{
    border: solid 2px gray;
}

#fotitoimagen img:hover
{
    border: solid 2px black;
}

#fotitodetalle
{
	background-color: #ECF6F6;
	vertical-align: top;
	border-right: solid 2px #808183;
	font-size: smaller;
	color: Black;
}
	
.celda1
{
	padding-left: 5px;
}

.celdaValor1
{
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
}

.celdaValor2
{
	padding-left: 5px;
	padding-right: 15px;
	font-weight: bold;
}

.Valor
{
	font-weight: bold;
}	

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.tooltip:hover{z-index:25; background-color:#ff0}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0.5em; left:0.5em; width:15em;
    border:1px solid gray;
    background-color:white; color:#000;
    padding: 2px;
    text-align: center;
    text-decoration:none;
    font-weight:normal;
    font-size:smaller;}

#ayuda 
{
	padding-left: 50px;
	padding-right: 50px;
}

.tituloayuda 
{
	font-weight: bold;
	/* color: #00718F; */
	color: #FFFFFF;
}

.tituloayuda a
{
	font-weight: bold;
	/* color: #00718F; */
	color: #FFFFFF;
}

#closeWindow
{
	font-weight: bold;
	/* color: #00718F; */
	color: #FFFFFF;
}

#closeWindow a
{
	font-weight: bold;
	/* color: #00718F; */
	color: #FFFFFF;
}