/* ESTRUCTURA BASICA------------------------------------------------------------------------------------------------ */
body {
	font-family: Tahoma, Arial, Verdana;
	font-size: 70%;
	color: #333333;
	text-align: center;
	margin:0 auto;
	background:#E5E5E5;
	}
#contenedor {
	margin: 0 auto;
	text-align:left;
	width: 87em;
	background: #FFFFFF;
	padding:0 1em 1em 1em;
	}

/* HTML ------------------------------------------------------------------------------------------------------ */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,body,html,p,blockquote,fieldset,input,img{
	margin:0;
	padding:0;
	}

h1, h2, h3, h4, h5, h6, h7 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	}

a img,:link img,:visited img{
	border:none;
	}

ul,ol{
	list-style:none;
	}

acronym, abbr {
	border-bottom: 1px dotted #3399CC;
	cursor: help;
	}

address {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	line-height: 1.5em;
	}

ul.nivel_01 {
	text-transform: uppercase;
	color: #0099FF;
	clear: both;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}
ul.nivel_01 li.linea {
	margin-top: 2em;
	border-top: 1px dotted #D6D6D6;
	padding-top: 1em;
}

ul.nivel_02 {
	margin-left: 1.6em;
	padding-left: 1.6em;
	text-transform: none;
	color: #333333;
}
ul.nivel_03 {
	color: #858585;
	margin-left: 1em;
	padding-left: 1em;
	text-transform: none;
}



/* SEMÁNTICA ------------------------------------------------------------------------------------------------------ */
h1 {
	color: #0099FF;
	font-size: 2.1em;
	line-height: 1.2em;
	}


h2 {
	color: #000000;
	font-size: 2.4em;
	line-height: 0.9em;
	margin-bottom: 1em;
	}

h2 span {
	line-height: 1.2em;

}

h3 {
	font-size: 2em;
	color: #0099FF;
	margin-top: 1.5em;
	border-top: 1px solid #AEDFFF;
	padding-top: 0.5em;
	}

h4 {
	color: #0099FF;
	margin-top: 1em;
	border-bottom: 1px dotted #48B6FF;
	padding-bottom: 0.5em;
	clear: both;
}

p {
	line-height: 2em;
	margin: 1.5em 0;
	}

ul {
	margin-left: 0;
	padding-left: 0;
	}

li {
	margin: 0.5em 0;
	line-height: 1.8em;
	}

li.ultimo { border: none; }

dl {
	margin: 1em 0;
	font-family: Arial, Helvetica, sans-serif;
	}

dt {
	color: #0099FF;
	text-transform: uppercase;
	font-size: 1.1em;
	margin-top: 2em;
	line-height: 1.8em;
	}

dd {
	margin-bottom: 2em;
	line-height: 1.8em;
	text-transform: capitalize;
	}

dl.color_inverso dt {
	color: #666666;
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0px;
	}
.filtroEnlaces {
	margin-right: 1em;
}

dl.color_inverso dd {
	margin: 0 0 1.5em;
	text-transform: none;
	}
