/* 
	Ir2M.Com (c)
	Pagina de estilos
*/

/* 
	Guía de colores
	---------------
	
	Cabecera:
		texto: #333333
	Menú principal:
		link: #FFFFFF
		link visited: #FFFFFF
		link hover: #0679a0 
	Cuerpo:
		texto: #333333
		separadores: #CCCCC
		bordes multimedia: #CCCCCC
		link: #0679a0
		link visited: #0679a0
		link hover: #0679a0 
	Menú secundario:
		texto: #CCCCCC
		separador: #CCCCCC
		link: #0679a0
		link visited: #0679a0
		link hover: #0679a0 
	Pie:
		texto #CCCCCC
		separador: #CCCCCC

*/ 

/* ------------ General -------- */
* { padding:0; margin:0; }
body { background: url(../imagenes/fondo7.jpg); background-repeat:repeat-x; background-color: #0679a0;
text-align: center; font-family:Arial, Helvetica, sans-serif;	font-size: 72%;color:#333;}
#pagina {width: 900px;margin:auto; text-align: left; margin-bottom: 30px;}
a, a:visited {display:inline;color: #0679a0;text-decoration: none;}
a:hover  {color: #0679a0;text-decoration: underline;}
/* ------------ FIN: General -------- */

/* ------------- Ajuste generales de texto e imagenes -------- */
.negrita {font-weight:bold;}
.pie_imagen {font-size: 80%; text-align: justify; margin-top: 10px;}
.pie_imagen_centrado {font-size: 80%; text-align: center; margin-top: 10px;}
.imagen_borde {border: 1px solid #CCC; padding: 2px;}
.imagen_sin_borde { border: 0px; }
.justificado {text-align: justify;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 20px; color:#0679a0;}
.margen_sup_10 {margin-top: 10px;}
.margen_sup_15 {margin-top: 15px;}
.margen_sup_25 {margin-top: 25px;}
.margen_izq_15 {margin-left: 15px;}
.margen_minimo { margin-top: 2px; margin-bottom: 2px; }
.cursiva {font-style:italic;}
.cita {display:list-item; padding:0 5px 0 0; list-style-image: url(../imagenes/open_quotes1.gif); background: url(../imagenes/close_quotes1.gif) bottom right no-repeat; font-style:italic;}
.separador_izquierda { border-left: 1px solid #CCC;}
.separador_derecha { border-right: 1px solid #CCC;}
.flotar_izquierda { float:left; margin-right: 20px; }
.flotar_derecha { float:right; margin-left: 20px; }
.capital { font-size: 240%; color: #0679a0; }
.logo_ir { color: #010066; font-weight:bold; }
.logo_2M { color: #036704; font-weight:bold;}
li.lnk_pdf, li.lnk_html { background-repeat:no-repeat; padding-bottom: 20px;padding-left: 40px; list-style:none;}
li.lnk_pdf {background-image: url(../imagenes/PDF-Icon.png); }
li.lnk_html { background-image: url(../imagenes/html_icon.png); }
/* ------------- Ajuste generales de texto e imagenes-------- */

/* ---------- Cabecera ----------------*/
#cabecera {border: 0px solid  #063;width: 100%;height: 130px;  }
#cabecera #logo {display: inline-block; text-align: center; width: 20%; border: 0px solid #F00;}
#cabecera img{border: 0px;}
#cabecera p {font-family:"Times New Roman", Times, serif;font-size: 110%;font-style:italic;color: #333;}
#cabecera #cabecera_cita {display:inline-block;width: 47%;text-align:center;font-style:italic; position:relative; vertical-align:top;left: 80px; top: 20px; }
#cabecera .cita {font-size: 110%;}
#cabecera #logo_img { width:139px; height:84px; }

#inicio_a { width: 43px; height: 44px; float: right; background-image: url(../imagenes/home_1.gif); background-position:center; background-repeat:no-repeat;}
#inicio_a:hover { background-image:url(../imagenes/home_22.gif); background-position:center; background-repeat:no-repeat; }
/* ---------- FIN: Cabecera ----------------*/

/* -------------- Menu principal ------------ */
#menu_principal { border: 0px solid #066;font-family:Verdana, Arial, Helvetica, sans-serif; width: 82%; display:inline-block;}
#menu_principal ul {display:inline;list-style:none;}
#menu_principal li {padding-left: 1%; padding-right: 1%; float:left; height: 25px;line-height: 25px; text-align:center; }
#menu_principal li a { text-decoration:none; font-size:100%; font-weight:bold; color: #0679a0; }
#menu_principal li.inactivo a {color:#FFFFFF;}
#menu_principal li a:hover  { color:#0679a0;}
#menu_principal li.activo  { background-color: #FFF; }
#buscador { border: 0px solid #066;float: right; display:inline-block;  height: 25px; line-height: 25px;}
#buscador #q { width: 100px; font-size: 100%; display:inline-block; }
#buscador #sa { font-size: 90%; }
#cse-search-results { font-size: 72%; }
/* ------------- FIN: Menu Principal --------------- */

/* ----------- Contenido ------------------- */
#cuerpo {width: 100%;display: inline-block;vertical-align: top; background-color:#FFF; font-size: 110%}
#contenido {display: inline-block;width: 80%;padding-top: 40px;margin-left: 30px; }
/* ----------- FIN: Contenido ------------------- */

/* -------------- Menú secundario ----------------- */
#menu_secundario { border: 0px solid  #063;display: inline-block; vertical-align: top; width: 10%; padding-top: 10px; padding-bottom: 40px; padding-left: 20px;}
#menu_secundario #titulo h3 { border-bottom: #0679a0 5px solid; }
#menu_secundario #titulo { padding-bottom: 0px; }
#menu_secundario ul { list-style:none; }
#menu_secundario li { padding-top: 5px; padding-bottom: 5px; border-bottom: #CCCCCC solid 1px; }
#menu_secundario li a, #menu_secundario li a:visited { display:inline; color: #0679a0; text-decoration: none; }
#menu_secundario li a:hover { color: #0679a0; text-decoration: underline; }
#menu_secundario li.activo a { font-weight:bold; }
/* -------------- FIN: Menú secundario ----------------- */

/* -------------- Pie ------------ */
#pie {padding-top: 80px;width: 100%;height: 70px; background-color:#FFF; text-align: center;}
#pie #compartir { text-align: center; display:inline-block; width: 25%; }
#pie #copyr {margin-left: 10%;font-size:90%;width: 48%;float: left;color:#666;}
#pie ul {display:inline;list-style:none;font-size: 90%;}
#pie li {float:left;display:block;padding-right: 7px;padding-left: 7px;}
#pie li a, #pie li a:visited {text-decoration:none;color: #0679a0;}
#pie li a:hover {text-decoration:underline;color: #0679a0;}
.item_pie {	border-right: 1px solid #999999;}
#pie hr{margin: 10px auto;height: 0px;width: 70%;border-top:1px solid #CCC;	border-bottom:0px;}
/* ------------- FIN: Pie --------------- */

/* ----------- Inicio ---------------------- */
#inicio_contenedor {width:100%;height: 100%;}
#inicio_contenedor #imagen {width: 220px;height: 250px;display:inline-block;}
#inicio_contenedor #texto {width: 60%;display:inline-block;vertical-align: top; margin-left: 30px;}
#inicio_contenedor #texto h1,#inicio_contenedor #texto h2{text-align: center;}
#microbus {width: 215px;height: 159px;}
/* ----------- FIN: Inicio ----------------- */

/* ----------- Quienes somos --------------- */
#qui_quienes_contenedor {text-align: center; width: 45%; display:inline-block; vertical-align: top; padding-right: 30px;}
#qui_quienes_txt {width: 100%;font-size: 105%; text-align:left;}
#objetos {  width: 50%; display: inline-block; text-align:center; }
#qui_quienes_txt p {vertical-align: top;line-height: 20px;}
#foto_pic {width: 33%;}
#video_pro { display:inline-block;   }
#dossier { display:inline-block;} 
/* ----------- FIN: Quienes somos --------------- */

/* --------------- Gente ir2m ------------------ */
#objeto_gente {display:inline-block; text-align: left; width: 50% }
#objeto_facebook { display: inline-block; vertical-align:top; text-align:left; padding-left: 5%; }
/* --------------- FIN: Gente ir2m ------------------ /*

/* ------- Mision y valores --------------------- */
#qui_mision_contenedor {width: 100%; background-image:url(../imagenes/tierra.jpg); background-position:bottom right; background-repeat:no-repeat}
#mision {width: 45%;vertical-align: top;display: inline-block; padding-right: 30px;}
#valores {width: 35%;display: inline-block;text-align:center;}
#txt_valores {width: 100%;display: inline-block;text-align: left;}
#valores ul {list-style-image: url(../imagenes/palomita.gif);margin-left: 20px;}
#valores li {margin-top: 5px;}
/* ------- FIN: Mision y valores --------------------- */

/* ------------- Objetivos -------------- */
#qui_objetivos_contenedor {width: 90%;display: inline-block; background-image:url(../imagenes/objetivos_estrategicos.gif); background-repeat:no-repeat; background-position:right;}
#qui_objetivos_txt { width: 50%; }
#qui_objetivos_contenedor ul {list-style-image: url(../imagenes/palomita.gif);margin-left: 20px;}
/* ------------- FIN: Objetivos -------------- */

/* ------ Responsabilidad social corporativa ------- */
#respon_cont li {list-style-image: url(../imagenes/flecha.gif);margin-left: 20px;}
/* --FIN: Responsabilidad social corporativa ------- */

/* ------------- Soluciones ir2M ------------------- */
#sol_contenedor {width: 100%;height: 100%;display: block; background-image:url(../imagenes/perfil_imagina.jpg); background-repeat:no-repeat; background-position: right top;}
#soluciones_txt_1 {width: 30%;display: block; }
#soluciones_txt_2 {width: 55%;display: block; }
/* ------------- FIN: Soluciones ir2M ------------------- */

/* ----------------- Lineas de negocios ----------------- */
#sol_lin_izq {display: inline-block; width: 52%; font-size: 95%; padding-right: 3%;}
#sol_lin_dch {display: inline-block; width: 40%; font-size: 95%; vertical-align:top; margin-left: 3%}
#sol_lin_izq ul {list-style-image: url(../imagenes/flecha.gif);margin-left: 20px;}
#sol_lin_izq li { margin-top: 5px;}
/* ----------------- FIN: Lineas de negocios ----------------- */

/* -------------- Innovacion --------------------------- */
#sol_innova_contenedor { width: 100%; background-image:url(../imagenes/innovacion.jpg); background-position:right; background-repeat:no-repeat; }
#sol_innova_txt {width: 50%;}
/* -------------- Innovacion ---------------------------- */

/* ------------- Solucion inteligente -------------- */
#sol_inteli_contenedor { width: 100%; height: 250px;background-image:url(../imagenes/solucion.jpg); background-position:right; background-repeat:no-repeat; }
#sol_inteli_txt { width: 55%; }
/* ----------- FIN: Solucion inteligente ----------- */

/* ------------- Garantia de exito ----------------- */
#sol_garantia_contenedor { width: 100%; height: 420px; background-image: url(../imagenes/garantia.jpg); background-position: bottom; background-repeat: no-repeat; }
/* ----------- FIN: Garantia de exito --------------- */

/* --------- Ciudades objetivo --------------- */
#sol_ciudades_contenedor { width: 100%; height: 330px; background-image: url(../imagenes/ciudad.jpg); background-position:bottom; background-repeat: no-repeat; }
#ciudades_cita {width: 100%; display:inline-block; text-align:center; }
#ciudades_cita .cita { width: 60%; margin: 0 auto; }
/* ------- FIN: Ciudades objetivo ------------ */

/* ---------------- Movilidad Sostenible --------------- */
#mov_contenedor { width: 100%; }
/* ---------------- FIN: Movilidad Sostenible --------------- */

/* ----------------- Documentos y enlaces --------------- */
#mov_docs_contenedor {width: 100%; height: 100% }
#mov_docs_contenedor #documentos {width: 45%; display:inline-block; vertical-align: top; padding-right: 30px;  }
#mov_docs_contenedor #enlaces {width: 45%; display:inline-block; vertical-align: top; padding-left: 30px;}
/* ----------------- FIN: Documentos y enlaces --------------- */

/* ----------------- Asociaciones Blogs y Funcaciones --------------- */
#mov_asoc_contenedor {width: 100%; height: 100% }
#asoc_cita {width: 100%; display:inline-block;font-style:italic; text-align:center; }
#asoc_cita .cita { width: 90%; margin: 0 auto; }
/* ----------------- FIN: Asociaciones Blogs y Fundaciones --------------- */

/* ----------------- Organismos internacionales --------------- */
#mov_org_contenedor {width: 100%; height: 100%; }
/* ----------------- FIN: Organismos internacionales --------------- */

/* ---------- Bloque suscripcion ir2m 2.0 ----- */
#suscribe{ width: 32%;display:inline-block; vertical-align: top; padding-left: 3%;   }
#suscribe li { height: 35px; line-height: 35px; padding-left: 40px; list-style:none; background-repeat:no-repeat; }
#suscribe li.icon_rss { background-image:url(../imagenes/rss.png);  }
#suscribe li.icon_rss_mail { background-image: url(../imagenes/Social_Email_RSS.png); }
#suscribe li.icon_facebook { background-image:url(../imagenes/facebook.png);  }
#suscribe li.icon_twitter { background-image: url(../imagenes/twitter.png); }
#suscribe li.icon_youtube { background-image: url(../imagenes/youtube.png); }
/* ----- FIN: Bloque suscripcion ir2m 2.0 ----- */

/* --------------- Noticias --------------- */
#pre_ncont { width: 100%; height: 100%;}
#pre_ncont #ir2m{ width: 60%; height: 100%; display:inline-block; padding-right: 4%;}
/* --------------- FIN: Noticias y referencias ----------- */

/* ------------- Galeria Multimedia --------------------- */
#gmmedia {width: 60%; height: 100%; display:inline-block; padding-right: 4%;}
#gmmedia_menu { width: 100%; text-align: center;}
#gmmedia_menu li { display:inline-block; vertical-align: top; padding-left: 7px; padding-right: 7px; }

#elementos { text-align: center; width: 100%; }
#gmmedia .gmmedia_img_c { margin-left: 20px; margin-bottom: 20px; width: 160px; height: 130px; text-align: center; display: inline-block; vertical-align: top;}
#gmmedia .img_div { height: 65%;}
#gmmedia .gmmedia_img { height: 95%; }

#elementos_video { text-align: left; width: 100%;}
#gmmedia .gmmedia_video { display:inline-block; vertical-align: top; margin-right: 30px; }

#elementos_docs { text-align: left; width: 100%;}
#gmmedia .gmmedia_docs { display:inline-block; vertical-align: top; margin-right: 30px;}
/* -------- FIN: Galeria Multimedia --------------------- */

/* ------------- ir2m en los Medios --------------------- */
#ir2mmedios {width: 60%; height: 100%; display:inline-block; padding-right: 4%;}
/* -------- FIN: ir2m en los Medios --------------------- */

/* ---------- Inversores ----------------------------- */
#inv_contenedor { width: 100%; }
#inv_txt { display: inline-block; width: 50%; padding-right: 20px; }
#inv_img { display: inline-block; width: 38%; vertical-align: top; padding-left: 30px;}
#img_beneficios { width: 89%; }
#inv_cita {width: 100%; display:inline-block;font-style:italic; text-align:center; }
#inv_cita .cita { width: 100%; margin: 0 auto; }
/* ----------- FIN: Inversores ------------------------*/

/* -------- Expectativas de Empleo ---------------- */
#inv_exp_emp_txt #img_empleo1 { width: 18%; }
#inv_exp_emp_txt #img_empleo2 { width: 18%; }
/* ----FIN: Expectativas de Empleo ---------------- */

/* -------- Expectativas de Negocio ---------------- */
#inv_exp_neg_txt #img_negocio1 { width: 18%; }
#inv_exp_neg_txt #img_negocio2 { width: 18%; }
/* ----FIN: Expectativas de Empleo ---------------- */

/* ------------ Contacto --------------------- */
#contacto_contenedor { height: 400px; background-image:url(../imagenes/laptop.jpg); background-repeat:no-repeat; background-position: right; }
#formulario li { list-style: none; }
.sep_label { width: 80px; display:inline-block; }
.obligatorio { color: #F00; font-weight:bold;}
.aviso { color:#F00; font-size: 80%; }
/* ------- FIN: Contacto --------------------- */

/* ---------- Trabaja con Nosotros ---------- */
#trabaja_contenedor  li { list-style-image: url(../imagenes/flecha.gif);margin-left: 20px; }
#trabaja { float: right; width: 40%; height: 40%;}
/* ------- FIN: Trabaja con Nosotros -------- */

/* ------------ Privacidad ------------- */
#privacidad_contenedor { margin-left: 15%; }
#privacidad_txt { width:100%; display:inline-block; text-align: left; font-size: 90%;  }
/* -------- FIN: Privacidad -------------*/

/* ------------ Legal ------------- */
#legal_contenedor { margin-left: 15%; }
#legal_txt { width:100%; display:inline-block; text-align: left; font-size: 90%;  }
/* -------- FIN: Legal -------------*/