body {
margin:5px 0 5px 0;
padding:0;
background: #F90;
font:small  Trebuchet MS, Arial, BankGothic Md BT, sans-serif;
color:#ccc;}

* {
padding:0;
margin: 0;}

a {
color: #FF9900;
text-decoration:none;}

#pagina a:active{
outline: 0;}

#content a {
background: url(../images/dotted.gif) repeat-x left bottom;}

#pagina {
width:952px;
margin:0 auto;
border: #000 1px solid;
background:#000;}

.hidden {
display:none;}

#menulateral{
width:160px;
height:auto; 
float: right;
margin:10px 10px 0px 10px;
padding:10px;
border:#666 1px solid;
background:#222;}

#contacto{
width:180px;
height:180px; 
float: right;
margin:10px 10px 0px 10px;
padding:0;
border:#666 1px solid;
background:  url(imagenes_nuevas/bg_contacto.png)  no-repeat;}

#porque{
width:180px;
height:110px; 
float: right;
margin:10px 10px 0px 10px;
padding:0;
border:#666 1px solid;
background: url(imagenes_nuevas/bg_porque.png) no-repeat;}

#clientes{
width:180px;
height:110px; 
float: right;
margin:10px 10px 0px 10px;
padding:0;
border:#666 1px solid;
background: url(imagenes_nuevas/bg_opinion.png) no-repeat;}

/*--menu pixel--*/
#menu_pixel{display:inline;clear:both;margin:0px 0 0 0px;position:absolute;top:95px;left:1px;height:32px;width:950px;overflow:hidden;float:left;background-color:#FF9900;}
#menu_pixel ul{padding:0;margin:0;}
#menu_pixel ul li{float:left;list-style:none;}
#menu_pixel ul li a{text-indent:-10em;z-index:10;display:block;float:left;height:32px;position:relative;overflow:hidden;color:#fff}
#menu_home a{width:70px;background:url(imagenes_nuevas/menu_home.png) top left no-repeat;}
#menu_disenoweb a{width:107px;background:url(imagenes_nuevas/menu_disenoweb.png) top left no-repeat;}
#menu_desarrolloweb a{width:137px;background:url(imagenes_nuevas/menu_desarrolloweb.png) top left no-repeat;}
#menu_webmarketing a{width:130px;background:url(imagenes_nuevas/menu_webmarketing.png) top left no-repeat;}
#menu_disenologo a{width:114px;background:url(imagenes_nuevas/menu_disenologo.png) top left no-repeat;}
#menu_disenografico a{width:130px;background:url(imagenes_nuevas/menu_disenografico.png) top left no-repeat;}
#menu_fotografia a{width:110px;background:url(imagenes_nuevas/menu_fotografia.png) top left no-repeat;}
#menu_contacto a{width:99px;background:url(imagenes_nuevas/menu_contacto.png) top left no-repeat;} 
#menu_pixel li.background{background:url(imagenes_nuevas/bg_menu_right.png) no-repeat top right;z-index:8;position:absolute;visibility:hidden;}
#menu_pixel .background .left {background:url(imagenes_nuevas/bg_menu.png) no-repeat top left;height:32px;}
/*--fin menu pixel--*/

/*--menu index--*/
#home-menu {
margin:0;
padding:0;
list-style-type:none;
overflow:hidden;
background: url(imagenes_nuevas/bg_titulos.png) repeat-x -330px 0px;}

#home-menu li {
display:block;
float:left;
margin:0;
padding:0;}

#home-menu li h2 a {
display:block;
height:0px;
width:235px;
padding-top:110px;
line-height:110px;
overflow:hidden;}

#diseno_web a {
background:#000 url(imagenes_nuevas/index_diseno_web.png) no-repeat;}

#web_marketing a {
background:#000 url(imagenes_nuevas/index_web_marketing.png) no-repeat;}

#diseno_logo a {
background:#000 url(imagenes_nuevas/index_diseno_logo.png) no-repeat;}

#diseno_grafico a {
background:#000 url(imagenes_nuevas/index_diseno_grafico.png) no-repeat;}

