/* Hoja de estilos para santanafraga */

BODY {
background: url(imagenes/fondo.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC3300;
background-repeat:repeat-y;
}
IMG {
border:none;
}
H1 {
text-align:center;
color:#993333;
}
#contenedor {
	width: 800px;
	margin-left:150px;
}

#cabecera {
	width:800px;
	height:189px;
	background-image: url(imagenes/cabecerapaz2011.jpg);
}
#navegador {
	width:800px;
	height:35px;
}
#navegador a {
font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#navegador a:hover {
background-color:#CC6600;
color:white;
}
#loultimo {
width:794px;
height:200px;
}
#loultimo li{
font-size:10px;
font-weight:normal;
list-style-position:outside;
list-style-type:disc;
}


#loultimo a {
color:#666666;
text-decoration:none;
}
#cajalogin {
	float:left;
	width:120px;
	height:190px;
	padding-top:4px;
	background-color:#FFCC99;
	color:#993300;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	border-right:1px solid gray;
	border-top:outset 3px #996600;
	border-bottom:inset 3px #996600;
	background-image: url(imagenes/fondologin.jpg);
}
#cajalogin a {
text-decoration:none;
color:#CC6633;
font-weight:normal;
}
.cajalogin {
height:14px;
background-color:#FF9900;
width:80px;
margin-left:8px;
}
.botonlogin {
color:white;
background-color:#FF6666;
height:18px;
font-size:10px;
}
table.loultimo {
border:none;
}

#secciones {
width:230px;
float:right;
margin-right:15px;
clear:right;
text-align:left;
}
#seccionestop {
width:230px;
background-image:url(imagenes/cabecerasecciones.jpg);
background-repeat:no-repeat;
height:20px;
}
#seccionespie {
width:230px;
background-image:url(imagenes/piesecciones.gif);
height:20px;
}
#seccionesbody {
width:230px;
background-image:url(imagenes/fondoseccioneslat.gif);
}
#seccionesbody a{
text-decoration:none;
margin-left:18px;
color:#993333;
}
#seccionesbody ul,li{
font-size:17px;
font-weight: bolder;
list-style-type:circle;
}
#zonatexto {
width:550px;
float:left;
}
#zonatexto_a {
width:788px;
float:left;
}
.form1 {
width:250px;
background-color:#FFCC99;
}
.botonform1 {
background-color:#CC6600;
color:white;
}
.error {
color:#FF0000;
font-size:14px;
background-color:#FFFF00;
}
#formregistro {
font-size:12px;
font-weight:bold;
color:#996666;
}
.user {
color:#CC6633;
font-size:12px;
font-weight:bold;
}
table.usuarios {
width:500px;
Color:#333333;
border:4px double gray;
}
table.usuarios caption {
font-size:16px;
color:#CC3300;
}
table.usuarios th {
background-color:#FFCCCC;
font-size:14px;
font-weight:bold;
color:#CC6633;
}
table.usuarios td {
border-bottom:dashed;
border-bottom-width:thin;
border-bottom-color:#999999;
text-align:center;
font-size:10px;
}
.celdaroja {
background-color:red;
color:white;
}
.celdagris {
background-color:#999999;
color:white;
}
table.admin {
width:350px;
color:#333399;
border:none;
text-align:center;
}
table.admin a{
text-decoration:none;
color:#333399;
font-size:16px;
}
table.adminsecciones {
border: 4px double black;
width: 540px;
margin:8px auto;
text-align:center;
}

table.adminsecciones caption {
color:#CC3366;
font-size:16px;
background-color:white;
width: 540px;
border:ridge 4px black;
}
table.adminsecciones th {
font-size:12px;
border-bottom: 1px solid black;
text-align:center;
}
table.adminsecciones tbody td {
font-size:10px;
border:1px ridge gray;
}

.titular2n {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 14px;
text-align: center;
text-transform: capitalize;
}
#botonsino {
	text-align: center;
	font-size: 18px;
	color: #CC0000;
	font-family: "Courier New", Courier, monospace;
}
a.botonsino:LINK,a.botonsino:visited,a.botonsino:focus,a.botonsino:active {
	color: #CC00CC;
	text-decoration: none;
	background-color: #FFCCCC;
	border: 1px solid black;
}
a.botonsino:hover {
	background-color: #FFFFFF;
}
.inputtitular {
	width: 400px;
}

