/******************** Hoja de estilos generalizada ********************/
* {
	padding: 0;
	margin: 0;
}

html {
  /*background-color: #FFF;*/
}

body {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background: url("imgs/fondo.png") repeat-x left top;
	color: #555;
	font-size: 0.8em; 

  margin: 0.8% 0 0 1.5%;
  width: 97%;
          border: 5px solid #FFFFFF;
          border-radius: 25px;
   	-moz-border-radius: 25px;
   	-webkit-border-radius: 25px;
   	-khtml-border-radius: 25px;
}

h1,h2,h3,h4 {
	color: #990000;
}

h2 {
	background: url("imgs/h2.gif") no-repeat left bottom;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

h3{
	margin-top: 1em;
	margin-bottom: 1em;
}

h4{
	margin-top: 2em;
	border-bottom: 1px solid #C87575;
}


b {
	color: #990000;
}

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

img {
	border: none;
}

negrita {
	font-weight: bold;
}

li {
	list-style-type: none;
	list-style-image: url("imgs/li.gif");
}

/******************* Cabecera  *******************/
#cabecera {
	width: 100%;
	height: 9em;
	margin-top: 0 !important;
	background: url("imgs/esquina-cabecera.gif") no-repeat 6% top;
}

	#titulo_cabecera {
		width: 33%;
		float: left;
	margin-top:0.5em;
	}
	
		#cabecera #titulo_cabecera h1 {
			float: left;
			width: 10em;
			text-align: left;
			margin-left: 5%;
		}
	
			#cabecera #titulo_cabecera h1 img {
				border: none;
			}
	
		#cabecera #titulo_cabecera h2 {
			float: right;
			margin-top: 2em;
			margin-right: 30%;
			font-size: 1.3em;
			background-image: none;
		}
	
		#cabecera #titulo_cabecera #logo_duro {
			position: absolute;
			top: 1.7em;
			right: 2.5%;
		}
		
			#cabecera #titulo_cabecera #logo_duro img {
				border: none;
			}

#idiomas {
	float: right;
	margin: 1em 15em 0 0;
}

	#idiomas li {
		list-style-type: none;
		display: inline;
	}

		#idiomas li a {
			font-weight: normal;
		}


span#certificaciones_menu_derecha {
  margin: 0;
}

#buscador {
	float: left;
	margin-left: 1em;
	min-height:5.6em;
	padding-top: 2em;
	padding-left: 1em;
	padding-right: 1em;
  background: #F1F1F1 url("imgs/fondo-opcion-menu-dcha.gif") no-repeat left top;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}


div#localizacion_cabecera {
  background: url("imgs/fondo-opcion-menu-dcha.gif") no-repeat left top;
  font-size: 1.2em;
  font-style: italic;
  float: left;
  min-height: 4.9em;
  padding-left: 1em;
  padding-top: 1.5em;
  padding-right: 1em;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

div#localizacion_cabecera p {
  text-align: center;
}

/*************** Login ***********/
#user_info {
	margin: 1em 0em;
	margin-left: 4.5%;
	float: left;
	width: 100%;
	font-size: 0.8em;
}


#login_cabecera {
	margin: 1em 0em;
	margin-left: 5%;
	float: left;
	width: 35%;
	font-size: 0.8em;
}
	#login_cabecera p {
		float: left;
		width: 40%;
	}

	#user_info p {
		float: left;
		width: 80%;
	}
	
	#login_cabecera p.center,#user_info p.center {
		float: left;
		width: 30%;
	}
	
	#login_cabecera a,#user_info a {
		text-decoration: underline;
	}
	
	#login_cabecera .login p label,#user_info .login p label {
		color: #666;
		float: left;
		text-align: right;
		width: 40%;
		padding: 0 0.4em;
	}
	
	#login_cabecera * input,#user_info * input {
		color: #999;
		float: left;
		width: 50%;
		height: 1.3em;
		font-size: 0.9em;
	}
	
	#login_cabecera p.botonesLogin {
		float: left;
		text-align: center;
		font-weight: normal;
		width: 10%;
	}
	
	#user_info p.botonesLogin {
		float: left;
		text-align: left;
		font-weight: normal;
		width: 5%;
	}
	
	#login_cabecera p.botonesLogin .boton,#user_info p.botonesLogin .boton {
		float: left;
		font-size: 1.1em;
		height: 2em;
		background: none;
		width: 6em;
	}