#home-menu h2 {
display:inline;
margin:0;}

#home-menu a {
border-style:none;}
/*--fin menu index--*/

#menu2 {
/*  height: 130px;*/
/*width: 100%;*/
padding:0px;}

#boton_pag {
display: block;
list-style-type:none;
overflow:hidden;
height:110px;
background: url(imagenes_nuevas/bg_titulos.png) repeat-x;}

* html #boton_pag {
float: left;
width: 600px;}

#boton_pag li {
display:block;
float:left;
margin: 0px;}

#boton_pag li a, li.blank {
display:block;
overflow:hidden;
height: 110px;
width:200px;
text-indent: -100em;}

#boton_metodologia a {background:#000 url(imagenes_nuevas/boton_metodologia.png) 0 0 no-repeat;}
#boton_portfolio a {background:#000 url(imagenes_nuevas/boton_portfolio.png) 0 0 no-repeat;}
#boton_preguntas a {background:#000 url(imagenes_nuevas/boton_preguntas.png) 0 0 no-repeat;}
#boton_metodologia a:hover, #boton_metodologia a.active {background-position:0 -110px;}
#boton_portfolio a:hover, #boton-portfolio a.active {background-position:0 -110px;}
#boton_preguntas a:hover, #boton_preguntas a.active {background-position:0 -110px;}

#menu2 h2#title {
float:left;
width:340px;
height:0;
margin:0px;
padding:110px 0 0 0;
overflow:hidden;}

#menu2 h2#titulo_pag {
display:block;
float: left;
margin:0;}

#menu2 h2#titulo_pag a {
display: block;
border: none;
width:340px;
height:110px;
text-indent: -100em;
overflow: hidden;}

#boton_pag h2 {
/* display:inline;*/
/*margin:0;*/}

#boton_pag a {
border-style:none;}

h2#title {
float:left;
width:340px;
height:0;
margin:0 0 0 6px;
padding:110px 0 0 0;
overflow:hidden;}

#body h2#titulo_pag {
display:block;
float: left;
margin:0;}

#body h2#titulo_pag a {
display: block;
border: none;
width:340px;
height:110px;
text-indent: -100em;
overflow: hidden;}

h2 #titulo_diseno_web {
background:#000 url(imagenes_nuevas/diseno_web.png) no-repeat;}

h2 #titulo_diseno_grafico {
background:#000 url(imagenes_nuevas/diseno_grafico.png) no-repeat;}

h2 #titulo_diseno_logo {
background:#000 url(imagenes_nuevas/diseno_logo.png) no-repeat;}

h2 #titulo_contacto {
background:#000 url(imagenes_nuevas/contacto.png) no-repeat;}

h2 #titulo_desarrollo_web {
background:#000 url(imagenes_nuevas/desarrollo_web.png) no-repeat;}

h2 #titulo_fotografia {
background:#000 url(imagenes_nuevas/fotografia.png) no-repeat;}

h2 #titulo_web_marketing {
background:#000 url(imagenes_nuevas/web_marketing.png) no-repeat;}

/* agregar mas h2 titulos aqui-------------------------------------------------- */

/*--Header--*/

#header {
height:127px;
position:relative;
background:url(imagenes_nuevas/bg_header.png) top repeat-x;}

#header h1 {
margin:0;}

#header h1 a {
margin:0;
padding:0;
width:604px;
height:85px;
background:url(imagenes_nuevas/logo.png) no-repeat top left;
text-indent: -100em;
border: none;
position:absolute;
top:0px;
left:0px;}

#header h2 a {
margin:0;
padding:0;
width:198px;
height:85px;
background:url(imagenes_nuevas/head_h2.png) no-repeat top left;
text-indent: -100em;
border: none;
position:absolute;
top:0px;
left:750px;}
/*--Fin header--*/

#body {
background:#000 url(imagenes_nuevas/bg_header.png) repeat-x;
/*height: 1%;*/}

