@import url('http://es.geocities.com/bati144/hwct/T3/CGI117_files/comun.screen.css');

#contenido {
	border-bottom: 2px solid #E0E9F4;
}

/*
intcont
*/
	#intcont {
		width: 510px;
		float: left;
		display: inline;
		border-right: 4px solid #4287CE;
		margin-bottom: 10px;
		padding-right: 30px;
		font-family: "Trebuchet MS", Verdana, serif;		
		
	}
	#intcont {
		font-size: 1.2em;
		line-height: 1.5em;
		}
	#intcont p, #intcont ul {
		margin: 10px 0;
		color: #666;
	}
	
	#intcont blockquote {
		background-image: url(http://es.geocities.com/diseno/imagenes/int/quote.png);
		background-repeat: no-repeat;
		background-position: 5px 5px;
		margin: 15px 10px 15px 10px;
		padding: 0 10px 0 35px;
		color: #666666;
		font-size: 1.4em;
	}
	
	#intcont .resaltar {
		background: #fffac6;
	}		
	
	#intcont .lateral {
		float:right;
		margin: 3px;
		padding: 2px;
		clear:right;
	}
	
	#intcont .centro {
		display: block;
    	margin-left: auto;
    	margin-right: auto
	}
	
	#intcont ul, #intcont ol {
		padding-left: 15px;
		list-style: none;
	}
	#intcont ul li, #intcont ol li {
		padding-left: 15px;		
	}
	#intcont ul li {
		background: no-repeat 0 7px url(http://es.geocities.com/diseno/imagenes/int/li.png);
	}
	#intcont h2 {
		color: #06C;
		font-size: 2.1em;
		font-weight: normal;
		margin: 13px 0;
		line-height: 1.2em;
	}
	#intcont h3 {
		font-size: 1.5em;
		line-height:1.6em;
		font-weight: normal;
		color: #06c;
	}
	#intcont h4 {
		font-size: 1.3em;
		font-weight: normal;
	}
	#intcont a {
		color: #06C;
		padding: 0 2px 0 2px;		
	}
	#intcont a:hover {
		padding: 0 2px 0 2px;	
		color: #fff;
		text-decoration: none;
		background-color: #06C;
	}
	#intcont[id] a {
		text-decoration: none;
		border-bottom: 1px dotted;
	}
	#intcont #ruta, #intcont #fecha, #intcont #autor {
		font-size: 1.1em;
		color: #333;
	}
	#intcont #ruta {
		float: left;
		margin-top: 4px;
	}
	#intcont #ruta, #intcont #ruta a {
		color: #AAAC53;
	}
	#intcont #ruta a:hover {
		text-decoration: none;
		background-color: #efefdf;
	}
	#ruta[id] a {
		text-decoration: none;
		border-bottom: 1px dotted;
	}
	#intcont[id] #ruta a:hover {
		text-decoration: none;
		border-bottom: 1px solid #928448;
	}
	#intcont #fecha {
		text-align: right;
		font-style: italic;
		margin-top: 4px;
	}
	#intcont .autor {
		font-weight: bold;
		margin: 18px 0 20px 0;
	}
	#intcont .autor a {
		color: #333;
	}
	#intcont .intro {
		color: #333;
		margin: 20px 0;
	}  
	.codigo {
		border:#CCCCCC solid 1px;
		background-color: #f0f0f0;
		padding:5px;
		color: #0066CC;
		width:90%;
		margin:10px;
		overflow:auto;
		font-size: 1.2em;
	}  
	
	/*
	sobre
	*/	
		#sobre {
			border-width: 1px 0;
			border-style: solid;
			border-color: #E0E9F4;
			margin-top: 50px;
			height:80px;
			padding: 10px 5px 7px 5px;
		}
		#sobre p {
			color: #333;
			margin-right: 100px;
		}
		#sobre h3 {
			color: #A9C4E0;
			position: absolute;
			text-transform: uppercase;
			font-size: 1.1em;
			font-weight: bold;
			margin: -18px 0 20px 0;
			background-color: #fff;
			width: 130px;
			text-align: center;
		}
		#sobre img {
			float: right;
			margin-top: 5px;
		}
		
	/*
	opc
	*/
		#opc {
			padding: 5px 0;
		}
		#intcont #opc a {
			display: block;
			float: left;
			width: 120px;
			padding: 3px 0;
			border: 1px solid #E0E9F4;
			margin: 0 5px;
			text-align: center;
			text-decoration: none;
		}
		
	/* --  Styles Comments   -- */
	
		#comentarios {
			padding: 0 5px;
		}
		#comentarios p {
			color: #333;
		}
		#comentarios h3 {
			margin: 50px 0 0 0;
			font: 16px Georgia, "Times New Roman", Times, serif;
			float: left;
		}
		#comentarios h4 {
			font: 16px Georgia, "Times New Roman", Times, serif;
			margin-top: 30px;
		}
		#comentarios[id] h3 {
			margin-top: 9px;
		}
		#comentarios #comcant {
			width: 65px;
			height: 35px;
			background: no-repeat url(http://es.geocities.com/diseno/imagenes/int/globo.png);
			text-align: center;
			padding-top: 6px;
			font-size: 1.6em;
			font-weight: bold;
			color: #fff;
			margin-top: 2px;
			margin-left: 120px;
		}
			#comcant span {
			display: none;
		}	
		
		.oculto {
		display: none;
	}	

