body {
	background-image:url(fondo.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: top center;
	text-align:center;
}

.titulos {
	color: #036;
}

#contenidos{
	float:left;
	width:500px;
	min-height: 250px;
	margin-left: 10px;
	padding: 5px;
	padding-bottom: 8px;
	color: #000000;
}

* html #contenidos{ /*estilo solo para IE ya que no se admite la propiedad min-height*/
height: 400px;
}

ul#off {list-style-type:none; padding:0; margin:0; width:360px; height:360px; margin:1em auto; position:relative;}
ul#off li {display:block;}
ul#off a {display:block; width:0; height:0; position:absolute; text-decoration:none; font-size:1em; line-height:40px;}

ul#off a.one {top:0; left:80px;}
ul#off a.two {top:40px; left:160px;}
ul#off a.three {top:80px; left:240px;}
ul#off a.four {top:80px; left:40px;}
ul#off a.five {top:120px; left:120px;}
ul#off a.six {top:160px; left:200px;}
ul#off a.seven {top:160px; left:0;}
ul#off a.eight {top:200px; left:80px;}
ul#off a.nine {top:240px; left:160px;}

ul#off a em.top {display:block; font-style:normal; width:40px; height:40px; color:#000; position:absolute; top:0; left:40px; cursor:pointer;}
ul#off a em.middle {display:block; font-style:normal; width:120px; height:40px; color:#000; position:absolute; top:40px; left:0; cursor:pointer; text-align:center; color:#fff;}
ul#off a em.bottom {display:block; font-style:normal; width:40px; height:40px; color:#000; position:absolute; top:80px; left:40px; cursor:pointer;}

ul#off a.one em {background:#666633;}
ul#off a.two em {background:#669966;}
ul#off a.three em {background:#669999;}
ul#off a.four em {background:#6699CC;}
ul#off a.five em {background:#6699FF;}
ul#off a.six em {background:#9999FF;}
ul#off a.seven em {background:#9999CC;}
ul#off a.eight em {background:#999999;}
ul#off a.nine em {background:#999966;}

ul#off a:hover {color:#c00;}
ul#off a:hover em {background:#FF9B00; color:#000;}
ul#off a:active, ul#off a:focus {background:#eee;}
ul#off a:active em, ul#off a:focus em {background:#FF66FF; color:#000;}

#forzarcargador {
        background: url(cargar3.gif) no-repeat;
        width: 0;
        height: 0;
}
#cargar_ajax {
        min-height: 300px;
}

#fotos a{
	padding: 3px 1px;
	display: block;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #77B9D8;
}

#fotos a:hover{
	background-color: #99c;
	color: #fff;
}

#album_fotos{
	float:center;
	margin-left: auto;
	margin-right: auto;
	width:500px;
	min-height: 250px;
	margin-left: 10px;
	padding: 5px;
	padding-bottom: 8px;
	color: #000000;
}


.thumbnail{
position: relative;
z-index: 0;
}.thumbnail:hover{
background-color: transparent;
z-index: 50;
}.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.estilotabla{
        background-color:ffffff;
        border-style:solid;
        border-color:666666;
        border-width:1px;
}       
.estilocelda{
        background-color:ddeeff;
        color:333333;
        font-weight:bold;
        font-size:10pt;
}
.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#FF9B00;
}
.spiffy1{
border-right:1px solid #c4e0e0;
padding-right:1px;
margin-right:3px;
border-left:1px solid #c4e0e0;
padding-left:1px;
margin-left:3px;
background:#99cac9;
}
.spiffy2{
border-right:1px solid #f1f8f7;
border-left:1px solid #f1f8f7;
padding:0px 1px;
background:#90c6c5;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #90c6c5;
border-left:1px solid #90c6c5;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #c4e0e0;
border-left:1px solid #c4e0e0;
}
.spiffy5{
border-right:1px solid #99cac9;
border-left:1px solid #99cac9;
}
.spiffy_content{
padding:0px 5px;
background:#FF9B00;
font-size:13px;
}
.spiffy_content a{
text-decoration: none;
color:#000000;
}

.spiffy_content a:hover{
text-decoration: none;
background:#FFFFFF;
}

.spiffy_content a:visited{
text-decoration: none;
color:#000000;
}

.menuhome{
padding:0px 5px;
font-size:13px;
text-decoration: none;
color:#000000;
}
.menuhome a{
text-decoration: none;
color:#000000;
}

.menuhome a:hover{
text-decoration: none;
}

.menuhome a:visited{
text-decoration: none;
color:#000000;
}