/* resetea todos los valores a 0 - inicio */
* {
	margin:0px;
	padding:0px;
	border:0px;
	position:relative;
}
/* resetea todos los valores a 0 - fin */

/* HR estilo - INICIO */
hr {
	color:#D32E12;
	border:0px;
	height:1px;
}
/* HR estilo - FIN*/

/* LINKS - INICIO */
a {
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 4px 3px 4px 3px;
/*	text-align:left;*/
}
a:hover {
	color: #FFCC33;
	text-decoration:underline;
}
/* LINKS - FIN*/

* html body{position:fixed;}

body {
	background-color:#D32E12;
	background-image: url('objetos/fondo_sitio.jpg');
	background-attachment:fixed
}

#todo {
	margin:0px auto 0px auto; /*centrar web*/
	width:750px;
	height:auto;
	background-color:#D32E12;
}

#encabezado {
	margin:0px auto; /*centrar web*/
	width:750px;
	height:110px;
	background-image: url('objetos/encabezado.jpg'); /* imagen de fondo para el borde superior */
    background-repeat: no-repeat; /* si se repite o no la imagen */	
	background-position:  center 50%;
	z-index:1
}
#heliotek {
	margin: 22px 10px auto 0px;
	float:right;
	height:69px;
	width:120px;
/*---png en estilos pueden ser visibles en IE6 - INICIO ---
	background-image: url("objetos/heliotek_logo.png")!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="objetos/heliotek_logo.png");
/*---png en estilos pueden ser visibles en IE6 - FIN ---*/
}
#contenido {
	width:750px;
	height:auto;
	min-height:330px;
	text-align:center;
	background-color: #FFFFFF;
	z-index:1;
/*
traslucido!!!!!!
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);*/
}
#pie {
	margin:0px auto; /*centrar web*/
	width:750px;
	height:59px;
	background-image: url('objetos/pie.jpg'); /* imagen de fondo para el borde superior */
    background-repeat: no-repeat; /* si se repite o no la imagen */
	z-index:1
}
#logo_pie{
	padding:0;
	border:0px none;
	text-align:left;
	text-indent:0;
	float:left;
	height:33px;
	width:102px;
	z-index:2; margin-left:1px; margin-right:1px; margin-top:23px; margin-bottom:auto
}
#empresa {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	color:#FFF;
	padding: 10px 5px 0px 10px;
	margin: auto 1px auto 1px;
	float:right;
	height:33px;
	width:250px;
}
/*---MENU DESPLEGABLE---*/
/**********************************************************************************************************************
COLORES
#D32E12 --> Bordo Del Fondo
#BE3214 --> Bordo Del Borde
#FC3 --> Amarillo
**********************************************************************************************************************/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0px none;
  padding: 0;
  width: 750px; /*For KHTML*/
  height: 24px;
  background-color:#D32E12;
  z-index:100; list-style-type:none
}

ul#navmenu-h li {/*submenu*/
  margin: 0;
  border: 0px none;
  float: left; /*For Gecko*/
  display: inline;
  position: relative;
  height: auto;
  list-style-type:none;
  padding: 0;/* 4px 0 4px;*/
}

ul#navmenu-h ul {/*segunda lista, o sea segundo menu (submenu)*/
  margin: 0;
  border: 0px none;
  padding: 0;
  width: 200px;
  display: none;
  position: absolute;
  top: 24px;
  left: 0; list-style-type:none;
  background-color:#D32E12;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #BE3214;
  padding: 0 6px;
  float: none !important; /*Para Opera*/
  float: left; /*Para IE*/
  display: block;
  background: #D32E12;
  color: #FFF;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Primer Menu en HOVER */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #FC3;
  color: #D32E12;
}

/* Segundo Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #D32E12;
  color: #FFF;
}

/* Segundo Menu en HOVER */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #FC3;
  color: #D32E12;
}

