@charset "utf-8";
/* 
Theme Name: HAZ Comunicaciones
Theme URI: http://www.hazcomuncaciones.com
Description: Diseño para Intranet de HAZ Comunicaciones.
Version: 0.5 
Author: LuisRaa
Author URI: http://www.elblogo.com
*/



body {
  background:url(i/body.png) repeat-x;
  font: 13px/160% Verdana, Tahoma, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

a {color: #003399;}

a:hover {
  color: #3399FF;
  text-decoration: none;
}


h1, h2, h3, h4, h5 {
  font: Verdana, Tahoma, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

/* Imagenes */
img {
border: 0;
margin: 2px;
position:relative;
}
img.izquierda {
  /* Imagenes que se alineen a la izquierda */
  float: left;
  margin: 0 0 3px 0;
}
img.derecha {
  /* Imagenes que se alineen a la derecha */
  float: right;
  margin: 0 0 0 5px;
  position:relative;
}
img.borde {
  border: 1px solid #93B3F5;
  padding: 5px;
  background: #f4f4f4;
}
img.centro {
  margin: 0 auto;
  display: block;
}

/* Contenedor general */

#box {  
  border-left: 0px solid #eee;
  border-right: 0px solid #eee;
  border-bottom: 1px solid #eee; 
  width: 800px;
  margin: 0 auto;
}

/* Cabecera */

.cabecera {
  margin: -2px;
  padding: 0;
  width: 800px;
  height: 198px;
}

.cab-logo {
  width: 420px;
  padding: 20px 0 0 5px;
  float:left;
}

.cab-search {
  width: 350px;
  padding: 0;
  float: right;
}

/* Cabecera Interna */

.cabecerai {
  margin: -2px;
  padding: 0;
  width: 800px;
  height: 158px;
}

.cab-logoi {
  width: 420px;
  padding: 20px 0 0 5px;
  float:left;
}

.cab-searchi {
  width: 350px;
  padding: 0;
  float: right;
}

/* Cuerpo */
.contenido1 { 
  position:relative;
  width: 510px;
  float: left;
  margin: 15px 0 20px 10px;
}

   .contenido1 h1 {
   font: 20px bold Verdana, Tahoma, Helvetica, sans-serif;
   line-height: 22px;
   text-transform:uppercase;
   padding: 5px 10px;
   width:500px;
   border: none;
   color:#0053A0;
   }
   
   .contenido1 h4 {
   font: 12px;
   font-weight:normal;
   padding: 5px 10px;
   width:500px;
   border: none;
   color:#000;
   }    
   
   .contenido1 h4 a { font-weight:bold; color:#0066FF;}

   
   .contenido1 p {
   font: 12px;
   font-weight:normal;
   padding: 5px 10px;
   width:500px;
   border: none;
   color:#000;
   } 
   
.contenido1r { 
  position:relative;
  width: 510px;
  float: right;
  margin: 15px 0 20px 10px;
}

   .contenido1r h1 {
   font: 20px bold Verdana, Tahoma, Helvetica, sans-serif;
   line-height: 22px;
   padding: 5px 10px;
   width:500px;
   border: none;
   color:#0053A0;
   }
   
   .contenido1r h4 {
   font: 12px;
   font-weight:normal;
   padding: 5px 10px;
   width:500px;
   border: none;
   color:#000;
   }    
   .contenido1r p {
   font: 12px;
   font-weight:normal;
   padding: 5px 10px;
   width:500px;
   border: none;
   color:#000;
   }    
   

.contenido2 {
  position:relative;
  width: 260px;
  float: right;
  margin: 15px 10px 20px 0;
}

.contenido2l {
  position:relative;
  width: 200px;
  float: left;
  margin: 15px 10px 20px 0;
}

.clientes {
  position:relative;
  width: 510px;
  float: left;
  margin: 0 0 20px 0px;
}

    .clientes p { padding: 0 10px 0 10px; margin: 0; }

	.clientes h2 {
	background:url(i/haz-clientes-510.jpg) no-repeat left top; color:transparent;
	height: 45px;
	padding: 5px 5px 0px 10px;
	font-size: 14px;
	}
	
	.clientes ul { float:left; padding: 5px 30px; margin:0; width:110px; background:transparent; }
    .clientes li, a { font: 9px; padding: 0px; list-style-image:url('i/bullet-haz.gif'); text-decoration:none; background:transparent;}
	


.contenido4 {
  position:relative;
  width: 550px;
  float: right;
  margin: 15px 20px 20px 0;
}
   .contenido4 h1 {
   font: 18px bold Verdana, Tahoma, Helvetica, sans-serif;
   padding: 5px 10px;
   width:500px;
   border: none;
   }
   .contenido4 h3 {
   font: 14px bold Verdana, Tahoma, Helvetica, sans-serif;
   padding: 5px 10px;
   width:500px;
   border: none;
   }

/* pie de pagina */
.pie {
 font: normal 9px Verdana, Tahoma, Helvetica, sans-serif;
 width: auto;
 color: #777;
 line-height: 180%;
 background: url(i/fondo-pie.png) repeat-x top;
 bottom: 0;
 padding: 10px 20px;
 }

.clear { clear:both; height: 0; } /* pequeño hack para alinear */


/* cajas */

.cajahb {
  width: 370px;
  margin:0;
  background: #DDD;
  font-size: 10px;
  line-height: 130%;
}

.cajahcal {
  width: 370px;
  margin:0;
  background: #DDD;
  font-size: 10px;
  line-height: 130%;
}

.cajahv {
  width: 370px;
  margin: 0;
  background: #DDD;
  font-size: 10px;
  line-height: 130%;
}
    .cajahb p { padding: 0 10px 0 10px; margin: 0;}
	.cajahb li { padding: 10px 15px; margin: 0;}
	.cajahb ul { padding: 5px; margin: 0; list-style-type:none;}
				
    .cajahv p { padding: 0 10px 0 10px; margin: 0; }	
    .cajahcal p { padding: 0 100px 0 10px; margin: 0; }	
	
	.cajahb h2 {
	background:url(i/tit-azul-home.jpg) no-repeat left top;
	color:#FFF;
	height: 25px;
	padding: 10px 5px 5px 10px;
	font-size: 14px;
	}
	
	.cajahv h2 {
	background:url(i/tit-verd-home.jpg) no-repeat left top;
	color:#FFF;
	height: 25px;
	padding: 10px 5px 5px 10px;
	font-size: 14px;
	}
	
	.cajahcal h2 {
	background:url(i/tit-azul-home.jpg) no-repeat left top;
	color:#FFF;
	height: 25px;
	padding: 10px 5px 5px 10px;
	font-size: 14px;
	}	
	
	.cajahb .bottom {
	background:url(i/bot-caja.jpg) no-repeat bottom;
	height: 15px;
	}
	
	.cajahv .bottom {
	background:url(i/bot-caja.jpg) no-repeat bottom;
	height: 15px;
	}

	.cajahcal .bottom {
	background:url(i/bot-caja.jpg) no-repeat bottom;
	height: 15px;
	}	

    .cajasin {
    width: auto;
    margin: 0;
    line-height: 130%;
    }
	
	.cajasin h2 {
	font: bold 16px Verdana, Tahoma, Helvetica, sans-serif; 
	color: #0f5299;
	letter-spacing: -0.1em;
	padding: 10px 5px 5px 0px;
	border: 0px;
	}	
	
    .cajasin p { font-size: 11px; padding: 0 10px 0 10px; margin: 0;}
	.cajasin li { font-size: 11px; padding: 10px 0; margin: 0;}
	.cajasin ul { padding: 2px; margin: 0; list-style-type:none;}


	
   .caja-enlace {
    width: auto;
    margin: 0;
    line-height: 130%;
	border-bottom: 1px solid #CCC;
    }
	
	.caja-enlace h2 {
	font: bold 16px Verdana, Tahoma, Helvetica, sans-serif; 
	color: #0f5299;
	letter-spacing: -0.1em;
	padding: 10px 5px 5px 0px;
	}	
	
    .caja-enlace p { font-size: 11px; padding: 0 10px 5px 10px; margin: 0;}
	.caja-enlace li { font-size: 11px; padding: 0 10px 10px 0; margin: 0; list-style-type:none;}
	.caja-enlace ul { padding: 2px; margin: 0; list-style-type:none;}	
	.caja-enlace a { font-weight:bold;}
	.caja-enlace img {
     width: 25%;
     max-width: 200px;
     float: right;
     padding: 2%;
}

#calendario {
	position:absolute;
	width: 90px;
	height: 97px;
	background:url(i/calendario.png);
	z-index: 0;
	left: 270px;
	top: 260px;
}

    #calendario h3 {
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0;
    font-weight:bold;
    color: #FFF;
    text-align:center;
    height: 20px;
    width:auto;
    }

    #calendario h1 {
    font:24px Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    font-weight:bold;
    color: #000;
    height: 50px;
    padding: 0px;
    width:auto;
    }

