body {
	background-color: #0033cc;
}

bodyIntranet {
	background-color: #ffffff;
}

h2 {
	color: #00027a;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
}

div#envianos_datos {
}

.width-25px
{
	width: 25px; 
}
.width-40px
{
	width: 40px;
}
.width-50px
{
	width: 50px;
}

.width-75px
{
	width: 75px;
}

.width-100px
{
	width: 100px;
}

.width-125px
{
	width: 125px;
}

.width-150px
{
	width: 150px;
}

.width-165px
{
	width: 165px;
}

.width-175px
{
	width: 175px;
}

.width-170px
{
	width: 170px;
}

.width-500px
{
	width: 500px;
}

.width-200px
{
	width: 200px;
}

.width-250px
{
	width: 250px;
}

.width-300px
{
	width: 300px;
}

.width-350px
{
	width: 350px;
}
.width-400px
{
	width: 400px;
}
.width-450px
{
	width: 450px;
}

.margen {
            vertical-align: top;
}

.derecha {
	font-size: 10px;
	color: #333333;
}

.izquierda 
{
	vertical-align:top;
	font-size: 10px;
	font-weight: bold;
	color: #1667b0;
}

.alinear_derecha	
{
	float: right;
	}

.no_mostrar {
	display: none;
}

.BotonEstadisticas
{
	font-family: Verdana;
	font-size: 9px;
	font-weight:bold;
	margin: 2px;
	height: 17px;
	border: #000000 1px solid;	
	background-color:  #1667b0;
	color:#FFFFFF;
	width:100px;
}

.lblOK{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #00027a;
}

.tipos_servicio {
	color: #00027a;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.tituloestadisticas {
	color: #00027a;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.caracteristicas {
	list-style-image: url(../imagenes/lista.gif);
}

.grid
{
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	font-size:11px;
}

.grid td
{
	padding:2px;
	border:1px solid #CCCCCC;
}

.grid-item-alt
{
	border: none;
	padding: 4px;
	margin: 1px;
	background-color : #F5F5F5;
}

.grid-item-edit
{
	border-top: #696969 1px solid;
	border-bottom: #696969 1px solid;
	border-left: #696969 1px solid;
	vertical-align:middle;
}

.grid-header
{
	border-bottom: #696969 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.estadisticas-header
{
	font-weight: bold;
	font-size: 11px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.grid-first-item
{
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


ul#lista_servicios {
	list-style-image: none;
	list-style-type:none;
}
ul#lista_servicios li{
	padding-bottom:10px;
}

ul#lista_empleo {
	list-style-type: none;
}

.soluciones {
	color: #0039B1;
	font-weight: bold;
}
.titular {
	font-weight: bold;
	color: #1667b0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.negrita {
	font-weight: bold;
}
div#aplicaciones {
	text-align: justify;
	padding-left: 30px;
}

ul#lista_aplicaciones {
	list-style-type: none;
	padding-left: 50px;
	font-size: 10px;
	list-style-image: url(../imagenes/lista.gif);
	text-align: justify;
}

div#fondo 
{
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	height:520px;
	z-index:0;
	background-image: url(../imagenes/fondo.jpg);
	background-repeat: no-repeat;
}

div#fondo_intro 
{
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	height:520px;
	z-index:0;
	background-image: url(../imagenes/fondo_intro.jpg);
	background-repeat: no-repeat;
}

div#flash
{	position:absolute;
	left:2px;
	top:19px;
	width:760px;
	height:170px;
	z-index:2;
	}
	
div#logo_binaria
{	position:absolute;
	left:25px;
	top:18px;
	width:147px;
	height:60px;
	z-index:2;
	}



div#fondoIntranet
{
	width:760px;
	background-color:#FFFFFF;
}

div#intranet
{
	position:absolute;
	left:620px;
	top:-8px;
	width:152px;
	height:27px;
	z-index:2;
}
div#soporte
{
	position:absolute;
	left:652px;
	top:485px;
	width:152px;
	height:27px;
	z-index:2;
}
div#w3c
{
	position:absolute;
	left:5px;
	top: 490px;
	z-index:3;
}

