html, body {
width:100%;
height:100%;
margin:0px;
padding:0;
}

body {
background:#FDFEFE url(../images/f_web.jpg) repeat-x;
}

/* estructura */

#contenedor {
background:transparent url(../images/f_nuvolsinterior.jpg) no-repeat scroll center top;
width:100%;
z-index:1000;
}

#sitio {
height:100%;
margin:0px auto;
padding:0px;
position:relative;
width:789px;
}

#menu {
width:789px;
height:53px;
position:relative;
}

#cuerpo {
width:789px;
position:relative;
height:100%;
}

.cuerpo-web {
background:white url(../images/f_servicios.jpg) no-repeat;
}

.cuerpo-portafolio {
background:white url(../images/f_portafolio.jpg) no-repeat;
}

.cuerpo-daclub {
background:white url(../images/f_daclub.jpg) no-repeat;
}

.cuerpo-consultoria {
background:white url(../images/f_consultoria.jpg) no-repeat;
}

.cuerpo-servicios {
background:white url(../images/f_servicios.jpg) no-repeat;
}

.cuerpo-clientes {
background:white url(../images/f_clientes.jpg) no-repeat;
}

.cuerpo-presupuesto {
background:white url(../images/f_presupuestos.jpg) no-repeat;
}

.cuerpo-blog {
background:white url(../images/f_blog.jpg) no-repeat;
}

.cuerpo-contacto {
background:white url(../images/f_contacto.jpg) no-repeat;
}

.cuerpo-pilarweb {
background:white url(../images/f_pilar_web.jpg) no-repeat;
}

.cuerpo-pilarcatalogo {
background:white url(../images/f_pilar_catalogo.jpg) no-repeat;
}

.cuerpo-pilarmultimedia {
background:white url(../images/f_pilar_multimedia.jpg) no-repeat;
}

.cuerpo-pilarilustracion {
background:white url(../images/f_pilar_ilustracion.jpg) no-repeat;
}



#contenido {
width:520px;
padding-top:90px;
float:left;
padding-left:15px;
}

#contenido-una-columna {
width:774px; /* 789 - 15 */
padding-top:90px;
float:left;
padding-left:15px;
}

#lateral {
width:220px;
position:relative;
float:right;
padding-top:150px;
padding-right:10px;
}

#lateral.lateralpilar {
width:235px;
padding-top:170px;
}

#contenidolateral {
width:212px;
min-height:285px;
_height:285px;
}


#pie {
background:#EFF3F6 url(../images/f_pie.jpg) repeat-x;
clear:both;
height:180px;
margin:0;
text-align:center;
width:100%;
font:10px "Lucida Sans Unicode","LucidaGrande",Verdana,Sans-serif;
color:#545450;
}

#footer { 
margin: 0 auto; 
width: 789px; 
color: #545450; 
font-size: 1.0em; 
text-align: left; 
}

#footer a, a:link, a:visited, a:active  { 
color: #6C92A8; 
text-decoration: none; 
}

#footer a:hover { 
color: #6C92A8; 
text-decoration: underline; 
}

#footer #left { 
float: left; 
padding: 0; 
margin: 15px 0 0 0; 
width: 520px;
}

#footer #left p { 
padding: 0 0 5px 0; 
margin: 0; 
}

#footer #left p span { 
padding: 0 11px; 
margin: 0; 
}

#footer #right {
margin: 15px 0 0 0; 
padding: 0; 
float: right; 
width: 245px; 
border: 0; 
}


#footer #right p { 
padding: 10px; 
margin: 0; 
background: #E4EBEF;
font-size: 1.0em;
line-height:1.5em; 
}

#footer #right p span { 
padding: 0 5px; 
margin: 0; 
}


/* menu superior deslizante  */

#navegacion {
position:relative;
margin:0 auto;
width:100%;
height:18px;
padding:6px 0 0 0;
z-index:0;

}

#navegacion li {
position:relative;
display:inline;
font:10px "Lucida Sans Unicode",arial;
letter-spacing:1px;
padding:0;
z-index:20;
display :block;
float :left;
margin-top:14px;
}

#navegacion li a {
text-decoration:none;
color:#000033;
display : block;
text-align : center;
margin:0px 6px;
padding:2px;
border-bottom:1px solid #fff;
background-color:#fff;
vertical-align:middle;
}

#navegacion li a.actual {
background-color:#fafafa;
border-bottom:1px dotted #003;
}

/* textos de la home */
.texto-home {
margin:110px 0 0 25px;
width:210px;
font:10px "Lucida Sans Unicode","LucidaGrande",Verdana,Sans-serif;
color:#333;
}


