@charset "utf-8";
/* CSS Document */

<!--

/*Resetear todos los margin, padding, border, estilos de lista y tamaños de letra*/
* { margin: 0; padding: 0; border: 0; font-size: 12px; outline: none;}


/*-------------ESTRUCTURA PÁGINA-------------*/

body {
 font-family: "Arial","Verdana","Georgia", "Times New Roman", serif;
 font-size: 100%;
 background-color:#d2d0c4;
}

/*Contiene toda la pagina*/
div#web {
 top: 0; left: 0;
 width:100%;
 background-color:#d2d0c4;
}

/* H */
h1 {
	font-size:24px;
	font-weight:bold;
	color:#05398f;
	display:inline;
}
h2 {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#05398f;
	display:inline;
}
h3 { 
	color:#05398f;
	font-size:12px;
	font-weight:bold;
}
/*h3:hover {
	color:#91b0f4;
}*/

/*Cabecera*/
div#fondocabecera {
	width:100%;
	height:237px;
	background: url(imagenes/fondocabecera.jpg);
	background-repeat:repeat-x;
}

div#cabecera{
	width:980px;
	height:237px;
	margin: 0 auto;
	background-image:url(imagenes/cabecera.jpg);
	position:relative;
}

div#logo{
	position:absolute;
	margin-top: 55px;
	margin-left: 30px;
}
div#letraslogo{
	position:absolute;
	margin-top: 90px;
	margin-left: 10px;
	color:#05398f;
	width:200px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

div#letrascabecera{
	position:absolute;
	margin-top: 12px;
	margin-left: 18px;
	font-size:11px;
	font-weight:bold;
	color:#05398f;
	width:980px;
}
div#icotel{
	position:absolute;
	margin-top:135px;
	margin-left:32px;
	width:20px;
	height:18px;
}
div#telefono{
	position:absolute;
	margin-top:134px;
	margin-left:62px;
	font-size:20px;
	font-weight:bold;
	color:#a49e84;
	width:130px;
}
/*Menu cabecera*/
div#menusup{
	position:absolute;
	margin-top:202px;
	margin-left:21px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	width:780px;	
}

div#menusup a {
text-decoration:none;
color:#ffffff;
}
div#menusup a:hover {
color:#a49e84;
}
/*Icono Zona Privada*/
div#icollave{
	position:absolute;
	margin-top:212px;
	margin-left:820px;
}
div#icozonaprivada{
	position:absolute;
	margin-top:212px;
	margin-left:860px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	width:80px;	
}

div#icozonaprivada a {
text-decoration:none;
color:#ffffff;
}
div#icozonaprivada a:hover {
color:#a49e84;
}

/*Cuerpo*/
div#fondocentral{
	width:100%;
}
div#central{
	width:980px;
	margin: 0 auto;
	background-image:url(imagenes/fondocontenido.jpg);
	background-repeat:repeat-y;
}