.enlaces dl.color_inverso {
	margin: 0 0 0 20px;
	width: 80em;
}
.enlaces dl.color_inverso dt {
	background:transparent url(../img/general/bullet_lista.jpg) no-repeat scroll 0 0;
	padding-left:2em;
	float: left;
	clear: left;
	margin-right: 1em;
	white-space: nowrap;
}
.enlaces dl.color_inverso dd {
	float: left;
	width: 40em;
}
a { color: #109FF5;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

.cursiva {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	text-transform: none;
	font-size: 1.1em;
}

.oculto { display: none; }

.masinfo { color: #109FF5; }

.separador {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	margin: 1em 0;
	}

.clear {
	clear: both;
	}



.azul {
	color: #0099FF;
}

.descarga {
	background: url(../img/general/bullet_pdf.jpg) no-repeat left top;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.volver {
	float: right;
}
.flotar_izquierda {
	float: left;
	margin-right: 2.5em;
}
.enlaces {
	width: 82em;
}
.fecha {
	font-family: Georgia, "Times New Roman", Times, serif;
}

p.aviso {
	margin-top: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #0099CC;
	padding: 2em;
	border: 2px dotted #0099CC;
	font-size: 1.5em;
}


/* CABECERA ------------------------------------------------------------------------------------------------------ */

#cabecera { margin-bottom: 1em; overflow:hidden; float:left;}

.logo { margin-top: 1.5em; float:left; }

.bg_home { background: url(../img/cabecera/background/bg_home.jpg) right top no-repeat ; }

.bg_lineas_estrategicas { background: url(../img/cabecera/background/bg_lineas_estrategicas.jpg) right top no-repeat ; }

.bg_tekniker { background: url(../img/cabecera/background/bg_tekniker.jpg) right top no-repeat ; }

.bg_oferta_tecnologica { background: url(../img/cabecera/background/bg_oferta_tecnologica.jpg) right top no-repeat ; }
.bg_servicios_tecnologicos { background: url(../img/cabecera/background/bg_servicios_tecnologicos.jpg) right top no-repeat ; }
.bg_publicaciones { background: url(../img/cabecera/background/bg_publicaciones.jpg) right top no-repeat ; }
.bg_cursos { background: url(../img/cabecera/background/bg_cursos.jpg) right top no-repeat ; }
.bg_noticias { background: url(../img/cabecera/background/bg_noticias.jpg) right top no-repeat ; }
.bg_enlaces { background: url(../img/cabecera/background/bg_enlaces.jpg) right top no-repeat ; }



/* menu superior 

#menu_superior {
	clear: both;
	float: right;
	margin-top: -16em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0066CC;
	width: 45em;
	background: #FFF;
	letter-spacing: 0.1em;
	}
*/
#menu_superior { float:right; position:relative; top:5px; right:0px; background: #fff;}


#menu_superior li.ultimo { border:none; }

#menu_superior ul.idiomas { margin-left: 2em; }

#menu_superior ul {
	float: left;
	margin: 0;
	padding: .2em 0 .3em 0;
	}

#menu_superior ul li {
	display: inline;
	border-right: 1px solid #0066CC;
	padding: 0 .6em;
	color: #000000;
	}

#menu_superior a {
	font-weight: normal;
	color: #0099FF;
	}

#menu_superior a:hover {
	color: #0066CC;
	text-decoration: none;
	}

#menu_superior a.bullet_contacto {
	background: url(../img/general/bullet_contacto.gif) no-repeat;
	padding-left: 2.2em;
}
#menu_superior a.bullet_enlaces {
	background: url(../img/general/bullet_enlaces.gif) no-repeat;
	padding-left: 2.2em;
}

/* menu principal */
#menu_principal {
	margin-top: 1.5em;
	background: url(../img/navegacion/menu_principal/bg_barra_menu.jpg) repeat-x left center;
	font-size: 1.1em;
	float:left;_float:none;
	width:79.1em;
	}

#menu_principal ul {
	margin-left: 0;
	padding: 1.4em 0;
	border-bottom: 5px solid #2B95FF;
	}

#menu_principal ul li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-transform: uppercase;
	}

#menu_principal ul li a {
	text-decoration: none;
	color: #FFF;
	padding: 1.4em .4em 1.9em;
	}

#menu_principal ul li a:hover {
	background: url(../img/navegacion/menu_principal/bg_hover_active.jpg) repeat-x ;
	}

#menu_principal li.activo {
	text-decoration: none;
	color: #FFF;
	background: url(../img/navegacion/menu_principal/bg_active.jpg) repeat-x;
	padding: 1.4em .2em 1.9em .4em;
	margin-right: .2em;
	}

/* CONTENIDO----------------------------------------------------------------------------------------------------------- */
#contenido {}

/* ruta */

ul#camino_migas {
	background: url(../img/general/bg_separador_punteado.gif) repeat-x bottom;
	margin: 0 0 2em;
	padding: 0 0 2em;
	}

ul#camino_migas ul {
	margin-left: -20em;
	}

ul#camino_migas li {
	display: inline;
	padding: .2em;
	}

ul#camino_migas li a {
	color: #666666;
	}

/* Submenu */
#submenu {
	float: left;
	width: 25%;
}

