/*
COLORES
			Logo	Pastel	Palido	Verdes	Azules	Marrones	Especiales
Color		7b3152	b88199	C3B0B8	9bcc8f	4C8397	cca78f		f6f6f6 Gris muy claro
Oscuro		562239	80596a	807378	618059	406E80	806959		333333 Gris texto
Muy Claro	ffd9ea	e6cfd9	FFE6F1	d3e6cf	CFDFE6	e6d8cf		EEEAEC Gris rosáceo para menú y pie
Claro		ffb2d4	bf608a	BFACB5	73bf60	3098BF	bf8660		006084 Azul fondo principal
*/

body
{
	min-width: 750px;
	color: #333333;
	padding: 0;
	margin: 0;
	font-family: Verdana;
	font-size: 0.7em;
	text-align: center;
	background-color: White;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend
{
	padding: 0;
	margin: 0;
}

ul
{
	list-style: none;
}

li li
{
	font-size: 100% !important;
}

a
{
	text-decoration: none;
	color: #7b3152;
	font-weight: bold;
}

a:hover
{
	color: #bf608a;
}

a img
{
	border: 0;
}

fieldset
{
	border: 0;
	border-style: solid;
}

input, textarea, select
{
	font-size: 100%;
}

#logo
{
	float: left;
}

#linksRapidos
{
	background-color: #512044;
	width: 100%;
	height: 30px;
}

#linksRapidos ul
{
	background-color: white; /*width :450px;*/
	margin-top: 6px;
	float: right;
	margin-right: 0.65%;
	height: 18px;
}

#linksRapidos ul li a
{
	vertical-align: middle;
	padding-bottom: 11px;
	line-height: 18px;
}

#linksRapidos ul li
{
	display: inline;
}

#linksRapidos ul li img
{
	vertical-align: middle;
	padding-bottom: 11px;
}


/*-----------------------------------*/
#linksRapidosPrincipal
{
	background-color: #512044;
	width: 100%;
	height: 30px;
}

#linksRapidosPrincipal ul
{
	background-color: white; /*width :450px;*/
	margin-top: 6px;
	float: right;
	margin-right: 0.65%;
	height: 18px;
}

#linksRapidosPrincipal ul li a
{
	vertical-align: middle;
}


#linksRapidosPrincipal ul li
{
	display: inline;
}

#linksRapidosPrincipal ul li img
{
	vertical-align: middle;
}
/*------------------------------------*/


h3
{
	color: White;
	font-variant: small-caps;
	font-size: 1.1em;
	padding: 0.4em;
	margin: 0;
}


h1
{
	color: White;
	font-variant: small-caps;
	font-size: 1.2em;
	margin: 0;
}

h2
{
	font-size: 1.2em;
	margin-top: 5px;
}


#cabecera
{
	width: 100%;
	background-image: url(images/fondocabecera.png);
	height: 120px;
}

#menuIzquierda
{
	clear: both;
	width: 20%;
	float: left;
	margin: 0% auto;
	margin-bottom: 2%; /*height:auto;*/
}

#menuIzquierda a:active, #menuIzquierda a:hover
{
	color: White;
}

#menuIzquierda a
{
	background-color: Transparent;
}


#textos
{
	float: right;
	width: 75%;
	text-align: justify;
	margin-bottom: 2%;
}

#textos ul
{
	padding-left: 4em;
	padding-right: 1em;
}

#textos ul li
{
	list-style-type: disc;
	padding: 0.2em;
}


#destacados
{
	width: 20%;
	float: right;
	margin-right: 3%;
	text-align: justify;
}

#textos table
{
	margin-top: 1em;
	margin-bottom: 1em;
}

#menu
{
	font-variant: small-caps;
	font-weight: bold;
	clear: both;
	margin: 2% auto;
	font-size: medium;
}

#menu ul li div
{
	/*width:16.66%;	*/
	border-bottom-style: solid;
	border-bottom-width: 7px; /*display:inline-block;*/ /*min-height: 250px;*/
	width: 16.6%;
	display: -moz-inline-stack; /* FF2*/
	display: inline-block;
	vertical-align: top; /* BASELINE CORRECCIÓN*/ /*margin: 5px;*/
	zoom: 1; /* IE7 (hasLayout)*/ *display:inline;/* IE */
/*_height: 25px; /* IE6 */

}

#menu ul
{
	margin: 0px;
	padding: 0px;
	display: block;
}

#menu ul li
{
	display: inline;
	margin: -3px;
}



#menu a
{
	text-decoration: none; /*padding : 0 3% 0 3%;*/
}

#menu ul li div.opcionEmpresa
{
	color: #b88199;
}
#menu ul li div.opcionSoluciones
{
	border-bottom-color: #68982b;
}

#menu ul li div.opcionProductos
{
	border-bottom-color: #c6a95d;
}

#menu ul li div.opcionServicios
{
	border-bottom-color: #5ecbe6;
}

#menu ul li div.opcionContacto
{
	border-bottom-color: #ffb2d4;
}

#menu ul li div.opcionInicio
{
	color: #7b3152;
}

#menu a.opcionEmpresa:hover, #contenedor #menu a.opcionInicio:hover, #contenedor #menu a.opcionSoluciones:hover, #contenedor #menu a.opcionProductos:hover, #contenedor #menu a.opcionServicios:hover, #contenedor #menu a.opcionContacto:hover
{
	border-bottom-color: #bf608a;
}

#graficos ul li
{
	margin: 0px;
	padding: 0px;
	width: 24%;
	display: -moz-inline-stack; /* FF2*/
	display: inline-block;
	vertical-align: top; /* BASELINE CORRECCIÓN*/ /*margin: 5px;*/
	zoom: 1; /* IE7 (hasLayout)*/ *display:inline;/* IE */
/*_height: 25px; /* IE6 */

}

#medio
{
	margin-top: 30px;
	margin-bottom: 70px;
}

#medio ul
{
	text-align: left;
}



#medio ul li#presentacion h1
{
	color: #512044;
	font-size: x-large;
	margin-bottom: 15px;
}

#medio ul li#presentacion
{
	width: 70%;
	float: left;
	margin-bottom: 15px;
}

#medio ul li#presentacion li
{
	list-style-image: url(images/lista.png);
	padding-bottom: 3px;
	margin-left: 5%;
}

#medio ul li#presentacion ul li a
{
	font-size: 120%;
}


#medio ul li#publicidad
{
	float: right;
	margin-top: 10px;
	width: 30%;
}

#medio ul li#publicidad2
{
	float: right;
	margin-top: 135px;
	width: 30%;
}


/* Negritas*/

/*
COLORES
			Rosas	Pastel	Palido	Verdes	Azules	Marrones	Gris
Color		7b3152	b88199	C3B0B8	9bcc8f	567a7a	cca78f		f6f6f6	
Oscuro		562239	80596a	807378	618059	598080	806959		333333
Muy Claro	ffd9ea	e6cfd9	FFE6F1	d3e6cf	cfe6e6	e6d8cf		EEEAEC
Claro		ffb2d4	bf608a	BFACB5	73bf60	60bfbf	bf8660
*/

.empresaNegrita
{
	color: #BFACB5;
	font-weight: bold;
}
.aupacNegrita
{
	color: #60bfbf;
	font-weight: bold;
}

.avetNegrita
{
	color: #806959;
	font-weight: bold;
}

.gesauroNegrita
{
	color: #73bf60;
	font-weight: bold;
}
.otrosNegrita
{
	color: #333333;
	font-weight: bold;
}









/*------------------CREATE LOGIN------------------------------------------------------------------------------*/
fieldset
{
	padding: 1em;
	border: solid 1px #80596a;
}

fieldset legend
{
	color: #807378;
	font-weight: bold;
}

#privado div.CreateUser fieldset table, #privado div.CreateUser fieldset table tr, #privado div.CreateUser fieldset table tr td, #privado div.ChangePassword fieldset table, #privado div.ChangePassword fieldset table tr, #privado div.ChangePassword fieldset table tr td
{
	border: none 0px;
}

#privado div.ChangePassword fieldset table tr td ul li
{
	list-style: none;
	list-style-type: none;
}



/*------------------------------------------------------------------------------------------------------*/

#migaFecha
{
	/*border-bottom-color	:#EEEAEC; 	border-bottom-width:2px; 	border-bottom-style :solid;	*/
	margin-bottom: 1%;
	width: 99%;
	clear: both;
}

#miga
{
	float: left;
	width: 60%;
	text-align: left;
}
#fecha
{
	float: right;
	width: 40%;
	text-align: right;
}


#pie
{
	background-color: #512044;
	color: White;
	width: 100%;
	font-weight: bold;
	font-size: 0.9em;
	clear: both;
	height: 30px;
	line-height: 30px;
}

#pie img
{
	float: left;
	padding-left: 10px;
	vertical-align: middle;
}

.limpiar
{
	clear: both;
}


/*------------------------------------------------------------------------------------------------------*/
.CreateUserTitle
{
}

.CreateUserStep
{
}

.CreateUserTitle
{
}

.CreateUserButton
{
}


.botones
{
	background-image: url(images/botones.gif);
	background-repeat: repeat-y;
	border: solid 1px #807378;
	background-color: White;
	margin-top: 4px;
	margin-bottom: 4px;
}

.botones:hover
{
	cursor: pointer;
}



/*Noticias*/


#noticias .fechaNoticia
{
	float: right;
}

#noticias .productoNoticia
{
	float: left;
}



#noticias .textoNoticia
{
	float: left;
	width: 70%;
	text-align: left;
}

#noticias .imagenNoticia
{
	margin-right: 10px;
	text-align: center;
}

#noticias .imagenNoticia img
{
	float: left;
	padding-right: 10px;
	vertical-align: top;
}

#noticias .fechaProducto
{
	clear: both;
}

#noticias .textoImagen
{
	clear: both;
}


.LabelInfo
{
	color: Green;
}

.LabelError
{
	color: Red;
}


.tabSelected
{
	background-color: #EEEAEC;
	color: White;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
}


.tabUnselected
{
	background-color: #C3B0B8;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
}

#tabs
{
	border: solid 2px #C3B0B8;
	padding: 0;
	margin: 0;
}



#menuTabs table, #menuTabs td
{
	border-style: none;
	padding: 0;
	margin: 0;
}


.fieldsetTab
{
	border: none 0;
}

.floatPanel
{
	position: absolute; /*z-index :1;*/
	width: 470px; /*height:300px;*/
	top: 450px;
	left: 99px;
	background-color: White;
	border: solid 1px Gray;
}

.barra
{
	background-color: #ece9d8;
	width: 100%;
	z-index: 1;
	clear: both;
}


.barra div.titlebarra
{
	width: auto;
	float: left;
	background-color: #ece9d8;
}
.contenidoDetalle
{
	overflow: scroll; /*width:470px;*/
	height: 500px;
	clear: both;
}

#contenido
{
	width: 70%;
	text-align: center;
	margin: 0 auto;
}


img
{
}

img.derecha
{
	float: right;
}

img.izquierda
{
	float: left;
}

img.centrada
{
	float: none;
	clear: both;
}


#login
{
	width: 70%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}


#login img
{
	float: left;
}

#recordar
{
	width: 70%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}


.anchoTotal
{
	width: 100%;
}

#UsuarioConectado
{
	font-weight: bold;
}


#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolderTexto_GVGastos input
{
	width: 90%;
}

a.pdf
{
	padding-left: 20px;
	background-image: url(images/icono-pdf.gif);
	background-position: left;
	background-repeat: no-repeat;
}

a.book
{
	padding-left: 20px;
	background-image: url(images/icono-libro.jpg);
	background-position: left;
	background-repeat: no-repeat;
}


#graficos #soporteMicrosoft
{
	margin-bottom: 15px;
}


#graficos #soporteMicrosoft .TituloSoporte
{
	color: #512044;
	font-size: x-large;
	margin-bottom: 15px;
}

/*REDONDEAR CAJAS*/

.boxFutbol
{
	max-width: 26em;
	min-width: 16.2em;
	background: url(images/cajaFutbol2.png) right top no-repeat; /*color: #eee;*/ /*position: relative;*/
	text-align: left;
}

.boxFutbol h3
{
	/*padding: 1em 1.4em;*/
	margin: 0 35px 0 0;
	background: url(images/cajaFutbol2.png) left top no-repeat;
	font-size: 140%;
	height: 40px; /*line-height: 42px;*/
	text-align: center;
	padding-left: 18px;
	line-height: 40px;
}

.boxFutbol p
{
	margin: 0 17px 0 0; /*quito todos los margenes y le doy el margen que necesito por el lado derecho*/
	padding: 0.5em 1.4em 0 1.9em;
	background: url(images/cajaFutbol2.png) left center no-repeat;
	height: 75px;
	font-size: 103%;
}


.boxFutbol .bottom
{
	background: url(images/cajaFutbol1.png) right bottom no-repeat;
	display: block;
	float: right;
	width: 100%;
	height: 100px;
}

.boxFutbol .bottom span
{
	background: url(images/esquinaTransparente.png) left bottom no-repeat;
	display: block;
	width: 30px;
	height: 100px;
}

.boxControlAccesos
{
	max-width: 25em;
	min-width: 16.2em;
	background: url(images/cajaControlAccesos2.png) right top no-repeat; /*color: #eee;*/ /*position: relative;*/
	text-align: left;
}

.boxControlAccesos h3
{
	/*padding: 1em 1.4em;*/
	margin: 0 35px 0 0;
	background: url(images/cajaControlAccesos2.png) left top no-repeat;
	font-size: 140%;
	height: 40px; /*line-height: 42px;*/
	text-align: center;
	padding-left: 35px;
}

.boxControlAccesos p
{
	margin: 0 17px 0 0; /*quito todos los margenes y le doy el margen que necesito por el lado derecho*/
	padding: 0.5em 1.4em 0 1.9em;
	background: url(images/cajaControlAccesos2.png) left center no-repeat;
	height: 75px;
	font-size: 103%;
}

.boxControlAccesos .bottom
{
	background: url(images/cajaControlAccesos1.png) right bottom no-repeat;
	display: block;
	float: right;
	width: 100%;
	height: 100px;
}

.boxControlAccesos .bottom span
{
	background: url(images/esquinaTransparente.png) left bottom no-repeat;
	display: block;
	width: 30px;
	height: 100px;
}


.boxAdministracion
{
	max-width: 25em;
	min-width: 16.2em;
	background: url(images/cajaControlAdministracion2.png) right top no-repeat; /*color: #eee;*/ /*position: relative;*/
	text-align: left;
}

.boxAdministracion h3
{
	/*padding: 1em 1.4em;*/
	margin: 0 35px 0 0;
	background: url(images/cajaControlAdministracion2.png) left top no-repeat;
	font-size: 140%;
	height: 40px; /*line-height: 42px;*/
	text-align: center;
	padding-left: 20px;
	line-height: 40px;
}

.boxAdministracion p
{
	margin: 0 17px 0 0; /*quito todos los margenes y le doy el margen que necesito por el lado derecho*/
	padding: 0.5em 1.4em 0 1.9em;
	background: url(images/cajaControlAdministracion2.png) left center no-repeat;
	height: 75px;
	font-size: 103%;
}

.boxAdministracion .bottom
{
	background: url(images/cajaControlAdministracion1.png) right bottom no-repeat;
	display: block;
	float: right;
	width: 100%;
	height: 100px;
}

.boxAdministracion .bottom span
{
	background: url(images/esquinaTransparente.png) left bottom no-repeat;
	display: block;
	width: 30px;
	height: 100px;
}

.boxControlServicios
{
	max-width: 25em;
	min-width: 16.2em;
	background: url(images/cajaControlServicios2.png) right top no-repeat; /*color: #eee;*/ /*position: relative;*/
	text-align: left;
}

.boxControlServicios h3
{
	/*padding: 1em 1.4em;*/
	margin: 0 35px 0 0;
	background: url(images/cajaControlServicios2.png) left top no-repeat;
	font-size: 140%;
	height: 40px; /*line-height: 42px;*/
	text-align: center;
	padding-left: 30px;
	line-height: 40px;
}

.boxControlServicios p
{
	margin: 0 17px 0 0; /*quito todos los margenes y le doy el margen que necesito por el lado derecho*/
	padding: 0.5em 1.4em 0 1.9em;
	background: url(images/cajaControlServicios2.png) left center no-repeat;
	height: 75px;
	font-size: 103%;
}

.boxControlServicios .bottom
{
	background: url(images/cajaControlServicios1.png) right bottom no-repeat;
	display: block;
	float: right;
	width: 100%;
	height: 100px;
}

.boxControlServicios .bottom span
{
	background: url(images/esquinaTransparente.png) left bottom no-repeat;
	display: block;
	width: 30px;
	height: 100px;
}

#contenidoPrincipal
{
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
/****/

.fadeElem
{
	font-size: large;
	padding-top: 5px;
	padding-right: 10px;
	font-variant: small-caps;
	color: #242424;
	font-weight: bold;
	text-align: right;
}

.Fade
{
	float: right;
}


#graficos a
{
	text-decoration: none;
	color: black;
	font-weight: normal;
}

#graficos a:hover
{
	color: black;
}


#slideshow
{
	position: relative; /*height:400px;*/
}

#slideshow DIV
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0; /*height: 400px;*/
	background-color: #FFF;
}

#slideshow DIV.active
{
	z-index: 10;
	opacity: 1.0;
}

#slideshow DIV.last-active
{
	z-index: 9;
}

#slideshow DIV IMG
{
	/*height: 350px;*/
	display: block;
	border: 0;
	/*margin-bottom: 10px;*/
}


#slideshow2
{
	position: relative; /*height:400px;*/
}

#slideshow2 DIV
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0; /*height: 400px;*/
	background-color: #FFF;
}

#slideshow2 DIV.active
{
	z-index: 10;
	opacity: 1.0;
}

#slideshow2 DIV.last-active
{
	z-index: 9;
}

#slideshow2 DIV IMG
{
	/*height: 350px;*/
	display: block;
	border: 0;
	/*margin-bottom: 10px;*/
}