@charset "utf-8";
/* CSS Orange Media */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	background-color:#666666;
	background-image:url(../img/fondo_om.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
a {
	outline:none;
}

/* divs  */
#contenedor {
	background-color: #FFFFFF;
	background-image: url(../img/contenedor_copyright.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width:895px;
	margin: 0px auto;
}
/* #################################
div newsletter */
#newsletter {
	font-size: 11px;
	color:#FFFFFF;
	background-color:#FF6600;
	background-image: url(../img/newsletter_fondo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:458px;
	height: 36px;
	margin: 0 0 9px 394px;
}
#newsletter form {
	margin:0px;
	padding:0px;
}
#newsletter fieldset {
	margin:0px;
	padding: 0px;
	border: none;
}
#newsletter legend {
	display: none;
}
#newsletter label, #newsletter input {
	float: left;
}
#newsletter label {
	margin: 12px 0 0 0;
	font-weight: bold;
}
#newsletter input {
	font-size: 12px;
	color: #999999;
	width: 141px;
	height: 20px;
	margin: 8px 0 0 5px;
	padding: 0px;
	border: solid 0px;
}
#newsletter .input_radio{
	width: 15px;
	height:15px;
	margin: 11px 16px 0 4px;
	border: none;
}
#newsletter .imagen-news {
	float:left;
	margin:02px 15px 0 8px;
}
#newsletter #boton_enviar{
	width: 28px;
	height: 20px;
	margin:8px 0 0 0;
	padding: 0px;
}

/* #################################
div header */
#header {
	padding: 0 0 0 60px;
	height: 89px;
}
#header h1 {
	font-size: 17px;
	font-weight: normal;
	color: #413B45;
	word-spacing: -0.2em;
	margin: 28px 48px 0 0;
	float:right;
}
/* #################################
div menu */
#menu {
	margin: 4px 41px 0 50px;
	height: 29px;
}
#menu a {
	color: #666666;
	text-decoration: none;
	display: block;
	margin: 0 33px 0 0;
	padding: 4px 15px 10px 1px;
	/* 
	border-top: solid 4px #FFFFFF;
	*/
}
#menu a:hover {
	color: #FE6200;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	list-style-type: none;
	position: relative;
	float: left;
	z-index:10;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul {
	display: none;
	background-color: #FF0000;
}

#menu ul li:hover ul,
#menu ul ul li:hover ul {
	display: block;
}

#menu ul ul {
	display: none;
	width: 160px;
	position: absolute;
	top: 100%;
	z-index: 11;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
}

#menu ul ul li {
	width:100%;
	letter-spacing: -0.02em;
}
#menu ul ul li a {
	color: #FFFFFF;
	background-color: #FF5400;
	width: 148px;
	padding: 8px 6px;
}
#menu ul ul li a:hover {
	color: #FFFFFF;
	background-color: #FF9001;
}
#menu .asinmargen {
	margin: 0 0 0 3px;
	/*
	margin: 0 0 0 3px;
	padding-right: 24px;
	*/
}
#menu .flechamenu {
	background-image: url(../img/menu_flecharoja.gif);
	background-repeat: no-repeat;
	background-position: right 14px;
}
.lineamenu {
	border-bottom: solid 1px #999999;
}
/* #################################
div FLASH */
#flash {
	margin:2px 41px 0 50px;
	padding: 0 0 21px 0;
	position:relative;
	z-index:2;
}
#flash2 {
	margin:2px 41px 0 50px;
	padding: 14px 0 21px 0;
	position:relative;
	z-index:2;
}
/* #################################
solo index */
#index {
	margin:0 41px 0 50px;
	clear:both;
}
#index h1,
#index h2,
#index h3  {
	margin: 0px;
}
#index h2{
	font-size:19px;
	font-weight:normal;
	margin:0 5px 10px 14px;
	padding:0 0 4px 0;
	border-bottom:solid 1px #CCCCCC;
	word-spacing: -0.1em;
}
#index h3 {
	font-size:12px;
	font-weight:bold;
}
/* #################################
div cuerpo */
#cuerpo {
	margin:0 41px 0 50px;
}
#cuerpo h1,
#cuerpo h2,
#cuerpo h3  {
	margin: 0px;
}
#cuerpo h2{
	font-size:19px;
	font-weight:normal;
	margin:0 5px 10px 0;
	padding:0 0 4px 14px;
	border-bottom:solid 1px #CCCCCC;
}
#cuerpo h3 {
	font-size:12px;
	font-weight:bold;
}
#cuerpo p {
	font-family: Candara, Arial, Helvetica, sans-serif;
}
#cuerpo ul {
	margin: 0px;
	padding: 0px;
}
#cuerpo li {
	list-style-type: none;
	background-image: url(../img/cuadro_li.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
}

