/* EMPIEZA DE UN PRIMER SLIDER */
#page-wrap						{ background: width: 960px; margin: 0 auto; margin-top:20px;}

#slider							{ background: color:#FFF; url(../images1/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 15px 0; border: 1 px solid #999; box-shadow: inset 0 0 10px #666;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 20px 30px; width: 900px; float: left; position: relative; border-radius: 5px;}
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #69F; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 370px; }
.slide img						{
	position: absolute;
	top: 15px;
	left: 420px;
	width: 510px;
	height: 191px;
}
#slider-stopper	{ position: absolute;
		top: 0px; 
		right: 0px; 
		background: #999; width:25px; text-align:center; border-bottom-left-radius: 6px; border-top-right-radius: 6px; 
		color: white;						  
		padding: 3px 8px; 
		font-size: 10px; 
		text-transform: uppercase;
		display:none;
		z-index: 1000;
}

.image-slider {
	box-shadow: 2px 2px 8px #999;
	border-radius: 6px;
}



/* EMPIEZA UN SEGUNDO SLIDER, POSIBLE COMO BANNER */
/* Caja contenedora para el slider */
.container-banner {
	float:left;
	height: auto;/*125px;*/
	width:auto;
	margin:none;
	padding:0px; 
	margin-top:10px; 
	margin-left: 0px; 
	border-radius:6px;
	/*background:url('../images/stripe-general6.jpg') repeat;*/
	background: url('../images/stripe5-bg.png');
	box-shadow: 1px 1px 1px 1px #666;
	font-family:Arial, Helvetica, sans-serif;
	/*border:1px solid blue;*/
}

/* Identificador para el interior de la caja contenedora */
#slider-banner { 
	width:500px;
	height: 140px;
	overflow: hidden;
	position: relative;
}

								  
/* Ancho para tres paneles, que es el defecto */
/*DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#mover-banner {width: 2000px; 
	position: relative; 
}

/* Valores para el componente individual de las dos sub-cajas que aparecen y desaparecen */
.slide-banner {
	/* El padding debe ser igual que pixelsTop que se encuentra en el javascript para cada ciclo */
	padding-top: 1px;
	padding-bottom: 1px; 
	width: 500px; 
	height: 140px;
	float: left; 
	position: relative;
	border-radius: 5px;
}

.slide-banner h1 {font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 20px; 
	letter-spacing: -1px; 
	color: #69F;
}

/* Párrafo para el texto de cada uno de los paneles completos que aparecen y desaparecen */
.slide-banner p {
	float:right;
	margin-right:5px;
	width: 36%;
	height:125px;
	margin-top: 2px;
	font-size: 11px; 
	line-height: 16px;
	font-weight:bold;
	color: #666; /*#D67F0E;*/
	overflow:hidden;
}

/* Valores para cada una de las imágenes de cada uno de los paneles completos que aparecen y desaparecen */
.slide-banner img {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 300px;
	height: 138px;/*112px;*/
}


#slider-stopper-banner	{
	position: absolute;
		top: 0px; 
		right: 0px; 
		background: #999; 
		width:25px; 
		text-align:center; 
		border-bottom-left-radius: 6px; 
		border-top-right-radius: 6px; 
		color: white;						  
		padding: 3px 8px; 
		font-size: 10px; 
		text-transform: uppercase;
		display:none;
		z-index: 1001;
}

.image-slider-banner {
	box-shadow: 2px 0px 8px 3px #999;
	border-radius: 5px;
}



/*#slider-stopper					{ position: absolute; top: 0px; right: -10px; width:36px; #ac0000 background-image: url('../images/buttonPauseSlide.png'); color: white;
								  padding: 3px 0px; font-size: 10px; text-transform: uppercase; z-index: 1000; }*/


/* CLASES PARA LOS BANNERS EN FORMA DE CAJA CON TAPADERA */
.boxgrid {
	width: 260px;
	height:120px;
	float:left;
	overflow: hidden;
	position: relative;
	margin: 0 10px 20px 10px;
	border-radius: 12px;
	cursor:pointer;
}

.boxgrid.monarht {
	margin-right:0px;
}

/* Datos para la imagen que funciona de tapadera */
.boxgrid img {
	position: absolute;
	top:0px;
	left: 0px;
	border: 0;
	outline:0px;
}

/* Texto que queda al descubierto cuando se retira la tapadera */
.boxcaption {
	float: left;
	position: relative;
	outline:0px;
	width: 260px;
	height: 120;
	border: 3px solid #9FD2D4;
	background:url(../images/stripe-general2.jpg); /*tri-image-background.png) no-repeat;*/
	margin-left: 0px;
     /* For IE 5-7 */  
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */  
      -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	font-family:Arial, Helvetica, sans-serif;
}

.boxcaption h2.captionhead {
	width:200px;
	float:left;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	font-size:12px;
	color: red; 
	margin:5px 0 0 10px;
}

.boxcaption p.captionpara {
	width:240px;
	float:left;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	font-size:12px;
	color:#666; /*#fff;*/
	margin:5px 0 8px 10px;
	line-height:14px;
	text-align:left;
}

.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}

/* Clase para la tapadera */
.cover {
	width:260px;
	height: 120px;
	border-radius:10px;
}