/* @author: Javlop @copyright: Datasec, Javlop and Triton */ /* globals */ #body_main { padding: 0; margin: 0; background:White url(../images/g/degradee_body.png) repeat-x top; } body, td, th, p, div { font: 12px Arial, Helvetica, sans-serif; color: #333333; } a:link { color: #006699; text-decoration:none; } a:visited { color: #003366; text-decoration:none; } a:active { color: #ff0000; text-decoration:none; } a:hover { color: #006699; text-decoration: underline; } .container { width: 990px; position: relative; } img { border:0; } h1 {} /* Main Logos */ h2 {} /* Defined with Joomla .contentheading */ h3 { font: 14px Geneva, Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; } h4 { font: 13px Geneva, Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; } h5 { font: 12px Geneva, Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; } .small { font-size: 9px !important; } /* Sites customization */ #sp, #en, #pts, #dis { width: 990px; margin:0 auto; position:relative; padding:0; overflow:hidden; } #en #top h1 { background: url(../images/g/h1_en.png) no-repeat 10px 7px; } #en #top .dll, #sp #top .dll { background-color: #ef3023; } #sp #top h1 { background: url(../images/g/h1_sp.png) no-repeat 10px 7px; } #sp #top, #en #top { } #pts #top, #dis #top { background: White url(../images/g/bg_top_pts.png) repeat-y right; } #dis #top h1 { background: url(../images/g/h1_dis.png) no-repeat 10px 7px; } #pts #top h1 { background: url(../images/g/h1_pts.png) no-repeat 10px 7px; } #pts #top .dll, #dis #top .dll { background-color: #ff6600; } #tablaTr { background-color:#FFF; } /* Fix IE. Hide from IE Mac \*/ * .moduletable-menu ul li, .menu ul li { float: left; height: 1%; } * .moduletable-menu ul li a, menu ul li a { height: 1%; } /* End */ /* ######################### Top container ######################### */ #top { width: 990px; height: 73px; position: relative; } #top .dll { width: 100%; height: 3px; background-color: #ef3023; } #mainlevel-topmenu img { vertical-align:top; } /* ## H1 ## */ #top h1 { width: 400px; height: 69px; margin:0; padding:0; } #top h1 a { position: relative; display: block; width: 350px; height: 69px; } #top h1 a:hover { background-color: transparent; } #top h1 a span { display: none; } #top .moduletable-menu { background-color: #666666; border-color: -moz-use-text-color White White; border-right: 1px solid White; border-style: none solid solid; border-width: medium 1px 1px; height: 26px; left: 789px; position: absolute; top: 4px; width: 199px; z-index: 1; } #en #top .moduletable-menu { left: 689px !important; width: 299px !important; } #en #top .moduletable-menu ul { width: 600px !important; } #top .moduletable-menu ul { list-style: none; padding: 0; margin: 0; width: 500px; } #top .moduletable-menu li { padding: 0 10px 0 10px; margin: 5px 0 0 0; display: block; float: left; background: transparent url(../images/g/sep_bn_top.png) no-repeat right; } #top .moduletable-menu li a { text-decoration: none; color: #cccccc; } #top .moduletable-menu li a:visited { } #top .moduletable-menu li a:active { } #top .moduletable-menu li a:hover { color: White; } /* ######################### Left container ######################### */ #left { /* background-color: #f7f6fb; */ width: 121px; position: absolute; top: 73px; z-index: 5; } #left .moduletable-menu ul { list-style: none; padding: 0; margin: 0; width: 121px; } #left .moduletable-menu ul li { border-bottom:1px dotted #D2DCE9; font-size:13px; margin:0; padding:8px 0 7px 5px; position:relative; width:100px; } #left .moduletable-menu ul li:hover { background-color:#F7F8FF; } #left .moduletable-menu ul li li { width: 180px; } #left .moduletable-menu ul li a { text-decoration: none; color: #13578a; } #left .moduletable-menu ul li a:hover { text-decoration: none; color: Navy; } #left .moduletable-menu li ul { background-color:#F7F8FF; border:1px dotted #D2DCE9; display:none; left:100px; position:absolute; top:-1px; width:200px; z-index:999; } #left .moduletable-menu li:hover ul, #left .moduletable-menu li.over ul { display: block; } a#active_menu-mainmenu { font-weight: bold; color: #666666 !important; } #left span.mainlevel-mainmenu { background: transparent url(../images/g/more.png) no-repeat right; color: #13578a; display:block; width:100px; } /* ######################### Middle container ######################### */ #middle { width: 674px; position: relative; margin: 2px 193px 3px 124px; z-index: 4; min-height: 500px; } /* Trit-slideshow */ /* Configuracion general */ #trit-slideshow { position:relative; width:864px; height:279px; } #sp #trit-slideshow { background:#FFF url(../images/trit-slideshow/tit_soluciones.png) no-repeat scroll center bottom; } #en #trit-slideshow { background:#FFF url(../images/trit-slideshow/tit_solutions.png) no-repeat scroll center bottom; } #trit-slideshow .slides { position:absolute; top:0; left:0; width:864px; height:221px; background:transparent url(../images/trit-slideshow/bg.png) no-repeat 0 0; } #trit-slideshow .slide { position:absolute; top:0; left:0; width:864px; height:221px; } #en #trit-slideshow .slide { position:absolute; top:0; left:0; width:864px; height:220px; } #trit-slideshow .slide h3, #trit-slideshow .slide a.continuar span { display:none; } #trit-slideshow .slide a.continuar { position:absolute; display:block; width:120px; height:35px; background:transparent url(../images/trit-slideshow/btn_continuar.png) no-repeat 0 -32px } #trit-slideshow .slide a.continuar:hover { display:block; width:212px; height:35px; background:transparent url(../images/trit-slideshow/btn_continuar.png) no-repeat 0 6px } #en #trit-slideshow .slide a.continuar { position:absolute; display:block; width:120px; height:35px; background:transparent url(../images/trit-slideshow/btn_continue.png) no-repeat 0 -32px } #en #trit-slideshow .slide a.continuar:hover { display:block; width:212px; height:35px; background:transparent url(../images/trit-slideshow/btn_continue.png) no-repeat 0 6px } #trit-slideshow ul.buttons { position:absolute; top:220px; left:344px; width:520px; height:50px; clear:both; margin:0; padding:0; } #trit-slideshow ul.buttons li { display:block; list-style:none; margin:0; padding:0 30px 0 0px; float:left; background:transparent url(../images/trit-slideshow/btn_slide-separador.png) no-repeat right 1px; } #trit-slideshow ul.buttons li.last { background:none !important; padding:0 !important; } #trit-slideshow ul.buttons li span { display:none; } #trit-slide2, #trit-slide3, #trit-slide4 { display:none; } /* btns continuar SP */ #trit-slide1 a.continuar { top:132px; left:158px; } #trit-slide2 a.continuar { top:132px; left:294px; } #trit-slide3 a.continuar { top:132px; left:282px; } #trit-slide4 a.continuar { top:132px; left:228px; } /* Botones SP */ li#btn-slide1 a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-1.png) no-repeat center bottom; } li#btn-slide1.active a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-1.png) no-repeat center top; } li#btn-slide2 a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-2.png) no-repeat center bottom; } li#btn-slide2.active a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-2.png) no-repeat center top; } li#btn-slide3 a { display:block; width:110px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-3.png) no-repeat center bottom; } li#btn-slide3.active a { display:block; width:110px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-3.png) no-repeat center top; } li#btn-slide4 a { display:block; width:150px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-4.png) no-repeat center bottom; } li#btn-slide4.active a { display:block; width:150px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-4.png) no-repeat center top; } /* Slides EN */ #en #trit-slide1 { background:transparent url(../images/trit-slideshow/trit-slide1-en.jpg) no-repeat 0 0; } #en #trit-slide2 { background:transparent url(../images/trit-slideshow/trit-slide2-en.jpg) no-repeat 0 0; } #en #trit-slide3 { background:transparent url(../images/trit-slideshow/trit-slide3-en.jpg) no-repeat 0 0; } #en #trit-slide4 { background:transparent url(../images/trit-slideshow/trit-slide4-en.jpg) no-repeat 0 0; } /* Botones EN */ #en li#btn-slide4 a { display:block; width:150px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-4-en.png) no-repeat center bottom; } #en li#btn-slide4.active a { display:block; width:150px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-4-en.png) no-repeat center top; } /* Boton Solicitar presentacion */ td.contentheading { width:700px; } #dts_btn_present { left:762px; position:absolute; top:77px; z-index:999; } #dts_btn_present a span { display:none; } #dts_btn_present a { display:block; width:228px; height:38px; background:#FFF url(../images/g/btn-solicitar-presentacion.png) no-repeat scroll left top; } #dts_btn_present a:hover { background:#FFF url(../images/g/btn-solicitar-presentacion.png) no-repeat scroll left -39px; } /* Iframe consultas rapidas */ #dts_form-consultas { display:none; background-color: #FFFFFF; left: 576px; padding: 15px; position: absolute; top: 114px; z-index: 999; } /* página de CobiT */ #dts-cobit_suite td.col1 { padding:0 10px 0 10px; border-right:1px dotted #CCCCCC; } #dts-cobit_suite td.col2 { padding:0 10px 0 10px; } #dts-cobit_suite .col2 h3 { display:block; height:30px; padding:0 0 0 40px; margin:0 0 10px 0; background:#fff url(../images/icos/meycor_rf.png) no-repeat scroll center left; font-size:12px; font-weight:bold; color:#333; } #dts-cobit_suite .col2 li { height:30px; list-style:none outside none; margin:0 0 10px; padding:0 0 0 35px; position:relative; } #dts-cobit_suite .col2 li a { position:absolute; top:7px; } #dts-cobit_suite li.prod1 { background:#fff url(../images/icos/meycor_csa.png) no-repeat scroll center left; } #dts-cobit_suite li.prod2 { background:#fff url(../images/icos/meycor_mg.png) no-repeat scroll center left; } #dts-cobit_suite li.prod3 { background:#fff url(../images/icos/meycor_ag.png) no-repeat scroll center left; } #dts-cobit_suite li.prod4 { background:#fff url(../images/icos/meycor_kp.png) no-repeat scroll center left; } #dts-cobit_suite li.prod5 { background:#fff url(../images/icos/meycor_delphos.png) no-repeat scroll center left; } /* nuevo sector triple portada */ .col_portada { position:relative; display:block; width:281px; height:260px; margin:10px 6px 15px 0; float:left; background:#FFF url(../images/general/portada/boton_continuar_off.png) no-repeat scroll bottom right; } div#dts-col-casos { margin-right:0; } .col_portada:hover { background:#FFF url(../images/general/portada/boton_continuar_on.png) no-repeat scroll bottom right; } .module-novedades div, .module-capacitacion div, .module-casos div, .module-casos2 div { padding:10px; } .module-novedades div div, .module-capacitacion div div, .module-casos div div, .module-casos2 div div { padding:0; } .col_portada .boton_continuar a { position:absolute; top:234px; left:0; display:block; width:281px; height:26px; } .col_portada .boton_continuar a span { display:none; } .module-novedades { padding-top:15px; background:transparent url(../images/general/portada/tit_ultimas_novedades.png) no-repeat scroll 10px top; } .module-capacitacion { padding-top:15px; background:transparent url(../images/general/portada/tit_capacitacion.png) no-repeat scroll 10px top; } .module-casos, .module-casos2 { padding-top:15px; background:transparent url(../images/general/portada/tit_casos_exito.png) no-repeat scroll 10px top; } ul.latestnews-novedades { list-style:none; margin:0; padding:0; } ul.latestnews-novedades li { list-style:none; margin:0; padding:7px 0; } ul.latestnews-capacitacion { list-style:none; margin:0; padding:0; } ul.latestnews-capacitacion li { list-style:none; margin:0; padding:7px 0; } ul.latestnews-casos { list-style:none; margin:0; padding:0; } ul.latestnews-casos li { list-style:none; margin:0; padding:7px 0; } .col_portada .contentpaneopen td { padding:15px 15px 15px 0; } /* EN */ #en .col_portada { height:232px; } #en .col_portada:hover { background:#FFF url(../images/general/portada/boton_continue_on.png) no-repeat scroll bottom right; } #en .col_portada .boton_continuar a { position:absolute; top:206px; left:0; display:block; width:281px; height:26px; } #en #dts-col-novedades .boton_continuar a { width:572px; } #en #dts-col-novedades { width:572px; } #en .module-novedades { padding-top:15px; background:transparent url(../images/general/portada/tit_latest_news.png) no-repeat scroll 10px top; } #en .module-casos, #en .module-casos2 { padding-top:15px; background:transparent url(../images/general/portada/tit_success_cases.png) no-repeat scroll 10px top; } #en #dts-col-casos .contentpaneopen { display:block; float:left; width:281px; } /* Slideshow style rules. */ #dts-col-casos { position:relative; width:281px; } #dts-col-casos .module-casos2 { overflow:hidden; position:relative; width:281px; } #dts-col-casos .module-casos2 .contentpaneopen { } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-1000px; position:absolute; cursor: pointer; } #leftControl { top:-4px; left:235px; width:19px; height:27px; background:transparent url(/images/general/portada/slide_control_l.png) no-repeat top center; overflow:hidden; } #leftControl:hover { background:transparent url(/images/general/portada/slide_control_l.png) no-repeat bottom center; } #rightControl { top:-4px; left:255px; width:19px; height:27px; background:transparent url(/images/general/portada/slide_control_r.png) no-repeat top center; overflow:hidden; } #rightControl:hover { background:transparent url(/images/general/portada/slide_control_r.png) no-repeat bottom center; } /* Páginas internas general*/ p.encabezado { margin:0; color:#666666; font-size:14px; line-height:150%; } p.beneficios { color:#333333; font-size:14px; } ul.beneficios { margin:20px 0 30px; padding:0 0 0 26px; } ul.beneficios li { margin-bottom:15px; padding:0 0 0 24px; list-style:none; background: white url(../images/g/item.png) no-repeat scroll 0 0; } p.destacado { color:#666666; font-size:14px; line-height:150%; padding:10px; border:1px dotted #CCC; } div#dts_contact_page p.encabezado a { color:#666666; } div#dts_contact_page #autoeval, div#dts_contact_page #soluciones, div#dts_contact_page #soft { padding:10px; display:none; } /* ######################### Right container ######################### */ #right { width: 190px; position: absolute; top: 77px; left: 804px; z-index: 2; } #right input.textfield { height:15px; border: 1px solid #cccccc; background-color: White; font: 10px Arial, Helvetica, sans-serif; color: #333333; } #right textarea { border: 1px solid #cccccc; background-color: White; font: 10px Arial, Helvetica, sans-serif; color: #333333; } #right input.button { } /* ######################### Footer container ######################### */ #footer { width: 990px; position: relative; background-color: Aqua; clear: both; border-top: 1px solid #cccccc; background-color: White; padding: 5px 0 5px 5px; } /* ######################### Joomla ######################### */ .contentpaneopen td { padding: 15px; margin:0; } .contentpaneopen td td { padding: 0; margin:0; } h2, td.contentheading, td.componentheading, div.componentheading, .TitItem { font: bold 14px Geneva,Arial,Helvetica,sans-serif; color: #333; border-bottom: 1px solid #cccccc; margin:0; padding:10px; } td.contentheading, td.componentheading { width: 843px;} td.buttonheading { border-bottom: 1px solid #cccccc; margin:0; padding:10px; width:652px; } #dis td.contentheading, #pts td.contentheading { width: 640px; } .blog td { padding:20px; } .blog td div { padding:20px; } .blog td td td, .blog td div div { padding:0; } .blog td.contentheading { border: 0; padding: 0; margin:0; color: #666666; } .blog .contentpaneopen td { padding: 0; margin:0; } .blog .contentpaneopen td p { padding: 0; margin:0; } .blog .contentpaneopen td td { padding:0; margin:0; } span.article_seperator { margin: 0 10px 0 10px; padding: 0; display:block; width:100%; border-bottom:1px dotted #f1f1f1; height:1px; } .message { padding: 25px; margin: 15px; background-color:#FFFFCC; font-weight:bold; color:#FF6600; } /* ################### Banners ############################## */ #dts-banner { position:absolute; top:73px; left:1015px; } /* ######################### WYSIWYG ######################### */ .right_container { width: 150px; border-left: 1px dotted #cccccc; float: right; padding: 0 10px 0 10px; margin:0 10px 10px; } .right_container h3 { font: 13px Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; } .intro_text { font: 13px/20px Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px dotted #cccccc; } .blog .intro_text { font: 12px Arial, Helvetica, sans-serif; color: #333333; margin:0; padding:0; border:0; } /* ######################### FORMS ######################### */ .sep_form_x {border-bottom:1px dotted #CCCCCC; padding-bottom:10px;} .sep_form_y {border-right:1px solid #CCCCCC;} /* Form de consulta */ #fcons-master { display:block; width:272px; } #fcons-master h2 { display:block; width:272px; height:34px; margin:0; padding:0; border:none; text-indent:-1000px; background:#FFF url(../images/fcons/h2.png) no-repeat scroll 16px 5px; overflow: hidden; } #fcons-master p.argumento { display:block; width:272px; height:132px; margin:0; padding:0; text-indent:-2000px; background:#FFF url(../images/fcons/p-argumento.png) no-repeat scroll 0 0; overflow: hidden; } #fcons-master label.situacion { display:block; width:272px; height:75px; margin:0; padding:0; text-indent:-1000px; background:#FFF url(../images/fcons/label-situacion.png) no-repeat scroll 16px 16px; overflow: hidden; } #fcons-master textarea.situacion { display:block; width:233px; height:130px; margin:0 0 0 16px; padding:3px; border:1px solid #CCC; background-color:#eaeaea; } #fcons-contacto { position:relative; width:272px; height:70px; } #fcons-master label.nombre { position:absolute; top:0; left:16px; display:block; width:39px; height:25px; margin:0; padding:0; background:#FFF url(../images/fcons/label-nombre.png) no-repeat scroll 0 11px ; font-style:italic; text-indent:-1000px; overflow:hidden; } #fcons-master input.nombre { position:absolute; top:3px; left:55px; display:block; width:93px; height:20px; margin:0; padding:0; border:none; border-bottom:1px solid #ccc; } #fcons-master label.email { position:absolute; top:25px; left:16px; display:block; width:39px; height:25px; margin:0; padding:0; background:#FFF url(../images/fcons/label-email.png) no-repeat scroll 0 11px ; font-style:italic; text-indent:-1000px; overflow:hidden; } #fcons-master input.email { position:absolute; top:28px; left:55px; display:block; width:93px; height:20px; margin:0; padding:0; border:none; border-bottom:1px solid #ccc; } #fcons-master label.empresa { position:absolute; top:0; left:148px; display:block; width:46px; height:25px; margin:0; padding:0; background:#FFF url(../images/fcons/label-empresa.png) no-repeat scroll 0 11px ; font-style:italic; text-indent:-1000px; overflow:hidden; } #fcons-master input.empresa { position:absolute; top:3px; left:194px; display:block; width:63px; height:20px; margin:0; padding:0; border:none; border-bottom:1px solid #ccc; } #fcons-master label.telefono { position:absolute; top:25px; left:148px; display:block; width:46px; height:25px; margin:0; padding:0; background:#FFF url(../images/fcons/label-telefono.png) no-repeat scroll 0 11px ; font-style:italic; text-indent:-1000px; overflow:hidden; } #fcons-master input.telefono { position:absolute; top:28px; left:194px; display:block; width:63px; height:20px; margin:0; padding:0; border:none; border-bottom:1px solid #ccc; } #fcons-master input.enviar { display:block; width:101px; height:17px; margin-left: 158px; background:#FFF url(../images/fcons/btn_consultar.png) no-repeat scroll 0 0; border:none; cursor:pointer; text-indent:-1000px; overflow:hidden; } #fcons-master input { font-family: verdana; font-size: 11px; font-style: italic; color:#333; } #fcons-master textarea { font-family: verdana; font-size: 12px; font-style: italic; color:#333; } #fcons-master input:focus, #fcons-master textarea:focus { background-color:#fdffe9; } #fcons-master #mensaje_final { color:#060; font-size:15px; margin:15px; padding:15px; border:1px dotted #060; } /* Ingles */ #en-cons #fcons-master h2 { background:#FFF url(../images/fcons/h2-en.png) no-repeat scroll 16px 5px; } #en-cons #fcons-master p.argumento { background:#FFF url(../images/fcons/p-argumento-en.png) no-repeat scroll 0 0; } #en-cons #fcons-master label.situacion { background:#FFF url(../images/fcons/label-situacion-en.png) no-repeat scroll 16px 16px; } #en-cons #fcons-master label.nombre { background:#FFF url(../images/fcons/label-nombre-en.png) no-repeat scroll 0 11px; } #en-cons #fcons-master label.email { background:#FFF url(../images/fcons/label-email-en.png) no-repeat scroll 0 11px ; } #en-cons #fcons-master label.empresa { background:#FFF url(../images/fcons/label-empresa-en.png) no-repeat scroll 0 11px ; } #en-cons #fcons-master label.telefono { background:#FFF url(../images/fcons/label-telefono-en.png) no-repeat scroll 0 11px ; } #en-cons #fcons-master input.enviar { background:#FFF url(../images/fcons/btn_consultar-en.png) no-repeat scroll 0 0; }