.lista_comentarios li:hover {
   border: 1px solid #9FBBD6;
   border-left: 4px solid #9FBBD6;
   }

.lista_comentarios {
   padding: 0;
   margin: 0;
   }

.lista_comentarios li {
   list-style: none;
   border: 1px solid #c7c7c7;
   margin: 10px;
   padding-left: 10px;
   padding-right: 10px;
   color: #3C452D;
   background: #ffffff;
   background-image: url(http://es.geocities.com/images/bg_comentario.gif);
   background-position: bottom right;
   background-repeat: no-repeat;
   border: 1px solid #BBD0E5;
   border-left: 4px solid #BBD0E5;
   margin-bottom: 10px;
   }

#comentarios .autorcomentario {
   color: #000000;
   font-weight: bold;
   padding-left: 4px;
}

#comentarios .fechacomentario {
   color: #949191;
   font-style: italic;
   font-weight: normal;
   float: right;
   font-size: 9px;
}

#comentarios .autorcomentario {
   color: #FF6600;
   font-weight: bold;
}


#comentarios .autorcomentario a:link, #comentarios .autorcomentario
a:active, #comentarios .autorcomentario a:visited {
   color: #FF6600;
   font-weight: bold;
   text-decoration: underline;
}

#comentarios .autorcomentario a:hover {
   color: #003366;
   font-weight: bold;
   text-decoration: underline;
}

/*----------------Formulario----------------------*/

#formulario {
	margin: 0px 0px 0px 70px;
	padding: 1px 0px 0px 15px;
	background-image: url(http://es.geocities.com/images/bg_comment.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
fieldset {
	border: 0;
	padding: 5px;
}

legend{
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	border: 0;
	margin: 10px 0 3px 0;
	padding: 0;
	color: #7fa4ca;
}

#formulario label, #formulario input {
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10px;
	display: block;
	width: 185px;
	float: left;
	margin: 1px;
	margin-left: 1px;
}

#formulario label {
	color: #999;
	text-align: left;
	width: 60px;
	height: 18px;
	background-color: #9bbbdb;
	background-image: url(http://es.geocities.com/images/bg_comment_label.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 2px 4px 0px 6px;
}

#formulario .campo {
		border: 1px solid #ccc;
		color: #2F4165;
		border: 1px solid #9bbbdb;
		width: 250px;
		height: 20px;
		font-size: 1.1em;
}