/*#contenido.home {
padding:10px 20px;
background: url(imagenes_nuevas/bg_header.png) repeat-x;
height:336px;
width:900px;}*/

#contenido_home{
float:left;
width:895px;
border:#666 1px solid;
padding:10px;
background:#111;}

#contenido {
padding:20px 20px;
background: url(imagenes_nuevas/bg_header.png) repeat-x;
/* auto-clearing */
overflow:hidden;
clear: left;
height: 1%;}

#contenido a.izq {
float: left;}

#contenido a.der {
float: right;}

#contenido h1 {
color:#fff;
font-weight:normal;
margin-top:20px;
margin-bottom:0;
font-size:190%;}

#contenido h2 {
color: #F90;
font-weight:bold;
margin-top:10px;
margin-bottom:15px;
font-size:118%;}

#contenido h3 {
font-size: 14px;
margin: 20px 0px 0px 0px;}

#contenido h4 {
font-size: 12px;
margin: 20px 0px 0px 0px;
color: #F90;}

#contenido p {
font:normal 16px Trebuchet MS, Arial;
margin:1em 0;}

#contenido p strong {
color: #F90;}

#contenido a strong {
color: #F90;
font-weight: normal;}

#contenido h1 strong, #contenido h2 strong, #contenido h3 strong, #contenido h4 strong, #contenido h5 strong {
color:#fff;}

#contenido span.number, #contenido li strong, .sidebar_box strong  {
color: #F90;}

#contenido #izqcol ul, #contenido #dercol ul, ol {
list-style:none;
margin:  0px;
padding: 0px ;}

#contenido li {
margin:0px;/* padding: 0px 10px;*/}

#contenido .home-buttons a {
border-style:none;
background-image: none;}

#contenido #izqcol {
float:left;
width:665px;
border:#666 1px solid;
padding:10px;
background:#111;}

#contenido #dercol {
float:right;
width: 200px;
border:#666 1px solid;
padding:0 0 10px 0;
background:#111;}

/*////////////////////////////menu lateral 2///////////////////////////////*/

.lateral{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 160px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.lateral li a{
background: url(imagenes_nuevas/glossyback.jpg) repeat-x bottom left;
font: bold 13px  Trebuchet MS, Verdana, Helvetica, sans-serif ;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .lateral li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.lateral li a:visited, .lateral li a:active{
color: white;
}

.lateral li a:hover{
background-image: url(imagenes_nuevas/glossyback2.jpg);
color:#F90;
}
/*--pie--*/
#pie-services {
clear:both;
width:952px;
background: url(imagenes_nuevas/ciudad.png) no-repeat;
height:134px;
padding:0;
color:#c8c8c8;}

#pie-services h3 {
color: #FFF;
margin:0 0 0 13px;
padding:20px 0 0 0;
font-size:108%;}

#pie-services ul {
width:684px;
margin:10px 0;
padding:0;}

#pie-services li {
float:left;
display:block;
width:160px;
padding:4px 0 4px 15px;
background:transparent url(../images/bullet.gif) 0 50% no-repeat;}

#pie-services li a {
font-weight:bold;}

#pie-links {
clear:both;
width:950px;
background:#000;
text-align:center;
color:#FFF;
font-size:13px;
margin:10px 0;}

#pie-links a {
color: #F90;
font-weight: bold;}
/*--fin pie--*/

/*/////////////////////////// estilos varios ////////////////////////////*/
	.style2 {color: #FF9900; font-size:12px;  font-weight:700; font-family:Trebuchet MS, Arial; margin-top:5px; text-decoration:none; }
	.style2 a:link{color: #FF9900; text-decoration:none; }
	.style2 a:hover{color: #FFF;  text-decoration:none;}
	/*.style2 a:actived{color: #999999;  text-decoration:none;}*/
	.style2 a:visited{color: #999999;  text-decoration:none;}
	
	.style1 {font: bold 13px Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #FF9900;}
	
	.style1 a:link{color: #666666; text-decoration:none; }
	.style1 a:hover{color: #FF9900;  text-decoration:none;}