/* * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** *  
 * 
 *  De Facto S.A.
 *
 * 
 * * **/

/* 
   ------------------------------------------------------------------------------------------------------------------ 
	Sección	: 	CSS PARA POSICIONES DE LA COMPONENTE BANNER V3.0
   ------------------------------------------------------------------------------------------------------------------ 
*/ 

/* 	CSS componente principal del banner 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-bann-3 {
	/* propiedades de posicionamiento */		
		position: relative;
		top: 0px; 
		margin: 0;
		padding: 0px;
		
	/* propiedades de tamaño */	
		min-height: 30px;
		height: auto;
		width: auto;

	/* propiedades de visualización */	
		overflow: hidden;
}

/* 	CSS elementos del banner 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-bann-3 .cnte-bann-ppal {
	/* propiedades de posicionamiento */
		position: relative;

	/* propiedades de tamaño */
		height: 240px;
		width: 100%;

	/* propiedades de visualización */
		overflow: visible; 
}
.cmpo-cnte-bann-3 .cnte-bann-sldr {
	/* propiedades de posicionamiento */
		position: absolute;

	/* propiedades de tamaño */
		height: inherit;
		width: inherit;

	/* propiedades de visualización */
}
.cmpo-cnte-bann-3 .cnte-bann-sldr-wind {
	/* propiedades de posicionamiento */
		position: relative;

	/* propiedades de tamaño */
		height: inherit;
		width: inherit;

	/* propiedades de visualización */
}
.cmpo-cnte-bann-3 .cnte-bann-sldr-wind ul {
	/* propiedades de posicionamiento */
		margin: 0px;
		padding: 0px;
		position: absolute;

	/* propiedades de tamaño */
	/* propiedades de visualización */
		list-style-type: none;
}
.cmpo-cnte-bann-3 .cnte-bann-sldr-wind ul li {
	/* propiedades de posicionamiento */
		float: left;
		position: relative;

	/* propiedades de tamaño */
		height: inherit;
		width: 961px; /*auto;*/

	/* propiedades de visualización */
}

/* 	CSS contenedor del menú del banner
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-bann-3 .cnte-bann-sldr-nave {
	/* propiedades de posicionamiento */
		/*left: 0px;*/
		right: 0px;
		padding: 0px;
		position: absolute;
		top: 0px;

	/* propiedades de tamaño */
		height: inherit;
		width: auto;

	/* propiedades de visualización */
		z-index: 500;
}
    
/* 	CSS del menú de navegación flotante (izqu / dere) 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-bann-3 .bann-sldr-nave {
	/* propiedades de posicionamiento */
		margin: 0;
		padding: 0px 0 0;

	/* propiedades de tamaño */
		height: inherit;

	/* propiedades de visualización */
}
.cmpo-cnte-bann-3 .bann-sldr-nave li {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
		*padding: 7px 0;
		
}

.cmpo-cnte-bann-3 .bann-sldr-nave.dist-hori li {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
		*padding: 7px 0;
        float: left;		
}

.cmpo-cnte-bann-3 .bann-sldr-nave li a.menu-nave {
	/* propiedades de posicionamiento */
		*right: 0px;		
		*position: absolute;
		*margin: 0 auto 5px;	
		/*margin: 0 auto 5px;*/
		margin: auto;
		padding: 7px 0;

	/* propiedades de tamaño */
		min-width: 20px;

	/* propiedades de visualización */
		display: block;
}

.cmpo-cnte-bann-3 .bann-sldr-nave li a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
}
.cmpo-cnte-bann-3 .bann-sldr-nave li strong {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
		display: block;
}
.cmpo-cnte-bann-3 .bann-sldr-nave li em {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
}
.cmpo-cnte-bann-3 .bann-sldr-nave li span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
		width: 80px;
		margin: 5px auto 10px;

	/* propiedades de visualización */
		display: block;
}

.cmpo-cnte-bann-3 .bann-sldr-nave .bann-actv a.menu-nave {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
}

/* 	CSS botones en el contenedor del banner 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-bann-3 .cnte-bann-sldr-wind .banner-btn {
	/* propiedades de posicionamiento */
		position: absolute;

	/* propiedades de tamaño */
	/* propiedades de visualización */
		display: block;
}
.cmpo-cnte-bann-3 .cnte-bann-sldr-wind .banner-btn:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
}

