@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: 354px; background-image:url(images/fondo-cabecera2.jpg); margin-left: 10px;  }
#menu { width: 657px; height: 84px; background-image:url(images/fondo-menu3.jpg); background-repeat: no-repeat; background-position: bottom; padding-top: 268px;}
#creditos {}

.marginparrafo p {margin: 0 0 1em;}

/* 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;
}

.textogrande{font-size:1.4em;}

.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;
}

.textos4 {
margin: 5px 10px;
font-size: 13px;
padding-bottom: 10px;
color:#333F30;
}

.textos4 p{
margin: 0 0 1em;
}

.textos4 ul{
margin: 0 0 1em;
}

.textos4 li{
margin: 0 0 0 2em;
}

.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: 623px;
padding:5px 0 0 10px;
height: 25px;
}
.grande {
width: 613px;
padding:10px;
min-height:690px;
height: auto;
}


.cmediano {
width: 350px;
height: auto;
float: left;
margin-top: 6px;
}
.tmediano {
width: 320px;
padding:15px;
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;
}

.centrado, .centrada {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

h2 {font-size:15px;}


.dobleA{float: left;}
         #label4{
           width: 88px; float: left;text-align:left;
           margin-top:10px;margin-bottom:10px;margin-left:20px;font-size: 13px;
    font-weight: normal;}
           #label5{width: 460px;float: left;margin-top:10px;margin-bottom:10px;
           }





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

.textoP img{
	width: 140px;
	margin-left: 5px;
	height: auto;
}


a.img_borde img {
	border:solid 3px transparent;
}

a.img_borde:hover img {
	border:solid 3px #c3db64;
}








/* ---------------------------------------------- FORMULARIOS ---------------------------------------------- */

form#form_recomendar_amigo {
	padding:20px;
}

form#form_recomendar_amigo label {
	width:110px;
}

div.encierra_formu_estilo label {
	display:block;
	float:left;
	width:90px;
	font-size:13px;
	color:#666666;
	font-weight:normal;
}

div.encierra_formu_estilo label.ancho_100 {width:100%; margin-bottom:5px;}

div.encierra_formu_estilo textarea {resize:none; border:none; overflow:auto;}

div.encierra_formu_estilo .obligatorio {color:#88bb04;}

div.encierra_formu_estilo input[type=text], div.encierra_formu_estilo input[type=password], div.encierra_formu_estilo textarea, div.encierra_formu_estilo select {
	border:solid 1px #888;
	background-color:#fff;
	font-size:12px;
	padding:2px;
	margin-bottom:5px;
	width:189px;
	color:#000;
	border-radius:0px;
}

div.encierra_formu_estilo textarea {width:189px; height:80px;}
div.encierra_formu_estilo select {width:146px;}

div.encierra_formu_estilo input[type=submit] {
	display:block;
	background-color:#88bb04;
	border:none;
	color:#fff;
	width:80px;
	padding:1px 0px;
	text-align:center;
	font-weight:bold;
	margin-right:0px;
	margin-left:auto;
	font-size:11px;
	cursor:pointer;
	text-transform:uppercase;
}
div.encierra_formu_estilo input[type=submit]:hover {
	text-decoration:underline;
}

p#encierra_num-personas {
	width:160px;
	float:right;
}

select#num-personas {
	width:50px;
}

.padding_20 {padding:20px;}











/* slightly enhanced, universal clearfix hack */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close commented backslash hack */