@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}
.twoColFixLtHdr #container {
	width: 950px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(imagenes/principal/fondo_letras.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
} 
.twoColFixLtHdr #header {
	height: 105px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 32px;
} 
#logo {
	float: left;
	height: auto;
	width: auto;
	padding-top: 35px;
}
#formulario {
	height: auto;
	width: auto;
	padding-left: 200px;
	padding-top: 20px;
	float: left;
}

.twoColFixLtHdr #sidebar1 {
	width: 190px;
	padding: 0px;
	float: left;
	margin: 0px;
}
.twoColFixLtHdr #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 22px;
	height: auto;
	width: auto;
} 

.twoColFixLtHdr #mainContent-diseno {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 205px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 17px;
	height: auto;
	width: auto;
	background: url(imagenes/diseno/fondo_letras_cabecera.gif) no-repeat 0px 0px #f7f7f7;
}


.twoColFixLtHdr #footer {
	background-color: #FFF;
	height: 140px;
	margin: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 
#footer a {
	color: #1A8CFF;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}
#footer a:hover {
	color: #F9007C;
	background-color: #F3F3F3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
#footer p a {
	color: #999;
	text-decoration: none;
}
#footer p a:hover {
	color: #F9007C;
	text-decoration: none;
}


.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
	padding: 0px;
	height: auto;
	width: auto;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#contiene-flash {
	margin:18px 0 0 0;
}

#parrafosup {
	width: 675px;
	float: left;
	height: auto;
	text-align: left;
	margin: 0px;
	padding-top: 20px;
}

#asistencia {
	float: right;
	height: auto;
	width: auto;
	margin-top:20px;
	text-align: right;
}


#destacado-puntos {
	border-top:dotted 1px;
	border-bottom:dotted 1px;
	background:#fff;
}

#destacado-puntos p {
	padding:0 15px 0 15px;
}

/********** IMAGENES ESTILO ************/
/*div#contiene-imagen-estilo p {
	color:#666;
	font-size:10px;
	text-indent:0px;
	padding:0 10px 0 10px;
	text-align:left;
	line-height: 11px;
}*/

/******* 125 px ancho*********/
#imagen-estilo-dcha-125 {
	float:right;
	background:#ddd;
	margin:0 0 20px 15px;
	width:125px;
}
#imagen-estilo-izq-125 {
	float:left;
	background:#ddd;
	margin:0 15px 20px 0;
	width:125px;
}
div#imagen-estilo-dcha-125 p, div#imagen-estilo-izq-125 p {
	color:#666;
	font-size:10px;
	text-indent:0px;
	padding:0 10px 0 10px;
	text-align:left;
	line-height: 11px;
}

/******* 150 px ancho*********/
#imagen-estilo-dcha-150 {
	float:right;
	background:#ddd;
	margin:0 0 20px 15px;
	width:150px;
}

#imagen-estilo-izq-150 {
	float:left;
	background:#ddd;
	margin:0 15px 20px 0;
	width:150px;
}

div#imagen-estilo-dcha-150 p, div#imagen-estilo-izq-150 p {
	color:#666;
	font-size:10px;
	text-indent:0px;
	padding:0 10px 0 10px;
	text-align:left;
	line-height: 11px;
}

/******* 250 px ancho*********/
#imagen-estilo-dcha-250 {
	float:right;
	background:#ddd;
	margin:0 0 20px 15px;
	width:250px;
}

#imagen-estilo-izq-250 {
	float:left;
	background:#ddd;
	margin:0 15px 20px 0;
	width:250px;
}

div#imagen-estilo-dcha-250 p, div#imagen-estilo-izq-250 p {
	color:#666;
	font-size:10px;
	text-indent:0px;
	padding:0 10px 0 10px;
	text-align:left;
	line-height: 11px;
}


/****************************************/




/******** MENU ************************************/
#menu-nosotros, #menu-atencion, #menu-identidad, #menu-packaging, #menu-editorial, #menu-infografia, #menu-web, #menu-asistencia, #menu-equipamiento, #menu-telefonia, #menu-internet, #menu-documental, #menu-seo, #menu-noticias {
	height: 19px;
	width: 167px;
	float: right;
	text-align: right;
	display: block;
	line-height: 18px;
	background-attachment: scroll;
	background-image: url(imagenes/principal/fondo-menu2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 1px;
}