/***************** Menu de usuario **********************/
#mi_menu {
	/*border: 1px dotted #990000;
	border-top: none;*/
	background: transparent url("imgs/mi_menu.png") no-repeat right bottom;
	float: left;
	margin-left: 22%;
	padding: 0 2em 1em 2em;
	position: absolute;
	text-align: center;
	width: 15em;
}
	#mi_menu h3 
	{
		margin-bottom: 0 !important;
	}

	#mi_menu ul {
		margin: 0.5em 1em;
	}

	#mi_menu li {
		display: block;
		font-size: 0.9em;
		list-style-type: none;
		list-style-image: none;
		text-align: left;
		width: 100%;
	}

/***************** Menu rapido **********************/
ul.menu_rapido {
	background: url("imgs/fondo-menu-rapido.png") repeat-x 0 0;
  width: 100%;
  /*
	height: 5.5em;
	margin: 0 0 0 3em;	
  border: 2px solid #ECECEC;
  border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-khtml-border-radius:12px;
  */
}

	ul.menu_rapido li {
		float: left;
		list-style-type: none;
		list-style-image: none;
		margin: 0 0.5%;
		text-align: center;
		width: 19%;
	}

		ul.menu_rapido li span {
			display: block;
			width: 100%;
		}

ul#menu_derecha 
{
	float: right;
	margin-bottom: 3em;
	width: 9%;
}

	ul#menu_derecha li {
		background: url("imgs/fondo-opcion-menu-dcha.gif") no-repeat left top;
		display: block;
		height: 5em;
		list-style-image: none;
		margin-top: 0.5em;
		padding: 0.2em 0 2em 2em;
		text-align: left;
		width: 100%;
	  
          background-color: #ECECEC;
          border: 1px solid #ECECEC;
          border-radius:12px;
   	-moz-border-radius:12px;
   	-webkit-border-radius:12px;
   	-khtml-border-radius:12px;	
	}

		ul#menu_derecha li span {
			margin-left: 1em;
			display: block;
		}

			ul#menu_derecha li span a img {
				width: 65%;
				margin-top: 0.5em;
				border: none;
			}

/************** Cuerpo y contenido ***************************/
#cuerpo {
	width: 98%;
	margin: 0em !important;
	float: left;
	height: 1%;
	padding-top: 1em;
	background-color: transparent;
	position: relative;
	z-index: 10;
}

#contenido {
	float: left;
	width: 65%;
	margin: 0.5em 1em 0 1em;
	background: url("imgs/mundo.gif") no-repeat bottom;
	min-height: 35em;
	padding: 1.5em;
	background-color: #FFF;
	
  border: 2px solid #ECECEC;
  border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-khtml-border-radius:12px;	
}

#contenido ul{
    	padding-left: 2em; 
    }
	#contenido ul li{
		padding-bottom: 0.2em;
		padding-top:0.2em;
	}

	#contenido p {
		padding: 0.5em 0em 0.5em 0.3em;
		text-align: justify;
	}
	
		#contenido p.MsoNormal {
			padding: 0.8em 0em;
			text-align: justify;
		}
		
		#contenido a{
			border-bottom: 1px dotted #990000;
		}

.ultimos_items_portada {
	float: right;
	width: 16.5%;
	margin-top: 0pt;
	margin-bottom: 3em;
}

	.ultimos_items_portada h2 {
		font-size: 1.1em;
		margin-bottom: 0.2em;
	}

