/*
 * @paquete Archivo de applicacion
 * @Archivo css_general.css	
 * @ruta includes/css/
 * @copyright Copyright Mas Fusion, S.C. 2009
 * @contacto http://www.masfusion.com richard@masfusion.com
 * @version 1.0
*/

/* Generales */
body {background:#333333; font-family:Helvetica, Arial, sans-serif; font-size:62.5%; margin:0px}
form {margin:0px; padding:0px;}
input, textarea, select {outline:none;}
input, textarea, select {outline:none;}
.no_margin {margin:0px !important;}
.no_padding {padding:0px !important;}
.no_padding_top {padding-top:0px !important;}
.no_padding_bottom {padding-bottom:0px !important;}
p {margin:0px; padding:0px}
.no_border_top {border-top:none !important;}
.middle {vertical-align:middle;}
#regresar {font-size:14px; margin:-20px 5px 20px 0;}
#regresar img {margin:0 5px 0 0;}
.go_top {display:none; position:fixed; right:5px; bottom:5px; text-decoration:none; border:1px solid #C51015; background:#FFFFFF; padding:10px;}
.go_top a {font-size:12px;}
.go_top img {margin-right:5px;}

/* Estilos para textos con SIFR */
.title_slogan_01 {font-size:45px; color:#004D91; display:block; margin:23px 0 0 30px; visibility:hidden; letter-spacing:10px}
.title_slogan_02 {font-size:85px; color:#004D91; display:block; margin:-22px 0 20px 50px; visibility:hidden}
.title_que_hacemos {font-size:35px; color:#FFFFFF; display:block; margin:0px 0 10px 0px; visibility:hidden}
.title_donde, .title_quienes_somos, .title_integrante {font-size:37px; color:#000000; display:block; visibility:hidden}
.title_nuestros_clientes {font-size:37px; color:#FFFFFF; display:block; visibility:hidden}
.title_seccion_right {font-size:20px; color:#004D91; display:block; margin-bottom:0px; visibility:hidden}
.title_seccion_header {font-size:85px; color:#004D91; display:block; margin:35px 0 20px 40px; visibility:hidden}
.title_integrante {margin-bottom:-5px; width:460px; overflow:hidden; visibility:hidden}
.title_actividad_01 {font-size:63px; color:#004D91; display:block; margin:20px 0 0 30px; visibility:hidden}
.title_actividad_02 {font-size:63px; color:#004D91; display:block; margin:-15px 0 20px 60px; visibility:hidden}
.title_actividad {font-size:29px; color:#004D91; display:block; margin:0px 0 -2px 0; visibility:hidden}
.title_servicio {font-size:32px; color:#FFFFFF; display:block; margin:10px 0 7px 0; visibility:hidden}
.title_servicio2 {font-size:20px; color:#FFFFFF; display:block; margin:0 0 -10px 0; visibility:hidden}
.title_nosotros_01 {font-size:45px; color:#004D91; display:block; margin:23px 0 0 30px; visibility:hidden; letter-spacing:10px}
.title_nosotros_02 {font-size:85px; color:#004D91; display:block; margin:-17px 0 20px 50px; visibility:hidden}

/* Estilos para Links */
.link_azul {color:#004D91}
.link_azul:hover {color:#C51015}
.link_azul_claro {color:#78C6FF;}
.link_azul_claro:hover {color:#FFFFFF}
.link_rojo {color:#C51015;}
.link_rojo:hover {color:#000000}
.link_blanco {color:#FFFFFF;}
.link_blanco:hover {color:#006CCD;}

/* Contenedor */
#contenedor_general {background:#FFFFFF;}
#container {margin:0 auto; width:945px;}

/* Header */
#header {height:90px; overflow:hidden}
#header .menu {float:left; width:710px; height:90px;} 
#header #logo {float:right; width:235px; height:90px;}

/* Menu */
.menu {width:486px; height:24px;}
.menu ul {list-style-type:none; padding:0; margin:0;}
.menu li {float:left; position:relative; margin-left:0px; height:70px;}
.menu li a {display: block; background:url(../../img/bg_link_menu.jpg) repeat-x #F7F7F7 0px -80px; height:70px; outline:none; margin-right:7px; border-bottom:3px solid #DDDDDD; padding:0px 10px 0px 10px; color:#004D91; font-size:14px; text-decoration:none}
.menu li a span {position:absolute; bottom:5px; cursor:pointer}
.menu li a.uno {width:75px;}
.menu li a.dos {width:100px;}
.menu li a.tres {width:68px;}
.menu li a.cuatro {width:103px;}
.menu li a.cinco {width:68px;}

/* Menu Hover */
.menu li a:hover, .menu li a.link_activo {background:url(../../img/bg_link_menu.jpg) repeat-x 0px 20px; border-bottom:3px solid #9A9A9A; color:#5A5A5A}
.que_hacemos_link .menu li a.uno, .donde_link .menu li a.dos, .nuestros_clientes_link .menu li a.tres, .quienes_somos_link .menu li a.cuatro, .contacto_link .menu li a.cinco {background:url(../../img/bg_link_menu.jpg) repeat-x 0px 0px !important; border-bottom:3px solid #9A9A9A; color:#5A5A5A}

/* Secciones */
.seccion {padding:0 0 35px 0; overflow:hidden}
.pad_bottom_seccion {padding:0 0 35px 0;}

/* Slogan */
#slogan {background:#E3E3E3; padding:5px; font-size:14px; color:#333333; line-height:20px;}
#contenido_slogan {border-top:1px solid #ABABAB; overflow:hidden; border-left:1px solid #ABABAB; border-right:1px solid #EFEFEF; width:933px; background:url(../../img/bg_slogan.jpg) #F6F6F6 no-repeat top center}
#contenido_slogan .left {float:left; width:423px;}
#contenido_slogan .right {float:left; width:390px; height:160px; padding:0px;}
#contenido_slogan .caja_slogan {position:absolute; margin:27px 0 0 10px;}

/* Que hacemos */
#que_hacemos {background:url(../../img/bg_que_hacemos.jpg) repeat-x #4C4C4C; padding:10px; width:925px; overflow:hidden}
#que_hacemos .left {width:315px; float:left; color:#FFFFFF; font-size:13px; line-height:18px;}
#que_hacemos .right {width:600px; float:right;}
#que_hacemos .left ul li {color:#FFFFFF; font-size:14px; margin-bottom:3px;}
#video_que_hacemos {width:600px; height:251px;}

/* Donde */
#donde {background:#E3E3E3; padding:5px; width:935px;}
#bg_donde {background:url(../../img/bg_donde.jpg) no-repeat; height:295px}
#contenido_donde {width:360px; background:url(../../img/bg_contenido_donde.png) repeat; margin:10px 0 0 10px; padding:10px; font-size:13px; color:#000000; line-height:18px; position:absolute}

/* Nuestros clientes */
#nuestros_clientes {background:#9F9F9F; padding:5px; width:935px;}
#bg_nuestros_clientes {background:url(../../img/bg_nuestros_clientes.jpg) no-repeat #4C4C4C; padding:15px}
#contenedor_clientes {overflow:hidden; margin:20px 0 0 0}
#contenedor_clientes .cliente {float:left; margin:0 13px 15px 0;}
#contenedor_clientes .cliente img {width:168px; height:76px; border-left:1px solid #D2D2D2; border-right:1px solid #787878; border-bottom:2px solid #000000;}
#contenedor_clientes .cliente .categoria_cliente {display:block; margin:5px 0 0 0; font-size:12px; color:#000000; text-align:center}

/* Equipo */
#equipo {width:945px; overflow:hidden;}
#equipo .left_col {width:705px; float:left}
#equipo .right_col {width:240px; float:right}

/* Quienes somos */
#equipo .left_col #quienes_somos {width:620px; background:#F5F5F5; padding:10px 20px 30px 20px;}
#equipo .left_col #quienes_somos #contenedor_integrantes {width:620px; overflow:hidden; margin-top:10px}
#equipo .left_col #quienes_somos #contenedor_integrantes .row_integrante {overflow:hidden; margin:0 0 20px 0;}
#equipo .left_col #quienes_somos #contenedor_integrantes .integrante {width:145px; margin:0 13px 0 0; border-top:1px solid #D0D0D0; float:left}
#equipo .left_col #quienes_somos #contenedor_integrantes .integrante .foto_integrante {background:url(../../img/bg_foto_integrante.jpg) repeat-x; width:145px; height:145px; border-bottom:1px solid #DEDEDE}
#equipo .left_col #quienes_somos #contenedor_integrantes .integrante .foto_integrante a {outline:none;}
#equipo .left_col #quienes_somos #contenedor_integrantes .integrante .foto_integrante img {position:relative; margin:24px 0 0 25px; outline:none}
#equipo .left_col #quienes_somos #contenedor_integrantes .integrante .datos_integrante {background:#FFFFFF; margin:5px 0 0 0; padding:10px 5px; width:135px; text-align:center}
#equipo .left_col #quienes_somos #contenedor_integrantes .integrante .datos_integrante a {font-size:14px;}
#equipo .left_col #quienes_somos #contenedor_integrantes .integrante .datos_integrante .puesto_departamento {display:block; margin:3px 0 0 0; font-size:12px}

/* Seccion Derecha Home */
#equipo .right_col .seccion_right {width:224px; border:3px solid #E3E3E3; background:#F5F5F5; padding:10px 5px; margin:0 0 30px 0}

/* Nuestros numeros */
#nuestros_numeros {margin:10px 0 0 0;}
#nuestros_numeros .dato {width:214px; overflow:hidden; margin:0 0 7px 0}
#nuestros_numeros .dato .left {font-size:15px; width:44px; padding:0 5px 0 0; float:left; font-weight:bold; text-align:right}
#nuestros_numeros .dato .fix_size_letter {font-size:13px;}
#nuestros_numeros .dato .right {font-size:13px; width:160px; float:right;} 

/* Actividad del mes */
#equipo .right_col #actividad_mes {padding:10px; width:214px}
#equipo .right_col .seccion_right .introduccion_actividad_mes {color:#333333; font-size:12px; display:block; line-height:18px; margin-bottom:10px}
#equipo .right_col .seccion_right .contenido_actividad_mes {font-size:14px; color:#333333; display:block; margin:0 0 7px 0}
#equipo .right_col .seccion_right .slideshow img {display:none;}

/* Version */
#version {text-align:right; padding:20px 0 0 0; margin-bottom:10px; font-size:12px}

/* Nosotros */
#bg_perfil {width:620px; padding:20px; background:#FBFBFB; font-size:14px; color:#333333;}
#perfil {width:945px; overflow:hidden; line-height:22px}
#perfil .left_col {width:705px; float:left}
#perfil .right_col {width:240px; float:right}
#perfil .left_col .foto_integrante {background:url(../../img/bg_foto_integrante.jpg) repeat-x; width:145px; height:145px; border-top:1px solid #D0D0D0; border-bottom:1px solid #DEDEDE}
#perfil .left_col .foto_integrante a {outline:none;}
#perfil .left_col .foto_integrante img {position:relative; margin:24px 0 0 25px; outline:none}
#perfil #foto_perfil {float:left; margin:0 10px 5px 0;}
#perfil .right_col .seccion_right {width:224px; border:3px solid #E3E3E3; background:#F5F5F5; padding:10px 5px; margin:0 0 30px 0}
#perfil .puesto_perfil {display:block; margin:0px 0 10px 0;}
#perfil .perfil {line-height:22px;}
#perfil #gustos {overflow:hidden;}
#perfil #gustos .gusto {overflow:hidden; margin:15px 0 10px 0; line-height:22px;}
#perfil #gustos .gusto .categoria_gusto {float:left; padding:0 15px 0 0}
#perfil #gustos .gusto .contenido_gusto {float:left; width:500px}
#perfil .redes_perfil {display:block; margin:0 0 7px 0; font-size:13px;}
#perfil .redes_perfil .red_social  {margin:0 5px 0 0;}
#perfil .contenido_redes_perfil {display:block; margin:0 0 -5px 0}
#perfil #redes {width:224px;}

/* Actividad del Mes (Completo) */
#contenido_slogan_actividad {border-top:1px solid #ABABAB; overflow:hidden; border-left:1px solid #ABABAB; border-right:1px solid #EFEFEF; width:933px; background:url(../../img/bg_slogan.jpg) #F6F6F6 no-repeat top center}
#contenido_slogan_actividad .left {float:left; width:353px;}
#contenido_slogan_actividad .right {float:left; width:460px; height:160px; padding:0px;}
#contenido_slogan_actividad .caja_slogan {position:absolute; margin:27px 0 0 10px;}
#bg_contenido_actividad {width:615px; padding:20px; background:#FBFBFB; font-size:14px; color:#333333;}
#actividad {width:945px; overflow:hidden; line-height:22px}
#actividad .left_col {width:705px; float:left}
#actividad .right_col {width:240px; float:right}
#actividad .right_col .seccion_right {width:224px; border:3px solid #E3E3E3; background:#F5F5F5; padding:10px 5px; margin:0 0 30px 0}
#actividad .foto_actividad {border:5px solid #DEDEDE; margin:10px 0 5px 0; width:605px;}
#actividad .all_photos_link {font-size:12px; margin-bottom:7px;}
#actividad .descripcion_actividad {margin:-10px 0 0 0;}
#actividad .descripcion_actividad ul {margin:0; padding:0; list-style:none; margin-bottom:7px}
#actividad .seccion_right {line-height:18px;} 
#actividad .link_actividades_right {margin:0 0 7px 0;}
#actividad .link_actividades_right a {font-size:14px; color:#666666;}
#actividad .link_actividades_right a:hover {color:#CC0000;}
#actividad .contenido_nosotros_right {color:#333333; font-size:13px; line-height:18px;}
#actividad #contenido_nosotros_right {height:278px;}
#actividad #contenedor_img_cabezas {position:absolute; margin:5px 0 0 -5px; width:234px; height:206px; overflow:auto}

/* Servicios */
.servicio_rojo {background:#9E0E12; padding:5px; font-size:14px; color:#FFFFFF; line-height:20px; overflow:hidden}
.servicio_azul {background:#004D91; padding:5px; font-size:14px; color:#FFFFFF; line-height:20px; overflow:hidden}
.seccion .bg_seccion {float:left; width:625px;}
.seccion .contenido_seccion {float:left; width:290px; padding:10px 10px 0 10px}

/* Footer */
#footer {background:url(../../img/bg_footer.jpg) repeat-x #333333; width:100%; font-size:12px; border-top:5px solid #DEDEDE}
#contenido_footer {width:945px; margin:0 auto; overflow:hidden}
#contenido_footer .redes_sociales {background:url(../../img/bg_redes_sociales.png) repeat; width:125px; padding:25px 20px; float:left}
#contenido_footer .logo_footer {margin-bottom:15px;}
#contenido_footer .contenedor_red_social {margin-bottom:10px;}
#contenido_footer .red_social {vertical-align:middle; margin-right:10px;} 

/* Contacto */
#footer #contenido_footer .form_contacto {float:left; padding:25px 20px; width:455px;}
#footer #contenido_footer .form_contacto .title_contacto {font-size:22px; color:#FFFFFF; display:block; margin:0 0 7px 0}
#footer #contenido_footer .form_contacto #formulario_contacto {font-size:12px; color:#666666;}
#footer #contenido_footer .form_contacto #formulario_contacto .row_contacto {width:455px; overflow:hidden; margin-bottom:7px; height:30px; line-height:30px;}
#footer #contenido_footer .form_contacto #formulario_contacto .campo {width:60px; float:left; font-size:12px; color:#FFFFFF}
#footer #contenido_footer .form_contacto #formulario_contacto .campo2 {width:100px; float:left; font-size:12px; color:#FFFFFF}
#footer #contenido_footer .form_contacto #formulario_contacto .campo_formulario {width:370px; float:left;}
#footer #contenido_footer .form_contacto #formulario_contacto .bg_input_text {background:#515151; width:158px; height:27px; border:1px solid #515151}
#footer #contenido_footer .form_contacto #formulario_contacto .bg_input_text2 {background:#515151; width:185px; height:27px; border:1px solid #515151}
#footer #contenido_footer .form_contacto #formulario_contacto .bg_textarea {background:#515151; width:445px; height:88px; clear:both; margin:0; border:1px solid #515151}
#footer #contenido_footer .form_contacto #formulario_contacto .input_text {width:142px; height:27px; padding:3px 5px; font-size:12px; color:#F3F3F3; font-family:Helvetica, Arial, sans-serif; border:none; background:none; margin:3px 0 0 3px}
#footer #contenido_footer .form_contacto #formulario_contacto .mediano {width:170px;}
#footer #contenido_footer .form_contacto #formulario_contacto .textarea {width:430px; height:75px; padding:3px 5px; font-size:12px; color:#F3F3F3; font-family:Helvetica, Arial, sans-serif; border:none; background:none; margin:3px 0 0 3px}
#footer #contenido_footer .form_contacto #formulario_contacto #text_mensaje {display:block;}
#footer #contenido_footer .form_contacto #formulario_contacto #mensaje, #footer #contenido_footer .form_contacto #formulario_contacto .form_error {display:block; text-align:right; width:440px; margin:5px 15px 0 0; font-size:14px; color:#FF0000; height:20px; background:#333333}
#footer #contenido_footer .form_contacto #formulario_contacto .procesando {margin-left:10px; color:#78C6FF !important; font-size:14px}
#footer #contenido_footer .form_contacto #formulario_contacto .enviar_form_contacto {width:61px; height:27px; display:block; background:url(../../img/btn/enviar.png) no-repeat; border:none; outline:none}
#footer #contenido_footer .form_contacto #formulario_contacto .loading, #footer #contenido_footer .form_contacto #formulario_contacto .exito {margin-right:5px;}

/* Contacto Error */
#footer #contenido_footer .form_contacto #formulario_contacto .bg_textarea_error {background:#CC0000; color:#FFFFFF; width:445px; height:88px; clear:both; margin:0}
#footer #contenido_footer .form_contacto #formulario_contacto .textarea_error {width:435px; height:75px; padding:5px; font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; border:none; background:none; margin:3px 0 0 3px}

/* Contacto Exito */
#footer #contenido_footer .form_contacto #formulario_contacto .success_form_contacto {margin-left:10px; color:#FFFFFF; font-size:14px}

/* Ubicacion */
#footer #contenido_footer .ubicacion {float:left; width:245px; padding:25px 0px; color:#CCCCCC; line-height:18px}
#footer #contenido_footer .ubicacion #mapa_ubicacion {width:285px; height:130px; margin:0 0 10px 0}
#footer #contenido_footer .ubicacion #mapa_ubicacion div span {display:none;}
#footer #contenido_footer .ubicacion a {color:#006CCD;}
#footer #contenido_footer .ubicacion a:hover {color:#C51015;}