/*
	Hoja de estilos para la página index
*/
#panelNoticias
{
	height: 490px;
	width:  340px;
	float: left;
	margin: 0;		
	/*background-color: red;*/	
}

#noticiasHeader
{
	height: 474px;
	width: 330px;
	margin-top: 5px;
	background-color: #eeeeee;
	border-top: 2px solid #f7b03b;
	border-bottom: 2px solid #f7b03b;
	overflow: auto;		
}


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

#tablaNoticias
{
	margin-left: 5px;
}

.titulo_noticias
{
	font-style: italic;
	font-weight: bolder;
	font-size: small;
	background-color: #eeeeee;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	
}

.nombre_noticias
{
	font-size: small;
	background-color: #ffffff;
	padding-left: 10px
}
.nombre_noticias a
{
	text-decoration:none;
	margin-top: 20px;
	font-weight: bold;
	color: #f7b03b;
}

.contenido_noticias
{
	font-size: 0.7em;
	color: #585858;
	padding-bottom: 2px;
	padding-left: 10px;
	background-color: #ffffff;
}
.avatar_noticias
{
	font-size: small;
	background-color: #ffffff;
}
.avatar_noticias img
{
	border-style: none;
	padding-left: 4px;
	margin-top: 7px;
}
.fecha_noticias
{
	font-size: 0.7em;
	color: #A4A4A4;
	background-color: #ffffff;
	margin-top: -30px;
	padding-left: 20px; 
	padding-bottom: 6px;
	border-bottom: 1px solid #dddddd;
}

/*    ----------     Panel Bienvenida    ---------------   */

#animacionBienvenida
{		
	height: 225px;
	width:  654px;
	margin-left: 336px; 
	/*background-color: red;*/
}
#slider{
	margin-top: 5px;
}
#panelBienvenida
{	
	height: 260px;
	width:  650px;
	margin-left: 330px;
	/*background-color: green;*/
}
	
#animacion
{	
	position: absolute;
	height: 220px;
	width: 650px;
	margin-top: 5px;
	/*background-color: green;*/
}

#bienvenida
{
	position: absolute;
	height: 255px;
	width: 480px;
	margin-top: 5px;
	margin-left: 0px;
	/*background-color: yellow;*/
}

#bienvenida a
{
	text-decoration: none;
	color: #fff;
	font-size: small;
	margin-bottom: 20px;
}

#bienvenida_texto
{
	padding-right: 10px;
	padding-left: 5px;
	text-align: justify;
	/*background-color: yellow;*/
}

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

/*    ----------     Recursos    ---------------   */ 
 
/*#recursos
{
	position: absolute;
	height: 105px;
	width: 180px;
	margin-top: 5px;
	margin-left: 480px;
	float: right;
	border-top: 2px solid #f7b03b;
	border-bottom: 2px solid #f7b03b;	
	text-align: center;
	background-color: #fff;	
}*/
#bancbb
{
	position: absolute;
	height: 215px;
	width: 180px;
	margin-top: 10px;
	margin-left: 480px;
	float: right;
	border-top: 4px solid #f7b03b;
	border-bottom: 4px solid #f7b03b;	
	text-align: center;
	background-color: #fff;	
	padding-top: 5px;
	padding-bottom: 20px;
}
#bancbb img{
	margin-bottom: 5px;
	border: 0px;
}

#recursos p
{
	font-size: small;
	font-weight: bolder;
}

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

#recursos a
{
	height: 40px;
	text-decoration: none;
	color: #000;
	font-size: small;
	margin-bottom: 20px;
}
#facebook img
{
	position: absolute;
	margin-top: 15px;
	margin-left: 250px;
	border: 0;
	z-index: 99;
}
#twitter img
{
	position: absolute;
	margin-top: 15px;
	margin-left: 290px;
	border: 0;
	z-index:99;
}
/*    ----------     Elementos de la animacion    ---------------   */

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

#decoItem
{
	position: absolute;
	height: 220px;
	width:  654px;
	background: url("../img/anim/decoItem.jpg");
	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: 380px;
}

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

/*--------------- POPUP  ----------------------------*/
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color: #000000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:620px;
  height:365px;
}

.close{
	position: absolute;
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: 590px;
	margin-top: -20px;
	text-decoration: none;
}
.close img
{
	border-style: none;
	margin-top: 5px;
}
.linkcbb{
	position: absolute;
	width: 140px;
	height: 33px;
	margin-left: 420px;
	margin-top: 296px;
}

.linkcbb img{
	border-style: none;
}
.linkcbb1 {
	position: absolute;
	width: 180px;
	height: 140px;
	margin-left: 50px;
	margin-top: 126px;
}
.linkcbb2 {
	position: absolute;
	width: 260px;
	height: 140px;
	margin-left: 160px;
	margin-top: 126px;
}
.linkcbb1 img{
	border-style: none;
}
.linkcbb2 img{
	border-style: none;
}