#contenido img.accesorioSupDer {
  margin-left: 2em;
}
/********************* menu  ************************/
ol#menu {
	width: 15%;
	float: left;
	text-align: left;
	padding-bottom: 1em;
	margin-bottom: 3em;
	font-weight: bold;
	background-color: transparent;
	border-right: 1px solid #ccc;
	background: url("imgs/fondo-menu.gif") no-repeat right bottom; 
	padding-right: 2em;
	margin-top: 0.5em;
	
  border: 1px solid #ECECEC;
  border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-khtml-border-radius:12px;		
}

	#menu a {
		background: transparent url("imgs/li.gif") no-repeat left; 
		/* border-bottom: 1px dotted #666; */
		color : #666;
		display: block;;
		color: #666; 
		display : block;
		padding: 0.4em 0em 0.4em 1em !important;
	}

		#menu a:hover {
			color: #990000;
			text-decoration: none;
		}

#menu li {
	font-size: 1.22em;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0.6em;
	margin-left: 1.2em;
	width: 90%;
}


	#menu li ul {
		margin-left: 0em;
	}

		#menu li ul li {
			font-size: 0.8em;
			color: #999;
			list-style-type: none;
			list-style-image: none;
			margin-bottom: 0em;
			width: 100%;
		}

			#menu li ul li a {
				color: #999;
			}

	#menu li#seleccionada {
		list-style-image: none;
		margin-left: 0;
		padding: 0.6em 0em;
	}

		#menu li#seleccionada ul li a {
			margin-left: 1.2em;
		}

	#menu #seleccionada span {
		background: url("imgs/menu_selected.gif") left top no-repeat;
		border-bottom: 1px dotted #990000;
		color: #990000;
		margin-left: 1em;
		padding-left: 1.2em;
	}

#login {
	text-align: left;
	clear: both;
	margin-left: 20%;
}

/************ Pie ************/
#pie {
	font-size: 0.8em;
	color: #555;
	float: left;
	padding: 3em 0em 1em 0em;
  margin-left: 1.5em;
  margin-bottom: 2em;
  margin-top: -1.2em;
	background-color: #eaeaea;

  width: 97%;
  border: 1px solid #ECECEC;
  border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-khtml-border-radius:12px;	
}

	#pie a {
		font-weight: normal;
	}
	
	#pie ul {
		float: left;
		margin: 0;
		padding-left: 0.3em;
		height: 3em;
		list-style-type: none;
		border-left: 1px dotted #999;
	}
	
	#pie img {
		border: none;
		vertical-align: middle;
	}

	#pie li {
		list-style-image: none;
		list-style-type: none;
		font-size: 0.9em;
		color: #555;
	}
	
	#pie ul#izquierda {
		width: 27% !important;
		margin-left: 2em;
	}
	
	#pie ul#centro {
		width: 17%;
		margin-left: 2em;
	}
	
	#pie ul#derecha {
		width: 8% !important;
		margin-left: 2em;
	}

		#pie ul#w3c {
			float: left;
			width: auto;
			margin-top: 1em;
			border: none;
			margin-left: 3em;
		}

		#pie ul#certificaciones {
			float: left;
			width: 2%;
			margin-top: -0.5em;
			border: none;
		}

			#pie ul#w3c li,#pie ul#certificaciones li {
				float: left;
				display: block;
				margin: 0em;
			}

	#pie ul#creditos {
		width: auto;
		height: 1%;
	}

	#pie ul#creditos li#login {
		margin-left: 0;
		margin-top: 0.3em;
	}


/************* etiquetas *************/
#etiquetas {
	background: url("imgs/fondo-nube-tags.png") no-repeat left top;
	color: #000;
	float: right;
	margin-top: 4em;
	padding: 1%;
	width: 100%;
}

	#etiquetas li {
		display: inline;
	}
	
	#etiquetas a {
		color: #000;
	}
	
	#etiquetas span {
		font-size: 0.8em;
	}
	
		#etiquetas span span {
			font-size: 0.9em;
		}
		
			#etiquetas span span span {
				font-size: 1em;
			}
			
				#etiquetas span span span span {
					font-size: 1.1em;
					color: #990000;
				}

