/* CSS Document */

body {
	padding:0px;
	margin:0px;
	text-align:justify;
	background:#BFBFBF url(../imagenes/bck_body.png) repeat-x top;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	padding-bottom:30px;
}

img {border:none;}

.limpiar {clear:both;}

/*Estructura*/

.bloque_nav {
	width:293px;
	background-color:#333333;
	float:left;
	margin:10px 10px 10px 5px;
	padding:1px;
}

.bloque_botones{
	width:293px;
	float:left;
	margin:10px 10px 10px 5px;
	padding:1px;
}

.bloque_botones img{margin-bottom:3px;}

#bloque_tit {
	padding:3px 0px; 
	border-top:2px solid #FFFFFF; 
	border-bottom:2px solid #FFFFFF; 
	margin:0 10px; 
	height:129px;
}

.btns_bajos {
	margin-top:10px;
}

#color_tit.seguridadbnr {
	background:url(../imagenes/tit_int/bck_tit_seguridad.png) repeat-x left top;
	height:129px;
}

#color_tit.piso {
	background:url(../imagenes/tit_int/bck_tit_piso.png) repeat-x left top;
	height:129px;
}

#content_page {width:950px; margin:auto;}

.img_seguridad {
	width:407px;
	float:left;
}

.seguridad_txt {
	width:500px;
	float:right;
	background:url(../imagenes/tit_int/tit_seguridad.png) no-repeat left top;
	height:129px;
}

.seguridad_txt h1 {
	padding:50px 0 0 145px;
	color:#333333;
	font-size:30px;
}

#logo {
	width:350px;
	float:left;
	padding-top:10px;
}

#btn_up {
	width:590px;
	float:right;
	margin-top:25px;
}

#headr {
	height:103px;
}

#mainwrapp {border-top:2px solid #FFFFFF; margin:0 10px;}

#main_left {
	width:260px;
	float:left;
	padding-top:25px;
}

#main_cont {
	width:605px;
	float:left;
	background:url(../imagenes/linea_divide.png) repeat-y left top;
	padding:30px;
	min-height:300px;
}

#tablaclientes {padding:0 10px;}

#menu_principal {
	height:35px;
	margin:2px 10px 0;
}

#menu_principal.menu_seguridad {
	background:#DD6600;
}

#nav_princ {padding-bottom:20px; width:800px; margin:auto;}

#nav_btm {
	margin:20px 0px 0px;
}

a.tit_blok {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	height:22px;
	text-decoration:none;
	background:url(../imagenes/flechas_hm_tit.png) no-repeat right center;
	margin-right:5px;
	padding:8px 0 0 5px;
}

 a.tit_blok:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	height:22px;
	text-decoration:underline;
	background:url(../imagenes/flechas_hm_tit.png) no-repeat right;	
	margin-right:5px;
	padding:8px 0 0 5px;
}

.seguridad_tit{
	height:35px;
	display:block;
	margin:1px;
	height:35px;
	display:block;
	background:url(../imagenes/bck_seguridad_hm.png) repeat-x left top;
}

.electro_tit{
	height:35px;
	display:block;
	margin:1px;
	height:35px;
	display:block;
	background:url(../imagenes/bck_electro_tit_hm.gif) repeat-x left top;
}

.piso_tit{
	height:35px;
	display:block;
	margin:1px;
	height:35px;
	display:block;
	background:url(../imagenes/bck_piso_tit_hm.gif) repeat-x left top;
}

.mant_tit{
	height:35px;
	display:block;
	margin:1px;
	height:35px;
	display:block;
	background:url(../imagenes/bck_mant_tit_hm.gif) repeat-x left top;
}

.energia_tit{
	height:35px;
	display:block;
	margin:1px;
	height:35px;
	display:block;
	background:url(../imagenes/bck_energia_tit_hm.gif) repeat-x left top;
}

#wrapp_center {
	background:#3377AA url(../imagenes/bck_content.png) repeat-x left top;
	padding-top:30px;
}

