@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: 14px; outline: none;}

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

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

/*Contiene toda la pagina*/

#web {
 top: 0; left: 0;
 width:100%;
 /* position:relative; /*Con esto hacemos que todos los divs tomen de referencia los bordes de este....*/
}


/* --------------------- Encabezados ---------------------------- */

h1 {
	font-size:24px;
	font-weight:bold;
	color:#1b4d7a;
	font:Verdana, Geneva, sans-serif;
	font-style:italic;
}
h2 {
	font-size:24px;
	font-weight:bold;
	color:#1b4d7a;
	font:Verdana, Geneva, sans-serif;
	font-style:italic;
}

h3 {
	color:#1b4d7a;
	font-size:18px;
	font:Verdana, Geneva, sans-serif;
	font-style:italic;
}


p {
	font-size:14px;
	color:#000;
	margin-bottom:20px;
}

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

/* ----------------------- Cabecera ------------------------------- */

#fondocabecera {
	width:100%;
	height:422px;
	background: url(imagenes/fondo-cabecera.gif);
	background-repeat:repeat-x;
}

#cabecera{
	width:980px;
	height:74px;
	margin: 0 auto;
	background:url(imagenes/cabecera.gif) top no-repeat;
}

#logo {
	position:absolute;
	width:220px;
	height:73px;
}

#menu {
	position:absolute;
	width:756px;
	text-align:center;
	margin-top:10px;
	margin-left:225px;
	
}
	#menu ul{
		list-style:none;
		background-color:#FFF;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border:1px solid #133a5c;
		}
		#menu li {
			display:inline;
			line-height:50px;
			color:#133a5c;
			}	
			#menu li a {
				color:#133a5c;
				text-decoration:none;
				margin:2px;
				padding-top:8px;
				font:Arial, Helvetica, sans-serif;
				font-size:14px;
				}
				#menu li a:hover {
					background:url(imagenes/menu-hover.gif) top repeat-x;
					color:#0087ff;
				}

#company #mainNav .company a,
#design #mainNav .design a,
#example #mainNav .example a,
#promotion #mainNav .promotion a,
#hosting #mainNav .hosting a,
#budget #mainNav .budget a,
#elmap #mainNav .elmap a,
#contact #mainNav .contact a {
	background:url(imagenes/menu-hover.gif) top repeat-x;
	color:#0087ff;
	cursor:default;
}

/* ---------------------------  Central -----------------------------------------   */
#fondocentral {
	width:100%;
	background-color:#fff;
}

#central{
	margin: 0 auto;
	width:980px;
	padding-bottom:20px;
}

#central p {
	color:#143a5c;
	text-align:justify;
}

#central p a {
	font-weight:bold;
	color:#1a4d7a;
	text-decoration:none;
}

#central p a:hover {
	color:#007deb;
}

#central h1 {
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:40px;
	height:20px;
	border-bottom:2px dotted #dce7f1;
	background:url(imagenes/ico-h1.gif)  no-repeat left;
}

#central h2 {
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:50px;
	height:20px;
	border-bottom:2px dotted #ccc;
	background:url(imagenes/ico-h1.gif)  no-repeat left;
}


#central .apartado {
	float:left;
	width:460px;
	padding:10px;
	background-color:#b4d6f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#b4d6f4), to(#d9ecfd));
	background: -moz-linear-gradient(top,  #b4d6f4,  #d9ecfd);
	background: -o-linear-gradient(top,  #b4d6f4,  #d9ecfd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d6f4', endColorstr='#d9ecfd');
	margin-bottom:30px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#central .apartado p:hover{
	color:#31a2cf;
	cursor:pointer;
}

#central .apartado h2 {
	text-align:center;
	padding-left:0px;
	padding-bottom:15px;
	margin-bottom:10px;
	color:#fff;
	border-bottom:2px dotted #86a8c6;
	background:none;
}

#central .apartado img {
	margin-right:10px;
	float:left;
}

#central .apartado p {
	text-align:justify;
}

