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

html{
	overflow-y:scroll;
}
body{
	margin:0 auto;
	text-align:center;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-style:italic;
	color:#b70629;
	margin:2px 0 0 0;
}

td.banner{
	padding:0;
}

a{
	text-decoration:none;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}

a:hover{
	text-decoration:underline;
	color:#f6c908;
}

/* ESTILOS */
ul.menu{
	clear:both;
	margin:0 auto;
	padding:12px 0 0 120px;
}

ul.menu li{
	float: left;
	background:url(../images/cuadroMenu.gif) left no-repeat;
	list-style:none;
	margin:0 10px 0 20px;
	padding:5px 0 0px 25px;
	height:16px;
	font-weight:bolder;
	color:#FFFFFF;
	text-transform:capitalize;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

ul.menu li a{
	text-transform:capitalize;
}

ul.metodos{
	list-style:none;
	text-align:left;
	margin:5px 0 10px 0;
	padding:0;
	float:left;
}

ul.metodos li{
	background:url(../images/imgLista.jpg) left top no-repeat;
	padding:2px 0 2px 20px;
	margin:0;
}

ul.metodos li ul{
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
}

ul.metodos ul li{
	background:#FFFFFF;
	padding:2px 0 2px 0;
	margin:0;
}

/* CAPAS */
#logo{
	margin:0 0 0 130px;
	width:258px;
	height:63px;
	padding:0;
	background:url(../images/logo.png) left no-repeat;
}

#contenedor{
	margin:0 auto;
	width:900px;
	text-align:center;
	padding:0 0 0 0;
}

#cabecera{
	background:url(../images/bkgCab.png) top no-repeat;
	text-align:left;
	margin:0 auto;
	padding:15px 0 0 0;
	height:120px;
	width:900px;
}

#contenido{
	margin:0 auto;
	width:900px;
	text-align:center;
	background:url(../images/bkgCont.png) center top no-repeat;
	padding:45px 0 15px 0;
}

#contenido.servicios{
	text-align:center;
	height:367px;
	margin:0 auto;
	background:url(../images/bkgServ.png) center top no-repeat;
	padding:45px 0 0 0;
}
#contenido.contacto{
	text-align:left;
	height:367px;
	margin:0 auto;
	background:url(../images/bkgContacto.jpg) center top no-repeat;
	padding:45px 0 0 0;
}

#formulario{
	margin:0 0 0 110px;
	padding:20px 0 0 40px;
	width:569px;
	height:316px;
	background:url(../images/formContacto.png) center top no-repeat;
}

#formulario span{
	color:#b70629;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#formulario td.mapa{
	width:241px;
	height:256px;
	background:url(../images/mapa.jpg) center no-repeat;
	padding:0 0 0 15px;
}

#formulario td.campo{
	text-transform:capitalize;
	width:265px;
	height:30px;
	padding: 10px 15px 10px 0;
	background:url(../images/cuadro.png) center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b70629;
	font-weight:bolder;
	text-align:right;
}

#formulario td.campo input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b70629;
	font-weight:bolder;
	border:0;
	width:250px;
}

#formulario td.area{
	padding:0 10px 0 10px;
	width:238px;
	height:121px;
	background:url(../images/bkgSuge.png) center no-repeat;
	text-align:right;
}

#formulario td.area input.submit{
	border:0;
	width:11px;
	height:11px;
	background:url(../images/btnSubmit.gif) center no-repeat;
}

#formulario td.area input.submit:hover{
	background:url(../images/btnSubmitOver.gif) center no-repeat;
	cursor:pointer;
}

#formulario td.area input.reset{
	border:0;
	width:11px;
	height:11px;
	background:url(../images/btnReset.gif) center no-repeat;
}

#formulario td.area input.reset:hover{
	background:url(../images/btnResetOver.gif) center no-repeat;
	cursor:pointer;
}

#formulario td.area textarea{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b70629;
	font-weight:bolder;
	width:255px;
	height:80px;
	border:0;
	margin:4px 0 8px 0;
}

.correo_ok{
	width:100%;
	text-align:center;
	font-size:11px;
	font-weight:bolder;
	color:#C60635;
	margin:0 auto;
}

a.return{
	color:#C60635;
	font-weight:bolder;
	text-decoration:none;
}

a.return:hover{
	text-decoration:underline;
}

a.serv1{
	font-size:10px;
	padding:42px 0 0 0;
	text-align:center;
	display:block;
	width:133px;
	height:88px;
	background:url(../images/serv1.png) center no-repeat;
	text-decoration:none;
}

a.serv1:hover{
	color:#FFFFFF;
	background:url(../images/serv1Over.png) center no-repeat;
}

a.serv2{
	font-size:10px;
	padding:49px 0 0 0;
	text-align:center;
	display:block;
	width:133px;
	height:81px;
	background:url(../images/serv2.png) center no-repeat;
	text-decoration:none;
}

a.serv2:hover{
	color:#FFFFFF;
	background:url(../images/serv2Over.png) center no-repeat;
}

a.serv3{
	font-size:10px;
	padding:59px 0 0 0;
	text-align:center;
	display:block;
	width:133px;
	height:71px;
	background:url(../images/serv3.png) center no-repeat;
	text-decoration:none;
}

a.serv3:hover{
	color:#FFFFFF;
	background:url(../images/serv3Over.png) center no-repeat;
}

a.serv4{
	font-size:10px;
	padding:49px 0 0 0;
	text-align:center;
	display:block;
	width:133px;
	height:81px;
	background:url(../images/serv4.png) center no-repeat;
	text-decoration:none;
}

a.serv4:hover{
	color:#FFFFFF;
	background:url(../images/serv4Over.png) center no-repeat;
}