#wrap_footer {
	background:url(../imagenes/foot_bck.png) no-repeat center top;
	height:67px;
	clear:both;
}

.wrapp_main {padding:15px 10px 10px;}

.wrapp_main_btns {padding:30px 5px;}

/* Contenido */

.sbtitl {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

.peque {font-size:12px;}

.boxgrid p a {
	color:#CCCCCC;
	text-decoration:none;
	display:block;
}

.boxgrid p a:hover {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#main_cont a {color:#000000; text-decoration:underline;}
#main_cont a:hover {color:#000000; text-decoration:none;}

.bco_peque {
	font-size:10px;
	color:#FFFFFF;
}

/*#main_cont ul {list-style-image:url(../imagenes/flechas_hm_tit.png)}*/
#main_cont ul li {margin-bottom:10px;}
#main_cont, #tablaclientes {color:#FFFFFF}

.img_izq {
	float:left;
	margin:10px;
	padding:2px;
	background:#000000;
	border:#000000 1px solid;
}

.img_der {
	float:right;
	margin:10px;
	padding:2px;
	background:#000000;
	border:#000000 1px solid;
}

.img_grl {
	margin:10px;
	padding:2px;
	background:#000000;
	border:#000000 1px solid;
}

#main_cont h2, #tablaclientes h2 {
	display:block;
	text-align:right;
	padding-bottom:5px;
	padding-right:10px;
	border-bottom:#EECC33 1px solid;
	color:#EECC33;
	font-size:20px;
	font-weight:bold;
}

#main_cont h3 {
	font-size:18px;
	font-weight:bold;
	color:#EECC33;
}

#main_left p {
	padding:2px 10px;
	color:#FFFFFF;
	text-align:left;
}

#main_left strong {color:#FFFFFF; font-weight:bold;}

#img_btn {
	width:265px;
	height:176px;
	margin:5px auto;
	padding:0 10px;
}

.seguridad  p, .electrohm p, .piso_elevado p, .mantenimiento p, .ahorrohm p{margin:0px; padding-top:20px;}
a.img_btn { font-weight:bold; color:#000000; text-decoration:none;}
a:hover.img_btn { font-weight:bold; color:#555; text-decoration:none;}

.seguridad {
	width:265px;
	height:176px;
	margin:5px auto;
	padding:0 10px;
	background:url(../imagenes/hm/seguridad_img.jpg) no-repeat left top;
	text-align:right;
}

.electrohm {
	width:265px;
	height:176px;
	margin:5px auto;
	padding:0 10px;
	background:url(../imagenes/hm/electro_img.jpg) no-repeat left top;
	text-align:right;
}

.piso_elevado {
	width:265px;
	height:176px;
	margin:5px auto;
	padding:0 10px;
	background:url(../imagenes/hm/piso_img.jpg) no-repeat left top;
	text-align:right;
}

.mantenimiento {
	width:265px;
	height:176px;
	margin:5px auto;
	padding:0 10px;
	background:url(../imagenes/hm/mantenimiento_img.jpg) no-repeat left top;
	text-align:left;
}

.ahorrohm {
	width:265px;
	height:176px;
	margin:5px auto;
	padding:0 10px;
	background:url(../imagenes/hm/ahorro.jpg) no-repeat left top;
	text-align:left;
}

.power {text-align:center;}
.power a {color:#808080; text-decoration:none; font-size:10px;}
.power a:hover {color:#808080; text-decoration:underline; font-size:10px;}
#foot {padding:10px 0 0 0; border-top:2px solid #FFFFFF; margin:0 10px;}
#foot p{color:#FFFFFF; text-align:center; margin:0; padding:0px;}

#main_cont a.link_pdf {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#main_cont a.link_pdf:hover {text-decoration:underline;}

/*Formulario*/

#formulario div.img_campos {
	background:url(../imagenes/campos_linea.png) no-repeat left top;
	width:151px;
	height:33px;
}

#formulario {width:600px; margin:auto; padding-top:20px;}

table.bloque_bt {
	margin:10px 0;
}

#formulario input.campo_txt {
	background:none;
	border:none;
	height:16px;
	margin:5px 0 0 8px;
	width:133px;
}

#formulario select.campo_motivo {
	background:none;
	border:none;
	height:20px;
	margin:4px 0 0 5px;
	width:138px;
	padding-left:5px;
}

#formulario div.img_coment {
	background:url(../imagenes/campo_texto.png) no-repeat left top;
	height:132px;
	width:299px
}