#menu-nosotros a, #menu-atencion a, #menu-identidad a, #menu-packaging a, #menu-editorial a, #menu-infografia a, #menu-web a, #menu-asistencia a, #menu-equipamiento a, #menu-telefonia a, #menu-internet a, #menu-documental a, #menu-seo a, #menu-noticias a {
	height: 19px;
	width: 167px;
	float: right;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	display: block;
	font-style: italic;
	text-decoration: none;
}
#menu-nosotros a:hover, #menu-atencion a:hover, #menu-identidad a:hover, #menu-packaging a:hover, #menu-editorial a:hover, #menu-infografia a:hover, #menu-web a:hover, #menu-asistencia a:hover, #menu-equipamiento a:hover, #menu-telefonia a:hover, #menu-internet a:hover, #menu-documental a:hover, #menu-seo a:hover, #menu-noticias a:hover {
	height: 19px;
	width: 167px;
	float: right;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #F9007C;
	display: block;
	font-style: italic;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(imagenes/principal/fondo-menu.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#menu-nosotros-on, #menu-atencion-on, #menu-identidad-on, #menu-packaging-on, #menu-editorial-on, #menu-infografia-on, #menu-web-on, #menu-asistencia-on, #menu-equipamiento-on, #menu-telefonia-on, #menu-internet-on, #menu-documental-on, #menu-seo-on, #menu-noticias-on {
	height: 19px;
	width: 167px;
	float: right;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	display: block;
	font-style: italic;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(imagenes/principal/fondo-menu-activo.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


#contiene_menu {
	height: auto;
	width: 167px;
	float: right;
	text-align: right;
	padding-top: 10px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding-bottom: 21px;
}
#menu-comunicacion, #menu-informatica {
	height: 19px;
	width: 167px;
	float: right;
	text-align: right;
	display: block;
	line-height: 18px;
	background-attachment: scroll;
	background-image: url(imagenes/principal/fondo-menu2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 4px;
}

#menu-comunicacion a, #menu-informatica a {
	height: 19px;
	width: 167px;
	float: right;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #3399ff;
	display: block;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
}
#menu-comunicacion a:hover, #menu-informatica a:hover {
	height: 19px;
	width: 167px;
	float: right;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #F9007C;
	display: block;
	font-style: italic;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(imagenes/principal/fondo-menu.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-weight: bold;
}

/*******************************************/



#noticias {
	height: auto;
	width: 167px;
	float: right;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#noticias2 {
	height: 25px;
	width: 167px;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666;
	text-align: right;
	background-attachment: scroll;
	background-image: url(imagenes/principal/noticias-sup.gif);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 25px;
	font-style: italic;
}
#noticias3 {
	height: auto;
	width: 167px;
	background-color: #f3f3f3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#noticias4 {
	height: 7px;
	width: 167px;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	background-attachment: scroll;
	background-image: url(imagenes/principal/noticias-inf.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#noticias3 p {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
}
#datos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;
	padding-top: 30px;
	width: 167px;
	float: right;
	height: auto;
}
#datos2, #datos3, #datos4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	color: #333;
	width: 167px;
	float: right;
	height: auto;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px;
}
#datos2 {
	background-image: url(imagenes/principal/telf.gif);
	margin-top: 8px;
}

#datos3 {
	background-image: url(imagenes/principal/fax.gif);
	margin-top: 2px;
}
#datos4 {
	background-image: url(imagenes/principal/mail.gif);
	margin-top: 2px;
}

#datos4 a {
	color: #1A8CFF;
	text-decoration:none;
}
#datos4 a:hover {
	color: #F9007C;
	text-decoration:none;
}

.anuncio {
	height: 190px;
	width: 200px;
	background:#fff;
	float: left;
	margin:15px 7px 15px 7px;
}
.anuncio-central {
	height: 190px;
	width: 200px;
	background:#fff;
	float: left;
	margin:15px 3px 15px 3px;
}

.anuncio p {
	margin:0 10px 0 10px;
	text-align:left;
}
.anuncio-central p {
	margin:0 10px 0 10px;
	text-align:left;
}

.anuncio h6, .anuncio-central h6 {
	font-size:11px;
	color:#999;
	margin:3px 10px 5px 10px;
}