/* cajas de las subpaginas */

.cajasub1 {
  width: 260px;
  margin:auto;
  font-size: 10px;
  line-height: 120%;
}
    .cajasub1 p { padding: 0 10px 0 10px; margin: 0; }

	.cajasub1 h2 {
	background:url(i/sbheader-azul.jpg) no-repeat left top #004C98;
	color:#FFF;
	height: 20px;
	padding: 10px 5px 0px 10px;
	font-size: 14px;
	}
	
	.cajasub1 ul { padding: 5px 25px; margin:0; background:#e4e4e4; }
    .cajasub1 li { padding: 2px; list-style-type:none;}
	.cajasub1 li.title { font-weight:bold; padding: 2px; list-style-image:url('i/bullet-haz.gif');}
	.cajasub1 li.vermas { font-weight:bold; color:#339933; list-style-image:none; text-align:right;}
	.cajasub1 li.vermas a { font-weight:bold; color:#0066FF;}
	
	.cajasub1 .bottom {
	background:url(i/sbfooter-gris.jpg) no-repeat bottom;
	height: 13px;
	}
	
.cajasub1l {
  width:200px;
  margin:auto;
  font-size:10px;
  line-height:120%;
}
    .cajasub1l p { padding: 0 10px 0 10px; margin: 0; }

	.cajasub1l h2 {
	background:url(i/sbheader-azul200.jpg) no-repeat left top #004C98;
	color:#FFF;
	height: 20px;
	padding: 10px 5px 0px 10px;
	font-size: 14px;
	}
	
	.cajasub1l ul { padding: 5px 25px; margin:0; background:#e4e4e4; }
    .cajasub1l li { padding: 2px; list-style-type:none;}
	.cajasub1l li.title { font-weight:bold; padding: 2px; list-style-image:url('i/bullet-haz.gif');}
	.cajasub1l li.item { padding: 2px; list-style-image:url('i/bullet-haz.gif');}
	.cajasub1l li.vermas { font-weight:bold; color:#339933;}
	.cajasub1l li.vermas a { font-weight:bold; color:#0066FF;}
	
	.cajasub1l .bottom {
	background:url(i/sbfooter-gris200.jpg) no-repeat bottom;
	height: 13px;
	}	
	
	
ul.thumb { 
margin:0px;
padding:0;
float:left;
text-align:center;
background-color:#e4e4e4;
line-height:1em;
list-style:none;
width:260px;
}	

     ul.thumb li, ul.navigation li {
	 display:inline;
	 margin:5px;
	 padding:0;
	 }

	 ul.navigation {
	 display:block;
	 float:left;
	 margin: 0 5px 0 5px 0;
	 padding: 5px;
	 border:0;
	 background-color:#e4e4e4;
	 text-align:center;
	 width:50px;
	 }
	 
	 ul.navigation a:hover {
	 background-color:#eee;
	 border:0;
	 }
	
.cajasub2 {
  width: 550px;
  margin:0;
  background: #DDD;
  font-size: 10px;
  line-height: 130%;
}
    .cajasub2 p { padding: 0 10px 0 10px; margin: 0; }

	.cajasub2 h2 {
	background:url(i/tit-azul-550.jpg) no-repeat left top;
	color:#FFF;
	height: 25px;
	padding: 10px 5px 5px 10px;
	font-size: 14px;
	}

	.cajasub2 .bottom {
	background:url(i/bot-caja550.jpg) no-repeat bottom;
	height: 15px;
	}

/* menu superior */
	
#menusup {
  margin: 20px;
  font:12px Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  font-weight:bold;
  list-style-type:none;
}
	#menusup ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	width:750px;
	height:34px;
	background: #FFF url(i/menu-n.png) center no-repeat;
	}
	
	#menusup li {
    float:left;
	padding: 12px 0;
    width:auto;
	text-align:center;
	list-style-type:none;
	}
	
	#menusup a {
	height:34px;
	background:url(i/menu-n.png) repeat-y top left;
    padding: 10px 30px 10px 30px;
    text-decoration:none;
	list-style-type:none;
	color:#000;
	}
	
	#menusup a:hover {
	background: url(i/menu-o.png) repeat-x top left;
	color:#fff;
	}
	
	#menusup a:active {
	background: url(i/menu-a.png) repeat-x top left;
	color:#fff;
	}

