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


/*CLEAR*/

.Clear{clear:both;}

/*GENERALES*/

*{font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0;}
h1{font-size:18px; color:#000000;}
	h1 .gris{color:#CCCCCC;}
h2{font-size:14px; color:#3772a4;}
	h2 .gris{color:#CCCCCC;}
*::-moz-selection{background:#3772a4; color:#EFD500;}
*::selection{background:#3772a4; color:#EFD500;}
.centrafotos{text-align:center;}


/*ESTRUCTURA DE FONDOS*/

.FondoCabecera{width:100%; height:220px; background-image:url(imagenes/FondoCabecera.jpg); background-repeat:repeat-x;}
	.Cabecera{width:980px; height:220px; margin:0 auto; background:url(imagenes/Cabecera.jpg); background-repeat:no-repeat; position:relative;}
.FondoCuerpo{width:100%;}
	.Cuerpo{width:980px; margin:0 auto; background:url(imagenes/FondoCuerpo.jpg); background-repeat:repeat-y;}
		.Menu{width:220px; float:left;}
		.Contenido{width:760px; float:left; }
.FondoPie{width:100%; height:120px; background:url(imagenes/FondoPie.jpg); background-repeat:repeat;}
	div.Pie{width:980px; height:100px; margin:0 auto; background:url(imagenes/Pie.jpg); background-repeat:no-repeat; position:relative;}

/*DENTRO DE LA CABECERA*/

.BoldCabecera{font-size:10px; font-weight:bold; margin-left:90px; color:#3772a4;}
.MenuCabecera{position:absolute; top:80px; margin-left:0px; font-size:12px; font-weight:bold;}
	.MenuCabecera a{color:#FFFFFF; text-decoration:none;}
		.MenuCabecera a:hover{color:#EFD500; text-decoration:none;}
.SubmenuCabecera{margin-left:90px; text-decoration:none; font-weight:bold; font-size:12px; color:#010101;}
	.SubmenuCabecera:hover{color:#010101; font-size:14px;}
		#MapaWeb{position:absolute; top:110px;}
		#CPanel{position:absolute; top:140px;}
		#Contacte{position:absolute; top:170px;} 
		
/*DENTRO DEL PIE*/

.BoldPie{position:absolute; font-size:10px; font-weight:bold; margin-left:220px; color:#ffffff; top:22px;}
.LogoPie{position:absolute; top:45px; font-size:14px; margin-left:220px; font-weight:bold; color:#FFFFFF;}
.DireccionPie{position:absolute; top:45px; font-size:12px; margin-left:340px; color:#FFFFFF;}
.WebsGrupo{position:absolute; top:75px; font-size:12px; color:#346ea1; margin-left:220px;}
	.WebsGrupo a{text-decoration:none; font-size:10px; color:#346ea1;}
		.WebsGrupo a:hover{color:#91c5f2;}
#AvisoLegal{text-decoration:none; position:absolute; top:45px; left:75px; font-size:10px; font-weight:bold; color:#FFFFFF;}
	#AvisoLegal:hover{color:#91c5f2;}
	
/*DENTRO DEL MENU*/

.Menus{background:url(imagenes/FondoMenu.jpg); background-repeat:no-repeat; width:190px; height:138px; margin:0 auto; font-size:12px; position:relative;}
	.Menus a{text-decoration:none;}
		.Menus a.TituloMenu{color:#FFFFFF; position:absolute; left:18px; top:8px; font-weight:bold;}
			.Menus a.TituloMenu:hover{color:#EFD500;}
		.Menus a.EnlaceMenu{color:#010101; font-size:10px;  margin-left:18px;}
			.Menus a.EnlaceMenu:hover{color:#346ea1;}	
.Soporte{background:url(imagenes/FondoSoporte.jpg); background-repeat:no-repeat; width:190px; height:180px; font-weight:bold; font-size:12px; margin:0 auto; position:relative; text-align:center; padding-top:10px;}
	.Soporte a.TituloSoporte{color:#000000; position:absolute; left:18px; top:10px; text-decoration:none;}
	.Soporte img{border:none;}
.Menus hr, .Soporte hr, .FichaPortafolio hr{width:170px; border-bottom:none; border-left:none; border-right:none; border-top:1px dotted; margin-left:9px;}	


/*DENTRO DEL CONTENIDO*/

.Contenido{font-size:12px; text-align:justify; position:relative}
.gruesa{border-bottom:none; border-left:none; border-right:none; border-top:3px dotted; border-top-color:#000000;}	
.fina{border-bottom:none; border-left:none; border-right:none; border-top:2px dotted; border-top-color:#CCCCCC; width:550px; text-align:left;}	
.fina2{border-bottom:none; border-left:none; border-right:none; border-top:2px dotted; border-top-color:#CCCCCC; width:760px; text-align:left;}	
.info{color:#000000; text-decoration:none; font-weight:bold;}
	.info:hover{color:#3772a4;}
	
/*MANTENIMIENTO INFORMATICO, */

.Contenido li.mantenimiento{margin-bottom:30px; margin-left:50px;}
	.Contenido li.mantenimiento a{text-decoration:none; font-weight:bold; color:#3772a4; font-size:14px;}
		.Contenido li.mantenimiento a:hover{color:#ACC8E8;}
	.Contenido li.supervision{margin-bottom:20px; list-style:disc;}
	.Contenido li.mantenimientopreventivo{list-style:circle; margin-bottom:20px;}
.imagenlista{margin-top:15px; margin-right:50px; border:1px dashed #053F9E; padding:2px;}
.imagenlista2{margin-left:15px; margin-right:15px; border:1px dashed #053F9E; padding:2px;}


/*RATON DE LOS ENLACES A PRESUPUESTOS*/

.presupuesto{display:block; width:200px; height:148px; background:url(imagenes/presupuestoOFF.gif); background-repeat:no-repeat;}
	.presupuesto:hover{background:url(imagenes/presupuestoON.gif); background-repeat:no-repeat;}
	
/* PRESUPUESTOS */

.formpresupuestos{ width:760px; background-image:url(imagenes/presupuestos.jpg); background-position:right top; background-repeat:no-repeat; position:relative; color:#3772a4; font-weight:bold;}
.formpresupuestos2{ width:760px; background-image:url(imagenes/presupuestos.jpg); background-position:right top; background-repeat:no-repeat; position:relative; color:#3772a4; font-weight:bold;}
	.formpresupuestos h2, .formpresupuestos2 h2 {width:500px; padding:2px; background: url(imagenes/DegradadoH.jpg); color:#FFFFFF; text-align:center;}
	.formpresupuestos .frmpresu, .formpresupuestos2 .frmpresu{ position:absolute; right:125px; background:#ffffff; border:1px solid; border-color:#3772a4; width:240px;}
	.formpresupuestos2 .chkpresu{position:absolute; right:125px; background:#ffffff; border:1px solid; border-color:#3772a4;}
	.formpresupuestos2 .numfrm{position:absolute; right:125px; background:#ffffff; border:1px solid; border-color:#3772a4; width:30px;}
	.CentraForm{margin:0 auto; width:500px;}
	.envpresu{ position:absolute; right:212px; width:80px;}
	.formpresupuestos .frmpresuCONTACTE{ position:absolute; right:225px; background:#ffffff; border:1px solid; border-color:#3772a4; width:240px;}
		.envpresuCONTACTE{ position:absolute; right:305px; width:80px;}
	
	
	
	/*TABLA ALOJAMIENTOS WEB*/

.Contenido table{width:100%; text-align:center;}
	.Contenido th{background:url(imagenes/DegradadoH.jpg); background-repeat:repeat; color:#FFFFFF;}
	.Contenido th.thtrans{background:inherit;}
	.Contenido tr.trgrisclara{background: #f1f1f1; background-repeat:repeat;}
	.Contenido tr.trazulclara{background:#ACC8E8;}
	.Contenido .izq{text-align:left;}
	
/*TARIFAS ADICIONALES*/

.Tarifasadicionales{ font-style:italic;}

/*REDES INFORMATICAS*/

.imgredesizq{margin-bottom:10px; margin-right:10px;}
.imgredesdrc{margin-bottom:10px; margin-left:10px;}

/*PORTAFOLIO*/

.FichaPortafolio{ background-repeat:no-repeat; width:191px; height:220px; text-align:center; padding-top:5px; float:left; margin-left:35px; margin-right:20px;}
* html .FichaPortafolio{ background-repeat:no-repeat; width:191px; height:220px; text-align:center; padding-top:5px; float:left; margin-left:25px; margin-right:10px;}
	.FichaPortafolio a{text-decoration:none; font-weight:bold; color:#3772a4;}
		.FichaPortafolio a:hover{color:#ACC8E8; opacity: 0.50;}
	.FichaPortafolio span{ font-size:9px; color:#000000;}
	.catporta{ background:url(imagenes/DegradadoH.jpg); background-repeat:repeat-x; font-weight:bold; color:#FFFFFF; text-align:center; padding:5px; width:90%; margin:0 auto;}
	
/*PANEL DE USUARIOS*/

#cuadrovalidar{width:500px; height:150px; border:1px dashed; border-color:#3772a4; margin:0 auto; margin-top:100px; position:relative; padding-left:20px; padding-top:50px; background:url(imagenes/cpanel.jpg); background-position:right; background-repeat:no-repeat; color:#000000; font-weight:bold;}
	input#password{ background:#FFFFFF; border:1px solid; border-color:#3772a4; position:absolute; right:200px;}
	input#usuario{ background:#FFFFFF; border:1px solid; border-color:#3772a4; position:absolute; right:200px;}
	#BtnValidar{ position:absolute; right:200px; width:80px;}
	
/*AVISO LEGAL*/

.AvisoLegal{ color:#3772a4;}

/*PROMOCION EN BUSCADORES*/

.rojo{color:#CC0000;}
.centratexto{text-align:center;}
.buscadores{ width:175px;}

/*FORMULARIO ENVIADO CORRECTAMENTE*/

.frmenviado{width:550px; border:1px dashed; border-color:#3772a4; margin:0 auto !important; text-align:center; font-weight:bold;}
	.azul{font-weight:bold; color:#3772a4;}
	
/*SITEMAP*/

.sitemapfondo{width:100%; background: url(imagenes/sitemap.jpg); background-repeat:no-repeat; background-position:right;}

/*ENLACES*/

.FichaEnlace{ width:680px; margin:0 auto;}
	.FichaEnlace img{ margin-right:10px; border:1px solid; border-color:#3772a4;}
	.FichaEnlace a{ text-decoration:none; font-weight:bold; color:#3772a4;}
	.FichaEnlace a:hover{color:#ACC8E8;}
	
	
/*SITEMAP*/

.Sitemap{background: url(imagenes/sitemap.jpg); background-repeat:no-repeat; background-position:right;}
	.EnlacePrincipal{display:block; margin-bottom:10px; padding-left:10px; margin-left:0px; width:300px; color:#ffffff; background:url(imagenes/DegradadoH.jpg); background-repeat:repeat-x; font-weight:bold; padding-left:10px; text-decoration:none; padding-right:0px;}
	.EnlaceSecundario{color:#000000; text-decoration:none; margin-left:10px;}
	.DivMapSec{ width:250px; text-align:right; }
	.Enlacetres{ text-decoration:none; font-size:10px; font-weight:bold; padding:5px; color:#ffffff; width:100px; background:#91C6F2; background-repeat:repeat;}
		

/*MAPA*/	
div#letrasmapa{
	margin-top:30px;
	width:750px;
	font-size:12px;
	background-color:#356ea3;
	color:#ffffff;
	text-align:center;
	padding:5px;
}
div#mapa{
	width:758px;
	border:solid #356ea3 1px;
}

/*PARA BLOG EN PORTADA*/

.imgporblog{
	border:1px solid;
	border-color:#356ea3;
	width:100px;
	height:75px;
	margin-left:10px;
}
.tituloporblog{
	font-size:14px;
	font-weight:bold;
	color:#356ea3;
}
.linkporblog{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.linkporblog:hover{
	font-size:12px;
	color:#356ea3;
	text-decoration:none;
}
.subtituloporblog{
	font-size:12px;
}
.fechaporblog{
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
}

.imgblog{
	margin:10px;
	border:1px solid;
	color:#356ea3;
}

.vertodasnoticias{
	width:400px;
	float:left;
	color:#CCCCCC;
}

.vertodasnoticias a{
	color:#CCCCCC;
	text-decoration:none;
}

.vertodasnoticias a:hover{
	color:#356ea3;
}

.volvernoticias a{
	color:#CCCCCC;
	text-decoration:none;
}

.volvernoticias a:hover{
	color:#356ea3;
}

.volvernoticias{
	width:350px;
	float:left;
	color:#CCCCCC;
	text-align:right;
}

/*PAGINADOR*/

.paginador{
	width:750px;
	color:#CCCCCC;
}

.paginador a{
	text-decoration:none;
	color:#444444;
}

.paginador a:hover{
	text-decoration:none;
	color:#356ea3;
}

.textoizquierda{
	width:400px;
	float:left;
}

.textoderecha{
	width:350px;
	float:left;
	text-align:right;
}

	
/*CORRECCIONES PARA IE6*/

/* poner display:inline a los elementos con float */
* html .Menu, * html .Contenido {display:inline;}

/* poner zoom:1 para los elementos con position:relative elements */
* html .Cabecera, * html div.Pie, * html .Menus, * html .Soporte, * html .Contenido{zoom:1;}

/*Corregir los margenes de los menus para que el hr no los descuadre*/

* html .Menus hr{margin:-8px;}
* html .Menus a.EnlaceMenu{margin-top:2px;}

/*CORRECCIONES PARA IE7*/

/*Corregir los margenes de los menu para que el hr no los descuadre*/

*:first-child+html  .Menus hr{margin:-8px;}