/* Tercer Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #D32E12;
  color: #FFF;
}

/* Tercer Menu en HOVER */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #FC3;
  color: #D32E12;
}

/* Cuarto Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #D32E12;
  color: #FFF;
}

/* Cuarto Menu en HOVER */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #FC3;
  color: #D32E12;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}
/***************************************************************************************************************************/
/*---MENU DESPLEGABLE---FIN*/
#descripcion {
	text-align:justify;
	margin: 10px 10px 20px 10px;
	width:400px;
	height:auto;
	float:left;
}
#logo {
	width:400px;
	height:auto;
	float:left;
	margin: 20px 0px 0px 0px;
}
.imagen {
	float:right;
	width:auto;
	height:auto;
	margin: 20px 25px 20px 25px;
}
.separador {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	width:730px;
	background-color:#D32E12;
	color:#FFFFFF;
	text-align:left;
	margin:10px auto 10px auto; /*centrar web*/
}
H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	text-align:left;
	text-align:left;
}
H2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 5px 10px 5px 10px;
	text-align:left;
}
H3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 5px 10px 5px 10px;
	text-align:left;
}
H4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
}
P{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 5px 10px 5px 10px;
	text-align:justify;
	text-indent: 10px;
}
#presentacion {
	float:right;
	width:auto;
	height:auto;
	margin: 20px 5px 20px 5px;
	z-index:1;
}
#inicio_izquierda {
	width:320px;
	height:330px;
	float:left;
}
#portfolio-contacto {
	margin: 20px 8px 10px 8px;
	z-index:1;
	float:left;
	width:auto;
	height:auto;
}
#ventajas {
	margin: 15px 8px 15px 8px;
	z-index:1;
	float:left;
	width:auto;
	height:auto;
}
#normas {
	margin: 9px 8px 20px 8px;
	z-index:1;
	float:left;
	width:auto;
	height:auto;
}
form {
	width:380px;
	text-align:justify;
	margin: 0 auto 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
form p {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px 0 2px 0;
}
#superior {
	width:380px;
	height:150px;
	margin:0px;
	padding:0px;
}
#col1 {
	width:190px;
	float:left;
	margin: 0;
	padding: 0;
}
#col2 {
	width:190px;
	float:right;
	text-align:left;
	margin:0;
	padding:0;
}
* html input {
	margin: 2px 0 2px 0;
}
input {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: 1px solid #9A9A9A;
	margin: 4px 0 2px 0;
	padding:0;
	background-color: #F2F2F2;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	border: 1px solid #9A9A9A;
	background-color: #F2F2F2;
	margin:0;
	padding:0;
}
button {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	border: 2px solid #FFCC33;
	background-color: #F2F2F2;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	border: 1px solid #9A9A9A;
	margin: 1px 10px 1px 1px;
	background-color: #F2F2F2;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	font-weight:normal;

}
.foto-chica{
	padding:3px;
	border: 1px solid #9A9A9A;
}
/******************************************************************************************************/
/***** EXCLUSIVO PARA GALERIA DE IMAGENES *************************************************************/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_window a:link {
	color: #666666;
}
#TB_window a:visited {
	color: #666666;
}
#TB_window a:hover {
	color: #000;
}
#TB_window a:active {
	color: #666666;
}
#TB_window a:focus{
	color: #666666;
}

#TB_overlay {
	position: fixed;
	z-index:200;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {
	background: url('macFFBgHack.png');
}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay {/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 202;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}
* html #TB_window {/* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
	font-weight:bold;/*titulo de la imagen en negrita*/
}
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title{
	background-color:#e8e8e8;
	height:27px;
}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:203;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	/* -height/2 0 0 -width/2 */
}
* html #TB_load {/* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index:199;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect {/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
#TB_prev a, #TB_next a{
font-size:10px;
font-weight:normal;
}
/***** EXCLUSIVO PARA GALERIA DE IMAGENES *************************************************************/
/******************************************************************************************************/