/* menu superior: estilo menu horizontal submenu */

.anylinkcss {
position:absolute;
visibility: hidden;
border:0px solid black;
border-bottom-width: 0;
font:normal 11px Verdana #fff;
line-height: 18px;
z-index: 100;
background-color: #1fb25a;
width: 205px;
}

.anylinkcss a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
color:#FFF;
text-decoration: none;
text-indent: 5px;
}

.anylinkcss a:hover { /*hover background color*/
background-color: #0f5299;
color: white;
}


/* Titulares y otros textos */

.seccion {
	width: auto;
}

.seccion p { 
    font: bold 24px Verdana, Tahoma, Helvetica, sans-serif; 
	color: #0f5299;
	padding: 0px 20px;
	letter-spacing: -0.1em;
}

/* forma de entrada al sistema de fideicomiso del inicio */

fieldset {
margin: -1.5em 0 0 0;
padding: 0;
border:0;
}

legend {
margin-left: 1em;
color: #000;
font-weight: bold;
}

label {
float:left;
width: 6em;
margin-right: 0.7em;
}

fieldset ol {
padding: 1.5em 0.7em 0 0.7em;
list-style: none;
}

fieldset li {
padding-bottom: 0.2em;
}

fieldset submit {
border-style: none;
}

fieldset p a {
font: 9px Verdana, Arial, Helvetica, sans-serif;
padding: 0.5em 0 0 0;
float:right;
text-decoration: none;
}

/* textos con imagenes (noticias del inicio) */

.news img {
max-width: 100px;
float: right;
padding: 2%;
}

.news p {
width: 66%;
float: left;
padding: 2% 0 2% 3%;
}

.news a {
font-weight: bold;
text-decoration: none;
}

/* textos sin imagenes (noticias del inicio) */

.news2 p {
width: 95%;
float: left;
padding: 5px 2% 10px 10px;
border-bottom: 1px #FFF;
}

.news2 a {
font-weight: bold;
text-decoration: none;
border-bottom: 1px #FFF;
}

/* Botones para las tablas de planillas en ASP */

#bottabla {
width: 320px;
height: 50px;
}

#bottabla ul {
width: 320px;
height: 50px;
margin: 0;
padding: 0;
list-style-type:none;
}

#bottabla li {
float:left;
margin: 3px;
padding: 10px 0;
text-align:center;
background:url(i/tboton-azul.jpg) no-repeat top left;
width:100px;
height:44px;
}

#bottabla a {
padding:auto;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight:bold;
text-decoration:none;
text-align:center;
letter-spacing: -0.05em;
line-height: 110%;
}

#bottabla a:hover { color: #00b25a;}


/* Rollover para describir a los clientes */

#dhtmltooltip {
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}