/** Generales**/

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #969696 url(/images/5.gif) top repeat;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}

a:link {
	text-decoration: none; color: #666699;
}


a:visited {
	text-decoration: none; color: #777788;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline; color: #8d8dae;
}

img {
	border: 0;
}

h1 {
	margin-top: 0px;
	padding-top: 10px;
	font: bold 16px/19px "Lucida Grande", LucidaGrande, "Lucida Sans Unicode", Lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

h2 {
	margin-top: 0px;
	padding-top: 10px;
	font: bold 14px/16px "Lucida Grande", LucidaGrande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

h3 {
	margin-top: 0px;
	padding-top: 10px;
	font: bold 12px/14px "Lucida Grande", LucidaGrande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

h4 {
	margin-top: 0px;
	padding-top: 10px;
	font: bold 10px/12px "Lucida Grande", LucidaGrande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}


/** IDs **/

#containerPrincipal {
	border: 0;
	background: url(/images/27.gif) repeat-y;
	padding: 0 8px;
	margin: 5px auto;
	width: 816px; /* Tantek hack para IE5 */
	voice-family: "\"}\"";
     voice-family:inherit;
     width: 800px; /* ancho correcto */
}

body>#containerPrincipal {
	width: 800px;  /* Correccion para Opera. Termina Tantek hack. */
}


#containerIdentidad {
	background-color: white;
	width: 800px;
	height: 90px;
	padding-top: 10px;
}

#containerIzquierda {
	width: 152px;
	float: left;
	vertical-align: top;
}

#containerContenido {
	margin: 0 175px 50px 165px;
	background-color: white;
}

#containerDerecha {
	width: 168px;
	float: right;
	top: 0;
	vertical-align: top;
	background-color: white;
}

#containerDerecha img {
	border: solid;
	border-width: 0 0 1px 0;
	border-color: black;
}

#hecho {
	padding: 0 3px 0 5px;
}

#menu {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	list-style: none;
	display: block;
	height: 18px;
	width: 800px;
}

#menu li {
	display: block;	
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu a {
	float: left;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
     height /**/:18px; /* for IE5/Win only */
}

#menu a:hover {
	background-position: 0 -18px;
}

#menu a:active, #menu a.selected {
	background-position: 0 -36px;
	cursor: default;
}

#compania a {
	width: 81px;
	background: url(/images/71.gif) top left no-repeat;
}

#servicios a {
	width: 76px;
	background: url(/images/72.gif) top left no-repeat;
}

#casos a {
	width: 115px;
	background: url(/images/73.gif) top left no-repeat;
}

#promociones a {width: 95px;background: url(/images/74.gif) top left no-repeat}


#socios a {
	width: 67px;
	background: url(/images/36.gif) top left no-repeat;
}

#locaciones a {
	width: 85px;
	background: url(/images/75.gif) top left no-repeat;
}

#noticias a {
	width: 141px;
	background: url(/images/76.gif) top left no-repeat;

}

#contacto a {
	width: 81px;
	background: url(/images/77.gif) top left no-repeat;
}

#soporte a {
	width: 76px;
	background: url(/images/78.gif) top left no-repeat;
}

#containerFooter {
	border-top: solid 1px #464646;
	background-color: #646464;
	text-align: right;
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 10px 5px 5px;	
	margin-top: 5px;
	width: 785px;
}

#breadcrumbs {
	font-size: 11px;
	color: #99CC00;
	margin: 10px 0 0 0;
	padding: 0;
}

#breadcrumbs p {
display: inline;
}


/* -- Submenu -- */

#submenuizq {
	width: 152px;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 11px;
	color: #FFFFFF;
	list-style: none;
}

#submenuizq li {
       background: #666699 url(/images/28.gif) no-repeat 8px 50%;
	padding: 3px 0 3px 16px;
	color: #ffffff;
}

#submenuizq li a:link, #submenuizq li a:visited {
	color: #ffffff;
}

#submenuizq li a:hover, #submenuizq li a:active {
	color: #000000;
}

li.subselected {
	background: #000000 url(/images/28.gif) no-repeat 8px 50% !important;
	margin: 5px 0;
	cursor: default;
}

li.subselected a:hover, li.subselected a:active {
	color: #666666 !important;
}

/** Clases **/

.logotipo {
	width: 182px;
	height: 87px;
	margin-left: 30px;
position:relative;top:-5px
}

.slogan {
	width: 226px;
	height: 16px;
	margin-left: 250px;
position:relative;top:-30px
}

.textovchico  {
	font-size: 11px;
	color: #99CC00;
}

.titulos {
	margin: 20px 0 20px 0;

}

.break {
	display: block;
	clear: both;
	visibility: hidden;
}

a.texto_menu:link {	color: #FFFFFF; }
a.texto_menu:visited { color: #FFFFFF; }
a.texto_menu:hover { color: #000000; }
a.seleccion_menu:link { color: #FFFFFF; }
a.seleccion_menu:visited { color: #FFFFFF; }
a.seleccion_menu:hover { color: #CCCCCC; }
a.texto_submenu:link { color: #FFFFFF; }
a.texto_submenu:visited { color: #FFFFFF; }
a.texto_submenu:hover { color: #CCCCCC; }

TD.barra_menu { background-color : #666699; }
TABLE.formas { background-color : #dddddd; border-width: 0px; }
TABLE.noticias { background-color : #ffffff; border-style: solid; border-color: #666699; border-width: 0px 0px 1px 0px; }
TD.formas_titulo { background-color : #666699; }
UL.morado { list-style: square outside url("/images/29.gif") }
UL.verde { list-style: square outside url("/images/28.gif") }