/*
	Hoja de estilos para la página index
*/

#panelNoticias
{
	height: 440px;
	width:  252px;
	float: left;
	margin: 0 auto;		
	background-color: #ffffff;	
}

#noticiasHeader
{
	height: 424px;
	width: 247px;
	margin-top: 5px;
	background-color: #eeeeee;
	border-top: 3px solid #f7b03b;
	border-bottom: 3px solid #f7b03b;		
}

#noticiasHeader h3
{
	font-size: x-large;
	font-weight: bolder;
	color: #f7b03b;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0;
}

#tablaNoticias
{
	height: 350px;
	width: 225px;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #dddddd;	
	background-color: #ffffff;
	overflow: auto;
}

.titulo_noticias
{
	font-style: italic;
	font-weight: bolder;
	background-color: #eeeeee;
}

.contenido_noticias
{
	font-size: small;
	background-color: #ffffff;
}

#animacionBienvenida
{		
	height: 225px;
	width:  600px;
	margin-left: 252px; 
}

#panelBienvenida
{	
	height: 225px;
	width:  600px;
	margin-left: 252px;
}
	
#animacion
{	
	position: absolute;
	height: 220px;
	width: 590px;
	margin-top: 5px;
	margin-left: 5px;
}

#bienvenida
{
	position: absolute;
	height: 205px;
	width: 400px;
	margin-top: 5px;
	margin-left: 5px;
	text-align: justify;
	
}

#bienvenida h3
{
	color: #f7b03b;
	font-style: italic;
	margin-top: 30px;
}

#recursos
{
	height: 199px;
	width: 180px;
	margin-top: 5px;
	margin-left: 10px;
	float: right;
	border-top: 3px solid #f7b03b;
	border-bottom: 3px solid #f7b03b;	
	text-align: center;
	background-color: #eeeeee;	
}

#recursos p
{
	font-size: normal;
	font-weight: bolder;
	font-style: italic;
}

#pdf
{
	heigh: 30px;
	width: 150px;
	margin-left: 15px;
	margin-bottom: 30px;
	border: 2px solid #dddddd;
}
#pdf img
{
	float: left;
	border: 0;
}

#movie
{
	heigh: 30px;
	width: 150px;
	margin-top: 20px;
	margin-left: 15px;
	border: 2px solid #dddddd;
}
#movie img
{
	float: right;
	border: 0;
}

#recursos a
{
	height: 40px;
	text-decoration: none;
	color: #000;
	font-size: small;
	margin-bottom: 20px;
}

/*    ----------     Elementos de la animacion    ---------------   */

#background
{
	height: 220px;
	width:  595px;
}

#decoItem
{
	position: absolute;
	height: 220px;
	width:  595px;
	background: url("../img/anim/decoItem.png");
	background-position: 0px 0px;
}

#letra
{
	position: absolute;
	height: 220px;
	width: 0px;
	background: url("../img/anim/Vendetta.png");
}


#title
{
	position: absolute;
	color: #f7b03b;
	background: url("../img/clientes/transparent-bg.png");
	height: 0px;
	width: 200px;
	margin-left: 0px;
	margin-top: 10px;
	font-size: x-large;
	font-style: italic;
	line-height: 40px;
	text-align: center;
	text-indent: -2000px;
}

#item1
{
	position: absolute;
	height: 20px;
	width: 0px;
	margin-top: 70px;
	margin-left: 50px;
	background: url("../img/anim/item.png");
}

#valor1
{
	position: absolute;
	color: #fff;
	background: url("../img/clientes/transparent-bg.png");
	height: 0px;
	width: 160px;
	margin-left: 0px;
	margin-top: 60px;
	font-size: x-large;
	font-style: italic;
	line-height: 40px;
	text-align: center;
	text-indent: -2000px;
}

#item2
{
	position: absolute;
	height: 20px;
	width: 0px;
	margin-top: 120px;
	margin-left: 75px;
	background: url("../img/anim/item.png");
}

#valor2
{
	position: absolute;
	background: url("../img/clientes/transparent-bg.png");
	height: 0px;
	width: 170px;
	margin-left: 0px;
	margin-top: 110px;
	color: #fff;
	font-size: x-large;
	font-style: italic;
	line-height: 40px;
	text-align: center;
	text-indent: -2000px;
	
}

#item3
{
	position: absolute;
	height: 20px;
	width: 0px;
	margin-top: 170px;
	margin-left: 100px;
	background: url("../img/anim/item.png");
}

#valor3
{
	position: absolute;
	background: url("../img/clientes/transparent-bg.png");
	color: #fff;
	height: 0px;
	width: 180px;
	margin-left: 0px;
	margin-top: 160px;
	font-size: x-large;
	font-style: italic;
	line-height: 40px;
	text-align: center;
	text-indent: -2000px;
}

#transparencia
{
	position: absolute;
	height: 0px;
	width: 180px;
	background: url("../img/anim/trans01.png");
	margin-top: 0px;
	margin-left: 350px;
}

#logo
{
	height: 0px;
	width:  101px;
	margin-left: 50px;
	margin-top: 50px;
	background: url("../img/anim/logo.png") no-repeat left;
}