div#editable {
	position:absolute;
	left:5px;
	top:197px;
	width:750px;
	height:280px;
	z-index:3;
}
div#envianos_datos a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #1667B0;
	text-decoration: none;
}

div#envianos_datos a:hover {
	color: #00027a;
	text-decoration: none;
}


div#nosotros{
	position:absolute;
	left:85px;
	top:25px;
	width:575px;
	z-index:5;
	visibility:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
}

div#nosotros table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

div#nosotros td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

div#nosotros tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

span#inscripcion a {
	color: #1667B0;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
}
span#inscripcion a:hover {
	font-size: 9px;
	font-weight: bold;
	color: #00027a;
}

div#envianos_datos {
	position:absolute;
	left:217px;
	top:450px;
	width:485px;
	height:30px;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-align: left;
}

ul#lista_index li{
	list-style-type:none;
	padding-bottom: 10px;
}

div#servicios_s{
	position:absolute;
	left:85px;
	top:25px;
	width:575px;
	z-index:5;
	visibility:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
}

div#empleo{
	position:absolute;
	left:85px;
	top:25px;
	width:575px;
	z-index:5;
	visibility:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
	height: 230px;
}
div#puesto{
	position:absolute;
	left:95px;
	top:60px;
	width:510px;
	z-index:5;
	visibility:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
	height: 150px;
	/*visibility: hidden;*/
}

div#puesto1 {
	/*background-image: url(../imagenes/punto.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-position: bottom;*/
	height: 60px;
}
div#formulario_inscripcion {
	height: 60px;
	padding-top: 10px;
	float: right;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #00027a;
	/*visibility: hidden;*/
}

div#puesto1 label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #00027a;
}

div#menuClientes {
	position:absolute;
	left:610px;
	top:60px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #1667b0;
	text-align: left;
	background-position: right;
	font-weight: bold;
	visibility: visible;
	width: 135px;
	height: 230px;
}
div#formulario_inscripcion textbox {
	font-size: 10px;
	color: #333333;
	}

div#menuClientes a {
	color: #1667b0;
	text-decoration: none;
}
.inscribirse {
	text-align: right;
	float: right;
	font-size: 9px;
	color: #00027a;
	font-weight: bold;
}

span#aviso_legal a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
span#aviso_legal a:hover {
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}

div#menuClientes a:hover {
	color: #00027a;
	font-size: 10px;
	text-decoration: none;
}

div#ayuntamiento{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: visible;

}

div#ayuntamiento #logo_ayto{
	background-image: url(../imagenes/logos/aytozgz.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#ayuntamiento #texto_ayto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}

div#che{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#che #logo_che {
	background-image: url(../imagenes/logos/che.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#che #texto_che {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}
div#inm{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#inm #logo_inm {
	background-image: url(../imagenes/logos/inm.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 130px;
}

div#inm #texto_inm {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}

div#spendIN{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#spendIN #logo_spend {
	background-image: url(../imagenes/logos/logo-spend-in.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#spendIN #texto_spend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}

div#modlang{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#modlang #logo_mod {
	background-image: url(../imagenes/logos/modlang.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#modlang #texto_mod {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}

div#gunitados{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#gunitados #logo_gunitados {
	background-image: url(../imagenes/logos/gunitados.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#gunitados #texto_gunitados {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}

div#spuderg{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#spuderg #logo_spuderg {
	background-image: url(../imagenes/logos/spuderg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#spuderg #texto_spuderg {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}
div#apotheka{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#apotheka #logo_apotheka {
	background-image: url(../imagenes/logos/apotheka.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#apotheka #texto_apotheka {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}

div#chivite{
	position:absolute;
	left:5px;
	top:25px;
	width:585px;
	z-index:5;
	visibility: hidden;
}

div#chivite #logo_chivite {
	background-image: url(../imagenes/logos/chivite.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
}

div#chivite #texto_chivite {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	width: 430px;
}



div#menu{
	position:absolute;
	left:265px;
	top:148px;
	height:38px;
	z-index:2;
	width: 413px;
}

div#menu ul {
	height: 38px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
	display: block;
	background:url(../../imagenes/menu/Menu.gif) top left no-repeat;
}

div#menu ul.presentacion
{
	background:url(../../imagenes/menu/Menu.gif) top left no-repeat;
}
div#menu ul.servicios
{
	background:url(../../imagenes/menu/Menu.gif)  0px -38px no-repeat;
}
div#menu ul.clientes
{
	background:url(../../imagenes/menu/Menu.gif)  0px -76px no-repeat;
}
div#menu ul.unete
{
	background:url(../../imagenes/menu/Menu.gif)  0px -114px no-repeat;
}
div#menu ul.contacto
{
	background:url(../../imagenes/menu/Menu.gif)  0px -152px no-repeat;
}


div#intranet a:hover
{
	background-image: url(../imagenes/menu/Acceso_intranet_off.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

div#soporte a:hover
{
	background-image: url(../imagenes/menu/Soporte_off.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

div#menu li {
	list-style-type: none;
	display: inline;
	height: 38px;
	float: left;
}


div#intranet a {
	background-image: url(../imagenes/menu/Acceso_intranet_on.gif);
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 40px;
}

div#soporte a {
	background-image: url(../imagenes/menu/Soporte_on.gif);
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 40px;
}

div#menu li a {
	height: 38px;
	display: block;
}

li#presentacion a {
	width: 111px;
}

li#servicios a{
	width: 84px;
}
li#clientes a{
	width: 75px;
}
li#unete a{
	width: 60px;
}
li#contacto a{
	width: 83px;
}

