body, H1, H3, ul {margin:0;padding:0;}

body {background: url("../graf/fondo.gif") repeat-x scroll 0 0 #FFFFFF;color:#444444;font:100%/1.3em Arial,Helvetica,sans-serif;}

.novisible {display:none;}

#principal, #pie .pie_contenido, .opcionespie ul, ul.enlacesPublicitarios {margin: 0 auto;max-width: 98%;width: 60em;}
#pie .pie_contenido {width:64em;}
#content, #top {background: none repeat scroll 0 0 #FFFFFF;font-size: 80%;clear:both;}
.out {position:absolute;left:-9999em;}

/*strong {color: #C93801;font-weight: normal;}*/
img {border: 0 none;vertical-align:middle;}
a {color: #C93801;}
a:hover {color: #000000;text-decoration: none;}
p{margin: 0 0 0.885em;}
q {font-style:italic;}

h1 {width:33%;}
h2 {border-bottom: 1px solid #CCCCCC;color: #C93801;font-size: 150%;font-variant: small-caps;}
h3, h2, .nav li {font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}
h3 {color: #000000;font-size: 150%;font-weight: normal;margin-bottom:0.5em;display:block;clear:both;}
	h3 a {color:#000000;text-decoration:none;}
	h3 a.softwareMedida, h3 a.aplicacionMovil, h3 a.accesibilidadweb, h3 a.desarrolloweb, h3 a.webmovil, h3 a.certificados, h3 a.digitalizacion, h3 a.ediciondigital, h3 a.lse, h3 a.audiovisual,  h3 a.disenografico, h3 a.seo, h3 a.sem, h3 a.publicidad, h3 a.consultoria, h3 a.formacion, h3 a.gestiondocumental {display:block;padding-left:50px;padding-top:10px;padding-bottom:10px;}
	h3 img {display:block;margin-bottom:0.5em;}
	h3 a.softwareMedida {background:url(../graf/icon_softamedida_off.gif) no-repeat left;}
			h3 a.softwareMedida:hover {background:url(../graf/icon_softamedida_on.gif) no-repeat left;}	
	h3 a.aplicacionMovil {background:url(../graf/icon_aplicacionesmovil_off.gif) no-repeat left;}	
			h3 a.aplicacionMovil:hover {background:url(../graf/icon_aplicacionesmovil_on.gif) no-repeat left;}		
	h3 a.accesibilidadweb {background:url(../graf/icon_accesibilidadweb_off.gif) no-repeat left;}
			h3 a.accesibilidadweb:hover {background:url(../graf/icon_accesibilidadweb_on.gif) no-repeat left;}				
	h3 a.desarrolloweb {background:url(../graf/icon_desarrolloweb_off.gif) no-repeat left;}
			h3 a.desarrolloweb:hover {background:url(../graf/icon_desarrolloweb_on.gif) no-repeat left;}							
	h3 a.webmovil {background:url(../graf/icon_webmovil_off.gif) no-repeat left;}
			h3 a.webmovil:hover {background:url(../graf/icon_webmovil_on.gif) no-repeat left;}										
	h3 a.certificados {background:url(../graf/icon_certificados_off.gif) no-repeat left;}
			h3 a.certificados:hover {background:url(../graf/icon_certificados_on.gif) no-repeat left;}													
        h3 a.digitalizacion {background:url(../graf/icon_digitalizacion_off.gif) no-repeat left;}
			h3 a.digitalizacion:hover {background:url(../graf/icon_digitalizacion_on.gif) no-repeat left;}													                        
        h3 a.ediciondigital {background:url(../graf/icon_ediciondigital_off.gif) no-repeat left;}
			h3 a.ediciondigital:hover {background:url(../graf/icon_ediciondigital_on.gif) no-repeat left;}													                                                
        h3 a.lse {background:url(../graf/icon_contenidosLSE_off.gif) no-repeat left;}
			h3 a.lse:hover {background:url(../graf/icon_contenidosLSE_on.gif) no-repeat left;}													                                                
        h3 a.audiovisual {background:url(../graf/icon_audiovisual_off.gif) no-repeat left;}
			h3 a.audiovisual:hover {background:url(../graf/icon_audiovisual_on.gif) no-repeat left;}													        
		h3 a.disenografico {background:url(../graf/icon_disenografico_off.gif) no-repeat left;}
			h3 a.disenografico:hover {background:url(../graf/icon_disenografico_on.gif) no-repeat left;}													
		h3 a.sem {background:url(../graf/icon_sem_off.gif) no-repeat left;}
			h3 a.sem:hover {background:url(../graf/icon_sem_on.gif) no-repeat left;}
		h3 a.seo {background:url(../graf/icon_seo_off.gif) no-repeat left;}
			h3 a.seo:hover {background:url(../graf/icon_seo_on.gif) no-repeat left;}                                                	                                                						
		h3 a.consultoria {background:url(../graf/icon_consultoria_off.gif) no-repeat left;}
			h3 a.consultoria:hover {background:url(../graf/icon_consultoria_on.gif) no-repeat left;}                                                			
		h3 a.formacion {background:url(../graf/icon_formacion_off.gif) no-repeat left;}
			h3 a.formacion:hover {background:url(../graf/icon_formacion_on.gif) no-repeat left;}                                                                                                				
		h3 a.publicidad {background:url(../graf/icon_publicidad_off.gif) no-repeat left;}
			h3 a.publicidad:hover {background:url(../graf/icon_publicidad_on.gif) no-repeat left;}                                               	                                                										h3 a.gestiondocumental {background:url(../graf/icon_gestiondocumental_off.gif) no-repeat left;}
			h3 a.gestiondocumental:hover {background:url(../graf/icon_gestiondocumental_on.gif) no-repeat left;}                                                	                                                	                                                	                                                	                                                							
        h3 a:hover {color:#C93801;text-decoration:none;}
h4.titCompartir {color:#C93801;}

.barra_sup {background: none repeat scroll 0 0 #C93801;color: #FFFFFF;font-size: 0.75em;height: 20px;padding-top: 2px;}
.oculto {display: none;}
.noflotar, .clear, .antifloat {clear: both;}
.areaclientes {float: right;}


.letragrande {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 120%;
    font-style: italic;
}

.logo, .fijo {
    float: left;
}
.fijo {
    margin-left: -10em;
    margin-top: 5em;
    position: fixed;
}
#top {margin: 1em 0;}
	#top a, #top a:visited, .nav_proyect a {text-decoration: none;}
	#top a:hover {text-decoration: underline;}

.migas ul li {background: url("../graf/migas_flecha.gif") no-repeat scroll right center transparent;float: left;list-style: none outside none;}

.contacto {float: left;}
	.contacto li {display: inline;padding-right: 10px;}

.nav {float: left;margin-left: 5%;}
	.nav li {float: left;font-size: 110%;font-variant: small-caps;list-style: none outside none;padding: 0 27px 0 5px;}
	.nav li a {color: #C93801;}
	.nav li li {color: #666666;display: block;float: none;font-size: 80%;font-variant: normal;font-weight: normal;}
	.nav li li a {color: #333333;}
	.nav li li.activo strong, .nav li li.activo a strong {color: #000000;font-weight: bold;}

.bloque_3 {display: inline-table;margin-top: 2%;width: 100%;}
.bloque_3col {float: left;margin-right: 4.8%;width: 30%;}
.ultimo {
    clear: right;
    float: right;
    margin-right: 0.2%;
}
.img_proyecto {
    float: left;
    height: 265px;
    margin-right: 3%;
    width: 280px;
}
.desc_proyecto {
    float: left;
    margin-top: 2em;
    width: 48%;
}
.datosproyecto li {
    list-style: none outside none;
}
.nav_proyecto {
    float: right;
    font-size: 100%;
    margin-left: 3%;
    padding-top: 4em;
    width: 12%;
}
.nav_proyecto li {
    list-style: none outside none;
}
.nav_proyecto li span {
    display: block;
}
.nav_proyecto a {
    color: #CCCCCC;
    font-size: 8em;
    margin: 1px;
    text-decoration: none;
}
.nav_proyecto a:hover {
    color: #C93801;
}
.img_producto {
}
div.mas {
    font-size: 100%;
    font-variant: small-caps;
    text-align: right;
}
.migas strong {
    color: #000000;
    font-weight: bold;
}



#content ul {margin-left:2em;margin-bottom:1em;clear:both;margin-top:0.5em;}
	#content ul li {list-style:url(../graf/item_lista4.gif);}
	#content ul li li{list-style:url(../graf/item_lista4_4.gif);}
	#content .content_centro_txt ol {clear:both;margin-top:2em;}
		#content .content_centro_txt ol li {margin-bottom:0.5em;margin-top:0.5em;}

.content_centro {clear: both;float: left;padding: 0 0 0.5em;position: relative;width: 52em;}
	.content_centro_txt {margin-bottom:3em;margin-top:1.5em;font-size:110%;}

/* FORMULARIOS: BUSCADOR, CONTACTO, etc. */
#buscador {float:right;margin-top:1em;margin-bottom: 1em;}
#buscador form {margin:0;}
/*.labelbusc {font-size:120%;font-weight:bold;}*/
.labelbusc {color:#C93801;font-variant: small-caps;}
#formulario.buscavanzada {float:right;width:17em;margin-left:3em;}
	#formulario h3{margin:1em 0;}
	#formulario.buscavanzada button {margin-left:1em;}
	#formulario.buscavanzada .boton{margin-top:1em;}
	#formulario.buscavanzada #fechaInicio, 	#formulario.buscavanzada #fechaFin {width:50%;}
.resultadoBusqueda h3{margin:1.5em 0 1em 0;}
	.resultadoBusqueda strong.coincidencias{color:#C93801;}
	#content .resultadoBusqueda li{font:120%/1.5em Arial, Helvetica, sans-serif, "Trebuchet MS";}
	.fechabusc {display:block;font-size:70%;color:#666666;}
	.resultadoBusqueda {min-height:25em;height:auto;float:left;width:auto;}

.titlabel, legend {font-weight:bold;}
.titlabel, #formulario.buscavanzada fieldset {display:block;margin-top:1em;}
#formulario.buscavanzada fieldset label {display:block;}
input {width:auto;}
input#texto {width:100%;}

#formulario {font-size:120%;width:80%;margin:2em auto;}
#formulario input[type=text], #formulario textarea {width:100%;font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";}
#formulario input[type=submit] {width:20%;height:30px;}
.error {color:#FF0000;}

/* PAGINACI�N*/
#content .paginacion {text-align:center;margin-top:3em;}
#content .paginacion li{list-style:none;display:inline-table;border:1px solid #C93801;}
#content .paginacion li.actual a{background:#C93801;color:#fff;}
#content .paginacion li a {text-decoration:none;display:block;background:#fff;padding:0.1em 0.5em;}
#content .paginacion li a:hover {background:#C93801;color:#fff;}



/* LATERAL DERECHO y BLOQUES ASOCIADOS*/
.content_contIntDer {float: right;width: 20.45em;}
	.content_contIntDer h3 {font-size:120%;color: #C93801;}
	.content_contIntDer h2 {font-size: 130%;font-variant: normal;font-weight:normal;border-bottom:1px solid #444444;}	
	.content_contIntDer_htmlLibre {font-size:90%;margin-top:1.5em;}
/*	.content_derecha_txt h2 {border-bottom:1px solid #ccc;color: #333333;font-size: 110%;margin-left: 0.7em;}*/
/*	.content_derecha_txt p {color: #666666;font-size: 85%;margin-left: 1em;margin-right: 1.5em;}*/
	.content_contIntDer_htmlLibre , .content_contIntDer_htmljava {height: auto;min-height: 10em;padding-left:1em;color:#000;}
	.content_contIntDer_htmlLibre h2, .content_contIntDer_htmljava h2 {border-bottom: 0 none;color: #666666;margin-top:0;font-size:120%;text-transform:uppercase;font-weight:bold;}
	/* Tipo 17: Bloque dialog*/
	.content_contIntDer_htmljava {
    	background: url("../graf/bloque_tipo1_fondo.gif") no-repeat scroll left bottom transparent;
	}
	.htmlLibre_inicial {
    	margin-top: 1em;
	}
	 .htmljava_inicial {
    	margin-top: 2.5em;	 
	 }
	.content_contIntDer_htmlLibre h2 {border-bottom:1px dotted #ccc;}
	.content_contIntDer_htmlLibre {padding-top:0.5em;margin-bottom:1em;}	


/* FIN LATERAL DERECHO y BLOQUES ASOCIADOS*/
/* CONTENT INFERIOR*/
.content_contIntInf_htmlLibre {clear:both;margin-top:1em;}
.content_contIntInf_htmlLibre h2 {font-size: 130%;font-variant: normal;font-weight:normal;border-bottom:1px dotted #ccc;color:#444;}
.content_contIntInf_htmlLibre .col_izq p, .content_contIntInf_htmlLibre .col_der p{margin:0;}
.content_contIntInf_htmlLibre h3 {font-size:180%;}

.masinfo {margin: 0 0 -15px;}
.masinfo a{background: none repeat scroll 0 0 #CCCCCC;color: #FFFFFF;font-size: 150%;padding: 0 5px;text-decoration: none;}
.masinfo a:hover {color: #ffffff;text-decoration: none;background:#666;}
.cerrar {text-align: right;}

#content ul.listadoNovedades {margin-left:0;}
#content .listadoNovedades li {list-style:none;margin:2em 0;clear:both;}
.listaServicios li a, .listadoNovedades h3 a {color: #000000;text-decoration: none;}
.listaServicios li a:visited, .listadoNovedades h3 a:visited {color: #999999;text-decoration: underline;}
.listaServicios li a:hover, .listadoNovedades h3 a:hover {text-decoration: underline;}
.listadoNovedades .fecha, .fechaNovedad {color:#c93801;font: 91.3%/1.5em "Trebuchet MS",Arial,Helvetica,sans-serif;margin-top: 5px;}
.fechaNovedad {margin-top:-0.5em;}
.listadoNovedades blockquote, .listadoNovedades p {margin-left:0;}
.listadoNovedades li {padding-left:125px;}
.listadoNovedades li img {margin-left:-115px;margin-top:-40px;}
#novedades.listadoNovedades li img {margin-top:-70px;} 

/* LISTAOO BLOQUE CLIENTES*/
#content .listadoEnlacesClientes {background:#e9e9e9;margin-left:0;width:100%;height:100%;text-align: center;}
.listadoEnlacesClientes li{display:block;float:left;padding:0.5em 0.2em;width:30%;height:5% !important;}
.listadoEnlacesClientes li img {width:60px;height:40px;}
/* LISTADO SERVICIOS */
#content ul.listaServicios, #content ul.listaServicios ul, #content ul.listaServicios2 ul {margin:0;padding:0;width:100%;height:100%;}
.listaServicios li:first-child {border-left:1px dashed #ccc;}
.listaServicios li{display:block;float:left;font-weight:bold;width:18%;vertical-align:top;font:130% Arial, Helvetica, sans-serif;border-right:1px dashed #ccc;/*min-height:18em;height:auto;*/padding-left:10px;}
.content_contIntDer_htmlLibre .listaServicios li {border:none;float:none;width:100%;height:auto;min-height:2em;list-style:url(../graf/item_lista4.gif);}
	.listaServicios li a{display:block;height:2.4em;}
#content .listaServicios li ul {margin-top:1em;text-align:center;}
	#content .content_contIntDer_htmlLibre .listaServicios li ul {text-align:left;margin-left:1em;margin-bottom:1.5em;}
	.content_contIntDer_htmlLibre .listaServicios li a{display:block;height:1em;}
.listaServicios li li {width:100%;height:100%;margin-bottom:1em;/*min-height:2em;*/border:none;padding-left:0;}
.listaServicios li li:first-child{border:none;}
.listaServicios li li img {width:50px;height:50px;}
	.content_contIntDer_htmlLibre .listaServicios li li img {float:left;}
.listaServicios li li a, .listaServicios li li a:hover {display:block;font-size:80%;color:#000;text-decoration:none;height:3.5em;}
    .listaServicios li li span, .listaServicios li li a span {display:block;font-size:60%;margin-top:0.3em;}
		.content_contIntDer_htmlLibre .listaServicios li li span, .content_contIntDer_htmlLibre .listaServicios li li a span {width:18%;float:left;margin-left:2%;}
	.content_contIntDer_htmlLibre .listaServicios li li a, 	.content_contIntDer_htmlLibre .listaServicios li li a:hover{height:3.5em;}
#content .listadoproductos li{width:45%;float:left;list-style:none;padding-bottom:1.5em;}

/* LISTADO PUBLICIDAD*/
.enlacesPublicitarios li {display:inline-table;width:30%;margin-right:4%;}
.enlacesPublicitarios li span {font-size:70%;display:block;}
.enlacesPublicitarios li p {font-size:75%;}
.enlacesPublicitarios li p strong {text-transform:uppercase;}

/*#content .listaServicios li{list-style:none;font-weight:bold;padding-left:30px;width:45%;float:left;display:block;margin-bottom:1.5em;}
html>body #content .listaServicios li{min-height:8em;height:auto;}
#content .listaServicios li ul {margin:1.5em 1em;}
#content .listaServicios li li {display:inline-table;width:50px;list-style:none;margin-bottom:0.5em;font-size:100%;border:none;padding-left:0.5em;}
.listaServicios li li img {width:50px;height:50px;}
.listaServicios li li a {display:block;}*/
.video {padding-top:10px;height:189px;}

#pie {background: url("../graf/fondo_pie_g.jpg") repeat-x scroll 0 0 #E9E9E9;clear: both;margin-top: 2em;}
	#pie .pie_contenido {background: url("../graf/fondo_pie.jpg") no-repeat scroll 0 0 transparent;padding-top: 2em;}
	#pie h2 {border-bottom: medium none;color: #666666;font-size: 100%;font-weight: normal;margin-top:1.5em;}
	#pie .pie_col {float:left;/*height:350px;*/height:26em;margin-right:3%;margin-top:2%;}

	#pie div.uno {width:358px;}
	#pie div.dos {margin-left:20px;width:245px;}
	#pie div.tres {margin-left:6%;width:auto;margin-right:0;}

	#pie .opcionespie {background: none repeat scroll 0 0 #C93801;clear: both;padding: 0.8em;text-align: center;}
	#pie .opcionespie ul li {border-right: 1px solid #FFFFFF;color: #FFFFFF;display: inline;font-size: 75%;padding: 0.2em 1em;}
	#pie .opcionespie ul li.final {border-right: medium none;}
	#pie .opcionespie ul li a {color: #FFFFFF;}

.cif {font-size:75%;text-align:center;width:70%;margin:auto;}
.enlacesClientesPie {width:100%;}
.enlacesClientesPie li {list-style:none;display:inline-block;}
.enlacesClientesPie li img {width:86px;vertical-align:middle;}
.listaCertificaciones li {display:inline-table;vertical-align:middle;padding-right:20px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.listaCertificaciones li {width:18% !important;height:20% !important;}
	.listaCertificaciones li:first-child {width:23% !important;height:11% !important;}
    .listaCertificaciones li:nth-child(2) {width:23% !important;height:20% !important;}
}
#certificaciones.listaCertificaciones li {display:inline-table;vertical-align:middle;padding-right:15px;}
#certificaciones.listaCertificaciones li img {width:90%;height:90%;}
#compartirRedesSociales li{display:inline-table;list-style:none;}

.enlacesSocialMedia {margin: 0;overflow: hidden;padding: 0;width:170px;}
.enlacesSocialMedia li {background: none repeat scroll 0 0 transparent;border: medium none;float: left;padding: 0;list-style:none;margin-bottom:10px;}
.enlacesSocialMedia a {background: none repeat scroll 0 0 transparent;float: left;height: 32px;margin-right: 10px;opacity: 0.85;padding: 0;text-indent: -9999em;width: 32px;}
.enlacesSocialMedia a:hover {opacity: 1;}
.enlacesSocialMedia .rss-boton {background: url("../graf/rss-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .fb-boton {background: url("../graf/facebook-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .twitter-boton {background: url("../graf/twitter-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .blog-boton {background: url("../graf/blog-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .googleplus-boton {background: url("../graf/googleplus-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .youtube-boton {background: url("../graf/youtube-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .vimeo-boton {background: url("../graf/vimeo-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .flickr-boton {background: url("../graf/flickr-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .spotify-boton {background: url("../graf/spofity-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .instagram-boton {background: url("../graf/instagram-32.png") no-repeat scroll left top transparent;}
.enlacesSocialMedia .foursquare-boton {background: url("../graf/foursquare-32.png") no-repeat scroll left top transparent;}

.fn, .org {display: none;}
.tel {font-size: 80%;margin-top: 0.5em;text-align:left;}
.locality, .email, .bajar {display: block;} 
.adr {font-size: 80%;margin: 0.5em 0;text-align:left;}

.blog {margin-top: 0.5em;}
	.blog p, .blog h3 {margin: 0;padding: 0 0 0 0.5em;}
	.blog h3 {font-size: 120%;margin-top: 1em;}
	.blog .fecha {font-size: 70%;padding-left:1em;}
	.blog .desc_blog {font-size: 75%;margin-top: 0.5em;}

/* DIALOG*/
.ui-widget-overlay {opacity: 0.5;}
.ui-widget {font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";font-size:90%;padding:1em;}
.ui-dialog-title {font-size:120%;}
.ui-widget-header {background:#e2e2e2;}

/* estilos para tiny*/
.alinear_izq {text-align:left;}
.alinearderecha {text-align:right;}
.alinear_der {text-align:right;}
.alinearcentro {text-align:center;}
.alinear_cen {text-align:center;}
.alinear_jus {text-align:justify;}
.flotar_izq {float:left;margin-right:1em;margin-bottom:2em;vertical-align:middle;}
.flotar_der {float:right;margin-left:1em;margin-bottom:2em;}
blockquote.comillasG {background:url(../graf/fondo_blockquote.png) top no-repeat;padding:2em 4em 0 4em;margin:0.6em;font-size:120%;font-weight:normal;}
blockquote.comillasG p.citaAutor{text-align:right;font-size:75%;margin:0;}
.letra_tamA {font: 150%/1.1em "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:normal;}
	.letra_tamA	strong	{font-weight:normal;}
.letra_tamAA {font: 200%/1em "Trebuchet MS",Arial,Helvetica,sans-serif;font-size:200%;font-weight:normal;}
	.letra_tamAA strong {font-weight:normal;}
.rojo {color:#c93801;}
.content_centro_txt div.noflotar {clear:both;}
.col_izq {clear:both;float:left;margin-top:1em;margin-bottom:1em;width:45%;min-width:250px;}
.col_der {float:right;margin-top:1em;margin-bottom:1em;width:47%;}
/* fin estilos para tiny*/
	.col_izq p, .col_der p{margin-left:50px;}
	.sinmargen, .sinmargen p {margin-left:0;}
	.sinmargen img {border:1px solid #333;}