.anuncio h3, .anuncio-central h3 {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000;*/
	margin:0 10px 5px 10px;
}





.contentanuncio {
	height: 210px;
	width: 645px;
}
#puntos {
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding-top: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	list-style-image: url(imagenes/directorio/ok.gif);
	list-style-type: none;
}

#puntos2 {
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	padding-top: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	list-style-image: url(imagenes/directorio/ok.gif);
	list-style-type: none;
	text-align: center;
	width: 640px;
	padding-bottom: 25px;
}

.ventajas {
	background:url(imagenes/principal/icono-noticias.png) no-repeat 12px 10px;
}

/**********************************/


.esquinas {
	width: 675px;
	margin: 15px 0 0 0;
	height: auto;
	float: left;
}

#contiene-trabajos {
	background-color: #f7f7f7;
	width: 600px;
	margin: 0px;
	padding: 0px;
	height: auto;
	float: left;
}

.imagen-trabajo {
	margin-bottom:2px;
}

.datos-trabajo {
	width:580px;
	background:#fff;
	padding:5px 20px 5px 0;
	/*margin:0 0 20px 0;*/
	border-top:solid 1px #111;
}
.subir {
	text-align:right;
	margin:0 20px 0 0;
	float:right;
	border-bottom:dotted 1px #333;
}

.trabajos {
	float: left;
	height: auto;
	width: 600px;
	margin:25px 0 0 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.trabajos-primero {
	float: left;
	height: auto;
	width: 600px;
	margin:0px 0 0 20px;
	background-attachment: scroll;
	background-image: url(imagenes/diseno/fondo-fichas.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


.esquinatop {
	height: 8px;
	width: 675px;
	background: url(imagenes/informatica/esq-top.gif) no-repeat center center scroll;
	float: left;
	margin: 0px;
	padding: 0px;
}
.esquinamed {
	background: #f7f7f7;
	width: 635px;
	margin: 0px;
	padding: 20px;
	height: auto;
	float: left;
}


.esquinabottom {
	background: url(imagenes/informatica/esq-bottom.gif) no-repeat center center scroll;
	height: 8px;
	width: 675px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/********* NOTICIAS ********************************************/

.noticias_noticias h2, .noticias_redes h2, .noticias_virus h2, .noticias_productos h2, .noticias_grafismo h2, .noticias_informatica h2 {
	margin:0 0 20px 55px;
	border-bottom:dotted 1px;
}
.noticias_noticias h3, .noticias_redes h3, .noticias_virus h3, .noticias_productos h3, .noticias_grafismo h3, .noticias_informatica h3 {
	font-size:18px;
	font-weight:normal;
	color:#000;
}

#mainContent .noticias_noticias h3 a, #mainContent .noticias_redes h3 a, #mainContent .noticias_virus h3 a, #mainContent .noticias_productos h3 a, #mainContent .noticias_grafismo h3 a, #mainContent .noticias_informatica h3 a {
	color:#000;
	
}

#mainContent .noticias_noticias h3 a:hover, #mainContent .noticias_redes h3 a:hover, #mainContent .noticias_virus h3 a:hover, #mainContent .noticias_productos h3 a:hover, #mainContent .noticias_grafismo h3 a:hover, #mainContent .noticias_informatica h3 a:hover {
	color:#000;
	text-decoration:underline;
}


#mainContent .noticias_noticias p, #mainContent .noticias_redes p, #mainContent .noticias_virus p, #mainContent .noticias_productos p, #mainContent .noticias_grafismo p, #mainContent .noticias_informatica p {
	text-indent: 0px;
	margin-bottom:0px;
}

.noticias_noticias h5, .noticias_redes h5, .noticias_virus h5, .noticias_productos h5, .noticias_grafismo h5, .noticias_informatica h5 {
	font-size:14px;
	font-weight:normal;
	color:#999;
	margin-top:0px;
	padding-top:5px;
}


.noticias_noticias {
	width: 645px;
	margin: 0px;
	padding: 20px 15px 15px 15px;
	height: auto;
	float: left;
	background:url(imagenes/principal/icono-noticias.png) no-repeat 12px 10px #f7f7f7;
}
.noticias_redes {
	width: 645px;
	margin: 0px;
	padding: 20px 15px 15px 15px;
	height: auto;
	float: left;
	background:url(imagenes/principal/icono-redes.png) no-repeat 12px 10px #f7f7f7;
}
.noticias_virus {
	width: 645px;
	margin: 0px;
	padding: 20px 15px 15px 15px;
	height: auto;
	float: left;
	background:url(imagenes/principal/icono-virus.png) no-repeat 12px 10px #f7f7f7;
}
.noticias_productos {
	width: 645px;
	margin: 0px;
	padding: 20px 15px 15px 15px;
	height: auto;
	float: left;
	background:url(imagenes/principal/icono-productos.png) no-repeat 12px 10px #f7f7f7;
}

.noticias_grafismo {
	width: 645px;
	margin: 0px;
	padding: 20px 15px 15px 15px;
	height: auto;
	float: left;
	background:url(imagenes/principal/icono-grafismo.png) no-repeat 12px 10px #f7f7f7;
}

.noticias_informatica {
	width: 645px;
	margin: 0px;
	padding: 20px 15px 15px 15px;
	height: auto;
	float: left;
	background:url(imagenes/principal/icono-informatica.png) no-repeat 12px 10px #f7f7f7;
}

#mainContent .fecha {
	margin:0px;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color:#999;
	border-bottom:1px dotted #999;
}

