@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
body { background-color:#FFFFFF;}

/*Enlaces*/
a{text-decoration: none;} 
a:hover {text-decoration: none;} 
a:active {text-decoration: none;}
a:visited {text-decoration: none;}

#todo {width: 892px; height:auto; margin:0 auto;}
#cuerpo {width: 679px; height: auto; background-image: url(images/trama-fondo.jpg); float: left;}

#contenidocuerpo {width: 640px;  height: auto; margin: 0px auto; background-color: #FFFFFF; }
#piecuerpo {width: 679px; height: 37px; background-image:url(images/pie-cuerpo.jpg);}

#publi {width: 203px; height: auto; background-color: #E6E6E6; float:left;}
#contenidopubli { width: 193px; height: 230px; background-color: #FFFFFF; }
#piepubli { width: 203px; height: 34px; background-image:url(images/pie-publi.jpg);}

#cabecera { width: 657px; height: 322px; background-image:url(images/fondo-cabecera2.jpg); margin-left: 10px;  }
#menu { width: 657px; height: 54px; background-image:url(images/fondo-menu1.jpg); background-repeat: no-repeat; background-position: bottom; padding-top: 268px;}
#creditos {}

/* Textos */
* { font-family:Arial, Helvetica, sans-serif;}
body { font-size:11px; color:#222;}

.clear { clear:both;}
.bold { font-weight:bold;}
.centro { }

.aderecha {
float: right;
}

.fondo2 {background-color: #F9FFDF;
}

.fondo:hover {
background-color: #F9FFDF;
}

.textos {
margin: 5px 10px;
font-size: 13px;
border-bottom: 1px dotted #829F0F;
padding-bottom: 10px;
color:#333F30;
}

.textos img {
float: right;
margin: 3px;}

.textos a {
text-decoration: none;
color: #3366CC;
}

.textos a:hover {
background-color: #3366CC;
color: white;
}


.textos2 {
min-height: 20px;
height: auto;
margin: 5px 10px;
font-size: 13px;
border-bottom: 1px dotted #829F0F;
padding-bottom: 10px;
overflow:hidden;
}

.textos2 img {
float: right;
margin: 3px;}

.textos2 a {
text-decoration: none;
color: #3366CC;
}

.textos2 a:hover {
color: #white;

background-color: #3366CC;
}


.textos3 {
margin: 5px 10px;
font-size: 13px;
padding-bottom: 10px;
overflow:hidden;

}

.textos3 img {
float: right;
margin: 3px;}

.textos3 a {
text-decoration: none;
color: #3366CC;
}

.textos3 a:hover {
background-color: #3366CC;
}



.programas a {
text-decoration: underline;
color: #3366CC;
}

.programas a:hover {
background-color: #3366CC;
color: white;
}

/*publicidad*/
#menupubli {
width: 188px;
height: auto;
margin: 0px auto;
}

#titulo {
width: 185px;
height: 25px;
background-color: #C3DB64;
border: 1px solid #829F0F;
margin: 0px auto;

}

#cajamenupubli {
width: 183px;
height: auto;
background-color: white;
border: 1px solid #829F0F;
margin: 3px auto;
color: #3366CC;
}

#cajamenupubli ul {
margin-left: 5px;
margin-right: 5px;
color: #3366CC;
}

#cajamenupubli li {
list-style:none;
font-size: 14px;
border-bottom: 1px dotted #829F0F;}


/*contenedores*/
.espaciodrch {
margin-right: 6px;
}


.ttipo {
background-color: #C3DB64;
border: 1px solid #829F0F;
}

.cajascontenido {
background-color: white;
border: 1px solid #829F0F;
margin-bottom: 6px;
margin-top: 3px;
}

.tutorial {
font-size: 14px;
border-bottom: 1px dotted #829F0F;
margin: 5px;
}


.cgrande {
width: 633px;
height: auto;
float: left;
margin-top: 6px;
}
.tgrande {
width: 633px;
height: 25px;
}
.grande {
width: 633px;
min-height:690px;
height: auto;
}


.cmediano {
width: 350px;
height: auto;
float: left;
margin-top: 6px;
}
.tmediano {
width: 350px;
height: 25px;
}
.mediano {
width: 350px;
height: 200px;
}


.cpequeno {
width: 275px;
height: auto;
float: left;
margin-top: 6px;
}
.tpequeno {
width: 275px;
height: 25px;
}
.pequeno {
width: 275px;
height: 438px;
}

/*Menu*/

#menu ul{
width: 615px;
height: 20px;
position:relative;
margin: 0px auto;
}