/*Menu lateral*/
div#latizq{
	float:left;
	margin-left:21px;
	margin-right:21px;
	width:188px;
}
div#icoproductos{
	width:188px;
	text-align:center;
	margin-bottom:10px;
}
.botonmenu{
	width:188px;
	height:22px;
	background-image:url(imagenes/botonmenu.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}
.textomenulat{
	padding-top:3px;
	margin-left:30px;
	font-size:12px;
	color:#7f7f7f;
	font-weight:bold;
	width:158px;	
}
.textomenulat a {
text-decoration:none;
color:#7f7f7f;
}
.textomenulat a:hover {
color:#05398f;
}
.botonmenu2{
	width:188px;
	height:55px;
	background-image:url(imagenes/botonmenu2.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}
.textomenulat2{
	padding-top:6px;
	margin-left:27px;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:161px;	
}
.textomenulat2 a {
font-size:10px;
text-decoration:none;
color:#ffffff;
}
.textomenulat2 a:hover {
font-size:10px;
color:#05398f;
}


/*Contenido*/
div#contenido{
	float:left;
	margin-top:10px;
	margin-right:20px;
	width:700px;
}
.textojustificado{
	color:#05398f;
	margin-top:20px;
	width:700px;
	text-align:justify;
}
.textojustificado a{
	text-decoration:none;
	color:#a49e84;
	font-weight:bold;
}
.textojustificado a:hover {
	font-weight:bold;
	color:#05398f;
}
.textojustificadohome{
	float:left;
	color:#05398f;
	margin-top:20px;
	margin-right:5px;
	width:475px;
	text-align:justify;
}
.textojustificadohome a{
	text-decoration:none;
	color:#a49e84;
	font-weight:bold;
}
.textojustificadohome a:hover {
	font-weight:bold;
	color:#05398f;
}
.novedadeskirchen{
	float:left;
	margin-left:5px;
	padding-left:10px;
	width:200px;
	background-image:url(imagenes/rayavertical.gif);
	background-repeat:repeat-y;
	color:#05398f;
}
.tituloutr{
	font-size:18px;
	font-weight:bold;
}
.imgutr{
	width:45px;
	height:45px;
	border:1px solid;
	border-color:#05398f;
	margin-right:3px;
}
.tipoutr{
	font-weight:bold;
	font-size:12px;
}
.proyectoutr{
	font-size:8px;
	font-weight:bold;
}
.resumenutr{
	font-size:9px;
}
.tituloopi{
	font-size:18px;
	font-weight:bold;
}
.imgopi{
	width:45px;
	height:45px;
	border:1px solid;
	border-color:#7f7f7f;
	margin-right:3px;
}
.tipoopi{
	font-weight:bold;
	font-size:12px;
}
.textoopi{
	font-size:8px;
	font-weight:bold;
}
.resumenopi{
	font-size:9px;
}
.centrar{
	text-align:center;
}
.textonojustificado{
	color:#05398f;
	margin-top:20px;
	width:700px;
}

.opinioneskirchen{
	float:left;
	width:700px;
	color:7f7f7f;
	/*color:#05398f;*/
}

.botongrprod{
	float:left;
	width:275px;
	height:50px;
	font-weight:bold;
	margin-left:200px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

.botongrprod span {
  display: block;
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  width: 245px;
  padding-right:30px;
  text-align:center;
  padding-top:3px;
  height: 47px;
 /* text-indent: 0px;*/
  color: #fff;
  text-decoration: none;
  background: #fff url(imagenes/pixy-rollover.gif) no-repeat left top;
}

.botongrprod span:hover {
 background-color: #fff;
 background-position: right top;
 color: #fff;
 cursor:pointer;
}

.botongrprod .small {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.contenedor {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:20px;
	width:200px;
	background-color:#fff;
	border:1px solid #ccc;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:#fff 6px;
	padding:5px;
	box-shadow:2px 2px 5px #999;
	-khtml-box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	/*filter: shadow(color=#131313, direction=135, strength=2);*/
	filter: progid:DXImageTransform.Microsoft.DropShadow ( Color = '#cccccc', OffX = '2', OffY = '2' );
}

.contenedor img {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.botongrprod2{
	float:left;
	width:275px;
	height:50px;
	font-weight:bold;
	margin-left:80px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

.botongrprod2 span {
  display: block;
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  width: 245px;
  padding-right:30px;
  text-align:center;
  padding-top:3px;
  height: 47px;
 /* text-indent: 0px;*/
  color: #fff;
  text-decoration: none;
  background: #fff url(imagenes/pixy-rollover.gif) no-repeat left top;
}

.botongrprod2 span:hover {
 background-color: #fff;
 background-position: right top;
 color: #fff;
 cursor:pointer;
}

.botongrprod2 .small {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

/*ERROR 404*/ 

#imagenerror{
	float:left;
	margin-top:25px;
	width:40px;
}
#tituloerror{
	font-size:30px;
	margin-top:20px;
	color:#063a90;
	font-weight:bold;
}
#subtituloerror{
	font-size:14px;
	margin-top:10px;
	font-style:italic;
	color:#a39e80;
	font-weight:bold;
}
.comentarioserror{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #063a90;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #063a90;
	font-size:12px;
	font-weight:bold;
	color:#a39e80;
	}
.comentarioserror p{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#7f7f7f;
} 

/*salto de linea por el float*/
.clear{	
	clear:both;
}

/*Pie*/
div#fondopie {
	width:100%;
	height:125px;
	background: url(imagenes/fondopie1.jpg);
	background-repeat:repeat-x;
}

div#pie{
	position:relative;
	width:980px;
	height:125px;
	margin: 0 auto;
	background-image:url(imagenes/pie1.jpg);
}

div#icowebsite{
	position:absolute;
	margin-top:8px;
	margin-left:25px;
}
div#textowebsite{
	position:absolute;
	color:#05398f;
	font-size:11px;
	font-weight:bold;
	width:70px;
	margin-top:8px;
	margin-left:55px;
}
div#textowebsite a{
	text-decoration:none;
	color:#05398f;
}
div#textowebsite a:hover {
	color:#ffffff;
}
div#icocontacte{
	position:absolute;
	margin-top:12px;
	margin-left:125px;
}
div#textocontacte{
	position:absolute;
	color:#05398f;
	font-size:11px;
	font-weight:bold;
	width:50px;
	margin-top:8px;
	margin-left:148px;
}
div#textocontacte a{
	text-decoration:none;
	color:#05398f;
}
div#textocontacte a:hover {
	color:#ffffff;
}
div#logopie{
	position:absolute;
	margin-top:33px;
	margin-left:38px;
}

