@charset "utf-8";
/* CSS Document */
/* cuerpo de pagina */
body {
background: #0178B4 url(imagen/bg.jpg) repeat-x;
font-size: 14px;
line-height: 17px;
}

/* panel superior */
#arriba {
margin: 0 auto;
width: 1024px;
}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 1012px;
	height: 114px;
	background: url(imagen/header.png) no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .twitter {
	width: 58px;
	height: 58px;
	background: url(imagen/twitter.png) no-repeat;
	left: 362px;
	top: 3px;
}

#menu .live {
	width: 58px;
	height: 58px;
	background: url(imagen/live.png) no-repeat;
	left: 780px;
	top: 3px;
}

#menu .wiki {
	width: 58px;
	height: 58px;
	background: url(imagen/wikipedia.png) no-repeat;
	left: 839px;
	top: 3px;
}
#menu .facebook {
	width: 58px;
	height: 58px;
	background: url(imagen/facebook.png) no-repeat;
	left: 421px;
	top: 3px;
}
#menu .hi5 {
	width: 58px;
	height: 58px;
	background: url(imagen/hi5.png) no-repeat;
	left: 480px;
	top: 3px;
}
#menu .youtube {
	width: 58px;
	height: 58px;
	background: url(imagen/youtube.png) no-repeat;
	left: 721px;
	top: 3px;
}
#menu .yahoo {
	width: 58px;
	height: 58px;
	background: url(imagen/yahoo.png) no-repeat;
	left: 661px;
	top: 3px;
}
#menu .metroblog {
	width: 58px;
	height: 58px;
	background: url(imagen/metroblog.png) no-repeat;
	left: 600px;
	top: 3px;
}
#menu .MySpace {
	width: 58px;
	height: 58px;
	background: url(imagen/MySpace.png) no-repeat;
	left: 540px;
	top: 3px;
}
#menu .inicio  {
	width: 65px;
	height: 28px;
	background: url(imagen/inicio.png) no-repeat;
	left: 360px;
	top: 68px;
}
#menu .blog  {
	width: 57px;
	height: 28px;
	background: url(imagen/blog.png) no-repeat;
	left: 429px;
	top: 68px;
}
#menu .cliente_frecuente  {
	width: 167px;
	height: 28px;
	background: url(imagen/cliente_frecuente.png) no-repeat;
	left: 490px;
	top: 68px;
}

#menu .anuncios  {
	width: 90px;
	height: 28px;
	background: url(imagen/anuncios.png) no-repeat;
	left: 654px;
	top: 68px;
}
#menu .ubicacion  {
	width: 90px;
	height: 28px;
	background: url(imagen/ubicacion.png) no-repeat;
	left: 746px;
	top: 68px;
}
#menu .proyectos  {
	width: 90px;
	height: 28px;
	background: url(imagen/proyectos.png) no-repeat;
	left: 838px;
	top: 68px;
}
        
        
/* pagina central */
#abajo {
margin: 0 auto;
width: 1026px;
}

.dialog {
 width:100%;
 margin:0px auto;
 min-width:20em;
 max-width:1026px; 
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; 
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(imagen/tl.png) no-repeat 0px 0px;
 margin-right:14px; 
}

.dialog .hd .c {
 background:transparent url(imagen/tr.png) no-repeat right 0px;
 margin-right:-14px; 
}

.dialog .bd {
 background:transparent url(imagen/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(imagen/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(imagen/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(imagen/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(imagen/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* <-- este es el contenedor central */
#content{
position:relative;
left:0;
top:0;
width:1012px;
min-height:200px;
overflow:hidden;
}

#col1{
position:relative;
left:0;
top:0;
width:15%;
overflow:hidden;
float:left;
background: url(imagen/atras.gif) repeat left top;
border: 1px solid #fff;
text-align:center;
font-size:12px;
}
#col2{
position:relative;
left:0;
top:0;
width:65%;
overflow:hidden;
float:left;
text-align:center;
font-size:12px;
}
*html #col1{height-:496px; overflow:visible;}
*html #col2{height-:496px; overflow:visible;}
#col3{
position:relative;
left:0;
top:0;
width:15%;
overflow:hidden;
float:left;
background: url(imagen/atras.gif) repeat left top;
border: 1px solid #fff;
text-align:center;
font-size:12px;
}
*html #col3{height-:496px; overflow:visible;}


/* pie de pagina */

#contenedor {
    min-height:100%;
    height: auto!important;
    height:100%;
}
#cabecera{
    height: 4em;
    background-color: #399;
    color: #fff;
    text-align: center;
}
#contenido {
    padding: 1em;
}
#pie {
    text-align: center;
    background-color: #366;
    color: #fff;
    height: 3em;
    margin-top: -3em;
}
.texto {
    position:relative; top: 0.5em;
    font-size: 1.2em;
}
.corte {clear: both;padding-top: 4em;}

/* personalizacion de links */

A:link.links {color: #00FF00; font-size: medium; font: "Comic Sans MS", Tahoma, Arial, "Times New Roman"; font-weight:bold;}
A:visited.links {color: #FF00FF; font: "Comic Sans MS", Tahoma, Arial, "Times New Roman"; font-weight:bold;}
A:active.links {color: #33CC66; font: "Comic Sans MS", Tahoma, Arial, "Times New Roman"; font-weight:bold;}
A:hover.links {color: #FFFF00; font: "Comic Sans MS", Tahoma, Arial, "Times New Roman"; font-weight:bold;} 


/* encabezados h1, h2, h3*/

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#00FF00; font-weight:bold;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #00CC66; font-weight:bold;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#00FFFF; font-weight:bold;}

/* parrafo modificacion de letras*/

p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC;}

/* etiquetas li personalizadas*/

#navi {
	list-style-image: url(imagen/ok.png); font-size:medium; color: #FF9933; 
}

/* cuadro css anuncios adsense */