/* #################################
class solo  HOME */
.divimagen,
.divtexto,
.divtexto2 {
	height:97px;
	float:left;
}
.divimagen {
	margin: 0 5px 0 0;
	padding:0 0 0 5px;
}
.divtexto a,
.divtexto2 a {
	color:#666666;
	text-decoration:none;
}
.divtexto a:hover,
.divtexto2 a:hover {
	text-decoration: underline;
}
.divtexto p,
.divtexto2 p {
	line-height:12px;
	margin: 0px;
}
.divtexto {
	width:214px;
	margin:0 24px 0 0;
}
.divtexto2 {
	width:317px;
}
/* portafolio */
.portafolio {
	width:227px;
	margin:0 0 0 30px;
	float:left;
}
.portafolio a {
	color:#FF2300;
	text-decoration:none;
	margin:0 0 0 3px;
}
.portafolio a:hover {
	text-decoration:underline;
}
.portafolio img {
	margin:2px 0px;
	border:solid 1px #666666;
}
/* #################################
class solo  HOME */
.empresa {
	height:97px;
	padding:0 0 0 5px;
	float:left;
	letter-spacing: -0.02em;
}

.empresa a {
	color:#666666;
	text-decoration:none;
}
.empresa a:hover {
	text-decoration: underline;
}
.empresa strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.empresa p{
	line-height:12px;
	margin: 0px;
}
.empresa img {
	float:left;
	margin: 0 5px 0 0;
}
.anchodivempresa {
	margin-right: 24px;
}
.anchop1 {
	width: 298px;
	margin:0 24px 0 0;
}
.anchop2 {
	width: 462px;
}
/* #################################
solo para mootools en index */
#opciones {
	margin:0 59px 0 64px;
	padding: 0px;
	height: 27px;
}
#opciones a {
	color: #445186;
	text-decoration: none;
	background-image: url(../img/pestania.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	width: 124px;
	margin:0 1px 0 0;
	padding: 6px 0px;
}
#opciones a:hover {
	color: #FF2300;
}
#opciones ul {
	margin:0px;
	padding:0px;
}
#opciones li {
	list-style:none;
	float:left;
	margin: 0px;
}
#contieneopcion {
	font-size: 12px;
	color:#666666;
	line-height:12px;
	width:775px;
	height:178px;
	margin:0 0 14px 64px;
	clear:both;
	border: solid 1px #CCC;
	position:relative;
	overflow:hidden;
}
/* engloba todo los divs */
#engloba {
	width: 4500px;
	position:relative;
}
#engloba a{
	color: #FF2300;
	text-decoration: none;
}
#engloba a:hover {
	text-decoration: underline;
}
#engloba h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}
#engloba p {
	margin:0px;
	width: 350px;
	word-spacing: -0.05em;
}

/* datos generales general */
#decision1,
#decision2,
#decision3,
#decision4,
#decision5 {
	height: 142px;
	width: 723px;
	position: absolute;
}

#decision1  {
	top:27px;
	left:25px;
}
#decision2  {
	top:27px;
	left:802px;
}
#decision3  {
	top:27px;
	left:1577px;
}
#decision4  {
	top:27px;
	left:2352px;
}
#decision5  {
	top:27px;
	left:3127px;
}