#central .apartado2 {
	float:right;
	width:460px;
	padding:10px;
	background-color:#b4d6f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#b4d6f4), to(#d9ecfd));
	background: -moz-linear-gradient(top,  #b4d6f4,  #d9ecfd);
	background: -o-linear-gradient(top,  #b4d6f4,  #d9ecfd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d6f4', endColorstr='#d9ecfd');
	margin-bottom:30px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#central .apartado2 p:hover{
	color:#31a2cf;
	cursor:pointer;
}

#central .apartado2 h2 {
	text-align:center;
	padding-left:0px;
	padding-bottom:15px;
	margin-bottom:10px;
	color:#fff;
	border-bottom:2px dotted #86a8c6;
	background:none;
}

#central .apartado2 img {
	margin-right:10px;
	float:left;
}

#central .apartado2 p {
	text-align:justify;
}

.botoninfo{
	float:right;
	width:260px;
	height:55px;
	margin-right:35px;
	margin-bottom:10px;
	cursor:pointer;
}

.botoninfo a{
	text-decoration:none;
	cursor:pointer;
	
}

.botoninfo span {
  display: block;
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  width: 220px;
  padding-right:40px;
  text-align:center;
  padding-top:5px;
  height: 50px;
 /* text-indent: 0px;*/
  color: #fff;
  text-decoration: none;
  background:url(imagenes/boton-info.gif) no-repeat left top;
}

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

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


#ejemplo {
	background-color:#e6e6e6;
	width:980px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
	}

#fondoclientes {
	width:100%;
	background:#dce7f1 url(imagenes/fondoclientes.gif) top repeat-x;
}


#clientes {
	width:980px;
	margin:0 auto;
	background:url(imagenes/fondo-clientes.gif) bottom right no-repeat;
	padding-top:20px;
	padding-bottom:10px;
}

#clientes h3 {
	font-size:24px;
	font-weight:bold;
	color:#1b4d7a;
	padding-bottom:10px;
	margin-bottom:20px;
	padding-left:50px;
	height:20px;
	border-bottom:2px dotted #fff;
	background:url(imagenes/ico-h2.gif)  no-repeat left;
}

#clientes .cliente {
	width:750px;
	margin-bottom:20px;	
}

#clientes .testimonio {
	width:590px; /*596 reales dejo 6 de margen más*/
	margin-bottom:20px;	
	float:right;
}

#clientes p {
	font-style:italic;
	margin-bottom:0px;
	}

#clientes .cliente img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
/*	border:1px solid #000;*/
}

#clientes .cliente span {
	color:#346ea1;
	font-style:italic;
}

#contenedor1 {
	float:left;
	width:660px;
	margin-bottom:10px;
}

#contenedor1 ul {
	margin-left:40px;
	margin-bottom:25px;
}
	
#contenedor1 li {
	width:auto;
	padding-left:5px;
	margin-right:30px;
	list-style:disc;
	float:left;
	color:#143a5c;
	font-size:14px;
	margin-bottom:10px;
}

#contenedor1 li a {
	font-weight:bold;
	width:400px;
	display:block;
	color:#1a4d7a;
	margin-bottom:10px;
}

#contenedor1 li a:hover {
	color:#007deb;
	
}

.prestamosservicioen {
	height:240px;
	}

.prestamosservicioen ul {
	margin-left:20px;
	margin-bottom:25px;
}
	
.prestamosservicioen li {
	width:auto;
	padding-left:5px;
	margin-right:30px;
	list-style:disc;
	float:left;
	color:#0087d1;
}

.prestamosservicioen li a {
	font-weight:bold;
	width:400px;
	display:block;
	color:#1a4d7a;
	margin-bottom:10px;
}

#prestamosservicioen li a:hover {
	color:#007deb;
	
}

.enlacesitemap {
	margin-left:50px;
}

#contenedor2 {
	float:right;
	width:300px;
	background-color:#b4d6f4;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.opcion1 {
	float:left;
	width:310px;
	padding:5px;
	background-color:#f0f0f0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
}
.opcion1:hover{
	background-color:#d7ebfc;
	cursor:pointer;
}

.opcion1 h3 {
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
	line-height:40px;
	border-bottom:2px dotted #fff;
}

.opcion1 h3 a {
	font-size:18px;
	text-decoration:none;
	color:#2398ff;
}

.opcion1 h3 a:hover {
	text-decoration:none;
	color:#113151;
}

.opcion1 img {
	float:left;
	margin-right:5px;
}