/************* rss *************/
#listado_rss {
	padding-left: 0 !important;
}

	#listado_rss li {
		border-top: 1px solid #ccc;
		list-style-type: none;
		margin: 0 0 2em 0 !important;
		padding-top: 1em;
	}

	#listado_rss img.imagen {
		float: right;
		max-height: 4em;
	}

	#listado_rss  p {
		margin-top: 0;
	}

/******* Enviar a - Version imprimible *******/
ul.utiles-detalle,ul.accesos-vista-imprimir {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
	clear: both;
	height: 1%;
	margin-top: 2em;
	margin-right: 0pt;
	margin-bottom: 2em;
	margin-left: 0pt;
	padding-top: 1em;
	padding-right: 0pt;
	padding-bottom: 1em;
	padding-left: 0pt;
}

	ul.utiles-detalle li {
		display: inline;
		float: left;
		margin-left: 2em;
		text-align: center;
		width: 40%;
	}

/******* Pestanias *******/
#pestanias,#pestanias_proyectos {
	/*float: left;*/
	margin: 1em 0;
	padding: 0 0 2.1em !important;
	/*width: 100%;*/
  border-bottom: 3px solid #BD5341;
}

	#pestanias li, 	#pestanias_proyectos li{
		float: left;
		font-size: 0.9em;
		width: 11em;
		/*height: 2.4em; */
		padding: 0 !important;
		text-align: center;
		list-style-type: none;
		list-style-image: none;
		background: url("imgs/fondo_pestania_li_v3.jpg") no-repeat left top;
		margin: 0 1%;
	}

	#pestanias_proyectos li {
		width: 17.9%;
	}
		
		#pestanias li p,#pestanias_proyectos li p {
			background: url("imgs/fondo_pestania_li_der_v3.jpg") no-repeat right top;
			/*height: 1.4em; */
			/*width: 100%;*/
			text-align: center;
			padding-left: 0;
		}
		
		
			/*#pestanias_proyectos li p#software_industrial
			{
				padding: 0.4em 0 1.2em 0 !important;
				font-size: 0.7em;
			}*/	

		#pestanias li a,#pestanias_proyectos li a{
			border: none;
			color: #fff !important;
			font-size: 1em;
			display:block;
		}

		#pestanias li.selected,#pestanias_proyectos li.selected {
			background: url("imgs/fondo_pestania_li_selected.gif") no-repeat left top;
			border-bottom: 1px solid #fff;
		}

			#pestanias li.selected p,#pestanias_proyectos li.selected p {
				background: url("imgs/fondo_pestania_li_selected_der.gif") no-repeat
					right top;
			}

			#pestanias li.selected a,#pestanias_proyectos li.selected a {
				color: #A7402B !important;
				font-size: 1.1em;
			}

#calendario {
	background: url("imgs/fondo-calendario.gif") no-repeat right bottom;
	padding: 1em 2em 2em 0.3em;
	border-left: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	margin-bottom: 1em;
}

	#calendario th {
		padding: 0 0.2em;
	}
	
	#calendario td {
		padding: 0 0.15em;
		text-align: center;
	}

span.hoy {
	font-size: 1.5em;
}

/***** Estilo para los botones de los formularios del portal *****/
.boton {
	background: transparent url("imgs/degradado_boton.png") repeat-x left top;
	color: #666;
	border: 1px solid #ccc;
	font-weight: bold;
	padding: 0.05em 0.5em;
	margin-left: 0.5em;
}

.botones_login
{
	text-align: right !important;
	width: 80%;		
}

/***** Formulario de contacto   *****/
#contacto {
	float: left;
	width: 60%;
}

	#contacto ul {
		padding-left: 2em;
	}

