body
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: smaller;
    background-color: #EEEDF5;
    margin: 0px;
    width: 960px;
    color: black;
}

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

#pagina
{
}

#header
{
	background-position: right top;
	background-image: url("blog-us-4_2.jpg");
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 14px;
	margin: 0px;
}

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

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

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

#barraSuperior
{
    background-color: #5d46a5;
    clear: both;
    font-size: 9px;
    margin: 0px;
    padding: 5px;
}

#footer 
{
    background-color: #5d46a5;
    color: Black;
    clear: both;
    font-size: 9px;
    margin: 0px;
    padding: 5px;
}

#footer a
{
    color: white;
}

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

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

#usuarioblog 
{
	font-size: 38px;
    font-weight: bold;
}

#tituloblog 
{
	font-size: 20px;
	font-weight: lighter;
}

#criterioorden 
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	color: Black;
	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("flechas_18.jpg");
	background-repeat: no-repeat;
}

.PaginadoDerecha 
{
    width: 23;
    height: 16;
	background-image: url("flechas_20.jpg");
	background-repeat: no-repeat;
}

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

.opcion a
{
    color: black;
}

.opcion a:hover
{
    color: gray;
}

.opcion2
{
	text-align:center;
    font-size: 12px;
    color: black;
    font-weight: bolder;
}

.opcion2 a
{
    color: black;
}

.opcion2 a:hover
{
    color: gray;
}

.opcion3
{
	text-align: center;
    font-size: 16px;
    color: #5D46A5;
    font-weight: bolder;
}

.opcion3 a
{
    color: #5D46A5;
}

.opcion3 a:hover
{
    color: gray;
}

.opcion4
{
    color: black;
    font-size: 14px;
    font-weight: bolder;
}

.lista
{
    font-size: 12px;
    font-weight: bolder; 
    color: black;
}

.lista li a
{
    color: #5d46a5;
}

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

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	color:#44C6F3; 
	background-color:black;
	border-width:2px;
	border-style:solid;
	border-color:#44C6F3;
	width:180px;
}

#avatarusuario
{
	background-image: url('Avatar/Superior.gif');
	padding-left: 10px;
	padding-right: 10px;
	color: Black;
}

#avatarusuario a
{
    font-weight: bolder;
	color: Black;
}

#avatardescripcion
{
	border-right: solid 2px #919191;
	background-color: #9e8dc3;
	text-align: left;
	color: White;
	vertical-align: middle;
}

.avatarceldaizq1
{
	border-left: solid 1px #919191;
	background-color: Black;
	padding-left: 10px;
	font-weight: bold;
	font-size: 17px;
	color: White;
}

.avatarceldader1
{
	border-right: solid 2px #919191;
	background-color: Black;
	text-align:right;
	padding-right: 10px;
	font-weight: bold;
	font-size: 17px;
	color: White;
}

.avatarceldaizq2
{
	border-left: solid 1px #919191;
	background-color: #9e8dc3;
	padding-left: 10px;
	font-weight: bold;
	color: White;
}

.avatarceldader2
{
	border-right: solid 2px #919191;
	background-color: #9e8dc3;
	text-align:right;
	padding-right: 10px;
	color: White;
}

.avatarceldaizq3
{
	border-left: solid 1px #919191;
	background-color: #5d46a5;
	padding-left: 10px;
	font-weight: bold;
	color: white;
}

.avatarceldader3
{
	border-right: solid 2px #919191;
	background-color: #5d46a5;
	text-align:right;
	padding-right: 10px;
	color: white;
}

#avatarultimapublicacion
{
	border-left: solid 1px #919191;
	border-right: solid 2px #919191;
	background-color: #9e8dc3;
	padding-left: 10px;
	font-weight: bold;
	color: White;
}

#avatarultimapublicacionvalor
{
	border-left: solid 1px #919191;
	border-right: solid 2px #919191;
	background-color: #9e8dc3;
	text-align:right;
	padding-right: 10px;
	color: White;
	vertical-align: top;
}

#avatarceldainferior
{
	background-image: url('Avatar/Inferior.gif');
}

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

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

#fotitoinferior a
{
	color: white;
}

#fotitoinferior a:hover
{
	color: silver;
}

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

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