.opcion1 p {
	margin-bottom:10px;
}

.opcion2 {
	float:right;
	width:310px;
	padding:5px;
	background-color:#f0f0f0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
}

.opcion2:hover{
	background-color:#d7ebfc;
	cursor:pointer;
}

.opcion2 h3 {
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
	line-height:40px;
	border-bottom:2px dotted #fff;
}

.opcion2 h3 a {
	font-size:18px;
	text-decoration:none;
	color:#2398ff;
}

.opcion2 h3 a:hover {
	text-decoration:none;
	color:#113151;
}

.opcion2 img {
	float:left;
	margin-right:5px;
}

.opcion2 p {
	margin-bottom:10px;
}

.opcion3 {
	float:right;
	width:310px;
	padding:5px;
	background-color:#f0f0f0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
}

.opcion3 h3 {
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:2px dotted #fff;
}

.opcion3 h3 a {
	font-size:18px;
	text-decoration:none;
	color:#2398ff;
}

.opcion3 h3 a:hover {
	text-decoration:none;
	color:#113151;
}

.opcion3 img {
	float:left;
	margin-right:5px;
}

.opcion3 p {
	margin-bottom:10px;
}

.imagentexto {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	border:2px #003d55 solid;
}


/* ---------------------------- PIE -------------------------------------- */

#fondopie2 {
	width:100%;
	height:70px;
	background:url(imagenes/fondo-pie2.gif) repeat-x;
	padding-top:10px;
}

#pie2 {
	width:980px;
	margin:0 auto;
	height:60px;
}


#datos2 {
	float:left;
	width:980px;
	height:20px;
	text-align:center;
	color:#fff;
	margin-top:0px;
}

#pie2 #menuinf{
	width:980px;
	text-align:center;
	margin-bottom:10px;
}
	
#pie2 #menuinf a{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#pie2 #menuinf a:hover{
	text-decoration:underline;
}

#avisolegal2 {
	float:right;
	margin-top:35px;
	width:80px;
	text-align:right;
}

#avisolegal2 a{
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

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

/* volver */
.volver{
	float:right;
	width:100px;
	text-align:right;
	color:#143A5C;
	margin-top:10px;
}
.volver span {
	text-decoration:none;
	color:#143A5C;
}

.volver span:hover {
	text-decoration:none;
	color:#007deb;
	cursor:pointer;
}


/*  ERROR 404 */
#error404 {
	color:#72bdff;
	font-size:14px;
}

#error404 a {
	color:#72bdff;
	font-size:14px;
}

#error404 a:hover {
	color:#1a4d7a;
}

	/*TABLA ALOJAMIENTOS WEB*/

#contenedor1 table{width:100%; text-align:center;}
	#contenedor1 th{background:url(imagenes/DegradadoH.jpg); background-repeat:repeat; color:#FFFFFF;}
	#contenedor1 th.thtrans{background:inherit;}
	#contenedor1 tr.trgrisclara{background: #f1f1f1; background-repeat:repeat;}
	#contenedor1 tr.trazulclara{background:#ACC8E8;}
	#contenedor1 .izq{text-align:left;}
	
/*********** COOKIES ***********/
#leydecookies {
	position:fixed;
	bottom:0px;
	width:100%;
	height:auto;
	margin:auto;
	background-color:#dedede;
	padding:0;
	text-align:center;
}
#leydecookies p{
	color:#666;
	font-size:0.7em;
	padding:5px;
	margin-bottom:0;
	text-align:center;
}

#leydecookies a{
	color:#72bdff;
	text-decoration:underline;
}

#leydecookies a:hover{
	color:#1a4d7a;
	text-decoration:underline;
}

/* IE6 css fixer v0.95: Tue, 14 Feb 2012 18:24:51 +0100 */

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

/* add display:inline to floated elements */
* html #central .apartado,
* html #central .apartado2,
* html .botoninfo,
* html #clientes .cliente img,
* html #formizq,
* html #formder,
* html label,
* html input,
* html textarea,
* html #datos,
* html #avisolegal,
* html #central .apartado img, * html #central .apartado2 img {display:inline;}

/* add overflow:visible to (submit) buttons */
 * html input, * html button {overflow:visible;}