#contacto_localizacion {
	float: left;
	margin-left: 5%;
	margin-top: 5%;
	width: 35%;
}

	#contacto_localizacion h4 {
		margin-bottom: 1em;
		margin-top: 2em;
	}

	#contacto_localizacion li {
		list-style-type: none;
	}

	#contacto_localizacion a {
		font-weight: normal;
	}

.formulario_login {
	background: transparent url("imgs/fondo_login.png") no-repeat center;
	padding: 12em 5em;
	width: 60%;
}

	.formulario_login label {
			color: #666;
			float: left;
			padding-right: 1em;
			width: 6em;
		}

	#identificador, #contrasena{
			border: 1px solid #ccc;	
		}

.formulario_contacto {
	width: 99%;
}

	.formulario_contacto p {
		padding: 0.2em 0;
	}

	.formulario_contacto label {
		float: left;
		padding-right: 1em;
		width: 6em;
	}

	.formulario_contacto h3 {
		padding-top: 1.5em;
	}
	
	.formulario_contacto select {
		width: 14em;
	}
	
	.formulario_contacto input.doble {
		width: 14em;
	}
	
	.formulario_contacto textarea {
		width: 14em;
	}

#clausula {
	width: 2em;
}

#clausula-text
{
	background-color: #fff;
	border-width: 1px;
	color: #000;
}

label.label-check {
	padding-bottom: 1em;
	width: 99%;
}

/************ Formulario Enviar a... ***********/
.formulario_enviara .fieldset {
	border: none;
	float: left;
	margin-bottom: 1em;
	padding-left: 1em;
	width: 100%;
}

.formulario_enviara .contenido_fieldset {
	border-left: 1px solid #990000;
	float: left;
	padding-left: 1em;
	width: 82%;
}

.formulario_enviara p {
	padding-bottom: 0.5em !important;
	padding-top: 0.5em !important;
}

	.formulario_enviara p label {
		float: left;
		padding-right: 0.5em;
		width: 11em;
	}

	.formulario_enviara p input {
		width: 15em;
	}

	.formulario_enviara legend {
		padding: 0 0.5em;
	}

.enviara_legend {
	color: #990000;
	float: left;
	padding-top: 0.5em;
	width: 15%;
}

/************* Listado de lineas ***************/
.listado {
	float: left;
	list-style-type: none;
	padding-bottom: 2em;
	width: 100%;
	padding-left: 2.5em;
}

h3.galeria {
	padding-top: 1em;
}

.cajetin {
	background-color: #fafafa !important;
	border-color: #eaeaea #ccc #CCCCCC #eaeaea;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	color: #777;
	float: left;
	font-weight: normal;
	height: 13em;
	list-style-image: none;
	margin: 0 0.5em 1em 0.5em;
	padding: 1em;
	width: 41%;
}

.cajetin p{
	font-size: 0.9em!important;
}

.fondo_software {
	background: #fafafa url("imgs/software_degradado.gif") no-repeat right
		bottom;
}

.fondo_gestion {
	background: #fafafa url("imgs/gestion_degradado.gif") no-repeat right
		bottom;
}

.fondo_internet {
	background: #fafafa url("imgs/internet_degradado.gif") no-repeat right
		bottom;
}

.fondo_logistica {
	background: #fafafa url("imgs/logistica_degradado.gif") no-repeat right
		bottom;
}

.fondo_seguridad {
	background: #fafafa url("imgs/seguridad_degradado.gif") no-repeat right bottom
		;
}

.fondo_idi {
	background: #fafafa url("imgs/idi_degradado.gif") no-repeat right bottom
		;
}

.center {
	text-align: center !important;
}

p.center {
	padding-top: 0 !important;
	padding-bottom: 0.2em !important;
	font-size: 1.1em;
}