#submenu ul {
	padding-right: 1em;
	margin: 1em 0;
	}

#submenu ul li {
	color: #000;
	padding-left: 2.5em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: url(../img/navegacion/submenu/bullet_activo.gif) no-repeat;
	}

#submenu li.activo {color: #0099FF;}

#submenu li a {
	color: #000;
	text-decoration: none;
	}

#submenu li a:hover {color: #999;}

#submenu ul.despliego li {
	font-weight: normal;
	background: url(../img/navegacion/submenu/bullet_flecha.gif) left .5em no-repeat;
	text-transform: none;
	font-size: 1.2em;
	margin: .6em 0 0;
	padding-left: 1.5em;
}
#submenu ul.despliego li.activo {
	background: #D7E4FD;
	border-bottom: 1px solid #A4DBFF;
	color: #099CFF;
	font-weight: bold;
}
#submenu ul.despliego li a {
	text-decoration: none;
	color: #099CFF;
}
#submenu ul.despliego li a:hover {
	text-decoration: underline;
}
/* Submenu lineas estratégicas */
.lineasEstrategicas #submenu ul li {
	visibility: hidden;
	padding-left:0;
	}
.lineasEstrategicas #submenu ul .despliego {
	margin-top: -20px;
}
.lineasEstrategicas #submenu ul .despliego li {
	visibility: visible;
	padding-left:2.5em;
	background:transparent url(../img/navegacion/submenu/bullet_activo.gif) no-repeat scroll 0 0;
	margin:0.5em 0;
	text-transform: uppercase;
	font-size:1em;
	}
.lineasEstrategicas #submenu ul.despliego li.activo {
	border: none;
}
.lineasEstrategicas #submenu ul .despliego li a{
	color: #000;
}


/* desarrollo */
div#desarrollo {
	float: left;
	width: 72%;
	padding-left: 1.5em;
	letter-spacing: 0.1em;
	background: url(../img/general/bg_separador_punteado.gif) left top repeat-y;
	margin: 0 0 2em 1em;
}
div#desarrollo_expandido {
	background-image: none;
}
div#desarrollo_expandido h1 {
	margin-bottom: 1.5em;
	border-bottom: 3px solid #CFE2FE;

}
div#desarrollo_expandido h2 {
	font-size: 1.8em;
}


/* LINEA COMÚN DE CONTENIDOS ----------------------------------------------------------------------------------------- */

ul.menu_ficha {
	list-style-type: none;
	padding: 1em 0;
	border-top: 1px solid #00CCFF;
	margin-bottom: 2em;
	}

ul.menu_ficha li {
	display: inline;
	padding: 0.3em 0.5em 0.5em 2em;
	border-right: 1px solid #B4DDFC;
	text-transform: uppercase;
	}

ul.menu_ficha li a { text-decoration: none; }

ul.menu_ficha li a:hover { text-decoration: underline; }

li.presentacion {
	background: url(../img/general/bullet_presentacion.gif) no-repeat;
	}

li.productos {
	background: url(../img/general/bullet_proyectos.gif) no-repeat;
	}

li.proyectos {
	background: url(../img/general/bullet_productos.gif) no-repeat;
	}

li.servicios {
	background: url(../img/general/bullet_servicios.gif) no-repeat;
	}

li.publicaciones {
	background: url(../img/general/bullet_publicaciones.gif) no-repeat;
	}

ul.boliche {
	margin-left: 3em;
	margin-bottom: 1em;
	clear: left;
}

ul.boliche li {
	background: url(../img/general/bullet_lista.jpg) no-repeat;
	padding-left: 2em;
	}

img.borde {
	padding: 0.3em;
	border: 1px solid #C3C3C3;
	float: left;
	margin-right: 3em;
	margin-bottom: 2em;
}
img.apaisada {
	padding: 0.3em;
	border: 1px solid #C3C3C3;
	float: left;

	margin-bottom: 2em;
}
img.grande { width:685px; height:150px;}
img.pequena { width:435px; height:150px;}

