﻿#tablaPromocionales{
	/*width: 566px;*/
	margin-top: 20px;
}

.TablaPromocionalesEncabezado{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #5C5F99;
	color: #FFF;
	text-align: center;
	height: 20px;
}

.TablaPromocionalesCelda{
	width: 283px;
	height: 115px;
}

#sliderPrincipal{
	position: relative;
	width: 447px;

	background: url(../images/nivo_slider/loading.gif) no-repeat 50% 50%;
}

#sliderPrincipal img{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#sliderPrincipal a{
	border: 0;
	display: block;	
}

#BannerDirectorio{
	position: relative;
	width: 447px;

	background: url(../images/nivo_slider/loading.gif) no-repeat 50% 50%;
}

#BannerDirectorio img{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#BannerDirectorio a{
	border: 0;
	display: block;	
}

#slider01{
	position: relative;
	width: 280px;
	height: 110px;
	background: url(../images/nivo_slider/loading.gif) no-repeat 50% 50%;
}

#slider01 img{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#slider01 a{
	border: 0;
	display: block;	
}

#slider02{
	position: relative;
	width: 280px;
	height: 110px;
	background: url(../images/nivo_slider/loading.gif) no-repeat 50% 50%;
}

#slider02 img{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#slider02 a{
	border: 0;
	display: block;	
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	color: #F90;
	text-decoration: none;
}
.nivo-caption a:hover{
	color: #F00;
	text-decoration: underline;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	background: url(../images/nivo_slider/arrows.png) no-repeat;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	display: block;
}
a.nivo-prevNav {
	left:15px;
}
a.nivo-nextNav {
	right:15px;
	background-position: -30px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left: 110px;
}
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	float: left;
	background: url(../images/nivo_slider/bullets.png) no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	margin-top: 110px;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background-position: 0 -22px;
}

#divTitulo{
	width: 405px;
	height: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #000055;
	margin-bottom: 20px;
}

#divTituloGraficas{
	width: 405px;
	height: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #000055;
	margin-bottom: 0px;
}

#divTituloInvitaciones{
	width: 100%;
	height: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #000055;
	margin-bottom: 0px;
}

#tablaTitulo{
}

.celdaTitulo{
	border-bottom: 2px solid #F93;
	width: 250px;
	text-align: left;
}

#contenedorMensaje
{
    margin: 20px 25px 0px 16px;
    width: 335px;
    /*height: 522px;*/
    float: left;
}

#noticias
{
    float: left;
    margin-top: 20px;
}

#graficas
{
    float: left;
    margin-top: 20px;
}

#invitaciones
{
    margin: 20px 0px 0px 16px;
    width: 765px;
    float: left;
}

h2.accordion
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    background: #333;
    height: 23px;
    line-height: 23px;
    width: 335px;
    font-size: 16px;
    font-weight: bold;
    float: left;
    border-radius: 5px;
    border: 1px solid #666;
    /*background-image: linear-gradient(bottom, rgb(71,71,71) 0%, rgb(66,66,66) 61%, rgb(122,122,122) 82%, rgb(133,133,133) 98%);
    background-image: -o-linear-gradient(bottom, rgb(71,71,71) 0%, rgb(66,66,66) 61%, rgb(122,122,122) 82%, rgb(133,133,133) 98%);
    background-image: -moz-linear-gradient(bottom, rgb(71,71,71) 0%, rgb(66,66,66) 61%, rgb(122,122,122) 82%, rgb(133,133,133) 98%);
    background-image: -webkit-linear-gradient(bottom, rgb(71,71,71) 0%, rgb(66,66,66) 61%, rgb(122,122,122) 82%, rgb(133,133,133) 98%);
    background-image: -ms-linear-gradient(bottom, rgb(71,71,71) 0%, rgb(66,66,66) 61%, rgb(122,122,122) 82%, rgb(133,133,133) 98%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(71,71,71)),
	    color-stop(0.61, rgb(66,66,66)),
	    color-stop(0.82, rgb(122,122,122)),
	    color-stop(0.98, rgb(133,133,133))
    );*/
    background-image: linear-gradient(bottom, rgb(102,102,102) 73%, rgb(168,165,168) 100%, rgb(110,108,110) 100%, rgb(56,55,56) 6%);
    background-image: -o-linear-gradient(bottom, rgb(102,102,102) 73%, rgb(168,165,168) 100%, rgb(110,108,110) 100%, rgb(56,55,56) 6%);
    background-image: -moz-linear-gradient(bottom, rgb(102,102,102) 73%, rgb(168,165,168) 100%, rgb(110,108,110) 100%, rgb(56,55,56) 6%);
    background-image: -webkit-linear-gradient(bottom, rgb(102,102,102) 73%, rgb(168,165,168) 100%, rgb(110,108,110) 100%, rgb(56,55,56) 6%);
    background-image: -ms-linear-gradient(bottom, rgb(102,102,102) 73%, rgb(168,165,168) 100%, rgb(110,108,110) 100%, rgb(56,55,56) 6%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.73, rgb(102,102,102)),
	    color-stop(1, rgb(168,165,168)),
	    color-stop(1, rgb(110,108,110)),
	    color-stop(0.06, rgb(56,55,56))
    );
}

