/*ESTILOS DEL SLIDESHOW PRINCIPAL DEL HOME*/

.slideshows { 
	height: 440px; 
	width: 960px; 
	margin: auto; 
	overflow: hidden; 
}

.slideshows div {
	width: 100%; 
	height: 100%; 
	margin:auto; 
	padding-left: 100px;
}

.slideshows div .layer_back { 
	position: absolute; 
	top:25px;
	left:100px; 
	z-index:1;
}

.slideshows div .stitulo{ 
	font-size: 60px; 
	margin: 0; 
	position:relative; 
	z-index:5; 
	top:40px;
	left:470px; 
	font-weight: lighter;
}

.slideshows div .stexto{ 
	font-size: 16px; 
	margin: 0; 
	width: 300px; 
	position:relative; 
	z-index:5; 
	top:40px;
	left:470px; 
	color:#7F7F7F;
}

.slideshows div a.sliga, .slideshows div a.sliga:visited { 
	font-size: 12px; 
	margin: 0; 
	padding-top: 5px; 
	font-weight: bold; 
	position:relative; 
	z-index:5; 
	top:45px;
	left:470px; 
	color: #7F7F7F;
}
.slideshows div a.sliga:hover, .slideshows div a.sliga:active { 
	font-size: 12px; 
	margin: 0; 
	padding-top: 5px; 
	font-weight: bold; 
	position:relative; 
	z-index:5; 
	top:45px;
	left:470px; 
	color: #333366;
}

#nav{ 
	position:absolute; 
	top: 440px;
	_top: 442px; 
	left: 0px; 
	z-index: 15; 
	font-size: 10px;
	_font-size: 12px;
	width: 800px;
	padding-left: 30px;
	text-align: left;
}

*:first-child+html #nav{ 
	position:absolute; 
	top: 440px;
	left: 0px; 
	z-index: 15; 
	font-size: 12px;
	width: auto;
}

#nav a{ 
	width: 17px; 
	height: 16px;
	_height: 18px;
	margin: 2px; 
	padding: 2px 5px 1px 6px; 
	_padding: 6px 5px 6px 6px;
	text-decoration: none; 
	background-image:url(../imagenes/pager_normal.jpg); 
	color:#999999;
}

#nav a.activeSlide{ 
	width: 17px; 
	height: 16px; 
	_height: 18px;
	_padding: 6px 5px 6px 6px;
	margin: 2px; 
	padding: 2px 5px 1px 6px; 
	text-decoration: none; 
	background-image:url(../imagenes/pager_over.jpg); 
	color:#FFFFFF;
}

#nav a:hover{ 
	width: 17px; 
	height: 16px;
	_height: 18px;
	_padding: 6px 5px 6px 6px; 
	margin: 2px; 
	padding: 2px 5px 1px 6px; 
	text-decoration: none; 
	background-image:url(../imagenes/pager_over.jpg); 
	color:#FFFFFF;
}

#pausa { 
	position:relative; 
	top: 425px;
	_top: 429px;
	left: 10px; 
	_left: 11px;
	z-index: 15;  
	width: 17px; 
	height: 10px; 
	margin: 2px; 
	padding: 2px 5px 1px 9px; 
	_padding:  9px 0px 5px 12px; 
	text-decoration: none; 
	background-image:url(../imagenes/pause_normal.jpg); 
	color:#999999; 
	font-size: 10px; 
	background-repeat: no-repeat;
	background-position: left;
}

#pausa:hover { 
	position:relative; 
	top: 425px; 
	_top: 429px;
	left: 10px;
	_left: 11px; 
	z-index: 15;  
	width: 17px; 
	height: 9px; 
	margin: 2px; 
	padding: 2px 5px 1px 9px;
	_padding:  9px 0px 5px 12px; 
	text-decoration: none; 
	background-image:url(../imagenes/pause_over.jpg); 
	color:#999999; 
	font-size: 10px; 
	background-repeat: no-repeat;
	background-position: left;
}

#play { 
	position:relative; 
	top: 425px;
	_top:429px; 
	left: 10px;
	_left: 11px; 
	z-index: 15;  
	width: 17px; 
	height: 10px; 
	margin: 2px; 
	padding: 2px 5px 1px 9px; 
	_padding:  9px 0px 5px 12px;
	text-decoration: none; 
	background-image:url(../imagenes/play_normal.jpg); 
	color:#999999; 
	font-size: 10px; 
	background-repeat: no-repeat;
	background-position: left;
}

#play:hover { 
	position:relative; 
	top: 425px;
	_top:429px; /*PARA AJUSTE EN IE6*/
	left: 10px; 
	z-index: 15;  
	width: 17px; 
	height: 10px; 
	margin: 2px; 
	padding: 2px 5px 1px 9px;
	_padding:  9px 0px 5px 12px; /*PARA AJUSTE EN IE6*/
	text-decoration: none; 
	background-image:url(../imagenes/play_over.jpg); 
	color:#999999; 
	font-size: 10px; 
	background-repeat: no-repeat;
	background-position: left;
}

.invisible{ 
	display: none;
}

/*ESTILOS DEL CARRUSEL DEL HOME*/

#carousel_container{
	width: 940px;
	padding: 10px;
	height: 140px;
	background-image: url(../imagenes/fondo_carrusel.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

#carousel_inner{
	width: 880px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	float: left;
	font-size: 13px;
	color:#999999;
}
#carousel_inner ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#carousel_inner li{
	width: 270px; /* Defines the size of inner element */
	height: 130px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 1px;
	padding: 10px;
	overflow: hidden;
	background-position: right;
	background-repeat: no-repeat;
}

#carousel_inner img{
	border:0;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	float: left;
	margin-top: 40px;
}

* html #simpleNext{
	background-image: url(../flecha_der_normal.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 50px;
}

#carousel_inner a{
	text-decoration: none;
	color: #4774bc;
}

#carousel_inner a:hover{
	text-decoration: none;
	color: #CCCCCC;
}

#carousel_inner .cartitulo{
	color: #013fa2;
	font-size: 16px;
	font-weight: 500;
}
#carousel_inner .cartexto{
	width: 166px;
}