/* clase invisible */
.ciudad {
display:none;
}


/* cita célebre */
.cita {
font:italic 12px "Times New Roman", Times, serif;
letter-spacing:1px;
text-align:right;
}

.citador {
font:bold 10px arial;
color:#333333;
font-style:normal;
}


/* Enlaces grandes - subsecciones */
#enlaces-subsecciones {
margin:5px 0 0 0;
padding:5px 0 0 10px;
height:34px;
list-style-type: none;
background:url(../images/menuservicios.jpg) no-repeat;
}

.subseccion-web {
background:url(../images/menuservicios_web.jpg) no-repeat !important;
}

.subseccion-catalogo {
background:url(../images/menuservicios_catalogo.jpg) no-repeat !important;
}

.subseccion-ilustracion {
background:url(../images/menuservicios_ilustracion.jpg) no-repeat !important;
}

.subseccion-multimedia {
background:url(../images/menuservicios_multimedia.jpg) no-repeat !important;
}

#enlaces-subsecciones li {
display:inline;
margin-right:6px;
}

#enlaces-subsecciones li a
{
font:12px "Lucida Sans Unicode","Trebuchet ms","LucidaGrande",Verdana,Sans-serif;
text-decoration: none;
padding: 7px;
color:#fff;
}

#enlaces-subsecciones li a:hover
{
color: #C1E0FF;
}

#enlaces-subsecciones a.marcado {
color:#01417E;
}

/* estilos servicios */

#quenecesita-web {
list-style-type:decimal;
list-style-position:outside;
color:#126CAB;
font:12px tahoma;
}

#quenecesita-web li {
margin-right:6px;
margin-bottom:3px;
padding-bottom:3px;
border-bottom:1px dotted gainsboro;
}

#quenecesita-web li a
{
font:13px "Lucida Sans Unicode","Trebuchet ms","LucidaGrande",Verdana,Sans-serif;
text-decoration: none;
padding: 2px;
color: #555;
}

#quenecesita-web li a:hover
{
color: #126CAB;
background-color: #ECF4FD;
}

#sitio p,ol {
font:11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color:#333;
padding:10px 0;
margin:0;
width:90%;
margin-left:10px;
line-height:17px;
}


#sitio p strong {
background:#EDF8FE;
padding:2px 1px;
color:#09699D;
font-weight:normal;
font-family:verdana;
}

#sitio p em {
color:#000;
font-family: arial, "Times New Roman", Times, serif;
font-size:100%;
font-weight:bolder;
font-style:normal;
}

#sitio p a {
color:#6C92A8;
text-decoration:underline;
}

#sitio p a:hover{
color:#3A5463;
}

#sitio ol {
padding-left:35px;
margin-left:0;
}

#sitio ol li strong {
background:#EDF8FE;
padding:2px 1px;
color:#09699D;
font-weight:normal;
font-family:verdana;
}

#sitio ol li em {
color:#000;
font-family: arial, "Times New Roman", Times, serif;
font-size:100%;
font-weight:bolder;
font-style:normal;
}
#sitio ol li ul.pequena {
margin-left:10px;
margin-top:5px;
}

#sitio ol li {
margin-bottom:8px;
}

#sitio ul.pequena {
width:80%;
margin:0 40px;
padding:5px 0;
border-top:1px solid #E4E4E4;
border-bottom:1px solid #E4E4E4;
list-style:none;
}

#sitio ul.pequena li {
font:12px tahoma, "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color:#5b5b5b;
margin-bottom:7px;
line-height:18px;
padding-left:15px;
background:url(../images/v_listapequena2.png) no-repeat 0 3px;
}

/* estilos laterales */

#contenidolateral div {
margin:10px;
font:13px tahoma,"Lucida Sans Unicode",Verdana,Arial,sans-serif,arial;
color:#126CAB;
padding-top:15px;
letter-spacing:1px;
}

#contenidolateral div ul {
margin:0;
margin-top:10px;
padding:0;
font:12px tahoma,"Lucida Sans Unicode","trebuchet ms", arial, helvetica;
}

#contenidolateral div ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px 4px 5px 14px;
background:transparent url(../images/f_listalateral.gif) no-repeat 0 center;
border-bottom:1px solid #C5DCEB;
font:12px tahoma;
letter-spacing:normal;
}

#contenidolateral div ul li a {
margin:0;
padding:0;
text-decoration:none;
color:#126CAB;
display:block;
}

#contenidolateral div ul li a:hover {
color:#263640;
}

.piedefoto {
font:12px tahoma;
text-align:center;
color:#666;
padding:0;
}