.noticia {
	border-bottom:2px solid #ccc;
	margin-bottom:25px;
	padding-bottom:30px;
}

.noticia_tercio {
	float: left;
	width: 195px;
	margin:0 20px 0px 0;
}


.imagen-noticia-izquierda {
	margin:0px 15px 10px 0px;
	float:left;
}

.imagen-noticia-derecha {
	margin:0px 0px 10px 15px;
	float:right;
}

.imagen-tercio {
	margin-bottom:4px;
}

.barra1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	text-decoration: none;
	height: 25px;
	width: 600px;
	padding-left: 10px;
	background-color: #900;
	line-height: 25px;
	margin-left: 15px;
	margin-top: 4px;
}
.barra2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	font-style: normal;
	height: 25px;
	width: 600px;
	padding-left: 10px;
	background-color: #CCC;
	border: 1px solid #999;
	margin-top: 4px;
	line-height: 25px;
	margin-left: 15px;
}

#imagen-cabecera {
	padding: 0px;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#cajatitulo {
	width: 635px;
	float: left;
	background-color: #1a8cff;
	/*width: 635px;*/
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

div#cajatitulo p {
	color: #000;
	margin-top:5px;
	padding:0 50px 0 20px;
	text-indent:0px;
}

/*div#cajatitulo h2, h3 {
	color:#FFF;
}*/



/*********** CUADRO AZUL *********************/
#esquinatopazul {
	height: 8px;
	width: 675px;
	background-attachment: scroll;
	background-image: url(imagenes/informatica/esq-top-azul.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 0px;
	padding: 0px;
}
#esquinamedazul {
	background:url(imagenes/principal/icono-ventajas.png) no-repeat 12px 10px #1a8cff;
	width: 675px;
	margin: 0px;
	padding: 20px 0 0px 0;
	height: auto;
	float: left;
}
div#esquinamedazul p {
	color: #000;
	padding:0 100px 0 90px;
	margin:0px 0 20px 0;
	text-indent:0px;
}
#esquinabottomazul {
	background-attachment: scroll;
	background-image: url(imagenes/informatica/esq-bottom-azul.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 8px;
	width: 675px;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#esquinamedazul ul {
	margin:5px 100px 20px 90px;
}
#esquinamedazul ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #000;
	list-style-image: url(imagenes/directorio/ok2.png);
	list-style-type: none;
	line-height: 16px;
	/*margin:0px 100px 0 70px;*/
}
#esquinamedazul h2 {
	margin:0 0 0 90px;
	color: #FFF;
}
#esquinamedazul h3 {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	margin:0 0 0px 90px;
}


/************************/


#contacto {
	float: left;
	width: 675px;
	height:74px;
	margin-top:20px;
	background-color: #333;
	background-image:url(imagenes/principal/fondo-info.jpg);
	background-repeat:no-repeat;
}
div#contacto p {
	color: #FFFFFF;
	margin:20px 40px 20px 70px;
	text-indent: 0px;
}
div#contacto a {
	color: #1A8CFF;
	text-decoration:none;
}
div#contacto a:hover {
	color: #F9007C;
	text-decoration:none;
}

