html, body {height: 100%}/* altura al 100% para poder usar el top-contenedor en "fixed" */
	body {
	text-align: left;
	font-family: Helvetica;
	font-size: 13px;
	color: #333333;
	margin: 0px;
	background: url(../imgs/bg-inicio3.jpg) no-repeat center top #000000;
	background-attachment:fixed;
	}
	/* TYPE */
	body a {color:#00508C; font-weight: normal;text-decoration: none}
	body a:hover {text-decoration:underline; color:#000033}
	p {padding: 0px 0px 10px 0px; /*font-family: Lucida Grande; font-size: 13px;*/ line-height: 17px; color: #333}
	p a {color:#00508C; font-weight: normal; text-decoration: none}
	p a:hover {text-decoration:underline; color:#000033}
	h1 {font-size: 22px; color: #111111; font-weight: normal}
	h1 a {color: #111111; font-weight: normal; text-decoration:none}
	h1 a:hover {color: #111111; text-decoration:underline}
	h2, h2 a {font-size: 18px; color: #003366;font-weight: normal;}
	h2 a:hover {color:#000033}
	h3 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #003300; font-weight: bold}
	li a {color:#00508C; font-weight: normal; text-decoration: none}
	li a:hover {text-decoration:underline; color:#000033}
	.p-biglink {font-size: 16px}
	.p-texto-bienvenida {padding: 15px; font-size:18px; line-height: 25px}
	/* LAY-OUT ============================================================  */
	#contenedorgeneral {background: url(../imgs/bg-bot-pages.png) center bottom repeat-x}
	#top-contenedor {width: 100%; /*position: fixed; top: 0;*/border-bottom: solid 1px #333; background: url(../imgs/bg-top-contenedor.png) repeat}
	/* FIXED DIV / RECOMENDADA: .caja1 {width: 100%; position: fixed; top: 0;} .caja2 {width: 960px; margin: auto;}
	(Recordar que "fixed" no pernamece visible sobre flash en Windows.)*/
	#top-contenedor2 {width: 960px; height:70px; margin:auto; background: url(../imgs/bg-top-contenedor2.png) no-repeat center top}
	#top {width: 920px; height:55px; margin:auto; background:#1A1A1A url(../imgs/bg-top-nav.png) no-repeat center top}
	#logotipo {width:238px; height:55px; float:left; font-size:20px}
	#isotipo-nav {width:58px; float:left; border-left: solid 1px #333;}
	#isotipo-nav {}
	#spacerdiv01 {height:28px/*height:94px*/}
	#contenedor960 {width: 960px; margin: /*120px*/0px auto 30px auto}
	/*============ *** ============*/
	#idioma-cont {width:100px; height:26px; margin-left: 820px; background: url(../imgs/bg-cambio-idioma.png) center top no-repeat; text-align: center; color:#999999; font-size: 11px}
	#idioma {padding-top:7px}
	#idioma a {color: #FFFFFF; text-decoration: none}
	#idioma a:link, #idioma a:visited {color:#999999}
	#idioma a:hover {color: #99CC33}
	#idioma a:active {color:#42210B}
	/*============ *** ============*/
	#logobox {width: 360px; height:138px; float:left; background: url(../imgs/bg-logobox.png) no-repeat left top}
	#logobox img {margin: 20px 0px 0px 30px}
	#inicio-bienvenida {width: 600px; height:138px; float:right; text-align:right; background: url(../imgs/bg-inicio-bienvenida.png) no-repeat center top /*#EBEBEB*/}
	.bot {width: 960px; height:30px; background: url(../imgs/bg-bot.png) no-repeat center top}
	/*============ *** ============*/
	.solicitar-cotizacion-bot {text-align:center; width:200px; height:30px; color:#FFFFFF; margin:auto; background:url(../imgs/bg-cuepo-gris-bot-cotizacion.png) no-repeat center bottom}
	.solicitar-cotizacion-bot p {padding-top:8px}
	.solicitar-cotizacion-bot a {color:#00508C; font-size:14px; font-weight: normal; text-decoration: none; margin-top:7px; letter-spacing: 1px}
	.solicitar-cotizacion-bot a:hover {color:#FFFFFF; text-decoration: none}
	/*============ *** ============*/
	.cuerpo-gris {/*background-color: #EBEBEB;*/background: #E0E0E0 url(../imgs/bg-cuerpo-gris.png) no-repeat center bottom}
	.cuerpo-box {width: 628px; float: left; padding-top:0px/*15*/; margin-top:0px/*15*/}
	.cuerpo {padding: 20px 10px 10px 15px}
	.cuerpo ul {color:#222222; font-size:13px; line-height: 17px;/*list-style-type: disc; list-style-position: inside*/}
	.cuerpo li {background-repeat: no-repeat; background-position: 0 .2em; padding-left: 1.1em; margin: 0.3em 0}
	.cuerpo-icon-div {width:68px; float:left; margin: 0px 10px 10px 0px}
	.cuerpo-icon-div img {float:left}
	.cuerpo-text-div {width:525px; float:left; margin-bottom:15px; border-bottom: dotted 1px #333333}
	.cuerpo-text-div em {font-style:italic}
	.cuerpo-encabezado-producto li {background-image: url(../imgs/bullet02-greystar.png)}/* OJO: demas configuracion en> .cuerpo li */
	.cuerpo-encabezado-producto-img {width:129px; float:left; padding-top:0px}
	.cuerpo-encabezado-producto-txt {width:380px; float:left; margin-left:15px; margin-bottom:20px}
	.columna-derecha-contenedor {width: 315px; float: right; margin-right: 8px;/*background-color:#E0E0E0*/}
	.columna-derecha-contenido {background: url(../imgs/colder-cuerpo-bg.png) repeat-y; padding: 0px 22px}
	.columna-derecha-contenido img {margin: 7px 0px}
	.columna-derecha-ssmini {width: 270px; margin:auto; text-align:center; background-color:#E4E4E4}
	/*============ *** ============*/
	.somosamigosde {clear: both}
	.somosamigosde p {padding-top: 4px; color:#504F31}
	.somosamigosde img {float:left; margin: 0px 7px 0px 0px}
	/*============ *** ============*/
	.ofertas-box {padding-left: 15px}
	.ofertica-encabezado {text-align: center}
	.ofertica {width:197px; height: 130px; float:left;/*border-left: solid 1px #555555; margin-right: 5px;border-right: solid 1px #555555; margin-right: 5px*/}
	.ofertica p {font-size: 11px; line-height: 14px; text-align:left; padding: 10px}
	/*============ *** ============*/
	.inicio-principalesservicios {padding-left:7px; background-color:#EBEBEB}
	.inicio-serv-box {width:315px; float:left}
	.inicio-serv-box-grafico {background: url(../imgs/inicio-serv-grafico-bg.png) center bottom no-repeat}
	.inicio-serv-box-web {width:315px; float:left; background: url(../imgs/inicio-serv-web-bg.png) center bottom no-repeat}
	.inicio-serv-box-ilustracion {width:315px; float:left; background: url(../imgs/inicio-serv-ilustracion-bg.png) center bottom no-repeat}
	.inicio-serv-text {padding:15px 15px 15px 15px}
	.inicio-serv-listas {width: 140px; float: left; margin:5px 0 15px 0}
	.inicio-serv-listas li {font-size: 11px; line-height: 12px}
	.inicio-serv-listas li a {color:#000066; text-decoration:none}
	.inicio-serv-listas li a:visited {color:#000066}
	.inicio-serv-listas li a:hover {color:#0033FF}
	/*============ *** ============*/
	.serv-btn {height:28px; text-align:center; background-image:url(../imgs/btn-serv-bg.png); background-repeat:no-repeat; background-position:center top}
	.serv-btn-link {padding-top:8px}
	.serv-btn-link a {color:#0070C7; text-decoration:none; font-size: 14px}
	.serv-btn-link a:hover {color:#000000; text-decoration:none}
	/* UTILES ============================================================  */
	.comentarios-clientes img {border: solid 1px #333333; padding:1px; margin:2px}
	.comentarios em {font-style:italic}
	#contacto-col1 {width:300px; float:left}
	#contacto-col2 {width:500px; float:right; margin:40px 50px 0 0}
	#contacto-col2-form {width:431px; height:316px; float:right; padding-left: 0px; background: url(../imgs/contacto-form-bg.png) no-repeat right top}
	.img-estiloborde1 {border: solid 1px #333333; padding:1px; margin:0px}
	.img-float-left {float:left; margin-right:15px; margin-bottom:15px}
	.no-border {border: none}
	/* SERVICIOS MENU ============================================================  */
	#servicios-menu-contenedor {width:540px; height:48px; float:right; background-color:#E0E0E0}
	.servicios-menu {width:315px; float:right; margin-right:7px}
	/*============ *** ============*/
	.serv-menu-icons-rayo {width:108px; height:40px; float:left; text-indent:-9999px; overflow:hidden; display:block; background: url(../imgs/btn-menu-serv-rayo.png) no-repeat 0 0}
	.serv-menu-icons-rayo:hover {background-position: 0px -40px}
	.serv-menu-icons-rayo-selec {background-position: 0px -40px}
	.serv-menu-icons-rayo-selec:hover {background-position: 0px -40px}
	/*============ *** ============*/
	.serv-menu-icons-nube {width:99px; height:40px; float:left; text-indent:-9999px; overflow:hidden; display:block; background: url(../imgs/btn-menu-serv-nube.png) no-repeat 0 0}
	.serv-menu-icons-nube:hover {background-position: 0px -40px}
	.serv-menu-icons-nube-selec {background-position: 0px -40px}
	.serv-menu-icons-nube-selec:hover {background-position: 0px -40px}
	/*============ *** ============*/
	.serv-menu-icons-arbol {width:108px; height:40px; float:left; text-indent:-9999px; overflow:hidden; display:block; background: url(../imgs/btn-menu-serv-arbol.png) no-repeat 0 0}
	.serv-menu-icons-arbol:hover {background-position: 0px -40px}
	.serv-menu-icons-arbol-selec {background-position: 0px -40px}
	.serv-menu-icons-arbol-selec:hover {background-position: 0px -40px}
	/*============ *** ============*/
	/* ================================ NAV PRINCIPAL *BODY ID* ================================:
http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/
http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php --- */
#nav {margin: 0px 0px 0px 0px; padding: 0; width:614px; float:left}
#nav li {display:inline; padding:0; margin:0}
#nav a:link,
#nav a:visited {color:#999999; padding:20px 8px; float:left; width:auto; height:15px; text-decoration:none; text-transform: none; font-size: 11px; border-left: solid 1px #333; font-weight: normal}
#nav a:hover {color:#A2AB1E; background-image: url(../imgs/bg-negro-1px-opacidad50p.png); background-repeat: repeat}
#nav li:first-child a {/*border-left:1px solid #42432d;*/}
#inicio #nav-inicio a,
#d-grafico #nav-d-grafico a,
#d-web #nav-d-web a,
#ilustracion #nav-ilustracion a,
#portafolio #nav-portafolio a,
#nosotros #nav-nosotros a,
#contacto #nav-contacto a {color: #FFFFFF; background: url(../imgs/nav-active-mark.png) no-repeat center 40px; text-decoration: none}
#inicio #nav-inicio a,
#d-grafico #nav-d-grafico a,
#d-web #nav-d-web a,
#ilustracion #nav-ilustracion a,
#portafolio #nav-portafolio a,
#nosotros #nav-nosotros a,
#contacto #nav-contacto a {color: #FFFFFF}
#nav a:active {color: #FFCC00}
/* ================= MENU LATERAL ================= */
	#menu-lateral {width:270px; margin:0; padding:0}
	#menu-lateral img {padding:0; margin:0}
	#menu-lateral ul {margin:0 0 0 0px}
	#menu-lateral li {background-color: #555; text-transform: none; font-size:14px}
	#menu-lateral li a {display:block; height:20px; line-height:20px; color:#FFF; padding-left:15px; border-bottom: solid 1px #888; text-decoration:none}
	#menu-lateral li a:hover {background-color:#333; color:#FFF}
	/*.ul2 {padding-left: 20px; font-weight: normal}*/
/* PIE ============================================================  */
#pie-top {width: 960px; height:20px; display:block; margin:auto; background-image:url(../imgs/bg-pie-top.png); background-repeat: no-repeat}
#pie-contenedor {width:100%; background: #88887D url(../imgs/bg-pie.png) no-repeat center top}
#pie {width: 960px; background-color:#88887D; margin: auto; padding-bottom:15px}
#pie ul {font-size:10px; color:#222; line-height: 12px}
#pie a {color:#222}
#pie a:hover {color:#FFF}
#pie h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #000000; font-weight: bold}
.pie-menu {float: left; padding:0 13px 13px 13px}
.pie-menu img {padding-right:5px}
.encuentrenos-en {width:250px; float: right; padding:13px}
.came-creditos {text-align: center; border-top: dotted 1px #444; padding-top: 7px}
.came-creditos p {font-size: 11px; color:#111}
/* CLEAR ============================================================  */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}