/* #################################
class MORFO y anchos x secciones */
#cuerpo .titulo {
	font-size: 17px;
	line-height: 17px;
	font-weight: normal;
	color: #FF3F00;
	margin-bottom:15px;
}
#cuerpo .titulillo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	word-spacing: normal;
}
.link_flecha {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-image: url(../img/flecha_roja.gif);
	background-position: 2px 2px;
	margin: 0 0 10px 0;
	padding: 0 0 0 31px;
	background-repeat: no-repeat;
	display: block;
}
.link_flecha:hover {
	color: #E93400;
	text-decoration: none;
}
.link_flechaentrecruzada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/flechas_cruzadas.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	display: block;
	margin: 6px 100px 0 0;
	padding: 0 0 0 30px;
}
.para_link_flechaentrecruzada {
	background-image: url(../img/flechas_cruzadas.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.para_link_flechapuntatop {
	background-image: url(../img/flecha_top.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.para_link_flechaglobo {
	background-image: url(../img/flecha_globo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 5px 0 5px 30px;
}
.morfo {
	float: left;
}
.cexito1 {
	width: 310px;
	margin: 0 0 0 0;
	padding: 71px 0 0 43px;
}
.cexito2 {
	width: 327px;
	margin: 0 0 58px 31px;
	background-image: url(../img/globo_naranjo.gif);
	background-repeat: no-repeat;
	background-position: 274px 0px;
	letter-spacing: -0.02em;
}
.cexito2 p,
.formato2 p,
.formato3 p  {
	margin: 0 0 10px 0;
}
.contacto1 {
	width: 489px;
	margin: 0 0 0 20px;
}
.contacto1 p {
	margin: 0px;
}
.contacto1 form {
	margin: 0px;
	padding: 2px;
}
.contacto1 fieldset {
	margin:0px;
	padding: 0px;
	border: none;
}
.contacto1 legend {
	display: none;
}
/* ########################################
franjita */
#franjagris {
	color: #FFFFFF;
	background-color: #999999;
	width: 467px;
	height: 19px;
	margin: 0px;
	padding: 4px 0 0 5px;
}
#franjagris label,
#franjagris input,
#franjagris span {
	margin: 0px;
	float:left;
}
#franjagris label {
	font-weight: bold;	
}
#franjagris span {
	margin: 0 7px 0 0;
	float:left;
}
#franjagris .circulos {
	width: 15px;
	height: 15px;
	margin: 0px 2px;
	padding: 0px;
}
#franjablanca {
	margin: 0px;
	clear:both;
	padding: 18px 0 0 0;
}
#franjablanca label {
	float: left;
	font-weight: bold;
}
#franjablanca input,
#franjablanca textarea  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}
#franjablanca input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: none;
	margin: 0px;
}
#franjablanca textarea {
	width: 468px;
	float: left;
	border: solid 2px #999;
	height: 90px;
}
#franjablanca .cuadrado {
	width: 15px;
	height: 15px;
	float: left;
	margin: 3px 5px 0 0;
}
#franjablanca .contacto_label {
	display: block;
	width: 472px;
	margin: 0 0 22px 0;
	border-bottom: solid 2px #999;
}
#franjablanca .anchoinput1 {
	width: 416px;
}
#franjablanca .anchoinput2 {
	width: 410px;
}
#franjablanca .anchoinput3 {
	width: 426px;
}
#franjablanca .anchoinput4 {
	width: 410px;
}
#franjablanca #boton {
	margin: 8px 0 0 393px;
	float: left;
	clear: both;
}
.fraseletter {
	float: left;
	font-weight: normal;
	margin: 3px 0 0 0;
}
.flechacontacto {
	float: right;
	margin: 7px 0 0 0;
}
.contacto2 {
	width: 181px;
	height: 327px;
	margin: 93px 0 0 71px;
	padding: 0 0 0 23px;
	border-left: dotted 2px #666666;
	background-image: url(../img/contacto_circulo.gif);
	background-repeat: no-repeat;
	background-position: 26px 243px;
}
.qsomos1 {
	margin: 55px 10px 0 0;
	width: 373px;
}
.qsomos2 {
	background-image: url(../img/quienes_somos_circulos.gif);
	background-repeat: no-repeat;
	background-position: 363px 100px;
	margin: 21px 0 42px 0;
	width: 404px;
}
.qsomos2 a {
	color: #666666;
	text-decoration: underline;
}
.qsomos2 a:hover {
	color: #E93400;
	text-decoration: underline;
}
.qsomos2 img {
	margin: 0 0 20px 0;
}
.qsomos2 p {
	margin: 0 0 10px 0;
}
.qsomos2 .link_flechaentrecruzada:hover {
	text-decoration: none;
}
/* #################################
Class FORMATOS */
.formato1 {
	background-image: url(../img/formato_fondo1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.formato2 {
	width: 430px;
	margin: 0 0 0  21px;
}
.formato2 a {
	color: #666666;
	text-decoration: underline;
}
.formato2 a:hover {
	color: #E93400;
	text-decoration: underline;
}
.formato3 {
	width: 373px;
	margin: 0 0 0 20px;
}
.formato3 a {
	color: #666666;
	text-decoration: underline;
}
.formato3 a:hover {
	color: #E93400;
	text-decoration: underline;
}
.formato4 {
	width: 320px;
	margin: 42px 0 0 32px;
}

/* #################################
div CORPORATIVO */
#corporativo {
	font-size: 17px;
	color: #413B45;
	line-height: 19px;
	width: 752px;
	height:75px;
	clear: both;
	margin:0 auto 15px auto;
	padding: 17px 19px 15px 7px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
}
#corporativo p {
	width: 450px;
	margin: 4px 0 0 0;
	
	word-spacing: -0.2em;
}

/* #################################
div BARRAIMAGEN */
#barraimagen {
	text-align: right;
	margin: 0 47px 0 61px;
	padding: 0px;
	clear:both;
}

#barraimagen .imagen_desplazada {
	margin:-31px 0 12px 0;
}
/* #################################
div footer */
#footer {
	height: 90px;
	clear:both;
	margin: 0 47px 0px 65px;
	padding: 16px 17px 0 20px;
}
#footer img {
	float: left;
	margin: 0 31px 0 0;
}
#footer .laliance {
	float: right;
	margin: 7px 0 0 0;
}
#footer .tiwface {
	margin: 32px 51px 0 1px;
}
#footer .om {
	margin-top: -5px;
}
.footerlinea {
	border-top:solid 1px #999999;
}
/* #################################
class especiales */
.espacio {
	clear: both;
}