#mas-trabajos {
	float: left;
	width: 675px;
	height:74px;
	margin-top:20px;
	background-color: #333;
	background-image:url(imagenes/diseno/fondo-flickr.jpg);
	background-repeat:no-repeat;
}
div#mas-trabajos p {
	color: #FFFFFF;
	margin:20px 40px 20px 70px;
	text-indent: 0px;
}
div#mas-trabajos a {
	color: #1A8CFF;
	text-decoration:none;
}
div#mas-trabajos a:hover {
	color: #F9007C;
	text-decoration:none;
}


/******************* CAPAS COLORES *********************************************************/

#esquinatopcolor {
	height: 8px;
	width: 675px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#esquinamedcolor {
	width: 675px;
	margin: 0px;
	float: left;
	padding: 20px 0 25px 0;
	height: auto;
	text-align: justify;
}
div#esquinamedcolor p {
	margin:0 100px 0 40px;
}

#esquinamedcolor ul li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	list-style-image: url(imagenes/directorio/ok2.png);
	list-style-type: none;
	line-height: 16px;
	margin:0px 100px 5px 65px;
}

#esquinamedcolor h2 {
	margin:0 0 0px 90px;
}
#esquinamedcolor h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-indent: 10px;
}
#esquinabottomcolor {
	height: 8px;
	width: 675px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/**** Verde claro */
.verdeclaro-asistencia-top {
	background: url(imagenes/informatica/esq-top-verde01.gif) no-repeat center center scroll;
}
.verdeclaro-asistencia-med {
	background:url(imagenes/informatica/iconos-asistencia.png) no-repeat 12px 10px #a4bd88;
	border-bottom:solid 4px #003300;
	color: #000;
}
.verdeclaro-asistencia-bottom {
	background: url(imagenes/informatica/esq-bottom-verde01.gif) no-repeat center center scroll;
}
.verdeclaro-asistencia-med h2 {
	color:#000;
}
/**** Verde Medio */
.verdemedio-asistencia-top {
	background: url(imagenes/informatica/esq-top-verde02.gif) no-repeat center center scroll;
}
.verdemedio-asistencia-med {
	background:url(imagenes/informatica/icono-mantenimiento.png) no-repeat 12px 15px #679138;
	border-bottom:solid 4px #003300;
}
.verdemedio-asistencia-med h2 {
	color:#000;
}
.verdemedio-asistencia-bottom {
	background: url(imagenes/informatica/esq-bottom-verde01.gif) no-repeat center center scroll;
}
/**** Verde oscuro */
.verdeoscuro-asistencia-top {
	background: url(imagenes/informatica/esq-top-verde03.gif) no-repeat center center scroll;
}
.verdeoscuro-asistencia-med {
	background:url(imagenes/informatica/icono-mant-integral.png) no-repeat 12px 15px #3d5b1c;
}
.verdeoscuro-asistencia-med h2 {
	color:#fff;
}
.verdeoscuro-asistencia-med ul li {
	color:#fff;
}
.verdeoscuro-asistencia-bottom {
	background: url(imagenes/informatica/esq-bottom-verde03.gif) no-repeat center center scroll;
}

/**** Rojo Avaya *****/
.rojo-telefonia-top {
	background: url(imagenes/informatica/esq-top-rojo.gif) no-repeat center center scroll;
}
.rojo-telefonia-med {
	background:#990000;
}
div#esquinamedcolor.rojo-telefonia-med h2 {
	margin:0px 100px 5px 20px;
	color:#fff;
}
div#esquinamedcolor.rojo-telefonia-med p {
	color:#fff;
}
.rojo-telefonia-med ul li {
	color:#fff;
}
.rojo-telefonia-bottom {
	background: url(imagenes/informatica/esq-bottom-rojo.gif) no-repeat center center scroll;
}


/**** Blanco *******/
.blanco-top {
	background: url(imagenes/informatica/esq-top-blanco.gif) no-repeat center center scroll;
}
.blanco-med {
	background:#fff;
}

.blanco-bottom {
	background: url(imagenes/informatica/esq-bottom-blanco.gif) no-repeat center center scroll;
}