#formulario .textarea {
		border: 1px solid #ccc;
		font-family: "Trebuchet MS", Vendana, Arial, sans-serif;	
		font-size: 1.1em;
		color: #2F4165;
		border: 1px solid #9bbbdb;
		width: 250px;
}
#formulario submit {
	background-color: #9bbbdb;
	border-top: 1px solid #bad2e9;
	border-left: 1px solid #bad2e9;	
	border-right: 1px solid #628fbc;
	border-bottom: 1px solid #628fbc;
	margin-top:10px;
	margin-bottom:10px;
	color: #fcfcfc;
}

.etiqueta_comentario{
	margin-left: 2px;
	margin-bottom: 1px;	
	padding-top: 2px;
}

#formulario br {
	clear: left;
}


/*
intmisc
*/	
	#intmisc {
		width: 226px;
		float: right;
		border-left: 4px solid #4287CE;
		margin: 0 0 10px -4px;
	}

	#intmisc .bloque {
		padding: 2px 0 5px 12px;
	}
	#intmisc .consep {
		border-bottom: 10px solid #fff;
	}
	#intmisc .sep {
		position: absolute;
		width: 4px;
		height: 10px;
		background-color: #fff;
		margin-top: -10px;
		font-size: 0;
	}
	#intmisc[id] .sep {
		display: none;
	}
	#intmisc .bloque h2 {
		font: 1.26em "Trebuchet MS", Verdana, serif;
		color: #000;
		margin-bottom: 15px;
	}
	#intmisc .bloque p, #intmisc .bloque ul, #intmisc .bloque blockquote {
		font-size: 1.1em;
		color: #666;
		margin: 5px 0;
	}
	#intmisc .bloque ul {
		list-style: none;
		background: inherit;
	}
	#intmisc .bloque li {
		margin: 10px 0;
	}
	#intmisc[id] .bloque li a {
		display: block;
	}
	#intmisc .bloque a {
		color: #666;
		background-color: inherit;
		border-bottom: 1px dotted #333333;
		text-decoration: none;		
	}
	#intmisc .bloque a:hover {
		color: #000;
		background-color: inherit;
		border-bottom: 1px solid #000;		
		text-decoration: none;
	}		
	#boletin label span {
		display: none;
	}
	#boletin_email {
		padding: 2px 3px;
		border: 1px solid #888;
		width: 190px;
	}
	#boletin_boton {
		background-color: inherit;
	}
	.caja {
		border-top: 3px solid #c1d9f1;
		background: url(http://es.geocities.com/diseno/imagenes/int/bg_bloque_b.png) repeat-x;	
	}	
	
	.caja2 {
		border-top: 3px solid #e3d0a7;
		background: url(http://es.geocities.com/diseno/imagenes/int/bg_bloque_a.png) repeat-x;	
	}	
	
	
	/*
	intlista
	*/	
		#intlista ul li {
			background: none;		
		}
		#intlista ul li h3 {
			line-height: 1.2em;
		}
		#intlista a.comentarios {
			position: relative;
			width: 46px;
			height: 26px;
			margin-top: -3px;
			padding-top: 5px;
			float: right;
			clear:right;
			text-align: center;
			background: no-repeat top left url(http://es.geocities.com/diseno/imagenes/int/fdo_coments.png);
			background-color: inherit;
			font: bold 1.3em Arial, Helvetica, sans-serif;
			color: #f90;
			text-decoration: none;
			border-bottom:none;
		}
		#intlista a.comentarios:hover {
			background-position: bottom;
			border-bottom:none;
			color:#06C;
			background-color:#fff;
		}
		#intlista a.comentarios span {
			display: none;
		}	
		#intlista p.autor {
			clear: left;
			margin:2px;		
		}
		
/* Actualidad */
		.ilustra {
			margin: 30px 10px 10px;
			padding: 5px;
			float: right;
			border: 3px solid #F0F0F0;
		}

/* Sindicacion */

#feeds {
	font-size: 1.2em;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
	
#feeds p {
	background: #FFF6BF url('http://es.geocities.com/diseno/imagenes/feed.gif') 15px center no-repeat;
	border-top: 2px solid #FFD324;
	margin: 5px auto;
	padding: 5px 0px 5px 35px;
}