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

* { margin:0; padding:0;}
body { text-align:center;}

/* estructura */
#todo { width:900px; margin: 20px auto 0 auto; background-image:url(imagenes/contenido.jpg); background-repeat:repeat-y; height: auto;}



div#enlaces_superior {
	width:320px;
	height:15px;
	margin-right:0px;
	margin-left:auto;
	text-align:right;
	background-color:transparent;
	padding-right:20px;
	margin-bottom:-20px;
	position:relative;
	z-index:100;
}

.enlaces_superior {
	display:block;
	float:left;
	font-size:8pt;
	color:#666666;
	text-decoration:none;
	font-weight:normal;

}
h1.enlaces_superior, h2.enlaces_superior {
	margin-top:5px;
}

a.enlaces_superior {
	margin-right:3px;
}
a.enlaces_superior:hover {
	text-decoration:underline;
	color:#7E9712;
}


#cabecera { width:900px; background-image:url(imagenes/cabecera.jpg); background-repeat:no-repeat}
#contenido { height:700px;}
#contenido-index { height:970px;}
#contenido-empresa-equipo { height:900px;}
#contenido-empresa-trabajo { height:3000px;}
#contenido-empresa-ong { height:1200px;}
#contenido-empresa-ong-auto { height:auto;}
#contenido-empresa-blog { height:2000px;}
#contenido-disenoweb-index { height:900px;}
#contenido-disenoweb-integral { height:auto;}
#contenido-disenoweb-mantenimiento { height:1900px;}
#contenido-disenoweb-pasarela { height:1900px;}
#contenido-franquiciasvirtuales { height:2300px;}
#contenido-disenografico-vectorizacion { height:1900px;}
#contenido-posicionamiento-index { height:1300px;}
#contenido-posicionamiento-publicidad { height:1300px;}
#contenido-disenografico-oferta{ height:1300px;}
#contenido-sms-micropagos { height:1300px;}
#contenido-dominios-index{ height:1300px;}
#creditos { width:900px; height:116px;  background-image:url(imagenes/creditos.jpg); background-repeat:no-repeat; margin-top:8px}

.ayudaonline { margin-right:10px; margin-top:30px; text-align:right;}
.telefono { margin-right:10px; margin-top:0; text-align:right;}

#logotipo { float:left; margin-top:0; margin-left:14px; z-index:-10000;}
#validaciones { float:right; margin-top:40px; margin-right:30px;}
#validaciones a img { border:0;}
#menuprincipal { margin: 10px auto 0 10px; }