#pie {
width: 800px;
color:black;
text-align: center;
margin-top: 20px;
clear:both;
padding-top: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
}
#noticia_cabecera {
width:540px;
font-size: 16px;
color: #CC3399;
text-align: center;
background-color: #FFFFFF;
border-bottom-color: #666666;
border-bottom-style: groove;
border-bottom-width: 4px;
border-top: 1px solid gray;
padding-top: 8px;
margin-right: 5px;
border-left: 1px solid black;
border-right: 1px solid black;
}
.autor, .fecha {
font-size: 9px;
text-align: right;
padding-right: 15px;
}
a.autor {
font-size: 9px;
text-align: right;
padding-right: 15px;
text-decoration:none;
color:#993399;
}
#articulo {
width:548px;
float:left;
}
#articulo_a {
width:760px;
float:left;
}
#articulo_titulo {
	font-size: 16px;
	color: #CC3399;
	text-align: center;
	background-color: #FFFFFF;
	border-bottom-color: #666666;
	border-bottom-style: groove;
	border-bottom-width: 4px;
	border-top: 1px solid gray;
	padding-top: 8px;
	margin-right: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.botonesnoticias {
font-size: 10px;
text-align:left;
color: #333333;
background-color: #FFFFFF;
font-weight: bold;
height: auto;
}
a.botonesnoticias{
text-decoration:none;
color: black;
background-color: #FFFFFF;
}
a.botonesnoticias a:Hover {
background-color:#FF0099;
}
a.botoncomentario {
text-decoration:none;
color:white;
background-color:#993366;
border:1px solid black;
}
a.botoncomentario:hover {
background-color:#333333;
}
.comentar {
	color: white;
	text-decoration: none;
	border-bottom: 2px solid black;
	border-top: 1px inset gray;
	border-right: 1px outset gray;
	border-left: 1px inset gray;
	background-color:#9900CC;
}
.comentar:hover {
	background-color:#CCCCFF;
	color:black;
}
#comentario {
	background-image: url(imagenes/comentariosantana.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 462px;
	border-top: 1px solid #AF069D;
	border-bottom: 6px ridge #EFF5CA;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}
.autorcomentario {
	text-align: left;
	color: #CC0066;
	padding-left: 20px;
	font-size: 10px;
}
#listaportadas {
clear:both;
}
.inputnormal {
width:250px;
background-color:#FFFFCC;
}
.menu {
color:#CC6600;
font-size:16px;
font-weight:bold;
padding-left:10px;
}
table.listanoticias {
width: 545px;
color:#999999;
font-size:10px;
}
table.albumes {
width: 510px;
color:black;
}
table.miniaturas caption {
font-size:12px;
}
table.listanoticias caption {
font-size:14px;
}
table.albumes caption {
font-size:12px;
}
table.albumes th {
background-color: #CCCCFF;
color: #666666;
text-align:left;
font-size:10px;
}

table.listanoticias a {
text-decoration:none;
color:#FF00CC;
background-color:#003366;
}
table.listanoticias th {
background-color: #CCCCFF;
color: #666666;
text-align:left;
font-size:10px;
}
table.listanoticias a:hover {
background-color:#66FFFF;
}
table.albumes a {
text-decoration:none;
color:#666666;
}
table.albumes td {
text-align:left;
}
table.listanoticias td {
text-align:left;
font-size:10px;
border-bottom:1px solid #99CCFF;
}
table.listanoticias th.fecha {
width:55px;
}
.boton2 {
color:#FFFFFF;
background-color:#CC6666;
text-decoration:none;
}
a.boton2:hover {
background-color:#999999;
color:#FFFF00;
}
a.plano,a.plano:visited {
text-decoration:underline;
color:#CC6666;
font-size:10px;
}
table.miniaturas {
border:double 4px black;
}
table.miniaturas td {
width:104px;
height:80px;
border:1px solid black;
text-align:center;
}
.descripcion {
color:white;
background-color:#CC6666;
width:420px;
}
.menulist {
list-style-type:none;
margin:0px;
paddin:0px;
font-size:12px;
}
#ficha {
width:500px;
height:372px;
background-image:url(imagenes/ficha.jpg);
background-repeat:no-repeat;
padding-left:20px;
padding-top:5px;
}

#agenda {
width:230px;
background-image:url(imagenes/fondoseccioneslat.gif);
}
table.calendario{
width:225px;
margin-left:3px;
}
table.calendario caption{
color:black;
font-weight:bold;
font-size:14px;
height:20px;
padding-top:2px;
}
table.calendario th {
background-color:#CC6666;
color:white;
font-weight:bold;
text-align:center;
}
table.calendario td {
border:1px solid #666666;
color:black;
text-align:center;
}
table.calendario td.celdahoy {
border:3px solid black;
}
table.mesesvienen {
font-size:9px;
width:225px;
margin-left:3px;
}
table.mesesvienen td {
color:#666666;
}
table.mesesvienen td.actual {
color:#CCCCCC;
}
table.mesesvienen a{
text-decoration:none;
color:#666666;
}
a.tooltipDesc {
position: relative; 
text-decoration: none;
color:black;
}
a.tooltipDesc:hover {
z-index:999;
background-color:#000000;
}
a.tooltipDesc span {
display: none;
}

