.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearboth {clear: both;} .x_horizontal_center_outer { *text-align: center; *width: 100%; } .x_centered-picture { vertical-align: middle; } .x_centered-text-outer {display: table; margin: 0 auto; *display: block; *margin: 0; *text-align: center;} .debug {background-color: #FFE59F;} .clear {clear: both;} .block {display: block;} .relative {position: relative;} .bold {font-weight: bold;} body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16.799999999999997px; background-color: white;} body.home { /* background: white url("../img/home-bkg.jpg") center 80px no-repeat; */ } #header { width: 980px; height: 63px; margin-left: auto; margin-right: auto; margin-top: 20px;} #header #logo { display: block; padding: 0 0 0 0; position: absolute; top: 13px} #header #options { display: block; float: right; margin-right: 11px; width: 420px; margin-top: 6px;} #header #options #user-nav { *width: 328px; clear: both; margin-top: 10px; display: block; float: right; margin-right: 0px;} #header #options #user-nav span {display: block; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666} #header #options #user-nav ul li {float: right; display: inline; margin: 0 12px 5px 0} #nav-bar { width: 100%; height: 68px;} #nav-bar #main-nav-bar { background: transparent url('../img/nav-bkg.gif') repeat-x; height: 46px;} #nav-bar #main-nav-bar #main-nav { width: 970px; margin-left: auto; margin-right: auto; padding-left: 10px;} #nav-bar #main-nav-bar #main-nav a { color: white; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.2px; text-decoration: none; /* border-left: 1px solid #459210; */ line-height: 51px; padding: 17px 15px 17px 15px; } #nav-bar #main-nav-bar #main-nav a:hover, #nav-bar #main-nav-bar #main-nav a.selected { background-color: #333; } #nav-bar #main-nav-bar #main-nav a.first { border-left: 0px; padding-right: 20px; padding-left: 20px;} #nav-bar #secondary-nav-bar { background-color: #e6e4e5; height: 22px;} #nav-bar #secondary-nav-bar ul {display: block; width: 980px; margin-left: auto; margin-right: auto;} #nav-bar #secondary-nav-bar ul li { line-height: 32px; display: block; float: left; margin-left: 30px;} #nav-bar #secondary-nav-bar a {color: #919090; text-decoration: none;} #nav-bar #secondary-nav-bar a:hover, #nav-bar #secondary-nav-bar a.selected {text-decoration: underline; color: #459210;} #page {width: 968px; margin-left: auto; margin-right: auto; padding-left: 14px; position: relative; background-color: #fff;} #pageFnd { background: #fff url("../img/11.jpg") center 100px no-repeat;} #pageFnd.prod {background: #fff url("../img/11.jpg") center bottom no-repeat;} #MigaDePan {float: left; margin: 8px 0 0 55px; width: 300px } #MigaDePan div {float: left; font-size: 11px; color: #333; } #MigaDePan span {float: left; width: 8px; background: url(../img/sepMigas.gif) 5px 6px no-repeat} #MigaDePan a {float: left; padding: 0 0 0 6px; font-size: 11px; color: #0a73bd; text-decoration: underline} #MigaDePan a.inactivo {color: #666; text-decoration: none} #home-cab {position: relative} #home-cab img {padding: 20px 0 0 54px} #home-cab div.headTxt {position: absolute; top: 125px; right: 93px; width: 200px; } #home-cab div.headTxt h1 { font-size: 21px; margin-bottom: 5px; color: #e06f05; font-family: arial; line-height: 24px} #home-cab div.headTxt p {font-size: 13; color: #7c8c88; line-height: 15px} #home-cab div.headTxt a {display: block; margin-top: 9px; font-size: 12px; color: #ccc; } #home-actualidad {display: block; float: left; margin-left: 0px; clear: both; margin-top: 12px;} #home-actualidad h2 { background: transparent url('../img/fndLine.gif') 0 26px repeat-x; font-family: arial, sans-serif; font-size: 20px; color: #000; height: 34px; width: 850px; font-weight: bold; padding-left: 0px; margin-left: 52px; } #home-actualidad div.frm { display: auto; height: 250px; position: relative; margin-top: 16px;} #home-actualidad div.frm div.foto-frm { display: block; float: left; margin-left: 23px; margin-top: 27px; width: 245px; height: 103px; line-height: 123px; *font-size: 123px; text-align: center; } #home-actualidad div.frm div.foto-frm img { vertical-align: middle;} #home-actualidad div.frm div.info { display: block; float: left; margin-left: 0px; margin-top: 17px; margin-left: 22px; padding: 20px 24px; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.599999999999998px; } #home-actualidad div.frm div.info a.title { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.599999999999998px; color: #447bc4; font-weight: bold; text-decoration: none; } #home-actualidad div.frm div.info a.title:hover { text-decoration: underline } #home-actualidad div.frm div.info p {font-size: 14px; margin-top: 4px; line-height: 17px; padding-bottom: 5px; color: #666;} #home-actualidad div.frm div.info p a { color: #015b9a;} #home-actualidad div.frm div.info a.more {text-decoration: none; color: #015b9a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16.799999999999997px; font-weight: bold; } #home-actualidad div.frm div.left { position: relative; display: block; float: left; margin-left: 41px; background: transparent url('../img/noticias-frm-bkg.png') right top no-repeat; width: 280px; height: 185px; } #home-actualidad div.frm div.left div.foto-frm { margin-left: 27px;} #home-actualidad div.frm div.left div.info { margin-left: 0px;} #home-actualidad div.frm div.center { position: relative; display: block; float: left; margin-left: 2px; background: transparent url('../img/noticias-frm-bkg.png') right top no-repeat; width: 290px; height: 185px; } #home-actualidad div.frm div.center div.foto-frm { margin-left: 34px;} #home-actualidad div.frm div.right { position: relative; display: block; float: left; margin-left: 12px; background: transparent url('../img/noticias-frm-bkg.png') 9px top no-repeat; width: 290px; height: 185px; } #home-actualidad div.frm div.right div.foto-frm { margin-left: 16px;} #home-novedades {display: block; float: left; margin-left: 0px; margin-top: 30px; margin-bottom: 40px} #home-novedades h2 { background: transparent url('../img/fndLine.gif') 0 32px repeat-x; color: #000; font-family: arial, sans-serif; font-size: 20px; line-height: 28px; height: 44px; width: 850px; font-weight: bold; padding-left: 0px; margin-left: 52px; margin-bottom: 10px; } #home-novedades div.frm { float: left; margin-left: 0px; margin-top: 20px; width: 850px; padding-left: 40px; padding-bottom: 35px;} #home-novedades div.info { float: left; margin-left: 0px; width: 410px;} #home-novedades div.frm div.info p { padding-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #666; } #home-novedades div.frm div.info a.title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; color: #447bc4; font-weight: bold; text-decoration: none; } #home-novedades div.frm div.info a.title:hover {text-decoration: underline} #home-novedades div.frm .visto {display: block; margin-top: 8px;} #home-novedades div.frm div.info a.ver {display: block; margin-top: 8px; text-decoration: none; color: #447bc4; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16.799999999999997px; font-weight: bold; } #home-novedades div.side-ads {float: left; margin-left: 25px; margin-right: 35px; margin-top: 5px;} #home-novedades div.side-ads span { font-family: Arial, Helvetica, sans-serif;font-size: 10px; line-height: 14px; color: #999; background-color: #f7f7f7;} #home-novedades div.side-ads a { margin-top: 3px;} .entradillaDetalle {padding-bottom: 60px} .entradillaDetalle h2 {padding: 10px 0 50px 0 ; font-size: 28px !important; background: transparent url('../img/fndLine.gif') 0 50px repeat-x !important;} .entradillaDetalle p.intro {width: 775px; padding: 0px 70px 40px 55px; color: #333; font-size: 16px; line-height: 22px} .entradillaDetalle img.imgG {margin: 0 0 20px 50px} .entradillaDetalle h3 {font-weight: bold !important; padding: 10px 0 0 50px; font-size: 18px; font-family: arial, sans-serif; color: #333} .entradillaDetalle p.intro a {color: #447bc4} .entradillaDetalle ul.detalle {display: block; width: 545px; margin: 30px 0 60px 100px} .entradillaDetalle ul.detalle li {padding-left: 12px; margin-top: 16px; color: #333; font-size: 16px; line-height: 18px; background: url('../img/bullet.gif') 0 8px no-repeat} .detalle #listDetalle {clear: both; float: left; padding: 0 50px 50px 50px } .detalle .modDetalle {clear: both; float: left; width: 840px; margin: 0 0 70px 0} .detalle .modDetalle .modTxt {float: left; width: 460px; margin-left: 20px } .detalle .modDetalle h3 {font-weight: bold !important; padding-bottom: 3px; padding-left: 0; font-size: 19px; font-family: arial, sans-serif; color: #333; line-height: 22px } .detalle .modDetalle .modTxt p {padding: 0 0 12px 0; font-size: 16px; color: #666; line-height: 22px} .detalle .modDetalle .modTxt span {display: block; margin-bottom: 14px; font-size: 13px; color: #e06f05; font-weight: bold} .detalle .modDetalle .modTxt ul.ingr {margin: 20px 0 0 0} .detalle .modDetalle .modTxt ul.ingr li {margin: 0 25px 6px 25px; padding-left: 10px; font-size: 13px; color: #666; background: transparent url('../img/bullet.gif') 0 7px no-repeat } .detalle .modDetalle img {float: left; width: 330px; border: 1px solid #eee} form {display: block; float: left; padding: 60px 100px 80px 130px; background: url('../img/backform.gif') 50px 0 no-repeat} form label {display: block; float: left; width: 104px; font-size: 14px; font-weight: bold; font-family: arial} form div{clear: both; width: 600px; border-bottom: 0 ! important} form .cMail, form .cNombre {width: 230px; height: 20px; margin-bottom: 15px} form .cArea {width: 400px; height: 100px; margin-bottom: 15px} form input.btn {float: right} .formDir {float: left; padding: 0 0 100px 50px} .formDir h3 {padding: 0; margin: 0 0 30px 0} .formDir ul {float: left; margin: 20px 0 0 50px} .formDir ul li {padding: 0 0 14px 0; font-size: 14px} .formDir ul li span {display: block; clear: both; margin-bottom: 3px} .formDir a {color: #447bc4} #diapos-on{ width:980px; height:276px; position:relative;} #diapos-on li{position:absolute;top:0;left:0; width:980px; height:276px;list-style:none;} #contador{width:810px; margin: 2.5em auto 0;} #contador li{float:right ; width:10px;height:10px; margin-right:5px;list-style:none;-moz-box-shadow:0 1px 4px #666;-webkit-box-shadow:0 1px 4px #666;box-shadow:0 1px 4px #666;} #contador li a{display:block;text-indent:-999em;background:#fff2c0;width:10px;height:10px;overflow:hidden;} #contador li a:focus{outline:1px solid #fff2c0;} #contador li.actual a{background:#000;} #footer-wrp {width: 100%; background-color: #000; margin-top: 0px; padding-top: 50px; height: 200px} #footer { width: 980px; overflow: auto; margin-left: auto; margin-right: auto; margin-bottom: 60px } #footer div.footer-col { display: block; float: left; margin-left: 10px; width: 250px; height: 175px; padding-left: 40px;} #footer div.footer-col.first { margin-left: 10px; background: none; padding-left: 0px;} #footer div.footer-col div.title { padding-top: 3px; margin-left: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19pxx; font-weight: bold; color: #e07008; } #footer div.icon {margin: 16px 40px 0 0} #footer div.footer-col span {display: block; float: left; margin: 9px 7px 0 0; font-size: 17px; color: #023234} #footer div.footer-col img {margin-right: 10px} #footer div.footer-col ul { margin-top: 10px;} #footer div.footer-col ul li a { color: #666; text-decoration: none; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 25px; padding-left: 10px; } #footer div.footer-col ul li a:hover {color: #daddda; }