/*
// Proyecto: cdSmile
// -----------------------------------------------
// Revision: 2005.07.28
// Autor: Mauro Silvosa Rivera
//
// www.clusterdigital.com
//
// Descripcion: hoja de estilos para la sección "Noticias".
*/

/*
//	ZONA CONTENIDO para "Noticias".
*/
#titulo_secc {	
	height: 22px;
	background: url("../img/noticias.png") no-repeat 25px top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#maincontent #content
{
	width: 950px;
	padding: 0px 50px 0px 50px;
}


/*
// FORMULARIO (SELECT) CATEGORIAS
*/
#maincontent #content #formarea
{
	line-height: 16px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#maincontent #content #formarea p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#maincontent #content #formarea form
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

#maincontent #content #formarea form select
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	padding: 0px 2px;
	margin: 0px;
}

/*
//	ZONA NOTICIAS
*/
#maincontent #content .noticia
{
	margin: 10px 0px 0px 0px;
	width: 850px;
	border: none;
}

#maincontent #content .categoria
{
	float: left;
	width: 850px;
	margin: 5px 0px 2px 0px;
	padding: 0;
	border-bottom: solid 1px #ffffff;
}

#maincontent #content .categoria p
{
	float: left;
	margin: 0;
	padding: 4px 6px 2px 4px;
	text-transform: uppercase;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	border: solid 1px #ffffff;
	border-bottom: none;
}

#maincontent #content .noticia .noticiainfo
{
	float: left;
	width: 850px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px; 
}

#maincontent #content .noticia .noticiainfo img
{
	float: right;
	width: 72px;
	height: 45px;
	border: solid 1px #ffffff;
	margin: 0px;
	padding: 0px;
}

#maincontent #content .noticia .noticiainfo h5
{
	float: left;
	width: 460px;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
}

#maincontent #content .noticia .noticiainfo h5 a
{
	color: #ffffff;
	text-decoration: none;
}

#maincontent #content .noticia .noticiainfo h5 a:hover
{
	text-decoration: underline;
}

#maincontent #content .noticia .noticiainfo h5 span.number
{
	color: #ffffff;
}

#maincontent #content .noticia .noticiainfo h6
{
	float: left;
	width: 460px;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;	
}

#maincontent #content .noticia .noticiainfo h6 span
{
	color: #ffffff;
}

#maincontent #content .resumen
{
	float: left;
	width: 850px;
}

#maincontent #content .resumen p
{
	margin: 10px 0px 10px 0px;
	padding: 0;
	line-height: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align: justify;
}

#maincontent #content .resumen ul, #maincontent #content .relatedlinks ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: 0;
}

#maincontent #content .resumen ul li, #maincontent #content .relatedlinks ul li
{
	list-style: none;
	background-image: url("../img/ico_link.png");
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}

#maincontent #content .resumen a, #maincontent #content .relatedlinks a
{
	color: #ffffff;
	text-decoration: none;
	line-height: 18px;
}

#maincontent #content .resumen a:hover, #maincontent #content .relatedlinks a:hover
{
	text-decoration: underline;
}

#maincontent #content .introduccion, #maincontent #content .cuerpo, #maincontent #content .relatedlinks, #maincontent #content .imagen
{
	float: left;
	width: 850px;
}

#maincontent #content .imagen img
{
	width: 320px;
	height: 240px;
}

#maincontent #content .introduccion
{
	font-style: italic;
	color: #ffffff;
}

#maincontent #content .introduccion p, #maincontent #content .cuerpo
{
	margin: 10px 0px 10px 0px;
	padding: 0;
	line-height: 16px;
	text-align: justify;
}

#maincontent #content .relatedlinks h6
{
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
}

/*
//	AREA BOTONES
*/
#maincontent #content .areabotones
{
	float: left;
	width: 850px;
	margin: 10px 0px 6px 0px;
	padding: 0;
	border-top: solid 1px #ffffff;

}

#maincontent #content .areabotones p
{
	margin: 0;
	text-transform: uppercase;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	border: solid 1px #ffffff;
	border-top: none;
}

#maincontent #content .areabotones p.anterior
{
	float: left;
	width: 95px;
	text-align: left;
	padding: 4px 4px 0px 6px;
}

#maincontent #content .areabotones p.infopag
{
	float: left;
	width: 646px;	
	padding: 4px 0px 0px 0px;	
	text-align: center;
	border: none;
	border-bottom: solid 1px #ffffff;
}

#maincontent #content .areabotones p.siguiente
{
	float: right;
	width: 95px;
	text-align: right;
	padding: 4px 0px 0px 0px;
	margin:0px;	
}

#maincontent #content .areabotones a
{
	color: #ffffff;
	text-decoration: none;
}

#maincontent #content .areabotones a:hover
{
	color: #ffffff;
	text-decoration: underline;
}