a.serv5{
	font-size:10px;
	padding:49px 0 0 0;
	text-align:center;
	display:block;
	width:133px;
	height:81px;
	background:url(../images/serv5.png) center no-repeat;
	text-decoration:none;
}

a.serv5:hover{
	color:#FFFFFF;
	background:url(../images/serv5Over.png) center no-repeat;
}

#pie{
	background: url(../images/bkgPieL.jpg) left no-repeat #b70629;
	width:100%;
	height:98px;
	clear:both;
}

#contacto{
	float:right;
	width:329px;
	height:74px;
	text-align:right;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	background:url(../images/bkgPieR.jpg) right no-repeat;
	padding:0 80px 0 0;
	margin:15px 0 0 0;
}

#contacto a{
	font-weight:bolder;
}

#pie.servicios{
	background: url(../images/bkgPieLServ.jpg) left no-repeat #FFFFFF;
	width:100%;
	height:98px;
	color:#b70629;
	clear:both;
}

#pie.servicios #contacto{
	float:right;
	width:329px;
	height:74px;
	text-align:right;
	color:#b70629;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	background:url(../images/bkgPieRServ.jpg) right no-repeat;
	padding:0 80px 0 0;
	margin:15px 0 0 0;
}

#pie.servicios #contacto a{
	color:#b70629;
	font-weight:bolder;
}

#layL{
	float:left;
	text-align:right;
	width:435px;
}

#layR{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8f8686;
	text-align:left;
	float:left;
	width:463px;
}

/* ESTILOS PROYECTOS */

#submenu{
	margin:0 0 8px 0;
}

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

#submenu a:hover{
	text-decoration:underline;
}

/* ESTILOS SERVICIOS */
a.linkserv{
	color:#363535;
}
#textoServicios{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:000000;
	font-size:10px;
	text-align:justify;
	text-shadow:inherit;
	margin:0 auto;
	width:525px;
	height:215px;
	padding:0px;
}

#textoServicios a{
	display:block;
	
	height:25px;
	background:url(../images/loguito.png) left no-repeat;
	padding:8px 25px 0px 30px;
	margin:0px;
}

#textoServicios a:hover{
	color:#c60735;
}


a.linktitle{
	display:block;
	color:#c60735;
	height:25px;
	background:url(../images/loguito.png) left no-repeat;
	padding:8px 25px 0px 30px;
	margin:0px;
	text-decoration:underline;
	font-size:12px;
}

a.linktitle:hover{
	color:#c60735;
	font-size:12px;
	text-decoration:underline;
}
#textoServicios p{
	text-align:justify;
}

#textoServicios ul li{
	padding:2px 0 0 0;
}
	#identidad ul{
		list-style:none;
	}
	
	#publicidad ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#multimedia ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#industrial ul{
		list-style:none;
		margin:0;
		padding:0;
	}

	#otros ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
#identidad{
	margin:0 0 0 0;
	padding:12px 60px 12px 60px;
	text-align:justify;
	background:url(../images/fondo.png) center top no-repeat;
	width:500px;
	height:100%;
}

	
	#identidad ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#identidad ul li ul{
		list-style:none;
		margin:0;
	}
	#identidad #ident1{
		display:none;
	}
	#identidad #ident2{
		display:none;
	}
	#identidad #ident3{
		display:none;
	}
	#identidad #ident4{
		display:none;
	}
	#identidad #ident5{
		display:none;
	}
#publicidad{
	margin:0 0 0 0;
	padding:12px 60px 12px 60px;
	text-align:justify;
	background:url(../images/fondo.png) center top no-repeat;
	width:500px;
	height:100%;
}

	#publicidad #publi1{
		display:none;
	}
	#publicidad #publi2{
		display:none;
	}
	#publicidad #publi3{
		display:none;
	}
	#publicidad #publi4{
		display:none;
	}
#multimedia{
	margin:0 0 0 0;
	padding:12px 60px 12px 60px;
	text-align:justify;
	background:url(../images/fondo.png) center top no-repeat;
	width:500px;
	height:100%;
}
	#multimedia #multi1{
		display:none;
	}
#industrial{
	margin:0 0 0 0;
	padding:12px 60px 12px 60px;
	text-align:justify;
	background:url(../images/fondo.png) center top no-repeat;
	width:500px;
	height:100%;
}
	#industrial #indust1{
		display:none;
	}
#otros{
	margin:0 0 0 0;
	padding:12px 60px 12px 60px;
	text-align:justify;
	background:url(../images/fondo.png) center top no-repeat;
	width:500px;
	height:100%;
}
	#otros #otros1{
		display:none;
	}
	#otros #otros2{
		display:none;
	}

/************************* IMAGENES BANNER ****************************/

			
			#btn_ampliar{
				padding:5px 0 0 165px;
				margin:0 auto;
				height:20px;
			}
						
			
			#imagenespop{
				position:absolute;				
				top:0px;
				left:0px;
				width:100%;
				padding:0 0 0 0;				
				overflow:auto;
				text-align:center;			
			}						
			
			#fondo{
				display:block;
				position:absolute;
				background:#000000;
				text-align:center;				
				top:0px;
				left:0px;
				width:100%;
				height:120%;				
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
			}
			
			#cierra{
				height:30px;
				width:565px;
				text-align:right;
				margin:25px 0 0 429px;
			}
			
			#cierra a{
				color:#333333;
				background:#FFFFFF;
				font-weight:bolder;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				font-size:25px;
				padding:0px 13px 0px 5px;
				text-align:right;
				display:block;
			}
			
			#cierra a:hover{
				color:#DD44B6;
			}
			
			#imagenespop img{
				margin:0;
				
			}


/************************* FIN IMAGENES TRABAJOS Y PROYECTOS ************************/