/*********** Proyectos *************/
.listado_proyectos 
{
	float: left;
	list-style-type: none;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 2em;
	width: 100%;
}

	.listado_proyectos li
	{
		/*background: transparent url("imgs/post_it.png") no-repeat right bottom;*/
		/*border-left: 1px solid #EFEFEF;*/
		border-bottom: 1px solid #EFEFEF;
		float: left;
		font-size: 1.1em;
		height: 8em;
		list-style-image: none;
		list-style-type: none;
		margin: 2% 1% 2% 0;
		padding: 2em;
		width: 90%;	
	}	

	.listado_proyectos li img
	{
		float: left;
		margin-right: 1em;
		/*margin-top: 2em;*/
		width: 8em;
	}

dl.ficha {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	dl.ficha dt {
		clear: left;
		float: left;
		font-weight: bold;
		padding: 0.1em 0;
	}

	dl.ficha dd {
		float: left;
		padding: 0.1em 0 0.1em 1em;
	}

.tabulado {
	margin-left: 1em;
}

/************ Galeria de imagenes **************/
.galeria_imagenes {
	float: left;
	height: 15em;
	margin-top: 2em;
	text-align: center;
	width: 100%;
}

	.galeria_imagenes li a {
		border: none !important;
		text-decoration: none;
	}
	
	.galeria_imagenes li {
		float: left;
		list-style-image: none;
		list-style-type: none;
		margin: 0 0.5em;
		width: 18%;
	}

	.galeria_imagenes img {
		height: auto !important;
		width: 100%;
	}

/************ Noticias **************/
#detalle_noticia img.foto {
	float: left;
	padding-right: 2em;
	padding-bottom: 1em;
	width: 35%;
}

#detalle_noticia ul {
	list-style-type: none;
}

	#detalle_noticia ul li {
		padding-left: 1.5em;
	}

#detalle_noticia h3 {
	padding: 1em 0;
}

/************* Tabla de clientes *************/
.tabla_clientes {
	width: 100% !important;
}

	.tabla_clientes li {
		background: none;
		border: none;
		float: left;
		height: 8em; 
		list-style-type:none;
		list-style-image: none; 
		text-align : center;
		width: 33%;;
	}

		.tabla_clientes li img {
			float: left;
			height: auto;
			text-align: center;
			width: 8em;
		}

/********** Listado de lineas de negocio ******/
ul.listado_lineas {
	padding-top: 1em;
}

	ul.listado_lineas li {
		list-style-type: none;
		padding-left: 1em;
	}

/********** Productos y servicios ******/
.datos_producto ul {
	padding-left: 2em;
}

/********** Colaboradores *********/
table.colaboradores {
	margin-left: 10%;
	width: 80%;
}
	table.colaboradores td img{
		height: auto;
		padding: 1em 20%;
		width: 60%;
	}
	
	table.colaboradores a{
		border: none !important;
	}
	
/************* Paginador ****************/
.paginador {
	border-top: 1px #ccc dashed;
	clear: both;
	margin: 2em 0;
	padding-top: 0.5em;
	text-align: center;
}

	.paginador li {
		background-image: none !important;
		display: inline;
		margin-left: 0 !important;
		padding: 0 0.1em !important;
	}
	
	.paginador a.anterior {
		float: left
	}
	
	.paginador a.siguiente {
		float: right
	}
	
/************* Atajos de teclado *************/
kbd {
	color: #ccc;
	background-color: #ccc;
	border: 3px outset;
	text-align: center;
}

kbd span {
	color: #000;
	font-weight: bold;
	padding: 0 0.2em;
}

.lista_kbd li{
	list-style-image: none;
}
ol.lista_kbd{
	margin-left:2em;
}

/************* Volver al listado de proyectos********/
.volver a{
	float: right;
	margin-bottom: 1em;
}

/*********** Errores en formulario ***********/
.errores{
	color: #990000;
}

p.mensajeCorrecto{
	border: 1px solid #BFE183;
	padding: 1em !important;
	color: green;
}

p.mensajeError{
	border: 1px solid #990000;
	padding: 1em !important;
	color: #990000;
}

.aviso{
	font-size: 0.8em;		
}