h1 {
	display: none;
}
div#contacta td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 10px;
}
div#contacta table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div#contacta {
	position:absolute;
	left:85px;
	top:35px;
	width:550px;
	z-index:6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00027a;
	text-align: right;
	font-weight: bold;
	visibility: visible;
	height: 140px;
}

div#contacta label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00027a;
	text-align: left;
	font-weight: bold;
	visibility: visible;
}

div#contacta_datos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #1667B0;
	text-align: center;
	font-weight: bolder;
	visibility: visible;
}

div#contenedor {
	height: 520px;
	width: 760px;
	margin-top: -260px;
	margin-left: -380px;
	position: absolute;
	left: 50%;
	top: 50%;
}

div#contenedorIntranet 
{
	height:1000px;
	width: 760px;
	top:-130px;
	margin-left: -380px;
	position: absolute;
	left: 50%;
	background-color:#FFFFFF;
	background-repeat:repeat;
}

div#editableIntranet {
	position:absolute;
	left:5px;
	top:197px;
	width:750px;
	height:1000px;
	z-index:3;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
}

div#contacta textarea {
	background-color: transparent;
	border: 1px solid #1667B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	width: 260px;
	height: 142px;
	padding: 8px;
	margin-top:0px;
	margin-bottom:0px;
	
}
.textbox_asp {
	background-color: transparent;
	border: 1px solid #1667B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	height: 30px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 8px;
	padding-left: 5px;
}

td#comenta {
}

div#contacta_datos a {
	color: #1667B0;
	text-decoration: none;
}
div#contacta_datos a:hover {
	color: #00027A;
}

div#login{
    position:absolute;
    left:260px;
    top:35px;
    width:250px;
    z-index:5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #00027A;
    text-align: left;
    padding-left: 20px;
}

div#login label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #00027A;
    text-align: left;
}

div#proyectos{
    position:absolute;
    left:140px;
    top:25px;
    width:250px;
    z-index:5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #00027A;
    text-align: left;
    padding-left: 20px;
    vertical-align:top;
}

div#proyectos label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #00027A;
    text-align: left;
    padding-left:10px;
}

div#proyectos p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #00027A;
    text-align: left;
    padding-left:10px;
}

div#proyectos a
{
	color: #1667B0;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	padding-left:10px;
}

div#menuintranet{
	position:absolute;
	left:-10px;
	top:28px;
	width:150px;
	z-index:5;
	visibility:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
}

/*Estilos de las estadísticas*/

div#estadisticas{
	position:absolute;
	left:140px;
	top:25px;
	width:520px;
	z-index:5;
	visibility:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
}

div#estadisticas label 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #00027a;
}

div#estadisticas table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

div#estadisticas td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

div#estadisticas tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}

div#estadisticas image 
{
	border: 0px;
}