h2.accordion a
{
    color: #F6F6F6;
    text-decoration: none;
    padding-left: 20px;
    display: block;
    font-family: Myriad Pro, Helvetica, Arial;
    text-shadow: 0px -1px 1px #333;
    border-radius: 5px;
}

h2.accordion a:hover
{
    color: White;
    /*background-image: linear-gradient(bottom, rgb(0,0,0) 1%, rgb(102,101,102) 61%, rgb(163,160,163) 82%, rgb(194,188,194) 98%);
    background-image: -o-linear-gradient(bottom, rgb(0,0,0) 1%, rgb(102,101,102) 61%, rgb(163,160,163) 82%, rgb(194,188,194) 98%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 1%, rgb(102,101,102) 61%, rgb(163,160,163) 82%, rgb(194,188,194) 98%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 1%, rgb(102,101,102) 61%, rgb(163,160,163) 82%, rgb(194,188,194) 98%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 1%, rgb(102,101,102) 61%, rgb(163,160,163) 82%, rgb(194,188,194) 98%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.01, rgb(0,0,0)),
	    color-stop(0.61, rgb(102,101,102)),
	    color-stop(0.82, rgb(163,160,163)),
	    color-stop(0.98, rgb(194,188,194))
    );*/
    background-image: linear-gradient(bottom, rgb(232,117,3) 54%, rgb(237,166,23) 73%, rgb(235,161,14) 100%, rgb(235,173,97) 85%);
    background-image: -o-linear-gradient(bottom, rgb(232,117,3) 54%, rgb(237,166,23) 73%, rgb(235,161,14) 100%, rgb(235,173,97) 85%);
    background-image: -moz-linear-gradient(bottom, rgb(232,117,3) 54%, rgb(237,166,23) 73%, rgb(235,161,14) 100%, rgb(235,173,97) 85%);
    background-image: -webkit-linear-gradient(bottom, rgb(232,117,3) 54%, rgb(237,166,23) 73%, rgb(235,161,14) 100%, rgb(235,173,97) 85%);
    background-image: -ms-linear-gradient(bottom, rgb(232,117,3) 54%, rgb(237,166,23) 73%, rgb(235,161,14) 100%, rgb(235,173,97) 85%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.54, rgb(232,117,3)),
	    color-stop(0.73, rgb(237,166,23)),
	    color-stop(1, rgb(235,161,14)),
	    color-stop(0.85, rgb(235,173,97))
    );
}

.accContainer
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    overflow: hidden;
    font-family: Arial;
    font-size: /*1.2em*/ 12px;
    font-weight: bold;
    color: #333;
    width: 335px;
    height: 488px;
    clear: both;
    background: #F6F6F6;
    border: 1px solid #666;
    box-shadow: 0px 1px 3px #666;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: linear-gradient(bottom, rgb(255,255,255) 73%, rgb(224,224,224) 100%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 73%, rgb(224,224,224) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 73%, rgb(224,224,224) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 73%, rgb(224,224,224) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 73%, rgb(224,224,224) 100%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.73, rgb(255,255,255)),
	    color-stop(1, rgb(224,224,224))
    );
}

.accContainer .block
{
    padding: 20px;
    text-align: justify;
}

.accContainer .block p
{
    margin: 0px 0px 10px 0px;
    line-height: 18px;
}

#envolventeGraficas
{
    padding: 15px;
    background-color: #919191;
    border-radius: 5px;
}

#envolventeInvitaciones
{
    text-align: center;
    height: auto;
    width: 100%;
    font-family: Arial;
    font-size: 13px;
    color: #000055;
    font-weight: bold;
}

#sliderGraficas{
	position: relative;
	width: 370px;
	height: 80px;
	background: url(../images/nivo_slider/loading.gif) no-repeat 50% 50%;
}

#sliderGraficas img{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#sliderGraficas a{
	border: 0;
	display: block;	
}

.invitacion
{
    width: 25%;
    height: auto;
    float: left;
    margin: 15px auto 15px auto;
}

.marcoInvitaciones
{
    border: 8px solid #2E2E2E;
    border-radius: 5px;
}

.invitacion img:hover{
    border: 8px outset orange;
    border-radius: 5px;
}

.invitacion a:link, .invitacion a:visited{ 
	text-decoration: none; 
	color:#FFFFFF;
}

.invitacion a:hover{ 
	text-decoration: none;
	color:#FFFFFF;
}