#contenidolateral .piedefoto {
font:12px tahoma;
text-align:center;
color:#666;
padding:0;
}

/* estilos portafolio */
.proyecto {
width:216px;
float:left;
line-height:10px;
margin:5px 55px 5px 0;
}

.proyecto .titulo {
font:12px verdana;
letter-spacing:1px;
color:#0769AA;
}

.proyecto .subtitulo {
font:10px "Lucida Grande","Lucida Sans Unicode",tahoma;
color:#666;
}

.proyecto a.texto:hover {
border-bottom:1px dotted #003366;
}

.proyecto a:hover img {
opacity:0.5;
filter:alpha(opacity=50);
}

/* estilos galería clientes */
#galeria ul {
margin:0;
padding:0;
padding-left:5px;
}

#galeria li {
display:inline;
float:left;
width:100px;
padding:0;
margin:4px 4px 8px 4px;
font:12px tahoma;
color:#333;
text-align: center;

} 

.tipocliente {
font:14px "trebuchet ms","Times New Roman", Times, serif;
color:#85C402;
margin:0;
padding:2px 0 8px 10px;
}

.tool-tip {
font:bold 12px tahoma;
color: #5A8DDA;
background: #E9F0FA;
width: 120px;
z-index: 13000;
}

.tool-title {
font:12px tahoma;
margin: 0;
color: #fff;
padding: 1px;
background: #333;
}

.tool-text {
padding: 4px 8px 8px;
}

/* estilos para software */
.software {
width:238px;
height:154px;
background:url(../images/soft_fondo_gradient.jpg) top left repeat-x;
clear:both;
}

.software .caja {
width:95px;
float:left;
display:block;
}

.software .features {
width:140px;
float:left;
font:12px tahoma;
color:#111;
padding-top:18px;
}

.software ul{
margin:0;
margin-top:5px;
line-height:16px;
padding:0;
}

.software ul li {
list-style:none;
padding-left:8px;
background:url(../images/v_software.gif) left 7px no-repeat;
color:#777;
}

/* estilos resena */
.resena {
padding-right:15px;
font:italic 11px "Times New Roman", Times, serif;
line-height:18px;
color:#666;
}

.resena span {
font:12px tahoma;
padding:5px 0 2px 0;
display:block;
text-align:right;
color:#0769AA;
}

#lateral hr {
width:70%;
color:#ccc;
height:1px;
border:0;
background-color:#ccc;
}

.introresena {
font:12px tahoma;
color:#333;
line-height:18px;
padding-bottom:15px;
}

/* blockquote*/

blockquote {
margin-left:20px;
padding:10px;
border-left:1px solid #8C9BB4;
background-color:#EAF1F9;
font:12px tahoma;
letter-spacing:1px;
width:50%;
color:#000;
}

/* definiciones */
dt {
font:italic 18px "Times New Roman", Times, serif;
color:#999;
margin:0;
padding:0;
}

dd {
font:11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color:#333;
padding:3px 0 15px 0;
margin:0;
width:90%;
margin-left:10px;
line-height:17px;
text-align:justify;
}

#sitio dd a {
color:#6C92A8;
text-decoration:underline;
}

#sitio dd a:hover{
color:#3A5463;
}

/* estilos trabaja con nosotros */
#sitio .trabajaconnosotros {
margin:0 0 0 10px;
font:12px tahoma;
color:#333;
line-height:16px;
padding:0 0 10px 0;
}

#mensajecurriculum {
text-align:center;
font:12px tahoma;
color:#126CAB;
}

.sinborde {
border:none;
margin:0;
padding:0 0 10px 5px;

}

label.cabinet
{
	width: 160px;
	height: 33px;
	background: url(../images/boton_curriculum.jpg) 0 0 no-repeat;

	display: block;
	overflow: hidden;
	cursor:hand;
}

label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* estilos para perfiles */
.h-perfiles {
font:14px "trebuchet ms";
color:#126CAB;
padding-left:10px;
}

dl.perfiles {
font:12px tahoma;
padding-left:10px;
}

dl.perfiles dt {
padding:2px;
font:12px "trebuchet ms";
color:#C7639C;
letter-spacing:1px;
background-color:#FBF4F8;
}

dl.perfiles dd {
font:12px tahoma;
color:#333;
padding:5px 0;
border-bottom:1px dotted #E8BFD7;
margin:0 0 10px 0;
}

/* estilos blog */
h6.blog {
font:14px "trebuchet ms";
color:#126CAB;
padding-left:10px;
margin:20px 0 5px 0 ;
}