/**** LO QUE PODEMOS HACER *******/
#esquinas-podemos {
	width: 675px;
	margin: 0px;
	height: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}

#podemos-hacer-top {
	height: 8px;
	width: 675px;
	background: url(imagenes/diseno/esq-top-podemos.gif) no-repeat center center scroll;
	float: left;
	margin: 0px;
	padding: 0px;
}
#podemos-hacer {
	background:url(imagenes/diseno/icono-podemos-hacer.png) no-repeat 12px 10px #111;
	width: 675px;
	margin: 0px;
	padding: 20px 0 0px 0;
	height: auto;
	float: left;
}
div#podemos-hacer p {
	color: #fff;
	padding:0 100px 0 90px;
	margin:0px 0 20px 0;
	text-indent:0px;
}
#podemos-hacer-bottom {
	background: url(imagenes/diseno/esq-bottom-podemos.gif) no-repeat center center scroll;
	height: 8px;
	width: 675px;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#podemos-hacer ul {
	margin:5px 70px 20px 90px;
}

#podemos-hacer ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #fff;
	list-style-image: url(imagenes/directorio/ok2.png);
	list-style-type: none;
	line-height: 16px;
	/*margin:0px 100px 0 70px;*/
}
#podemos-hacer h2 {
	margin:0 0 0 90px;
	color: #FFF;
}
#podemos-hacer h3 {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	margin:0 0 0px 90px;
}


/*****************/


/*****************/

 
#datos5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;
	padding-top: 30px;
	width: 167px;
	float: right;
	height: auto;
}

#contentanuncio2 {
	height: 210px;
	width: 660px;
}
#datos22 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: right;
	width: 167px;
	float: right;
	height: auto;
	background-attachment: scroll;
	background-image: url(imagenes/principal/telf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px;
	margin-top: 8px;
}
#datos5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: right;
	width: 167px;
	float: right;
	height: auto;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#esquinas2 {
	width: 675px;
	margin: 0px;
	height: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#esquinas3 {
	width: 675px;
	margin: 0px;
	height: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#esquinatopazul2 {
	height: 8px;
	width: 675px;
	background-attachment: scroll;
	background-image: url(imagenes/informatica/esq-top-azul.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 0px;
	padding: 0px;
}
#esquinamedazul2 {
	background-color: #1a8cff;
	width: 635px;
	margin: 0px;
	padding: 20px;
	height: auto;
	float: left;
}
#esquinabottomazul2 {
	background-attachment: scroll;
	background-image: url(imagenes/informatica/esq-bottom-azul.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 8px;
	width: 675px;
	float: left;
	margin: 0px;
	padding: 0px;
}
div#esquinamedazul2 p {
	color: #000;
	margin-top:5px;
	padding:0 50px 0 20px;
	text-indent:0px;
}
#esquinamedazul2 ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #FFF;
	list-style-image: url(imagenes/directorio/ok2.png);
	list-style-type: none;
	line-height: 16px;
}


/**************************** INFORMATICA ***************************************/
#capa_mini_informatica {
	width:139px;
	height:75px;
	float:left;
	background-color:#000033;
	border-right:thin solid #1a8cff;
	padding: 15px 25px 15px 60px;
}
div#capa_mini_informatica p {
	margin:0 0 10px 0px;
	text-indent: 0px;
	color:#fff;
	text-align: left;
	line-height: 14px;
}
div#capa_mini_informatica h2 {
	margin:0 0 0px 0px;
	color:#1a8cff;
}
div#capa_mini_informatica h3 {
	margin:0 0 0px 0px;
	color:#1a8cff;
}
div#capa_mini_informatica h4 {
	margin:0 0 0px 0px;
	color:#1a8cff;
}
div#capa_mini_informatica a {
	color: #1A8CFF;
	text-decoration:none;
}
div#capa_mini_informatica a:hover {
	color: #F9007C;
	text-decoration:none;
}
.hosting {
	background:url(imagenes/informatica/casa-hosting.png) no-repeat 7px 10px;
}

.e-comerce {
	background-image:url(imagenes/informatica/bolsa-ecomerce.png);
	background-repeat: no-repeat;
}
.posicionamiento {
	background-image:url(imagenes/informatica/ico-posicionamiento.png);
	background-repeat: no-repeat;
}