/* paginación */
#paginacion ul{
	list-style-type: none;
	margin-top: 2em;
}
#paginacion li{
	display: inline;
}
#paginacion li a{
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	line-height: 12px;
 	color: #109FF5;
 	text-decoration: none;
 	margin: 2px;
 	padding: 6px;
 	border: 1px solid #109FF5;
}

#paginacion li a:hover{
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	line-height: 12px;
 	color: #FFFFFF;
 	text-decoration: none;
 	margin: 2px;
 	padding: 6px;
 	border: 1px solid #D6D6D6;
 	background-color: #109FF5;
}


/* FORMULARIOS ------------------------------------------------------------------------------------------------------ */


form#formulario {
	float: left;
	width: 50em;
}
form#formulario h2 {
	background-color: #E5E5E5;
	padding: 0.2em;
}

form#formulario p {
	float: right;
	margin: 0.5em 0px;
}
form#formulario input, textarea {
	width: 25em;
	padding: 0.2em;
	margin-left: 1em;
}
form#formulario select {
	width: 25.5em;
	margin-left: 1em;
}
form#formulario input.boton {
	width: 6em;
}
form#formulario p.conformidad {
	clear: both;
	background-color: #F5F5F5;
	border: 2px dotted #CCCCCC;
	padding: 1em;
	font-size: 0.8em;
	color: #999999;
	width: 85%;
	text-align:justify;
	line-height:1.5em;
	margin-top:1.5em;
}
div.mensaje_error, div.mensaje_fallido {
	color: #CC0000;
	float: left;
	padding: 1em;
	border: 1px dotted #CC0000;
	clear: both;
}
div.mensaje_exito {
	color: #009900;
	font-size: 1.2em;
	clear: both;
}


form#contacto {
	width: 40em;
	/*height: 45em;*/
	margin-bottom: 4em;
	border: 2px dotted #CCCCCC;
	float: right;
	margin-right: 16em;
	padding: 1.5em;
	}

form#contacto h2 {
	color: #FFFFFF;
	background-color: #333333;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-left: 1em;
	padding-bottom: 0.2em;
	margin-bottom: 0px;
	}

form#contacto p {
	float: right;
	margin: .5em 0;
	}

form#contacto p.persona_contacto {
	background-color: #BEE0FC;
	padding-left: 2em;
	display: block;
	float: left;
	width: 95%;
}

form#contacto p.conformidad {
	clear: both;
	background-color: #F5F5F5;
	border: 2px dotted #CCCCCC;
	padding: 1em;
	font-size: 0.8em;
	color: #999999;
	width: 92%;
	text-align:justify;
	line-height:1.5em;
}
p.conformidad input#contacto_conforme {
	margin-top: 0px;
	padding: 0px;
	width: 2em;
}

form#contacto input {
	width: 22em;
	padding: 0.2em;
	margin-left: 0.5em;
	}

form#contacto select {
	width: 19.7em;
	margin-left: 0.5em;
	padding: 0.2em;
	}

form#contacto textarea, textarea#observaciones {
	width: 30em;
	height: 8em;
	}

form#contacto input.boton {
	width: 5em;
	float: right;
	margin-bottom: 1em;
	}

form#buscador {
	float: right;
	}

form#buscador input {
	padding: .2em;
}

input#busqueda {
	width: 10.5em;
	background-color: #DAEBFE;
	border: 1px solid #0099CC;
	height: 1.4em;
	position: relative;
	top: -1px;
	}


.asterisco {
	color: #CC0000;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	}


/* PIE ------------------------------------------------------------------------------------------------------ */

#pie {
	clear: both;
	text-align: center;
	margin-top: 2em;
	}

#pie ul.opciones {
	background-color: #CFE2FE;
	padding: .5em 0 1em 0;
	margin: 1em 0;
	}

#pie ul.opciones li {
	display: inline;
	color: #0066CC;
	padding: 0 .5em;
	border-right: 1px solid #0066CC;
	}

#pie ul.opciones li.ultimo { border: none;}

#pie address {
	font-style: normal;
	margin-bottom: 1em;
	}


ul.etiquetas_w3c {
	margin-bottom: 1em;
	}

ul.etiquetas_w3c li {
	display: inline;
	margin-right: 0.5em;
	margin-left: 0.5em;
}