/* 	CSS títulos del banner 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-bann-3 .bann-dist-ttls-1 span,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 p {
	/* propiedades de posicionamiento */
		display: block;
		position: absolute;

	/* propiedades de tamaño */
	/* propiedades de visualización */
}
.cmpo-cnte-bann-3 .bann-dist-ttls-1 {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de visualización */
		/*width: 300px;*/
}

.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-msge {
	/* propiedades de posicionamiento */
		position: 		absolute;
		right: 			0px;
		left: 			0px;
		text-align: 	left;
		top: 			0px;
		padding: 		15px 10px 15px 5px;

	/* propiedades de tamaño */
		width:  		320px;
		height: 		210px;

}

.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-ttlo-ppal,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-ttlo-ppal.c1,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-ttlo-ppal.c2,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-ttlo-ppal.c3,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-ttlo-ppal.c4,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-ttlo-ppal.c5,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-ttlo-ppal.c6 {

	/* propiedades de posicionamiento */
		position: 		relative;
		margin: 		5px;
		text-align: 	left;
		padding: 		1px 10px 3px 10px;
		
	/* propiedades de tamaño */
		height: 		auto;
		width: 			95%;
	/* propiedades de visualización */
}

.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-glsa-desc,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-glsa-desc.c1,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-glsa-desc.c2,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-glsa-desc.c3,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-glsa-desc.c4,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-glsa-desc.c5,
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .bann-glsa-desc.c6 {

	/* propiedades de posicionamiento */
		position: 		relative;
		margin: 		10px 15px 5px 22px;
		
		text-align: 	left;
		/*top: 80px;*/
		
	/* propiedades de tamaño */
		line-height: 	14pt;
		width: 			90%;

	/* propiedades de visualización */

}

/*    
.cmpo-cnte-bann-3 .bann-dist-ttls-1 .banner-btn {
	height: 33px;
	left: 529px;
	top: 445px;
	width: 150px;
}
.cmpo-cnte-bann-3 .bann-dist-ttls-2 .banner-btn {
	height: 46px;
	left: 543px;
	top: 443px;
	width: 132px;
}
.cmpo-cnte-bann-3 .bann-dist-ttls-3 .banner-btn {
	height: 33px;
	left: 529px;
	top: 430px;
	width: 135px;
}
.cmpo-cnte-bann-3 .bann-dist-ttls-4 .banner-btn {
	height: 33px;
	left: 532px;
	top: 443px;
	width: 135px;
}
.cmpo-cnte-bann-3 .bann-dist-ttls-5 .banner-btn {
	height: 33px;
	left: 784px;
	top: 170px;
	width: 150px;
}
.cmpo-cnte-bann-3 .bann-dist-ttls-5 .banner-btn2 { top: 210px }
.cmpo-cnte-bann-3 .bann-dist-ttls-5 .banner-btn3 { top: 250px }
.cmpo-cnte-bann-3 .bann-dist-ttls-5 .banner-btn4 { top: 290px }
*/


/*
* {margin:0; padding:0}
body {font:12px Verdana,Arial; color:#555; background:#222 url(images/bg.jpg) 50% 0 no-repeat}
p {line-height:1.4; margin-bottom:12px}
*/

/*
#wrapper {width:578px; margin:75px auto}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}

#slider {float:left; position:relative; overflow:auto; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:500px; height:300px; padding-right:10px}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

*/
                   
.cmpo-cnte-bann-3 .cnte-bann-bton-ante      { float: left; width: 32px; left:  0px; top: 100px;	height: 60px; position: relative; z-index: 500; border: 0px solid #f3F3F3; cursor: pointer; margin: auto 0px; display: inline-block;
 opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */    
                                                                            *background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat; 		/* IE 7 */
                                                                             background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat\0/; 	/* IE 8 */
                                                                             background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat; 		/* OTROS */
}
.cmpo-cnte-bann-3 .cnte-bann-bton-sgte      { float: left; width: 32px; right: -5px; top: 100px;	height: 60px; position: absolute; z-index: 500; border: 0px solid #f3f3f3; cursor: pointer; margin: auto 0px; display: inline-block;
 opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
                                                                            *background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat; 		/* IE 7 */
                                                                             background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat\0/; 	/* IE 8 */
                                                                             background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat; 		/* OTROS */
}