div#textopie{
	position:absolute;
	color:#05398f;
	margin-left:370px;
	margin-top:25px;
	width:450px;
	font-size:12px;
	font-weight:bold;
}

div#penta{
	position:absolute;
	color:#a49e84;
	font-size:9px;
	width:100px;
	height:25px;
	text-align:right;
	margin-top:70px;
	margin-left:850px;
}
div#penta a{
	text-decoration:none;
	font-size:9px;
	color:#a49e84;
}
div#penta a:hover {
	font-size:9px;
	color:#05398f;
}

div#dirtel{
	position:absolute;
	margin-left:260px;
	margin-top:50px;
	width:650px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}
div#avisolegal{
	position:absolute;
	color:#05398f;
	font-size:9px;
	width:80px;
	text-align:center;
	margin-top:70px;
	margin-left:70px;
}
div#avisolegal a{
	text-decoration:none;
	font-size:9px;
	color:#05398f;
}
div#avisolegal a:hover {
	font-size:9px;
	color:#a49e84;
}

/* Titulos*/
.titulo{
	font-size:24px;
	font-weight:bold;
	width:700px;
	color:#102d6c;
}
.titulo2{
	font-size:24px;
	font-weight:bold;
	width:700px;
	color:#a49e84;
}
.rayatitulo{
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
	/*background-color:#102d6c;*/
	background-image:url(imagenes/rayatitulo.gif);
	background-repeat:repeat-x;
	height:3px;
}
.rayatitulo2{
	margin-top:5px;
	margin-bottom:0px;
	width:200px;
	/*background-color:#102d6c;*/
	background-image:url(imagenes/rayatitulo.gif);
	background-repeat:repeat-x;
	height:2px;
}

/*Productos y servicios*/
.gamaproductos{
	float:left;
	font-size:14px;
	margin-left:80px;
	width:240px;
}
.gamaproductos ul li a{
	text-decoration:none;
	font-size:14px;
	color:#05398f;
}
.gamaproductos ul li a:hover {
	font-size:14px;
	color:#a49e84;
}

/*Zona Privada*/
div#cuadrovalidar{
	margin-left:100px;	
	margin-top:70px;	
	border-color:#05398f;
	border:dotted 1px;
	width:500px;
	background-image:url(imagenes/seguridad.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:200px;
}

#frmValidar label{
	margin-left:50px;
	font-weight:bold;
}
#frmValidar input{
	width:150px;
	border-color:#05398f;
	border:solid 1px;
	margin-top:40px;
}
#BtnValidar{
	width:90px !important;
	border-color:#05398f;
	border:solid 1px;
	color:#fefbeb;
	background-color:#05398f;
	margin-left:155px;	
	margin-bottom:30px;
	height:25PX;
}
#usuario{
	margin-left:55px;
}
#password{
	margin-left:33px;
}
div#accesodenegado{
	margin-left:250px;
	width:510px;
	font-size:16px;
	font-weight:bold;
	color:#990000;
}

/*Contacte*/
#frmContactar label{
	margin-left:50px;
	font-weight:bold;
}
#frmContactar input{
	width:300px;
	border-color:#000099;
	border:solid 1px;
	margin-top:30px;
}
#frmContactar textarea{
	width:300px;
	border-color:#000099;
	border:solid 1px;
}
#frmContactarEnviado label{
	margin-left:50px;
	font-weight:bold;
}
#frmContactarEnviado input{
	width:300px;
	border-color:#000099;
	border:dotted 1px;
	margin-top:30px;
}
#frmContactarEnviado textarea{
	width:300px;
	border-color:#000099;
	border:dotted 1px;
}
.separador2{
	width:360px;
	height:40px;
}

#txtEmpresa{
	margin-left:62px;
}
#txtEmpresa2{
	margin-left:50px;
}
#txtContacto{
	margin-left:50px;
}
#txtTelefonos{
	margin-left:45px;
}
#txtEmail{
	margin-left:67px;
}
#txtComentarios{
	display:inline;
	margin-left:54px;
}
#lblComentarios{
	vertical-align:top;
}
#btnEnviar{
	width:90px !important;
	border-color:#333333;
	border:solid 1px;
	margin-left:155px;	
}
#txtNotalegal{
	width:300px;
	border:dotted 1px;
	border-color:#000099;
	display:inline;
	margin-left:154px;
	margin-top:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#contenido .fondo {
	background:url(imagenes/fondo_formulario.jpg) top no-repeat;
}

