/*========================================= Reglas que van a definir el estilo de elementos en Home Page ==========================================*/ ul, ol, li, h1, h2, h3, h4 {margin: 0; padding: 0;} #wrapperPopup h1 { border-bottom:0px solid #dad8d8; margin: 0; padding: .7em 0 0 3em; color:#666; font-size: 2em; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: 0em; } strong.red {color: #FF0000} strong.blue {color: #0000FF} strong.green {color: #009900} #wrapperPopup h1 span {display: block; font-size: .7em; font-style: normal;} #wrapperPopup h1 em.yellow {color: #FFCC00;} #wrapperPopup h1 em.orange {color: #FF9900;} #wrapperPopup h1 em.red {color: #FF6600;} #wrapperPopup h1 em.green {color: #66CC00;} #wrapperPopup h1 em.blue {color: #48A8D0;} #wrapperPopup h1 em.purpe {color: #DC61C7;} #wrapperPopup h2 {padding: 0 0 .5em 5.5em; font-size: 1.1em; font-weight: normal; border-bottom:1px solid #dad8d8; color: #9A9B81} /*--- Solucion Flash Modelo 1 ---*/ #one {margin: 1em 0 0 6em; background: url(../img/flash/backMenu.gif) top left repeat-y;} #one #contentMenu {float: left; width: 12.2em; margin: 0 1em 0 0; background-color: #F4F4F4;} #one #contentMenu h2 {margin: 0; padding: .5em 0 .8em 0; color: #959595; font-size: .9em; text-align: center; font-family: Times New Roman, Times, serif; background: #fff url(../img/flash/backMenuTitular.gif) bottom left repeat-x;} #one #contentMenu ul {margin: 0; padding: 0;} #one #contentMenu ul li {margin: 0 0 .3em 0; padding: .5em 0 .5em .5em; list-style-type : none;} #one #contentMenu ul li span {display: block;} #one #contentMenu ul li.dark {background: #EEEEEE;} #one #contentMenu ul li a{text-decoration: none; color: #666;} #one #contentMenu ul li a:hover {text-decoration: underline; color: #929292;} #one #contentPhoto img{ padding: .2em; border: 1px solid #DAD8D8;} /*--- Solucion Flash Modelo 2 ---*/ #two #contentMenu ul {margin: .3em 0 1em 0; padding: 0 0 0 6em; background: #F0EFEF; list-style-type: none;} #two #contentMenu ul li{display: inline; margin: 0; margin/**/:/**/ 0 -.3em 0 0; padding: .5em 1.5em; line-height : 2.3em;} #two #contentMenu ul li a {color: #000; text-decoration: none;} #two #contentMenu ul li a:hover {text-decoration: underline;} #two #contentMenu ul li.yellow {background: #FFCC00;} #two #contentMenu ul li.orange {background: #FF9900;} #two #contentMenu ul li.red {background: #FF6600;} #two #contentMenu ul li.green {background: #66CC00;} #two #contentMenu ul li.blue {background: #48A8D0;} #two #contentMenu ul li.purpe {background: #DC61C7;} #two #columnLeft {margin: 0 0 0 6em; background: url(../img/flash/columnText.gif) top left no-repeat; height: 1%;} #two #columnLeft h2 { font-size: 1.7em; font-weight: bold; color: #000; padding:0; margin:0; border: none; } #two #columnLeft:after { clear:both; display:block; content:"."; height:0; visibility:hidden } #two #columnLeft #txt {float: left; width: 13em; padding: 0 1em; margin-right: 1em; color: #000;} #two #columnLeft #txt p{padding-bottom: .8em; font-size: 1.07em;} #two #columnLeft #txt ol {width: 100%; padding: 0; margin: 0; list-style-position: inside;} #two #columnLeft #txt ol li {margin-bottom: .5em; font-size: 1.09em;} #two #columnLeft #contentPhoto {float: left; width: 69%; background-color: #fff; font-size: 1.2em; color: #000; font-style: normal;} #two #columnLeft .intro {padding-top: 290px; background: url(../img/flash/satelite.gif) top left no-repeat;} #two #columnLeft .fases {padding-top: 290px; background: url(../img/flash/numberSatGlonassGpsGalileo.gif) top left no-repeat;} #two #columnLeft .satEgnos {padding-top: 360px; background: url(../img/flash/satEgnos.jpg) top left no-repeat;} #two #columnLeft .funEgnos1 {padding-top: 360px; background: url(../img/flash/funEgnos1.gif) top left no-repeat;} #two #columnLeft .funEgnos2 {padding-top: 360px; background: url(../img/flash/funEgnos2.gif) top left no-repeat;} #two #columnLeft .funEgnos3 {padding-top: 360px; background: url(../img/flash/funEgnos3.gif) top left no-repeat;} #two #columnLeft .funEgnos4 {padding-top: 360px; background: url(../img/flash/funEgnos4.gif) top left no-repeat;} #two #columnLeft .mapEgnos {padding-top: 360px; background: url(../img/flash/sectoresSatelitesEgnos.gif) top left no-repeat;} #two #columnLeft .egnosTarta {padding-top: 360px; background: url(../img/flash/egnosTarta.gif) top left no-repeat;} #two #columnLeft .satEgnosGrande {padding-top: 360px; background: url(../img/flash/satEgnosGrande.gif) top left no-repeat;} #two #columnLeft .egnosSegmentos {padding-top: 360px; background: url(../img/flash/egnosSegmentosTerrestres.gif ) top left no-repeat;} #two #columnLeft .egnosDatos {padding-top: 360px; background: url(../img/flash/egnosCronologia.jpg) top left no-repeat;} #two #columnLeft .galileo {padding-top: 330px; background: url(../img/flash/satGalileo.jpg) top left no-repeat;} #two #columnLeft .galileoIntroPrimero {padding-top: 340px; background: url(../img/flash/calendarioGalileo.gif) top left no-repeat;} #two #columnLeft .galileoFuncionamiento {padding-top:280px; background: url(../img/flash/orbitaMeo.gif) top left no-repeat;} #two #columnLeft .galileoFunSegundo {padding-top:280px; background: url(../img/flash/constelacionMeo.gif) top left no-repeat;} #two #columnLeft .galileoFunTercero {padding-top:350px; background: url(../img/flash/funCoche.gif) top left no-repeat;} #two #columnLeft .galileoFunCuarto {padding-top:358px; background: url(../img/flash/funAvion.gif) top left no-repeat;} #two #columnLeft .galileoServicios {padding-top:218px; background: url(../img/flash/galileoServicios.gif) top left no-repeat;} #two #columnLeft .galileoAena {padding-top:290px; background: url(../img/flash/industriesGss.gif) top left no-repeat;} #two #columnLeft .adsVigilancia {padding-top:360px; background: url(../img/flash/adsVigilancia.gif) top left no-repeat;} #two #columnLeft .adsRadares {padding-top:337px; background: url(../img/flash/adsRadares.gif) top left no-repeat;} #two #columnLeft .adsAds {padding-top:350px; background: url(../img/flash/adsAds.gif) top left no-repeat;} #two #columnLeft .adsAds1 {padding-top:364px; background: url(../img/flash/adsAds1.gif) top left no-repeat;} #two #columnLeft .adsB {padding-top:362px; background: url(../img/flash/adsB.gif) top left no-repeat;} #two #columnLeft .adsC {padding-top:362px; background: url(../img/flash/adsC.gif) top left no-repeat;} #two #columnLeft .adsAplicaciones {padding-top:362px; background: url(../img/flash/adsAplicaciones.gif) top left no-repeat;} #two #columnLeft .adsAplicacionesSegundo {padding-top:359px; background: url(../img/flash/adsAplicacionesSegundo.gif) top left no-repeat;} #two #columnLeft .adsImplantacion {padding-top:220px; background: url(../img/flash/adsMap.gif) top left no-repeat;} #two #columnLeft .satEgnosGrande h3 {margin: 0; padding: 0; font-size: 1em;} #two #columnLeft .satEgnosGrande dl {width: 23em; margin: 0 0 .5em 0; padding: 0; font-size: .9em;} #two #columnLeft .satEgnosGrande dl dt {float: left; margin: 0; padding: 0; border-bottom: 1px solid #000;} #two #columnLeft .satEgnosGrande dl dd {margin: 0; padding: 0; font-weight: bold; border-bottom: 1px solid #000;} #two #columnLeft #contentPhoto p{margin-bottom: .8em;} #two #columnLeft #contentPhoto .wflt {float: left; width: 30%; margin-right: .5em;} #two #columnLeft #contentPhoto span.link {margin-left: .5em;} #two #columnLeft .fases h3 {width: 100%; margin-right: 1em; font-size: 1em; border-bottom: 1px solid #000;} #two #columnLeft .fases dl {font-size: .75em;} #two #columnLeft .fases dl dt{float: left; width: 70%;} #two #columnLeft .beneficios h3 {font-size: 1em; font-style: italic;} #two #columnLeft .beneficios ul {margin: .5em 0; list-style-type : none;} #two #columnLeft .beneficios ul li{margin-bottom: 1em; padding-left: 120px;} #two #columnLeft .beneficios ul li.plane{background: url(../img/flash/plane.gif) top left no-repeat; min-height: 67px; border-bottom: 1px dashed #DDD;} * html #two #columnLeft .beneficios ul li.plane { height: 67px;} #two #columnLeft .beneficios ul li.world{background: url(../img/flash/worldReceptor.gif) top left no-repeat; min-height: 67px; border-bottom: 1px dashed #DDD;} * html #two #columnLeft .beneficios ul li.world { height: 67px;} #two #columnLeft .beneficios ul li.tower{background: url(../img/flash/towerControl.gif) top left no-repeat; min-height: 67px; border-bottom: 1px dashed #DDD;} * html #two #columnLeft .beneficios ul li.tower { height: 67px;} #two #columnLeft .beneficios ul li.car{background: url(../img/flash/car.gif) top left no-repeat; min-height: 67px;} * html #two #columnLeft .beneficios ul li.car {height: 67px;} #two #columnLeft .actuales h3 {font-size: 1em;} #two #columnLeft #contentPhoto.actuales h3.glonass{padding-top: 290px; background: url(../img/flash/satGlonass.gif) top left no-repeat;} #two #columnLeft #contentPhoto.actuales h3.galileo{padding-top: 290px; background: url(../img/flash/satGalileo.gif) top left no-repeat;} #two #columnLeft #contentPhoto.actuales h3.gps{padding-top: 290px; background: url(../img/flash/satGps.gif) top left no-repeat;} #two #columnLeft #contentPhoto.actuales h3.all{padding-top: 290px; background: url(../img/flash/satGlonassGpsGalileo.gif) top left no-repeat;} #two #columnLeft .egnosSegmentos dl dt, #two #columnLeft .egnosDatos dl dt, #two #columnLeft .galileoIntroPrimero dl dt, #two #columnLeft .galileoServicios dl dt {float: left; margin: 0 .5em 0 0; padding: 0;} #two #columnLeft .egnosSegmentos dl dd, #two #columnLeft .egnosDatos dl dd, #two #columnLeft .galileoIntroPrimero dl dd, #two #columnLeft .galileoServicios dl dd {margin: 0; padding: 0 0 .5em 0;} #two #columnLeft .galileoIntroPrimero h3 {margin: 0; padding: 0; font-size: 1.1em;} #two #columnLeft .galileoFuncionamiento h3, #two #columnLeft .galileoFunSegundo h3, #two #columnLeft .galileoServicios h3{display: block; margin: 0 0 .5em 0; padding: 0; font-size: 1.1em; border-bottom: 1px solid #000;} #two #columnLeft .galileoServicios dl dd ol li{list-style-position : inside;} #two #columnLeft .adsImplantacion dl dt{float: left; margin-right: .5em;} #two #columnLeft .adsImplantacion dl dd{margin: 0; padding: 0 0 .5em 0;} #two #columnLeft .adsImplantacion dl dt.separate{float: none; padding: 0 0 .5em 0;} #two #columnLeft .adsImplantacion dl dd dl {padding-left: 2em;} /*Plan Barcelona*/ ol.red {margin: .5em 0; padding: 0; list-style-position: inside; font-weight: bold; color: #7D0600;} ol.red li span{padding-left: .5em; font-weight: normal; color: #464646;} ol.blue {margin: .5em 0; padding: 0; list-style-position: inside; font-weight: bold; color: #000057;} ol.blue li span{padding-left: .5em; font-weight: normal; color: #464646;} ol.orange {margin: .5em 0; padding: 0; list-style-position: inside; font-weight: bold; color: #FAC948;} ol.orange li span{padding-left: .5em; font-weight: normal; color: #464646;} ol.green {margin: .5em 0; padding: 0; list-style-position: inside; font-weight: bold; color: #2F5400;} ol.green li span{padding-left: .5em; padding: 0; font-weight: normal; color: #464646;} ol.purpe {margin: .5em 0; padding: 0; list-style-position: inside; font-weight: bold; color: #640757;} ol.purpe li span{padding-left: .5em; font-weight: normal; color: #464646;} /*--- PopUp Requerimientos de Flash ---*/ #wrapperPopup.requerimientos h1 { font-family: arial; font-size: 1.4em; font-weight: bold; color: #666; padding: .7em 0 .8em 4.6em; margin: 0 0 1.1em 0; border-bottom: 1px solid #DAD8D8; } #wrapperPopup.requerimientos h2 { font-family: arial; font-size: 2em; font-weight: bold; color: #666; border: none; padding:0; margin:0; } #contentRequirement { margin: 0 2.2em 0 2.2em; } #contentRequirement .contentText { padding: 0 1.6em; min-height: 12.2em; } * html #contentRequirement .contentText { height: 12.2em; } #contentRequirement ul { padding: 1.3em 0 0 4em; } #contentRequirement ul li { font-size: 1.1em; } /* #contentRequirement { display: inline; float: left; width: 80%; margin: 1em 0 0 6em; } #contentRequirement .contentText {padding: 2em; font-size: 1.1em;} #contentRequirement .contentText p {margin-top: 0; padding-top: 0; padding-bottom: 0; } #contentRequirement ul{ margin-top: 0; margin: 1em 0 2.5em 0; padding-top: 0; padding-left: 0; list-style-type: none;} #contentRequirement ul li { padding-left: .8em; background: url(../img/flash/bulletLine.gif) center left no-repeat;} */ /*--- PopUp sustitucion de Flash por html ---*/ div#contentFlash .txtFlash{text-align: left; font-size: .9em; padding:1em;} ol.listOrdenado { margin: 1em 0 0 2em; } ol.listOrdenado li { margin-bottom: 1em; } ol.listOrdenado li img { display:block } ol.listOrdenado.conNumeracion { margin-left: 0; list-style-type : none; } ol.listOrdenado.conNumeracion li { padding-left: 1.5em; } ol.listOrdenado.conNumeracion li.listUno { background: url(../img/flash/listUno.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listDos { background: url(../img/flash/listDos.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listTres { background: url(../img/flash/listTres.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listCuatro { background: url(../img/flash/listCuatro.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listCinco { background: url(../img/flash/listCinco.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listSeis { background: url(../img/flash/listSeis.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listSiete { background: url(../img/flash/listSiete.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listOcho { background: url(../img/flash/listOcho.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listNueve { background: url(../img/flash/listNueve.gif) 0 2px no-repeat; } ol.listOrdenado.conNumeracion li.listDiez { background: url(../img/flash/listDiez.gif) 0 0 no-repeat; } ol.listOrdenado.conNumeracion li.listOnce { background: url(../img/flash/listOnce.gif) 0 0 no-repeat; } ol.listOrdenado.conNumeracion li.listDoce { background: url(../img/flash/listDoce.gif) 0 0 no-repeat; } ol.listOrdenado.conNumeracion li.listTrece { background: url(../img/flash/listTrece.gif) 0 0 no-repeat; }