a.tooltipDesc:hover span {
display: block;
position: absolute;
top:3em;
left:-1em; 
width:100px; 
padding:5px; 
background-color:#FFCC99;
color:#003366;
text-align:center;
padding-left:5px;
font-size:10px;
border:1px solid #003399;
}

a.Ntooltip {
position: relative; 
text-decoration: none;
color:black;
}
a.Ntooltiphoy {
position: relative; 
text-decoration: none;
color:#0080C0;
}
a.Ntooltiphoy:hover {
z-index:999;
background-color:#000000;
}
a.Ntooltiphoy span {
display: none;
}
a.Ntooltiphoy:hover span {
display: block;
position: absolute;
top:2em; left:-12em; 
width:250px; 
padding:5px; 
background-color: #0080C0;
color: #FFFFFF;
text-align:left;
padding-left:5px;
font-size:10px;
border:1px solid #003399;
}

a.Ntooltip:hover {
z-index:999;
background-color:#000000;
}
a.Ntooltip span {
display: none;
}

a.Ntooltip:hover span {
display: block;
position: absolute;
top:1em; 
left:-12em; 
width:200px; 
padding:5px; 
background-color: #0080C0;
color: #FFFFFF;
text-align:left;
padding-left:5px;
font-size:10px;
border:1px solid #003399;
}
#postit {
width:196px; height:163px;
background-image:url(imagenes/postit.gif);
background-repeat:no-repeat;
margin-left:200px;
}
.elmes {
font-size:16px;
color:#0066FF;
text-align:center;
font-weight:bold;
padding-top:50px;
}
#libroagenda {
width:545px;
height:360px;
background-image:url(imagenes/agenda.jpg);
background-repeat:no-repeat;
}
#zonacitas {
width:250px;
height:360px;
float:left;
}
#zonacalendario { /* Para agenda */
width:250px;
height:360px;
float:right;
margin-right:5px;
margin-top:130px;

}
.fechaagenda {
text-align:left;
margin-left:80px;
color:#003399;
font-size:10px;
margin-top:10px;
}
.diames {
background-color:#003399;
color:white;
font-weight:bold;
font-size:24px;
}
.diasemanaagenda {
font-size:14px;
color:#333333;
font-weight:bold;
text-align:center;
}
table.citasagenda {
width:250px;
font-size:10px;
margin-left:12px;
color:#003366;
}
table.citasagenda th{
border-bottom:dashed 1px black;
}

table.citasagenda th.relojito {
width:30px; 
height:32px;
background-image:url(imagenes/relojito.gif);
background-repeat:no-repeat;
}
table.citasagenda td.hora {
background-color:#CAF3F7;
color:#333333;
border:1px solid black;
width:32px;
font-size:10px;
}
a.borrarcita {
background-color:#990099;
color:white;
text-decoration:none;
font-size:10px;
}
.resalte {
background-color:#FFFFCC;
}
#reloj {
width:152px;
height:152px;
margin-left:40px;
border:2px solid #CC6600;
margin-top:20px;
}
#contador {
width:152px;
margin:40px;
border:4px inset;
background-image:url(imagenes/fondonavegador.jpg);
}
table.listacitas {
width:545px;
color:#996666;
}
table.listacitas caption,th {
font-weight:bold;
}
table.listacitas td{
border-bottom:1px black solid;
}
table.listacitas a{
color:#006699;
text-decoration:none;
}
table.listacitas fecha {
width:50px;
}
table.navegadores {
width:550px;
}
table.navegadores td{
width:50px; height:50px;
}
.listalinks {
color:#9933CC;
}
.listalinks a{
text-decoration:none;
color:#9933CC;
}
a.borrarlink {
color:white;
font-size:10px;
text-decoration:none;
background-color:#993399;
}
.linkaborrar {
color:#996699;
font-size:14px;
text-align:center;
}
.login {
font-size:9px;
color:#FF0000;
}
.rojo {
color:#FF3333;
}
a.tipouser {
font-size:9px;
color:#993366;
text-decoration:none;
}
a.tipouser:hover{
Font-size:14px;
}
table.boletines td {
text-align:center;
font-size:16px;
color:#CC9900;
font-weight:bold;
}
.mini {
font-size:10px;
}
.fechaloultimo {
font:Georgia, "Times New Roman", Times, serif;
font-size:8px;
color:#0000CC;
}
.petit {
font-size:8px;
font:Verdana, Arial, Helvetica, sans-serif;
}
.cajastexto{
margin-left:10px;
font-size:10px;
}
.ayuda {
color:#660099;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
a.ayuda:hover{
background-color:#FFCC00;
}