/*MAPA*/	
div#letrasmapa{
	margin-top:30px;
	width:690px;
	font-size:12px;
	background-color:#102d6c;
	color:#ffffff;
	text-align:center;
	padding:5px;
}
div#mapa{
	width:698px;
	border:solid #102d6c 1px;
}

/*Trabajos realizados*/
.paginadorprovincias{width:700px;margin:5px;font-size:10px;}
.textoizquierda{width:400px;float:left;text-align:left;font-size:10px;color:#102D6C;}
.textoizquierda a{text-decoration:none;font-size:10px;color:#102D6C;}
.textoizquierda a:hover{text-decoration:none;font-size:10px;color:#91B0F4;}
.textoderecha{width:290px;float:left;text-align:right;font-size:10px;color:#102D6C;}
.textosinlink{font-size:10px;color:#c6c6c6;}
.HrPaginador{border-top:dotted 1px; border-bottom:none; border-left:none; border-right:none;}

.imagenOculta {
	visibility: hidden;
}

.trabajo{
	width:700px;
	margin-top:20px;
	margin-bottom:20px;
}
.titulotrabajo{
	width:700px;
	font-size:14px;
	font-weight:bold;
	color:#102d6c;
}
.rayatitulogris{
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
	background-image:url(imagenes/rayatitulogris.gif);
	background-repeat:repeat-x;
	height:3px;
}
.fototrabajo{
	float:left;
	width:150px;
	height:125px;
}
.icofototrabajo{
	border: 1px solid #102d6c;
}
.tipotrabajo{
	float:left;
	width:530px;
	font-size:12px;
	font-weight:bold;
	color:#102d6c;
}
.textotrabajo{
	float:left;
	width:530px;
	color:#102d6c;
}
.tituloopinion{
	float:left;
	width:530px;
	font-size:12px;
	font-weight:bold;
	color:#7f7f7f;
}
.textoopinion{
	float:left;
	width:530px;
	color:#7f7f7f;
}
.masfotostrabajo{
	float:left;
	width:530px;
	font-size:14px;
	color:#102d6c;
	margin-top:5px;
}
.masfotostrabajo a{
	text-decoration:none;
	font-size:14px;
	color:#7f7f7f;
}
.masfotostrabajo a:hover {
	font-size:14px;
	color:#102d6c;
}

/*Administrador*/
.ColorBotonSimulado {
	background-color: #F1F1F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.ColorBotonSimuladoGris {
	background-color: #F1F1F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.ColorBotonSimuladoOn {
	background-color: #91b9fa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	cursor: hand;
}
.BordeLineasDiscontinuas {
	border: 1px dashed #000000;
}
.BordeNegro {
	border: 1px solid #000000;
}
.ColorBlanco {
	background-color: #FFFFFF;
}
.ColorNegro {
	background-color: #000000;
}
.grisClaro {
	background-color: #e0e0e0;
}
.TextoNegrita1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.inputpeq {

	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #4e5357 1px solid;
	BORDER-LEFT: #4e5357 1px solid;
	BORDER-RIGHT: #4e5357 1px solid;
	BORDER-TOP: #4e5357 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	text-align: left;
}
.inputpeq2 {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #4e5357 1px solid;
	BORDER-LEFT: #4e5357 1px solid;
	BORDER-RIGHT: #4e5357 1px solid;
	BORDER-TOP: #4e5357 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9px;
	text-align: left;
}
.input {

	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #4e5357 1px solid;
	BORDER-LEFT: #4e5357 1px solid;
	BORDER-RIGHT: #4e5357 1px solid;
	BORDER-TOP: #4e5357 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	text-align: left;
}

.boton {
	BACKGROUND-COLOR: #4e5357;
	BORDER-BOTTOM: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px
}

/*Enlaces*/
.categoria{
background-color:#05398f;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
width:700px;
text-align:center;
}
.tituloenlace{width:700px;text-align:left;font-size:12px;color:#102D6C;font-weight:bold;}
.tituloenlace a{text-decoration:none;font-size:12px;color:#102D6C;font-weight:bold;}
.tituloenlace a:hover{text-decoration:none;font-size:12px;color:#91B0F4;font-weight:bold;}

.descripcionenlace{
width:700px;
text-align:justify;
margin-bottom:10px;
}


/* IE6 css fixer v0.7: Wed, 25 Nov 2009 11:28:32 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html div#latizq,
* html div#contenido,
* html .gamaproductos,
* html .textoizquierda,
* html .textoderecha,
* html .fototrabajo,
* html .tipotrabajo,
* html .textotrabajo,
* html .masfotostrabajo {display:inline;}

/* add zoom:1 to pos:relative elements */
* html div#cabecera,
* html div#pie {zoom:1;}