@charset "utf-8"; /* -------------------------------------------------------------------------------------------------------------------- PARA TODA LA PAGINA -> body{ font-size:62.5%; } => 1em = 10px ----------------------------------------------------------------------------------------------------------------------- */ *{ padding:0px; margin:0px; border:0; } *, *:after, *:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } a{ text-decoration:none; -webkit-appearance:none; -moz-appearance:none; appearance:normal; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; } a:active,a:focus{ outline:none; } img{ border:none; } fieldset, img{ border:0 } input:focus, textarea:focus{ outline:0px; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block; } body{ font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#000; background-color:#FFFFFF; } body.preloader-site{ overflow:hidden; } #loading{ display:none; position:fixed; width:100%; height:100%; z-index:99990; background:url(../img/overlay.png); } #loading #loading-box{ width:100%; height:100%; background:url(../img/overlay_box.png) center center no-repeat; } #loading #loading-box #loading-car{ width:100%; height:100%; background:url(../img/loading.gif) center center no-repeat; } #loading_2{ display:block; position:fixed; width:100%; height:100%; z-index:99990; background-color:#000; } #loading_2 #loading-box{ width:100%; height:100%; background:url(../img/overlay_box.png) center center no-repeat; } #loading_2 #loading-box #loading-car{ width:100%; height:100%; background:url(../img/loading.gif) center center no-repeat; } .upper{ text-transform:uppercase; } .lower{ text-transform:lowercase; } .obj_hide{ display:none; } .obj_show{ display:block; } .sep_top{ margin-top:30px; } .efecto{ -webkit-appearance:none; -moz-appearance:none; appearance:normal; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; } .wrapper{ display:block; width:1000px; margin:0 auto; position:relative; } .wrapper:after{ clear:both; content:""; display:block; height:0; } /* HEADER (Escudo, Logo, Menu, Cabecera) */ #header-wrapper{ display:block; } #header-wrapper #header_fixed{ display:block; width:100%; position:fixed; top:0; left:0; z-index:10; } #header-wrapper #header_smm{ display:block; padding:8px 0; background-color:#10538A; } #header-wrapper #header_smm ul, #header-wrapper #header_smm ul li{ list-style:none; } #header-wrapper #header_smm ul li{ display:inline-block; margin:0 6px; vertical-align:top; } #header-wrapper #header_smm ul li:last-child{ margin-right:0; } #header-wrapper #header_smm ul li a{ display:block; vertical-align:top; } #header-wrapper #header_smm ul li a.smm{ font-size:1.5em; color:#FFF; } #header-wrapper #header_smm ul li a.smm:hover{ color:#38C2CD; } #header-wrapper #header_smm ul li a i{ vertical-align:middle; } #header-wrapper #header_varios{ display:block; background-color:#2E3452; } #header-wrapper #header_varios:after{ clear:both; content:""; display:block; height:0; } #header-wrapper #header_varios #header_tbl{ display:table; width:100%; } #header-wrapper #header_varios #header_tbl #header_row{ display:table-row; } #header-wrapper #header_varios #header_tbl #header_row .header_cell{ display:table-cell; } #header-wrapper #header_varios #header_tbl #header_row #header_logo{ text-align:left; vertical-align:middle; width:200px; padding:20px 0; } #header-wrapper #header_varios #header_tbl #header_row #header_logo img{ max-width:100%; vertical-align:top; } #header-wrapper #header_varios #header_tbl #header_row #header_btn{ vertical-align:middle; width:145px; } #header-wrapper #header_varios #header_tbl #header_row #header_btn > ul{ text-align:right; } #header-wrapper #header_varios #header_tbl #header_row #header_btn ul li{ display:inline-block; padding-left:3px; } #header-wrapper #header_varios #header_tbl #header_row #header_btn ul li:first-child{ padding-left:0; } #header-wrapper #header_varios #header_tbl #header_row #header_btn ul li a{ display:inline-block; padding:5px 10px; font-size:1.3em; color:#FFF; background-color:#38C2CD; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #header-wrapper #header_varios #header_tbl #header_row #header_btn ul li a:hover{ color:#38C2CD; background-color:#FFF; } #header-wrapper #header_varios #header_tbl #header_row #header_nav{ text-align:center; vertical-align:bottom; } #header-wrapper #header_varios #header_tbl #header_row #header_nav a{ font-size:1.2em; font-weight:bold; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin{ display:block; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin > ul{ text-align:center; list-style:none; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin ul li{ display:inline-block; list-style:none; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin ul li a{ display:block; line-height:18px; padding:7px 20px 4px 20px; margin:0 1px 0 0; color:#2E3452; background-color:#FFF; border-bottom:3px solid #FFF; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin ul li:first-child a{ margin-left:0; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin ul li:last-child a{ margin-right:0; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin ul li a:hover, #header-wrapper #nav #nav_prin ul li a:active{ border-bottom-color:#38C2CD; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_prin ul li a.eleg{ border-bottom-color:#38C2CD; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec{ display:none; z-index:9989; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .button{ width:33px; float:right; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .button:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .button a{ display:block; width:33px; height:29px; padding:3px 7px 0 7px; border:1px solid #009AD0; background-color:#FFF; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .button a span{ display:block; width:100%; height:3px; background-color:#009AD0; margin-top:3px; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .r_menu{ display:none; position:absolute; right:0; top:100%; z-index:99990; width:100%; border-bottom:1px solid #E3E3E3; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .r_menu ul{ list-style:none; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .r_menu ul li{ display:block; list-style:none; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .r_menu ul li a{ display:block; text-align:center; padding:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:1.28em !important; color:#000; line-height:normal; background-color:#FFF; border-width:1px 0 0 1px; border-style:solid; border-color:#E3E3E3; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .r_menu ul li a:hover{ color:#FFF; background-color:#38C2CD; } #header-wrapper #header_varios #header_tbl #header_row #header_nav #nav_sec .r_menu ul li a.eleg{ color:#FFF; background-color:#38C2CD; } #header-wrapper #header_cabecera{ display:block; width:100%; height:auto; background-color:#E6E6E6; padding-top:110px; } #header-wrapper #header_cabecera #slider_img, #header-wrapper #header_cabecera #slider .item img{ display:block; width:100%; max-width:100%; height:auto; vertical-align:top; background:url(../img/cargador.gif) center center no-repeat #FFF; } /* FOOTER */ #footer-wrapper{ display:block; } #footer-wrapper #footer_embed{ display:block; width:100%; position:relative; overflow:hidden; background-color:#E5E3DF; } #footer-wrapper #footer_embed .ratio{ display:block; width:100%; height:auto; background-color:#E5E3DF; } #footer-wrapper #footer_embed iframe{ position:absolute; top:0; left:0; width:100% !important; height:100% !important; background:url(../img/cargador.gif) center center no-repeat #E5E3DF; } #footer-wrapper #footer_embed:after{ clear:both; content:""; display:block; height:0; } #footer-wrapper #footer_msg{ display:block; padding:20px 0; text-align:center; font-size:2em; font-weight:bold; color:#10538A; } #footer-wrapper #footer_varios{ display:block; padding:25px 10px; background-color:#2E3452; } #footer-wrapper #footer_varios #footer_varios_tbl{ display:table; width:100%; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row{ display:table-row; position:relative; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell{ display:table-cell; width:20%; text-align:left; vertical-align:top; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .tit{ font-size:1.5em; font-weight:bold; color:#38C2CD; padding-bottom:10px; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .subtit{ font-size:1.2em; font-weight:bold; color:#FFF; padding:15px 0 7px 0; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .subtit.subtit_esp{ padding-top:0; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .enl{ padding-bottom:4px; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .enl a{ font-size:1.1em; color:#FFF; line-height:15px; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .enl a:hover{ text-decoration:underline; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .datos, #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .datos_smm{ font-size:1.1em; color:#FFF; line-height:15px; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell .datos_smm{ padding:20px 0 10px 0; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell img{ vertical-align:top; width:150px; max-width:100%; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul, #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul li{ list-style:none; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul li{ display:inline-block; margin:0 6px; vertical-align:top; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul li:last-child{ margin-right:0; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul li a{ display:block; vertical-align:top; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul li a.smm{ font-size:2em; color:#FFF; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul li a.smm:hover{ color:#24C0CF; } #footer-wrapper #footer_varios #footer_varios_tbl #footer_varios_row .footer_varios_cell ul li a i{ vertical-align:middle; } #footer-wrapper #footer_varios #tra_procesos{ position:absolute; left:0; top:130px; display:block; color:#FFF; width:380px; max-width:100%; } #footer-wrapper #footer_varios #tra_procesos #pro_tit_1{ text-align:left; font-size:1.5em; font-weight:bold; color:#38C2CD; padding-bottom:10px; } #footer-wrapper #footer_varios #tra_procesos #pro_tit_2{ text-align:justify; font-size:1.1em; } #footer-wrapper #footer_varios #tra_procesos #pro_list{ display:block; } #footer-wrapper #footer_varios #tra_procesos #pro_list > ul{ text-align:center; } #footer-wrapper #footer_varios #tra_procesos #pro_list ul{ margin-top:12px; } #footer-wrapper #footer_varios #tra_procesos #pro_list ul, #footer-wrapper #footer_varios #tra_procesos #pro_list ul li{ list-style:none; } #footer-wrapper #footer_varios #tra_procesos #pro_list ul li{ display:inline-block; width:115px; max-width:100%; padding:5px; vertical-align:top; } #footer-wrapper #footer_varios #tra_procesos #pro_list ul li img{ vertical-align:top; max-width:100%; } #footer-wrapper #footer_copy{ display:block; padding:10px; color:#FFF; background-color:#373435; } #footer-wrapper #footer_copy:after{ clear:both; content:""; display:block; height:0; } #footer-wrapper #footer_copy #footer_copy_tbl{ display:table; width:100%; } #footer-wrapper #footer_copy #footer_copy_tbl #footer_copy_row{ display:table-row; } #footer-wrapper #footer_copy #footer_copy_tbl #footer_copy_row #footer_copy_cell_1, #footer-wrapper #footer_copy #footer_copy_tbl #footer_copy_row #footer_copy_cell_2{ display:table-cell; vertical-align:middle; font-size:1.1em; } #footer-wrapper #footer_copy #footer_copy_tbl #footer_copy_row #footer_copy_cell_1{ text-align:left; } #footer-wrapper #footer_copy #footer_copy_tbl #footer_copy_row #footer_copy_cell_2{ text-align:right; } #footer-wrapper #footer_copy #footer_copy_tbl #footer_copy_row #footer_copy_cell_2:after{ clear:both; content:""; display:block; height:0; } #footer-wrapper #footer_copy #footer_copy_tbl #footer_copy_row #footer_copy_cell_2 img{ vertical-align:top; max-width:40px; } /* SECTION: Cuerpo */ #body-wrapper{ display:block; } #body-wrapper .page_titulo{ display:block; text-align:center; font-size:2.9em; font-weight:bold; color:#10538A; line-height:26px; padding:0 0 20px 0; } #body-wrapper .page_titulo.top{ padding-top:40px; } #body-wrapper .page{ padding:40px 0; } /* -------------------------------------------------------------------------------------------------------------------- PARA LAS SECCIONES ----------------------------------------------------------------------------------------------------------------------- */ /* ICONO DE WHATSAPP */ .icon_whatsapp{ position:fixed; width:50px; height:50px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; z-index:100; /* box-shadow:0px 0px 1px 1px #999; box-shadow:2px 2px 3px #999; */ } .icon_whatsapp:hover{ text-decoration:none; color:#25d366; background-color:#fff; } .icon_whatsapp i{ margin-top:10px; } /* BIENVENIDA */ #nosotros{ display:block; background-image:url(../img/fnd_bienvenida.png); background-repeat:no-repeat; background-position:top center; background-size:cover; } #nosotros #bie_vid{ display:block; text-align:center; padding:0 15px; } #nosotros #bie_vid a{ display:inline-block; position:relative; } #nosotros #bie_vid a span{ position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; background:url(../img/img_you.png) center center no-repeat rgba(41, 120, 158, 0.3); opacity:0; transition:opacity .30s ease-in-out; -moz-transition:opacity .30s ease-in-out; -webkit-transition:opacity .30s ease-in-out; } #nosotros #bie_vid a img{ max-width:100%; width:400px; vertical-align:top; border:3px solid #4D4D4D; background:url(../img/video_loading.gif) center center no-repeat #000; } #nosotros #bie_vid a:hover span{ opacity:1; -moz-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } #nosotros #bie_vid a:hover img{ border-color:#000; } #nosotros #bie_item{ display:block; padding-top:20px; } #nosotros #bie_item > ul{ text-align:center; } #nosotros #bie_item ul, #nosotros #bie_item ul li{ list-style:none; } #nosotros #bie_item ul li{ display:inline-block; width:33.3%; max-width:100%; padding:15px; vertical-align:top; } #nosotros #bie_item ul li .item_img{ text-align:left; } #nosotros #bie_item ul li .item_img img{ max-width:100%; height:50px; vertical-align:top; } #nosotros #bie_item ul li .item_nombre{ text-align:left; font-size:1.7em; color:#10538A; padding:10px 0; } #nosotros #bie_item ul li .item_txt{ font-size:1.2em; color:#2E3452; line-height:18px; } /* POLITICA INTEGRADA */ #politica{ display:block; text-align:center; } #politica a{ display:inline-block; margin:0 auto; padding:12px 15px; font-size:1.3em; color:#FFF; background-color:#D44839; } #politica a:hover{ background-color:#38C2CD; } #politica a i{ margin-right:5px; } /* SERVICIOS */ #servicios{ display:block; } #servicios #ser_1_list{ display:block; } #servicios #ser_1_list > ul{ text-align:center; } #servicios #ser_1_list ul, #servicios #ser_1_list ul li{ list-style:none; } #servicios #ser_1_list ul li{ display:inline-block; width:25%; max-width:100%; padding:15px; vertical-align:top; } #servicios #ser_1_list ul li .ser_1_img{ text-align:center; } #servicios #ser_1_list ul li .ser_1_img img{ max-width:100%; vertical-align:top; transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; } #servicios #ser_1_list ul li:hover .ser_1_img img{ -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #servicios #ser_1_list ul li .ser_1_nombre{ text-align:left; font-size:1.7em; color:#10538A; padding:20px 0 15px 0; } #servicios #ser_1_list ul li .ser_1_txt{ font-size:1.2em; color:#373435; line-height:18px; } #servicios #ser_2_tbl{ display:table; width:100%; } #servicios #ser_2_tbl #ser_2_row{ display:table-row; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_1, #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2{ display:table-cell; padding:50px; color:#FFF; background-color:#10538A; vertical-align:middle; text-align:left; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_1{ width:40%; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2{ width:60%; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_1 p{ font-size:2.5em; padding-left:60px; background:url(../img/fnd_servicio.png) left center no-repeat; background-size:contain; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2 ul, #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2 ul li{ list-style:disc; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2 ul li{ font-size:1.2em; padding-bottom:5px; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2 ul li:last-child{ padding-bottom:0; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2 ul li a{ color:#FFF; } #servicios #ser_2_tbl #ser_2_row #ser_2_cell_2 ul li a:hover{ text-decoration:underline; } #servicios #ser_3_list{ display:block; } #servicios #ser_3_list > ul{ text-align:center; } #servicios #ser_3_list ul, #servicios #ser_3_list ul li{ list-style:none; } #servicios #ser_3_list ul li{ display:inline-block; width:25%; max-width:100%; padding:15px; vertical-align:top; } #servicios #ser_3_list ul li .ser_3_img{ text-align:center; } #servicios #ser_3_list ul li .ser_3_img img{ max-width:100%; vertical-align:top; } #servicios #ser_3_list ul li .ser_3_txt{ font-size:1.2em; color:#373435; line-height:18px; padding-top:20px; } #servicios #ser_img{ text-align:center; padding-top:20px; } #servicios #ser_img img{ vertical-align:top; max-width:100%; } /* SERVICIOS - COMPLEMENTARIOS */ .ser_com{ display:block; } .ser_com .ser_2_nom{ font-size:1.6em; font-weight:bold; color:#38C2CD; padding-bottom:10px; } .ser_com .ser_2_txt{ font-size:1.2em; color:#000; line-height:18px; } .ser_com .ser_2_txt ol, .ser_com .ser_2_txt ul{ margin-left:30px; margin-top:20px; } .ser_com .ser_2_txt ul, .ser_com .ser_2_txt ul li{ list-style:disc; } /* TRAZABILIDAD */ #trazabilidad{ display:block; } #trazabilidad #tra_img_1{ text-align:center; } #trazabilidad #tra_img_1 img{ vertical-align:top; max-width:100%; } #trazabilidad #tra_tbl{ display:table; width:100%; } #trazabilidad #tra_tbl #tra_row{ display:table-row; } #trazabilidad #tra_tbl #tra_row #tra_cell_1, #trazabilidad #tra_tbl #tra_row #tra_cell_2{ display:table-cell; vertical-align:middle; padding:40px; } #trazabilidad #tra_tbl #tra_row #tra_cell_1{ width:60%; text-align:center; color:#10538A; } #trazabilidad #tra_tbl #tra_row #tra_cell_1 #tit_1{ font-size:3.5em; font-weight:bold; } #trazabilidad #tra_tbl #tra_row #tra_cell_1 #tit_2{ font-size:1.1em; } #trazabilidad #tra_tbl #tra_row #tra_cell_2{ width:40%; text-align:left; } #trazabilidad #tra_tbl #tra_row #tra_cell_2 a{ display:inline-block; padding:8px 15px; font-size:1.3em; color:#FFF; background-color:#D44839; } #trazabilidad #tra_tbl #tra_row #tra_cell_2 a:hover{ background-color:#38C2CD; } #trazabilidad #tra_tbl #tra_row #tra_cell_2 a i{ margin-left:5px; } /* BLOG */ #blog{ display:block; } #blog #art_list{ display:block; } #blog #art_list > ul{ text-align:center; } #blog #art_list ul, #blog #art_list ul li{ list-style:none; } #blog #art_list ul li{ display:inline-block; width:25%; max-width:100%; padding:15px; vertical-align:top; } #blog #art_list ul li .articulo{ display:block; } #blog #art_list ul li .articulo .art_img{ display:block; text-align:center; } #blog #art_list ul li .articulo .art_img img{ vertical-align:top; max-width:100%; border:1px solid #CCC; } #blog #art_list ul li .articulo .art_tit{ display:block; text-align:left; font-size:1.2em; color:#10538A; padding:10px 0 5px 0; } #blog #art_list ul li .articulo .art_fch{ display:block; text-align:left; font-size:1em; color:#808080; } #blog #art_list ul li .articulo .art_fch i{ color:#38C2CD; } #blog #art_list ul li .articulo .art_enl{ display:block; text-align:left; padding-top:10px; } #blog #art_list ul li .articulo .art_enl a{ display:inline-block; padding:5px 10px; font-size:1.1em; color:#38C2CD; border:1px solid #38C2CD; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } #blog #art_list ul li .articulo .art_enl a:hover{ color:#FFF; background-color:#38C2CD; } #blog #art_enl{ display:block; text-align:center; padding-top:20px; } #blog #art_enl a{ display:inline-block; vertical-align:top; width:80px; font-size:1.5em; font-weight:bold; color:#10538A; line-height:8px; } #blog #art_enl a i{ font-size:5em; line-height:40px; } #blog #blog_tbl{ display:table; width:100%; } #blog #blog_tbl #blog_row{ display:table-row; } #blog #blog_tbl #blog_row #blog_cell_1, #blog #blog_tbl #blog_row #blog_cell_2{ display:table-cell; vertical-align:top; } #blog #blog_tbl #blog_row #blog_cell_1{ width:200px; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar{ display:block; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl{ display:block; padding:5px 10px; border:1px solid #CCC; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl input, #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl button{ display:inline-block; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl input{ width:90%; padding:3px 8px; font-family:Arial, Helvetica, sans-serif; font-size:1.15em; color:#333; background-color:#FFF; border:1px solid #FFF; -webkit-appearance:none; -moz-appearance:none; appearance:normal; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl input::-webkit-input-placeholder{ color:#ACB0BD; font-weight:normal; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl input::-moz-placeholder{ color:#ACB0BD; font-weight:normal; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl input:-ms-input-placeholder{ color:#ACB0BD; font-weight:normal; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl input:-moz-placeholder{ color:#ACB0BD; font-weight:normal; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_buscar #frm_ctrl button{ background-color:#FFF; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:normal; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu{ display:block; padding-top:20px; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu ul, #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu ul li{ list-style:none; text-align:left; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu ul li{ padding-bottom:5px; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu ul li#tit{ font-size:1.5em; font-weight:bold; color:#10538A; padding-bottom:10px; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu ul li a{ display:inline-block; font-size:1.2em; color:#808080; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu ul li a:hover{ color:#274767; } #blog #blog_tbl #blog_row #blog_cell_1 #blog_mnu ul li a.eleg{ font-weight:bold; color:#10538A; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list{ display:block; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list > ul{ text-align:center; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul, #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li{ list-style:none; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li{ display:inline-block; width:33%; max-width:100%; padding:15px; vertical-align:top; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo{ display:block; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_img{ display:block; text-align:center; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_img img{ vertical-align:top; max-width:100%; border:1px solid #CCC; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_tit{ display:block; text-align:left; font-size:1.2em; color:#10538A; padding:10px 0 5px 0; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_fch{ display:block; text-align:left; font-size:1em; color:#808080; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_fch i{ color:#38C2CD; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_enl{ display:block; text-align:left; padding-top:10px; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_enl a{ display:inline-block; padding:5px 10px; font-size:1.1em; color:#38C2CD; border:1px solid #38C2CD; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } #blog #blog_tbl #blog_row #blog_cell_2 #art_list ul li .articulo .art_enl a:hover{ color:#FFF; background-color:#38C2CD; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det{ display:block; padding:10px 10px 0px 10px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_nom{ display:block; text-align:left; font-size:2.4em; color:#10538A; padding-bottom:10px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_img{ display:block; text-align:center; padding-bottom:15px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_img img{ max-width:100%; vertical-align:top; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_fch{ display:block; text-align:left; font-size:1.1em; color:#808080; padding-bottom:15px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_fch i{ color:#38C2CD; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt{ font-size:1.2em; line-height:18px; color:#4D4D4D; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ul, #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ol{ margin-left:30px; margin-top:10px; margin-bottom:15px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ul li, #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ol li{ padding-bottom:3px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ul ul, #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ol ol{ margin-left:60px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ul ol, #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt ol ul{ margin-left:60px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt p{ padding-bottom:15px; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_txt p:last-child{ padding-bottom:0; } #blog #blog_tbl #blog_row #blog_cell_2 #articulo_det #art_comment{ display:block; margin-top:20px; } /* CLIENTES */ #clientes{ display:block; } #clientes #cli_list{ display:block; padding-top:20px; padding-bottom:40px; } #clientes #cli_list > ul{ text-align:center; } #clientes #cli_list ul, #clientes #cli_list ul li{ list-style:none; } #clientes #cli_list ul li{ display:inline-block; width:25%; max-width:100%; padding:20px; vertical-align:top; border:1px solid #CECDCC; margin-left:-1px; margin-top:-1px; } #clientes #cli_list ul li img{ max-width:100%; vertical-align:top; filter:grayscale(100%); filter:Gray(); filter:url('#grayscale'); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); } #clientes #cli_list ul li a:hover img{ -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:none; } #clientes #cli_tbl{ display:table; width:100%; } #clientes #cli_tbl #cli_row{ display:table-row; } #clientes #cli_tbl #cli_row #cli_cell_1, #clientes #cli_tbl #cli_row #cli_cell_2{ display:table-cell; width:50%; text-align:center; background-color:#10538A; } #clientes #cli_tbl #cli_row #cli_cell_1{ padding:50px 50px 0 50px; vertical-align:bottom; } #clientes #cli_tbl #cli_row #cli_cell_1 img{ vertical-align:top; max-width:100%; } #clientes #cli_tbl #cli_row #cli_cell_2{ vertical-align:middle; padding:50px; } #clientes #cli_tbl #cli_row #cli_cell_2 #cli_frm{ padding:30px; background-color:#2E3452; -webkit-box-shadow: 8px 8px 30px -6px rgba(0,0,0,0.75); -moz-box-shadow: 8px 8px 30px -6px rgba(0,0,0,0.75); box-shadow: 8px 8px 30px -6px rgba(0,0,0,0.75); } #clientes #cli_tbl #cli_row #cli_cell_2 #cli_frm #frm_tit{ text-align:center; font-size:2em; font-weight:bold; color:#38C2CD; line-height:24px; padding-bottom:20px; } /* SEDES */ #sedes{ display:block; } #sedes #fono_tbl{ display:table; width:100% } #sedes #fono_tbl #fono_row{ display:table-row; } #sedes #fono_tbl #fono_row #fono_cell{ display:table-cell; vertical-align:bottom; position:relative; background-color:#10538A; } #sedes #fono_tbl #fono_row #fono_cell #fono_img{ vertical-align:top; max-width:100%; } #sedes #fono_tbl #fono_row #fono_cell #fono_list{ display:block; width:100%; position:absolute; bottom:20px; } #sedes #fono_tbl #fono_row #fono_cell #fono_list.fono_list_esp{ margin-bottom:15px; } #sedes #fono_tbl #fono_row #fono_cell #fono_list > ul{ text-align:center; } #sedes #fono_tbl #fono_row #fono_cell #fono_list ul, #sedes #fono_tbl #fono_row #fono_cell #fono_list ul li{ list-style:none; } #sedes #fono_tbl #fono_row #fono_cell #fono_list ul li{ display:inline-block; width:40%; max-width:100%; padding:15px; vertical-align:top; } #sedes #fono_tbl #fono_row #fono_cell #fono_list ul li .fono{ display:block; padding:10px 20px; background-color:#FFF; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } #sedes #fono_tbl #fono_row #fono_cell #fono_list ul li .fono .fono_img, #sedes #fono_tbl #fono_row #fono_cell #fono_list ul li .fono .fono_nro{ display:inline-block; } #sedes #fono_tbl #fono_row #fono_cell #fono_list ul li .fono .fono_img img{ vertical-align:middle; width:40px; max-width:100%; margin-right:10px; } #sedes #fono_tbl #fono_row #fono_cell #fono_list ul li .fono .fono_nro{ font-size:1.3em; font-weight:bold; color:#10538A; } #sedes #sede{ display:block; background-color:#10538A; } #sedes #sede #sede_tbl{ display:table; width:100% } #sedes #sede #sede_tbl #sede_row{ display:table-row; } #sedes #sede #sede_tbl #sede_row #sede_cell_1, #sedes #sede #sede_tbl #sede_row #sede_cell_2{ display:table-cell; vertical-align:middle; width:50%; padding:60px; } #sedes #sede #sede_tbl #sede_row #sede_cell_1 #sede_tit{ text-align:left; font-size:3em; color:#FFF; padding-bottom:20px; } #sedes #sede #sede_tbl #sede_row #sede_cell_1 #sede_txt{ text-align:justify; font-size:1.2em; color:#FFF; padding-bottom:20px; } #sedes #sede #sede_tbl #sede_row #sede_cell_1 #sede_enl{ text-align:right; } #sedes #sede #sede_tbl #sede_row #sede_cell_1 #sede_enl a{ display:inline-block; font-size:1.2em; color:#FFF; padding:8px 16px; border:1px solid #FFF; } #sedes #sede #sede_tbl #sede_row #sede_cell_1 #sede_enl a:hover{ color:#10538A; background-color:#FFF; } #sedes #sede #sede_tbl #sede_row #sede_cell_2 img{ vertical-align:top; max-width:100%; } /* SEDES - DETALLE */ #sede_det{ display:block; } #sede_det .sede_ciu{ display:block; padding-bottom:20px; } #sede_det .sede_ciu:last-child{ padding-bottom:0; } #sede_det .sede_ciu .tit{ font-size:1.6em; font-weight:bold; color:#38C2CD; padding-bottom:10px; } #sede_det .sede_ciu .subtit{ font-size:1.3em; font-weight:bold; color:#000; padding:15px 0 7px 0; } #sede_det .sede_ciu .subtit.subtit_esp{ padding-top:0; } #sede_det .sede_ciu .datos{ font-size:1.2em; color:#000; line-height:15px; } /* Para todos los FORMULARIOS */ form .obj, form .obj_txt, form .obj_opt{ display:block; margin-bottom:4px; } form .obj:after, form .obj_txt:after, form .obj_opt:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } form .obj:last-child, form .obj_txt:last-child, form .obj_opt:last-child{ margin-bottom:0; } form .obj_txt, form .obj_opt{ font-size:1.2em; margin:12px 0; text-align:justify; width:95%; } form .obj_opt ul, form .obj_opt ul li{ list-style:none; } form .obj_opt > ul{ text-align:center; } form .obj_opt ul li{ display:inline-block; text-align:left; width:150px; padding:5px 0; } form .obj_opt ul li label{ cursor:pointer; } form .obj input, form .obj textarea{ padding:3px 8px; font-family:Arial, Helvetica, sans-serif; font-size:1.15em; color:#333; background-color:#FFF; border:1px solid #D7D9DF; -webkit-appearance:none; -moz-appearance:none; appearance:normal; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } form .obj input::-webkit-input-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj input::-moz-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj input:-ms-input-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj input:-moz-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj input[type="text"], form .obj input[type="email"]{ width:100%; height:35px; line-height:35px; } form .obj input.cod{ width:190px; text-align:center; font-size:1.5em; font-weight:bold; height:40px; line-height:40px; } form .obj input[type="submit"]{ padding:0 55px; font-size:1.2em; height:35px; line-height:30px; cursor:pointer; color:#FFF; border:1px solid #D7D9DF; background-color:#00AFEF; margin-top:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } form .obj input[type="submit"]:hover{ background-color:#0E9EDA; } form .obj textarea{ display:block; width:100%; resize:none; overflow:auto; margin-bottom:0; } form .obj textarea::-webkit-input-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj textarea::-moz-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj textarea:-ms-input-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj textarea::-webkit-input-placeholder{ color:#ACB0BD; font-weight:normal; } form .obj .float{ display:block; margin-right:4px; } form .obj .float:last-child{ margin-right:0; } form .obj .float .captcha{ float:left; }