/**
RESETEAR DIFERENCIAS ENTRE NAVEGADORES
**/

body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td, ul, ol { 	margin:0;	padding:0; }
table { border-collapse:collapse; border-spacing:0; }
img, fieldset { border:0; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a {outline: none;}
p { margin: 1em 0; }


/**
FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
**/
.Clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.Clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}


/**
ETIQUETAS
**/
body { font-size:125%; margin:0; background:url(../imagenes/fondo.gif) top repeat-x;   }
div, p { font-family: Verdana, Arial, sans-serif; color: #333; }

a:link, a:active { color:#000; }
a:hover, a:visited { color:#444; }
	

/**
CAPAS ID
**/

#CapaPrincipal { margin: 0 auto; padding:18px 15px 0 15px; width: 48em; background-color:#FFF; min-height:600px; height:600px;}

#CapaCabecera { width:48em;}
#Logo { margin-left:20px!important; margin-left:10px;  width:254px; height:58px; display:block; background:url(../imagenes/netical24.gif) no-repeat; text-indent:-9999px; float:left;}
#CapaMenuVersion { float:right; width:28em; font-size:0.5em; text-align:right; margin:0 25px 0 0; color:#666;}
#CapaMenu { float:right; width:28em; height:65px;}

#CapaPie { background-color:#E6E6E6; font-size:0.55em; margin-top:20px;}
#CabeceraPie{border-bottom:1px solid #FF7000; }
#CapaTelefono { float:left; background:url(../imagenes/fondo-pie-esq-izq.gif) top left no-repeat; padding:7px 0 5px 20px; }
#CapaTelefono address { display:inline; font-size:2em; font-style:normal; font-weight:bold; color:#FF7000;}
#CapaMenuAccesibilidad { float:right; background:url(../imagenes/fondo-pie-esq-dcha.gif) top right no-repeat; padding:7px 20px 5px 0; line-height:2em; color:#666;  }
#CapaMenuAccesibilidad a{ color:#666; text-decoration:none; }
#CapaMenuAccesibilidad a:hover{ color:#FF7000; text-decoration:none; }
#PiePie{ background-color:#333;}
#CapaDireccion { float:left; color:#999; padding:12px;  }
#CapaDireccion address{ font-style:normal; }
#CapaDireccion address a{ color:#999; text-decoration:none; }
#CapaLogoPie { float:right; margin:7px 12px;}
#PrincipalPie { list-style-type:none; margin:15px 20px !important; margin:15px 0px; padding:0; }
#PrincipalPie li{ float:left; font-weight:bold; color:#333; margin:0; padding:0; }
#PrincipalPie li ul { margin:3px 0;}
#PrincipalPie li ul li { display:block; font-weight:normal; margin:3px 0 3px 3px; padding:0 0 0 10px; background:url(../imagenes/punto-pie.gif) center left no-repeat; list-style-type:none; }
#PrincipalPie #liNosotros{  width:18em; margin-left:10px;}
#PrincipalPie #liNosotros li{  width:18em;}
#PrincipalPie #liServicios{  width:18em; margin-left:35px;}
#PrincipalPie #liServicios li{  width:18em;}
#PrincipalPie #liProyectos{  width:18em; margin-left:35px;}
#PrincipalPie #liProyectos li{  width:18em;}
#PrincipalPie #liContacto{ width:15em; margin-left:35px;}
#PrincipalPie #liContacto li{  width:15em;}
#PrincipalPie li ul li a { color:#333; text-decoration:none; }


/* Menu Principal */
#MenuPrincipal { list-style-type:none; margin:0 15px 0 0; padding:0; float:right; }
#MenuPrincipal li{ float: left; margin:33px 5px 0 5px;  }
#MenuPrincipal li a:link, #MenuPrincipal li a:visited { font-size:0.6em; font-weight:bold; color:#FF7000; text-decoration:none; display:block; width:7.5em; text-align:center; height:32px;}
#MenuPrincipal li a:hover, #MenuPrincipal li a:active { font-size:0.6em; font-weight:bold; color:#555; text-decoration:none; display:block; width:7.5em; text-align:center; background-color:#006600; background:url(../imagenes/fondo-menu.gif) center top no-repeat; height:32px;}

#bInicio #mpInicio, #bNosotros #mpNosotros, #bEstrategia #mpNosotros, #bColaboradores #mpNosotros, #bEmpleo #mpNosotros, #bServicios #mpServicios, #bDiseno #mpServicios, #bDisenoMovil #mpServicios, #bAplicacionesMovil #mpServicios, #bAlojamiento #mpServicios, #bSEO #mpServicios, #bAccesibilidad #mpServicios, #bSMS #mpServicios, #bProyectos #mpProyectos, #bProceso #mpProyectos, #bComo #mpProyectos, #bNoticias #mpProyectos, #bAdmin #mpProyectos, #bContacto #mpContacto, #bLocalizacion #mpContacto, #bLlamamos #mpContacto, #bAtencion #mpContacto, #bContactar #mpContacto { font-size:0.6em; font-weight:bold; color:#555; text-decoration:none; display:block; width:7.5em; text-align:center; background-color:#006600; background:url(../imagenes/fondo-menu.gif) center top no-repeat; height:32px;}


/**
CLASES
**/
.TituloColumna { background:url(../imagenes/fondo-titulo-columna.gif) top left no-repeat; display:block; height:30px; width:100%; font-size:0.7em; font-weight:bold; text-indent:12px; line-height:30px;}
.TituloContenidoPrimario { color:#FF7000; font-size:1.2em; margin-bottom:10px; display:block; clear:both;}
.TituloContenidoSecundario { background-color:#EEE; color:#FF7000; font-size:0.6em; line-height:26px; margin-bottom:5px; font-weight:bold; padding-left:5px; display:block;}
.TituloContenidoTerciario {color:#FF7000; font-size:0.6em; font-weight:bold; margin-bottom:10px; margin-left:35px; display:block; clear:both;}
.TextoError{ font-weight:bold; color:#CC0000; text-align:center; }
.TextoColorPrincipal {color:#FF7000;}
.TextoPequeno { font-size:0.8em;}
.Divider { border:0; border-top: 1px dashed #ccc; margin:1.5em 0 1.5em 0; clear:both; color: #FFF; }
.DividerOculto { border:0; border-top: 1px dashed #FFF; margin:0; clear:both; color: #FFF; }
*:first-child+html .Divider{margin:0 !important;} 
.SeparadorOcultoContenidoPrimario { border:0; margin:1.5em 0 1.5em 0; clear:both; color: #FFF; }
*:first-child+html .SeparadorOcultoContenidoPrimario {margin:0 !important;} 
.MargenDerecho { margin-right:10px;}
.MargenIzquierdo { margin-left:10px;}
.MargenIzquierdoGrande { margin-left:20px;}
.MargenIzquierdoSuperGrande { margin-left:40px;}
.MargenInferior { margin-bottom:10px;}
.MargenSuperior { margin-top:10px;}
.MargenInferiorGrande { margin-bottom:20px;}
.MargenInferiorSuperGrande { margin-bottom:30px;}
.MargenSuperiorGrande { margin-top:20px;}
.MargenSuperiorSuperGrande { margin-top:40px;}
.MargenInferiorMini { margin-bottom:5px;}
.MargenSuperiorMini { margin-top:5px;}
.MargenCero { margin:0;}
.Negrita { font-weight:bold; color:#333; }
.NoUnderline { text-decoration:none; }
.NoClear { clear:none; }
.Clear { clear:both; }
.DisplayBlock {display:block;}
.Oculto { position:absolute; left:-99999px; top:-99999px; }
.OcultoDisplay{display:none}
.FloatLeft { float:left }
.FloatRight { float:right }
.AlignLeft {text-align:left; }
.AlignRight {text-align:right; }
.AlignJustify {text-align:justify; }
.AlignCenter {text-align:center; }
.BordeFoto { border:1px solid #999999;}