#fotitoimagen img:hover
{
    border: solid 1px silver;
}

#fotitodetalle
{
	background-color: white;
	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;}

#verfotosuperior
{
	background-image: url('ver-fotos/Superior.gif');
}

#verfotoimagen
{
	background-color: #9e8dc3;
	text-align: center;
	vertical-align: middle;
}

.verfotoanterior
{
	background-color: #9e8dc3;
	background-image: url('ver-fotos/flecha-movistar-izq.jpg');
	background-position: top;
	background-repeat: no-repeat;
	vertical-align: top;
}

.verfotosiguiente
{
	background-color: #9e8dc3;
	background-image: url('ver-fotos/flecha-movistar-der.jpg');
	background-position: top;
	background-repeat: no-repeat;
	vertical-align: top;
}

.verfotobotones
{
	background-color: #9e8dc3;
}

#verfotoinferior
{
	background-image: url('ver-fotos/Inferior.gif');
}

#verfotodetalles
{
	border: solid 2px Gray;
}

#verfotodetallestitulo
{
	background-color: #9e8dc3;
	color: White;
	font-weight: bold;
}

.verfotodetallescelda1
{
	background-color: White;
	color: Black;
	font-weight: bold;
}

.verfotodetallesceldavalor1
{
	background-color: White;
	color: Black;
	padding-right: 10px;
	text-align: right;
}

.verfotodetallesceldacentral1
{
	background-color: White;
	color: Black;
	border-left: solid 1px Gray;
	font-weight: bold;
}

.verfotodetallesceldacentralvalor1
{
	background-color: White;
	color: Black;
	padding-right: 10px;
	text-align: right;
	border-right: solid 1px Gray;
}

.verfotodetallescelda2
{
	background-color: #9e8dc3;
	color: White;
	font-weight: bold;
}

.verfotodetallesceldavalor2
{
	background-color: #9e8dc3;
	color: White;
	padding-right: 10px;
	text-align: right;
}

.verfotodetallesceldacentral2
{
	background-color: #9e8dc3;
	color: White;
	border-left: solid 1px Gray;
	font-weight: bold;
}

.verfotodetallesceldacentralvalor2
{
	background-color: #9e8dc3;
	color: White;
	padding-right: 10px;
	text-align: right;
	border-right: solid 1px Gray;
}

.Comentario
{
	color: #5d46a5;
}

.ComentarioUsuario
{
	color: #5d46a5;
	font-weight: bold;
}

.ComentarioUsuario a
{
    color: #5d46a5;
    text-decoration: underline;
}

.ComentarioUsuario a:hover
{
    color: gray;
}

.ComentarioFecha
{
	color: #5d46a5;
	font-style: italic;
}

.Respuesta
{
	color: Black;
}

.RespuestaUsuario
{
	color: Black;
	font-weight: bold;
}

.RespuestaFecha
{
	color: Black;
	font-style: italic;
}

.GridViewStyle
{
	width: 100%
}

.HeaderStyle
{
	background-color: White;
	Color: Black;
	font-weight: bold;
}

.HeaderStyle a
{
	Color: Black;
	font-weight: bold;
	text-decoration: underline;
}

.HeaderStyle a:hover
{
	Color: Gray;
}

.RowStyle
{
	background-color: #9e8dc3;
	Color: White;
}

.RowStyle a
{
	Color: White;
	font-weight: bold;
	text-decoration: underline;
}

.RowStyle a:hover
{
	Color: gray;
}

.AlternatingRowStyle
{
	background-color: #5d46a5;
	Color: White;
}

.AlternatingRowStyle a
{
	Color: White;
	font-weight: bold;
	text-decoration: underline;
}

.AlternatingRowStyle a:hover
{
	Color: gray;
}

.EditRowStyle
{
	background-color: Black;
	Color: White;
	font-weight: bold;
}

.EditRowStyle a
{
	Color: White;
	font-weight: bold;
	text-decoration: underline;
}

.EditRowStyle a:hover
{
	Color: gray;
}

.PagerStyle
{
	background-color: gray;
	Color: White;
	font-weight: bold;
}

.PagerStyle a
{
	Color: White;
	font-weight: normal;	
}

.PagerStyle a:hover
{
	text-decoration: underline;
}