.cmpo-cnte-bann-3 .cnte-bann-bton-ante:hover { float: left; width: 32px; left:  0px; top: 100px;	height: 60px; position: relative; z-index: 500; border: 0px solid #f3F3F3; cursor: pointer; margin: auto 0px; display: inline-block;
 opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
                                                                            *background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat; 		/* IE 7 */
                                                                             background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat\0/; 	/* IE 8 */
                                                                             background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat; 		/* OTROS */
}
.cmpo-cnte-bann-3 .cnte-bann-bton-sgte:hover { float: left; width: 32px; right: -5px; top: 100px;	height: 60px; position: absolute; z-index: 500; border: 0px solid #f3f3f3; cursor: pointer; margin: auto 0px; display: inline-block;
 opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
                                                                            *background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat; 		/* IE 7 */
                                                                             background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat\0/; 	/* IE 8 */
                                                                             background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat; 		/* OTROS */
}

/*
.bann-icon {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}

/ * states and images * /
.bann-icon {
	width: 32px;
	height: 26px;
}

.bann-icon {
	background-image: url(./imgs/bann_ante_sgte.png);
}

/ * positioning * /
.bann-icon-ante      { background-position: 0 0; }
.bann-icon-sgte      { background-position: -32px 0; }

*/

.cnte-bann-icon { display: block; overflow: hidden; width: 26px; height: 26px; position: relative; top: 15px; }
.cnte-bann-icon { 
                 *background-image: url('imgs/bann_ante_sgte.png'); *background-repeat: no-repeat; 		    /* IE 7  */
                  background-image: url('imgs/bann_ante_sgte.png');  background-repeat: no-repeat\0/; 	    /* IE 8  */
                                                                     background-repeat: no-repeat; 		    /* OTROS */
}

.cnte-bann-icon.cnte-bann-icon-ante-tema-1          { background-position:   0     0   !important;       }
.cnte-bann-icon.cnte-bann-icon-sgte-tema-1          { background-position: -26px   0   !important;       }

.cnte-bann-icon.cnte-bann-icon-ante-tema-2          { background-position:   0   -26px !important;       }
.cnte-bann-icon.cnte-bann-icon-sgte-tema-2          { background-position: -26px -26px !important;       }

.cnte-bann-icon.cnte-bann-icon-ante-tema-3          { background-position:    0    -26px !important;  }
.cnte-bann-icon.cnte-bann-icon-sgte-tema-3          { background-position:  -26px  -26px !important;  }










/* -- -- -- -- -- -- -- -- -- */
.bann-iconXXX {
	display: block;	overflow: hidden; background-repeat: no-repeat;
}

/* states and images */
.bann-iconXXX {
	width: 32px; height: 32px;
}
.bann-iconXXX {
	background-image: url('imgs/bann_ante_sgte.png') ;
}

/* positioning */
.bann-icon-anteXXX      { background-position: 0 0; }
.bann-icon-sgteXXX      { background-position: 0 -32px; }






#wrapper 				{ width: 578px; margin: 75px auto; height: 240px; border: 1px solid #F50; }

.sliderbutton 			{ float: left; width: 32px; padding-top: 134px; }
.sliderbutton img 		{ cursor: pointer;  }
.sliderbutton img:hover { background: #666; }

#slider 				{ float: left; position: relative; overflow: auto; width: 500px; height: 240px; border: 2px solid #fff; background: #fff; border: 1px solid #F50; }
#slider ul 				{ position: absolute; list-style: none; top: 0; left: 0 }
#slider li 				{ float: left; width: 500px; height: 240px; padding-right: 10px }

.pagination 			{ float: left; list-style: none; height: 25px; margin: 15px 0 0 32px }
.pagination li 			{ float: left; cursor: pointer; padding: 5px 8px; background: #666; border: 1px solid #999; margin: 0 4px 0 0; text-align: center; color: #222 }
.pagination li:hover 	{ background: #777; border: 1px solid #bbb; color: #000 }
li.current 				{ border: 1px solid #ccc; background: #888 }

li#content 				{ width: 464px; height: 240px; padding: 0px 28px 0px 18px }
#content h1 			{ font: 22px Georgia,Verdana; margin-bottom: 15px; color: #036 }