#menu ul li {
list-style-type: none;
display: inline;
float: left;
font-size: 14px;
vertical-align: middle;
width: auto;
height: auto;
padding-left: 7px;
padding-right: 7px;
padding-top: 6px;
padding-bottom: 6px;
}

li a {
text-decoration: none;
color: black;
}


li:hover {
background-color: #4A82EF;
color: white;
}

li a:hover {
color: white;
}


/*hs*/
h3 {
font-size: 15px;
font-weight:bold;
margin-left: 25px;
padding-top: 3px;}

.titulotexto {
font-size: 15px;
font-weight:bold;
}

.tituloespacio {
font-size: 15px;
font-weight:bold;
margin-left: 25px;
padding-top: 3px;
width: 50%;
}

.enlaceform {
font-size: 15px;
font-weight:bold;
margin-left: 25px;
padding-top: 3px;
color: #4A82EF;
width: 40%;
}

.enlaceform a {
text-decoration: none;
color: #4A82EF;
}

.enlaceform a:hover {
text-decoration: none;
color: white;
background-color: #4A82EF;
}


.izquierda {
float: left;
}

.derecha {
float: right;
}



/*relatos, ensayos, sueños, poemas, ...*/
.relatos {
min-height: 16px;

}



.textofecha {
width: 150px;
float: left;
padding: 5px;
}

.textofechacom {
width: 150px;
float: left;
padding: 0px 5px;}


.textousuariocom {
font-weight: bold;
width: 220px;
float: left;
padding: 0px 5px;}

.textocomentario {
font-weight: normal;
padding: 0px 5px;
border-top: 1px dotted #E7EFC2}


.textodescarga {
font-weight: bold;
width: 75px;
float: left;
padding: 5px;
}


.textotitulo {
font-weight: bold;
width: 440px;
float: left;
padding: 5px;
}



p.textotitulo_novedades {
font-weight: bold;
float: left;
padding: 5px;
font-size:10pt;
margin-left:10px;
width:95%;
}









.textotitulo2 {
font-weight: bold;
width: 355px;
float: left;
padding: 5px;
}



.textonoticias {
font-weight: normal;
width: 440px;
float: left;
padding: 5px;
}



p.textonoticias_novedades {
font-weight: normal;
float: left;
padding: 5px;
font-size:10pt;
margin-left:10px;
width:95%;
}



li.textonoticias_novedades {
font-size:10pt;
margin-left:30px;
list-style-type:none;
}

li.textonoticias_novedades:hover {
background-color:transparent;
color:#000;
}




.textocontenido {
width: 440px;
float: left;
padding: 5px;
text-align: justify;
}

.textocontenidocom {
width: 450px;
float: left;
text-align: justify;
}


.textocontenido p {
margin-top: 5px;
margin-bottom: 5px;

}

.textocontenido p:first-letter {
font-size:15px;
padding-left: 15px;}

.foto {
width: 145px;
height: 160px;
border: 1px solid black;
float:left;
margin: 5px;
}

.foto img {
border: 0px;
}

.foto p {
width: 137px;
height: 137px;
border: 4px solid white;
}

.foto p:hover {
border: 4px solid #DFEEFF;

}


.video {
width: 304px;
height: 260px;
float:left;
margin: 5px;
}

.video p {
width: 304px;
height: 20px;
background-color: #DFEEFF;
font-weight: bold;
font-size: 13px;
}
/*Tablas formularios*/
#tablatexto {
width: 550px;
height: auto;
margin: 0px auto;
margin-top: 20px;
margin-bottom: 20px;
}

#tablatexto p {
font-size:13px;
font-weight: normal;
}

.titulotabla p {
font-size: 16px;
text-align:left;
}

.input1 {
width: 350px;
border: 1px solid #333333;
}

.input2 {
width: 350px;
height: 250
border: 1px solid #333333;
}

.input3 {
width: 175px;
border: 1px solid #333333;
}

textarea {
border: 1px solid #333333;
}

.input1:hover, .input2:hover, .input3:hover, textarea:hover {
border: 1px solid #0099FF;

}

.grandeenlaces {
padding-left: 50px;	
width: 583px;
height: auto;
}


 .grandeenlaces2 {
padding-left: 20px;	
width: 613px;
height: auto;
}

.comentariosfoto {
width: 145px;
height: 15px;
background-color:#000000;
text-align:center;
font-size: 11px;
}

.comentariosfoto a{
color: white;
text-align:center;
}

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

h1 {color: #4A82EF; border-bottom: 1px solid #4A82EF;}




div.con_scroll {
	height:142px;
	overflow-y:scroll;
	overflow-x:hidden;
}


.novedad p {
	margin: 10px;
}