/**************************** FORMATEO DE CSS ****************************** */

p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:1em; font-weight:normal;}
img{ border:0;}
/**************************** ESTILOS PARA BODY **************************** */
BODY { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; 
	   font-size:80%; background-image:url(../img/fons2.gif); text-align:center; }

acronym { cursor:help; border-bottom:#999999 1px dotted;}

input:focus, textarea:focus{
background-color: #FFFFE0;
}
.clear { clear:both;}
.left  { text-align:left;}
.right { text-align:right;}

h3 { font-size:1em; font-weight:bold; padding-top:12px;}
h4 {  background:#FFF; margin-top:13px; padding:4px;  font-size:1em; font-weight:bold;}


#logo_pda   { display:none;}
#logo_print { display:none;}

/**************************** ESTILOS PARA EL WRAP Y CONTENERDOR */
#wrap {	margin:0 auto 12px auto; width:789px; text-align:left;
		background-color:#F0F3F2; border-right: 12px solid #DBE2E2;	border-bottom: 12px solid #DBE2E2;	border-left: 12px solid #DBE2E2;}

#contenedor { margin:0 8px 8px 10px;}

/**************************** ESTILOS PARA EL LOGO */
#logo       { margin-bottom:6px; height:88px; background-image:url(../img/logo_enfasystem.jpg); background-repeat:no-repeat;}

/**************************** ESTILOS PARA LA BARRA MENU 1 */
#barratop    { background-image:url(../img/barratop.jpg); background-repeat:no-repeat;  height:36px; text-align:right; }
#barratop ul { list-style:none; margin:0; padding:6px 6px 0 0; }
#barratop li { margin:2px; padding:2px;  }
#barratop ul li { display:inline; }

#barratop a:link,
#barratop a:visited { color: #FFFFFF; margin-left: 12px; text-decoration:none;}
#barratop a:hover   { border-bottom: #FFFFFF 4px solid; }


/**************************** ESTILOS PARA LA BARRA MENU LATERAL NAVEGACIN */
#menu     { width:235px; float:left;}
.menues   { width:235px; padding-top:6px;}
.cap      { background-image:url(../img/top_menu.jpg); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold; padding-left:8px; padding-top:7px; height:32px;}
.capp     { background-image:url(../img/top_menu2.jpg); background-repeat:no-repeat; color:#000000; font-weight:bold; padding-left:8px; padding-top:7px; height:32px;}

.cont           { width:233px; background-color:#FFFFFF;}
.cont a:link,
.cont a:visited { color: #000000; margin-left: 12px; text-decoration:none;}
.cont a:hover   { border-bottom: #D1D9DE 2px solid; }
.cont ul        { margin:0; padding:1px 0 12px 0;  }
.cont li        { margin:1px 0 0 16px; padding:2px 0 0 6px; list-style:none;background-image:url(../img/ul.gif); background-repeat:no-repeat;}

.peu            { height:5px; background-image:url(../img/peu_menu.jpg);  background-repeat:no-repeat;}
.peuu           { height:5px; background-image:url(../img/peu_menu2.jpg);  background-repeat:no-repeat;}

#acceso { padding:0.5em;}
#acceso label { padding:0.5em; float:left; }
#boton { padding: 0.5em }
#acceso_ssl { font-size:0.9em; padding:0.5em 0;}


/**************************** ESTILOS PARA EL BUSCADOR */
#buscador { width:235px;height:35px; background-image:url(../img/buscador.jpg); background-repeat:no-repeat; padding:6px 0 0 8px; margin-top:12px;}

/**************************** ESTILOS PARA LAS MIGAS */
.migas { background-image: url(../img/migas.jpg); background-repeat:no-repeat; font-size:0.8em; margin: 6px; }
.migas a:link,
.migas a:visited { color: #000000; margin-left: 4px; text-decoration:underline;}
.migas a:hover   { text-decoration:none; }
/**************************** ESTILOS PARA EL CONTENIDO */
#contenido    { /*width:520px; float:left; overflow: visible;*/ padding:6px;}
#contenido h1 { font-size:1.4em; font-weight:bold; color:#990000; border-bottom:#990000 1px solid; clear:both; padding:0.5em 0;}
#contenido h2 { font-size:1em;   font-weight:bold; color:#990000; padding-top:4px;}
#contenido p  { padding: 10px 0 10px 6px;}
#contenido ul { list-style:square; margin:6px; padding:6px 0 6px 25px;}
#contenido li { padding:6px 6px 0 0;}
#contenido h3 { font-weight:bold; }
#contenido dt { font-weight:bold; margin:6px;}
#contenido dd { margin: 0 0 0 12px;}
#contenido a:link,
#contenido a:visited  { color: #000000; text-decoration:underline;}
#contenido  a:hover   { text-decoration:none; }
#diseno li { clear:both;}
.adds      { float:left;}
.caixas    {  margin:6px; border-bottom:#CCCCCC 1px solid; }
.caixas dl { padding:4px; margin-left:60px;}
/**************************** ESTILOS PARA LAS NOTICIAS DE LA HOME */
#noticias   			{  clear:both;}
.titolnotis 			{ font-size:1.1em; font-weight:bold; text-align:right; padding-right:16px; padding-top:3px;}
.listanotis 			{ padding:3px; }
.listanotis a:link,
.listanotis  a:visited  { color: #000000; margin-left: 12px; padding-top:3px; text-decoration:underline;}
.listanotis  a:hover    { text-decoration:none; }
.listanotis h3			{ padding-top:13px; font-weight:bold; }
.listanotis ul { list-style:none; margin:0; padding:0;}
.listanotis li { margin:2px; padding:2px;  }
.listado { border-bottom:#FFFFFF 2px solid;}
.fotos   {  width:155px; margin:0.5em; float:right;}
.titolnotis { text-align:left; color:#990000; padding:0.3em;}
#ver_mas { text-align:right;}

/**************************** ESTILOS PARA LOS PRODUCTOS DE LA HOME */
#productos      { width:520px; height:120px; border-top:#DBDCDE 1px solid; font-size:0.9em; text-align:center; clear:both;}
.audioproductos { width:173px; float:left; }
.ecovip         { float:left; width:173px; }
.webadds        { width:173px; float:left;}


/**************************** ESTILOS PARA NUESTROS CLIENTES */
.clientes { width:168px; float:left; padding:2px ;}
#clientes_enfasystem img { float:left; padding:0.3em;}

#trabajos { margin:0; padding:0; font-size:11px;}

.trabajos_realizados img { float: right; padding:0.3em;}
.trabajos_realizados  dd  {border-bottom: #CCCCCC 1px solid; margin-bottom:0.5em; padding-bottom:0.5em;}
.trabajos_realizados  p  { font-size:0.9em;}

#trabajos a:link,
#trabajos a:visited { text-decoration:none;}
#trabajos a:hover   { text-decoration:underline; }

/**************************** ESTILOS PARA EL PIE */
#footer  { clear:both; font-size:0.8em; height:20px;}
.peucont { padding:4px;}
		   
#peuesq  { width:70%; float:left; }
.peudret { width:24%; float:right;text-align:right;  }

/**************************** ESTILOS PARA EL LICHTBOX */
.box { border-bottom: #FFFFFF 2px solid; height:60px;}
.imagenes { width:80px; float: left; margin:4px; border:#FFFFFF 3px solid;}

/**************************** ESTILOS PARA LOS BOTONES de solicitar*/

.botones     { font-size:0.8em;  font-weight:bold;}
#solicite    { padding: 16px 0 16px 0; width:350px; background-position:left;}
#informacion { width:100%; text-align:right; padding: 16px 0 16px 0; background-position:right;}
.cajas { background-image:url(../img/fons_solicita.jpg); background-repeat:no-repeat; font-weight:bold; color:#990000; }

/*contacto*/
#tabla { border-bottom:#FFFFFF 4px solid;}
#tabla input, select, textarea { width:220px;}

/**************************** ESTILOS PARA LAS FOTOS DE LOS CONTENIDOS */
.foto_home { background-image:url(../img/foto1.jpg) ; height:155px; width:155px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_consultoria { background-image: url(../img/consultoria_asesoria_informatica.jpg);width:231px; height:101px; padding:4px; float:left; background-repeat:no-repeat; background-position:center;}
.foto_desarrollo { background-image: url(../img/desarrollo_de_aplicaciones.jpg); width:231px; height:141px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_clientes { background-image: url(../img/logo_firefoz.gif); width:77px; height:197px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_trabaja { background-image: url(../img/trabaja_con_nosotros.jpg); width:209px; height:180px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_servicios { background-image: url(../img/servicios_de_internet.jpg); width:209px; height:180px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_diseno { background-image: url(../img/diseo_grafico_multimedia.jpg); width:209px; height:180px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_enfapack { background-image: url(../img/enfapac_lite.gif); width:228px; height:122px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_enfapackpro { background-image: url(../img/enfapac_pro.gif); width:228px; height:122px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_ecovip { background-image: url(../img/ecovip.jpg); width:207px; height:171px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}
.foto_servicio { background-image: url(../img/servicios_enfasystem.gif); width:145px; height:280px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}

.foto_empresa { background-image: url(../img/logo_enfasystem_peque.jpg); width:155px; height:155px; padding:4px; float:right; background-repeat:no-repeat; background-position:center;}


/*imprimir*/
#imprimir { display:none;}
#datos { display:none;}

/*skype*/
#skype{ padding:0.5em 1em 1em 1em;}
.letrapeque { font-size:0.8em; padding:0.5em 0.5em 0.5em 1.5em;}

/*HACK PARA LAS CAJAS---------------http://www.positioniseverything.net/easyclearing.php--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*para el alto*/
.alto:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.alto {display: inline-block;}

/* Hides from IE-mac \*/
* html .alto {height: 1%;}
.alto {display: block;}
/* End hide from IE-mac */