.imgclientes img {margin: 8px;}
.ultimos-trabajos-cont {width: 400px; height:auto; background-color: #E7F4D5 !important; border-bottom: 1px dotted #666666; padding: 3px 5px; margin: 3px 0px;   }
.ultimos-trabajos-texto {width: 250px; height: auto; vertical-align:middle; text-align:left; float:left; padding-top: 5px; }
.ultimos-trabajos-img {width: 122px; height: 80px; float:right; border: 1px solid #666666;}
.ultimos-trabajos-grande-cont {width: 600px; height:auto; background-color: #E7F4D5 !important; border-bottom: 1px dotted #666666; padding: 3px 5px; margin: 3px 0px;   }
.ultimos-trabajos-grande-texto {width: 450px; height: auto; vertical-align:middle; text-align:left; float:left; padding-top: 15px; padding-left: 5px; }
.ultimos-trabajos-grande-img {width: 122px; height: 80px; float:right; border: 1px solid #666666;}
.clear { clear:both;}

/* colores */
body { background-color:#999;}
.verde {color:#7E9712;}

/* textos */
* { font-family:Arial, Helvetica, sans-serif;}
body { font-size:11px; color:#222;}
a {color:#222; text-decoration:underline;}
a:hover {color:#7E9712;}

/* menu superior */
ul#menusuperior { width:515px; float:right; margin-top:4px; margin-right:5px; }
ul#menusuperior li { float:left; font-size:10px; color:#333333; padding: 1px 6px; margin: 0 3px; border-right:1px solid #666666; list-style-type:none; }
ul#menusuperior li.ultimo { border:0;}
ul#menusuperior li a { text-decoration:none; color:#666666;}
ul#menusuperior li a:hover { text-decoration:underline; color:#7E9712;}

/* imagenes */
a img { border:0;}


/* empresa */
.lateral { float:left; margin-top:25px; margin-left:20px; width:235px; height:500px; background-image:url(imagenes/empresa-lateral1.png); background-repeat:no-repeat; padding-top:0px; text-align:left; }
.titulo1 { width:235px; height:15px;  padding-top:10px; text-align:left; margin:3px; margin-left:20px; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.titulo1 a { color:#FF6600; text-decoration:underline; text-transform:uppercase; }

.titulo1 a:hover {color:#7E9712; text-transform:uppercase;}

h1#titulo { color : #808080; font-style : normal; font-family : Arial, Verdana; font-variant : normal; font-size : 13pt; margin-top:25px; margin-left:15px;}
h1#tituloh1 { color : #808080; font-style : normal; font-family : Arial, Verdana; font-variant : normal; font-size : 13pt; margin-top:25px; margin-left:15px;}
h1#tituloh { color : #808080; font-style : normal; font-family : Arial, Verdana; font-variant : normal; font-size : 13pt; margin-top:25px; margin-left:15px;}
hr#titulo2 { color : #808080; font-style : normal; font-family : Arial, Verdana; font-variant : normal; font-size : 1pt; margin-top:2px; margin-left:15px;  margin-right:15px;}

.centro { float:left; margin-top:25px; margin-left:10px; width:615px; height:570px; background-image:url(imagenes/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }

.centro-contenido { width:585px; height:15px;  padding-top:10px; margin:15px 15px; text-align:justify; }

.centro-contenido-auto { width:585px; height:auto;  padding-top:10px; margin:15px 15px; text-align:justify; }


.centro-blog { float:left; margin-top:25px; margin-left:10px; margin-right:10px; width:615px; height:570px; background-image:url(imagenes/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.centro-equipo { float:left; margin-top:25px; margin-left:10px; width:615px; height:150px; background-image:url(imagenes/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.centro-cierre{ float:left; margin-top:0px; margin-left:10px; width:615px; height:30px; background-image:url(imagenes/cajacierre1.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.centro-equipo-fotos { float:left; margin-top:0px; margin-left:10px; width:615px;  padding-top:0px; text-align:left; }
.centro-foto1-contenido { width:200px; height:120px;  padding-top:5px; margin:15px 15px; text-align:left; }
.centro-foto1 { float:left;  margin-left:10px; width:290px; height:130px; background-image:url(imagenes/foto1empresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.centro-foto2 { float:right;  margin-right:10px; width:290px; height:130px; background-image:url(imagenes/foto2empresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.centro-foto2-contenido { width:200px; height:120px;  padding-top:5px; margin:15px 15px; text-align:right; }

.centro-ultimos-clientes { width:585px; height:15px; top:150px; padding-top:10px; margin:15px 15px; text-align:justify; }

.centro-ong { float:left; margin-top:25px; margin-left:10px; width:615px; height:550px; background-image:url(imagenes/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }


.centro-ong-auto {
	float:left;
	margin-top:25px;
	margin-left:10px;
	width:615px;
	height:auto;
	background-image:url(imagenes/cajacentroempresa2.png);
	background-repeat: no-repeat;
	padding-top:0px; text-align:left;
}



.centro1-ong { float:right; margin-top:5px; margin-right:20px; width:615px; height:220px; background-image:url(imagenes/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.centro-ong-cierre{ float:right; margin-top:0px; margin-right:20px; width:615px; height:30px; background-image:url(imagenes/cajacierre1.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }

/* diseño web */
.lateral-d1 { margin-top:25px; margin-left:20px; width:235px; height:190px; background-image:url(imagenes/disenoweb-lateral1.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.lateral-d2 { margin-top:25px; margin-left:20px; width:235px; height:190px; background-image:url(imagenes/disenoweb-lateral1.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.lateral-d3 { margin-top:25px; margin-left:20px; width:235px; height:190px; background-image:url(imagenes/disenoweb-lateral1.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }

.centro-1d { float:right; margin-top:1px; margin-right:20px; width:615px;  height:auto; background-image:url(imagenes/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }
.centro-2d { float:right; margin-top:1px; margin-right:20px; width:615px;  height:auto; background-image:url(imagenes/cajacentroempresa2.png); background-repeat: no-repeat; padding-top:0px; text-align:left; }

.centro-1d-solucion-integral { float:right; margin-top:1px; margin-right:20px; width:615px;  height:auto; background-image:url(imagenes/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; clear:both;}
.centro-1d2-solucion-integral { float:right; margin-top:1px; margin-right:20px; width:615px;  height:auto; background-image:url(images/cajacentroempresa.png); background-repeat: no-repeat; padding-top:0px; text-align:left; clear:both;}

.centro-contenido-1d { width:585px; height:15px;  padding-top:10px; margin:15px 15px; text-align:justify; }

.centro-contenido-2d { width:614px; height:22px;  padding-top:0px; margin-left: 1px; margin:0; text-align:justify; background-image:url(images/fondo-boton.jpg);}

.centro-contenido-3d { width:613px; height:28px;  padding-top:2px;  margin:0; text-align:justify; }

.menulateral-solucion-integral {float: left;}


.centro-cajaproductos { margin-top:120px; width:600px; height:290px; background-image:url(imagenes/fondoproductosdisenoweb1.png); background-repeat: no-repeat; padding-top:0px; text-align:left; margin-right:1px; margin-left:10px;}
.centro-cajaproductos2 { margin-top:0px; width:600px; height:290px; background-image:url(imagenes/fondoproductosdisenoweb1.png); background-repeat: no-repeat; padding-top:0px; text-align:left; margin-right:1px; margin-left:10px;}
.centro-cajaproductos3 { margin-top:15px; width:600px; height:275px;  padding-top:0px; text-align:left; margin-right:1px; margin-left:0px; }

.centro-cajas {float:left; margin-left:26px; margin-top:45px; width:165px; height:226px; text-align:left;}
.centro-cajas h2 {color:#FF6600; text-transform:uppercase; font-size:12px; text-align:center; text-decoration:underline;}
.centro-cajas-masinfo { width:165px; height:20px; text-align:left;}
.centro-cajas-masinfo-texto {margin-left:10px; margin-top:3px;}
.centro-porque{float:right; margin-right:0px; margin-top:130px; width:615px; height:auto; text-align:left;}
hr#cajas { color : #808080; font-style : normal; font-family : Arial, Verdana; font-variant : normal; font-size : 1pt; margin-top:2px; margin-left:15px;  margin-right:15px;}
hr#cajas2 { color : #808080; font-style : normal; font-family : Arial, Verdana; font-variant : normal; font-size : 1pt; margin-top:2px; margin-left:15px;  margin-right:15px;}
hr#cajas3 { color : #808080; font-style : normal; font-family : Arial, Verdana; font-variant : normal; font-size : 1pt; margin-top:2px; margin-left:15px;  margin-right:15px;}


/* Generales */

ul#lateralmenu li { font-size:11px; color:#333333; padding: 1px 6px; margin: 0 15px; list-style-type:none; }

.centro-1d-general { float:right; margin-top:1px; margin-right:20px; width:615px; height:770px; background-image:url(imagenes/fondo1.jpg); background-repeat: no-repeat; padding-top:0px; text-align:left; }

/* diseño web juridico */


.centro-1d-juridico { float:right; margin-top:1px; margin-right:20px; width:615px; height:770px; background-image:url(imagenes/fondo1.jpg); background-repeat: no-repeat; padding-top:0px; text-align:left; }


.clear {clear:both;}

/*Menu*/

div#menu ul{
width: 614px;
height: 28px;
position:relative;
list-style:none !important;
margin-top: 73px;}

div#menu ul li {
list-style-type: none;
display: inline;
float: left;
font-size: 14px;
vertical-align: middle;
width: auto;
height: auto;

margin-top: 0px;
height: 19px;
margin: 0px 8px;

padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 0px;
background-image:url(images/fondo-boton.jpg);

}

div#menu ul li:hover {
background-image:url(images/fondo-botonb.jpg);
text-decoration: none;

}

div#menu ul li a {
text-decoration: none;
color: white;

}

div#menu ul li a:hover {
text-decoration: none;
color: black;

}


/*transicion de imagenes portada*/
#rotator
{
	border: 1px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 870px;
	height: 260px;
	border: 0;
	z-index:1;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 870px;
	height: 260px;
	z-index:1;
}


#Estilo1 {color: #F80000}

#redes { margin-right:25px}

img.logo_social {
	margin-right:10px;
}