#formulario textarea {
	background:none;
	border:none;
	height:115px;
	margin:5px 0 0 5px;
	width:283px;
}

#formulario td.txt_campo {padding:7px 0 0 0; color:#FFFFFF; font-weight:bold;}

/* Botones */

ul#nav_empresa {
	list-style:none;
	padding:0px;
	margin:0px;
	height:33px;
}

ul#nav_empresa li {
	height:33px;
	float:right;
	margin-right:10px;
}

ul#nav_empresa li a {
	background:url(../imagenes/btn_empresa.png) no-repeat right top;
	height:28px;
	color:#666666;
	font-size:14px;
	text-decoration:none;
	display:block;
	padding:6px 15px 0 0;
}

ul#nav_empresa li a:hover {
	background:url(../imagenes/btn_empresa_on.png) no-repeat right top;
	height:28px;
	color:#000000;
	font-size:14px;
	text-decoration:none;
	display:block;
	padding:6px 15px 0 0;
}

ul#main_nav {list-style:none; padding:0px; margin:0px; height:26px;}

ul#main_nav li{ float:left; margin-right:10px; height:26px;}

ul#main_nav li.main_nav1 a {
	color:#FFFFFF; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_up_01.png) no-repeat left top;
	padding-left:28px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav li.main_nav2 a {
	color:#FFFFFF; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_up_02.png) no-repeat left top;
	padding-left:27px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav li.main_nav3 a {
	color:#FFFFFF; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_up_03.png) no-repeat left top;
	padding-left:30px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav li.main_nav4 a {
	color:#FFFFFF; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_up_04.png) no-repeat left top;
	padding-left:28px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav li.main_nav5 a {
	color:#FFFFFF; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_up_05.png) no-repeat left top;
	padding-left:26px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav li.main_nav1 a:hover {background:url(../imagenes/main_nav_upon_01.png) no-repeat left top;}
ul#main_nav li.main_nav2 a:hover {background:url(../imagenes/main_nav_upon_02.png) no-repeat left top;}
ul#main_nav li.main_nav3 a:hover {background:url(../imagenes/main_nav_upon_03.png) no-repeat left top;}
ul#main_nav li.main_nav4 a:hover {background:url(../imagenes/main_nav_upon_04.png) no-repeat left top;}
ul#main_nav li.main_nav5 a:hover {background:url(../imagenes/main_nav_upon_05.png) no-repeat left top;}

ul#main_nav li a:hover {color:#EECC33;}

ul#main_nav_btm {list-style:none; padding:0px; margin:0px; height:26px;}

ul#main_nav_btm li{ float:left; margin-right:10px; height:26px;}

ul#main_nav_btm li.main_nav1 a {
	color:#808080; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_dwn_01.png) no-repeat left top;
	padding-left:28px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav_btm li.main_nav2 a {
	color:#808080; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_dwn_02.png) no-repeat left top;
	padding-left:27px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav_btm li.main_nav3 a {
	color:#808080; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_dwn_03.png) no-repeat left top;
	padding-left:30px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav_btm li.main_nav4 a {
	color:#808080; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_dwn_04.png) no-repeat left top;
	padding-left:28px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav_btm li.main_nav5 a {
	color:#808080; 
	text-decoration:none; 
	background:url(../imagenes/main_nav_dwn_05.png) no-repeat left top;
	padding-left:26px;
	padding-top:4px;
	display:block;
	height:26px;
}

ul#main_nav_btm li a:hover {color:#FFFFFF; background-position:left -40px}

/*Fondo Todo*/

#allwrapper{ background:url(../imagenes/bck_head.png) no-repeat center top;}