/* Name: screen.reset.css Copyrigth 2009 Cadena Global | http://www.cadenaglobal.com/ Date: 09/09/2009 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; } /* remember to define focus styles! */ :focus { outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul { list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after,q:before, q:after { content: "";} blockquote, q { quotes: "" "";} /*Contenedores*/ #general { width:1000px; height:1230px; background-color:#fff; margin:0 auto; } #general1 { width:1000px; height:400px; background-color:#fff; margin:0 auto; } #header { width:1000px; height:108px; background-color: #ffffff; position:relative; } #cintillo { width:1000px; height:28px; background-color:#FF9900; position:relative; line-height:28px; text-align:center; } #desarrollo{ width:1000px; background-color:#900; } #planeta{ width:377px; height:204px; float: right;} #objetivo{ width:480px; float:left; background-color:#006485; margin-left:10px; margin-top:10px; line-height:18px; } #objetivot{ width:480px; background-color:transparent; line-height:18px; margin:10px; } #objetivo2{ width:480px; float:left; background-color:#4f87b0;line-height:12px; } #objetivo2a{ width:480px; float:left; background-color:#f2f1ea;line-height:12px; } #objetivo3{ width:460px; height:25px; float:center; background-color:#transparent; margin-left:10px; } #objetivo3a{ width:460px; float:center; background-color:transparent; margin-left:10px; margin-top:5px; line-height:18px; } #objetivop0{ width:980px; height:30px; float:left; background-color:#66a2b6; margin-left:10px; margin-top:10px; line-height:18px; } #objetivop01{ width:980px; float:left; background-color:#006484; margin-top:10px; line-height:18px; } #obj_pon{ width:980px; height:20px; float:left; background-color:#66a2b6; line-height:18px; margin-top:10px; } #obj_pon_int{ width:960px; height:18px; float: left; background-color:#66a2b6; margin-left:10px; line-height:16px; } #obj3{ width:460px; height:25px; float:center; background-color:#006484; margin-left:10px; } #objetivo1{ width:485px; height:290px; float:left; background-color:#990000; margin-top:10px; line-height:18px;} #objetivoa{ width:310px; height:280px; float:right; background-color:#4f87b0; margin-top:10px; line-height:18px;} #programa{ width:320px; height:330px; float:left; background-color:#4f87b0; margin-top:10px; margin-left:10px; line-height:14px; } #programa2{ width:310px; height:300px; float:left; background-color:#4f87b0; margin-top:10px; margin-left:10px; line-height:14px;} #planeta1{ width:300px; float:left; background-color:#transparent; margin-top:20px; margin-left:20px;} #der{ width:500px; height:580px; background-color:#fff; float:left;} #izq{ width:500px; height:580px; background-color:#fff; float:left;} #imageIncripcion{ width:330px; height:520px; img:url(imagenes/mundo.gif); float:center;} #footer{ width:1000px; height:67px; background-color: #ffffff; } #obj_verde{ width:480px; background-color:#b1c800; line-height:18px; margin:10px; } #objetivo3v{ width:460px; height:25px; float:center; background-color:#b1c800; margin-left:10px; } #objetivo3t{ width:460px; height:25px; float:center; background-color:#b1c800; margin-left:10px; } /*Informacio*/ #obj_info{ width:480px; float:left; background-color:#FF6600; margin-left:10px; margin-top:10px; line-height:18px; } #obj3_info{ width:460px; height:25px; float:left; background-color:#FF6600; margin-left:10px; } #ponentes{ width:1000px; height:1030px; background-color:#fff;} #ponentesInsc{ width:1000px; height:900px; background-color:#fff;} #generalInsc { width:1000px; height:900px; background-color:#fff; margin:0 auto; } #obj_pon_2a{ width:490px; height:310px; float:left; background-color:#f2f1ea;line-height:12px;} #obj_pon_3a{ width:460px; height:295px; background-color:#f2f1ea; margin-left:10px; margin-top:5px; line-height:18px; } #obj_pon_2a1{ width:490px; height:310px; float:right; background-color:#f2f1ea; line-height:18px;} #obj_pon_3a1{ width:460px; height:295px; background-color:#f2f1ea; margin-left:10px; margin-top:5px; line-height:18px; } /*estilos*/ .cintillo{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; } .titulos{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; text-align:left; line-height:22px;} .titulo{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; text-align:left; line-height:30px; margin-left:10px;} .contenid{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-align:left; line-height:18px;} .contInsc{ font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:11px; color:#666666; text-align:left;} .conten_blanco{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-align:left; line-height:16px; margin:10px;} .contenidt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-align:left; line-height:18px;} .hora{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8e4863; text-align:left;} .cuenta{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003300; text-align:left;} .ponencia{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF9933; text-align:left;} .ponente{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006485; text-align:left;} .info{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f90; text-align:left; font-weight:bold;} a.info:visited, a.info:link, a:info:active{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f90;} a.info:Hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b1c800;} a.info{ text-decoration:none;} .info1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b1c800; text-align:left; font-weight:bold;} a.info1:visited, a.info:link, a:info:active{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b1c800;} a.info1:Hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f90;} a.info1{ text-decoration:none;} /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #main {padding-bottom: 150px;} /* must be same height as the footer */ #foter {position: relative; margin-top: -150px; /* negative value of footer height */ height:67px; clear:both;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* FORMULARIO INSCRIPCION */ #inscripcion{ width:200px; height:100px; float:left; background-color:#transparent; margin-left:10px; margin-top:10px; line-height:18px; } #inscripcion2{ width:200px; height:90px; float:center; background-color:#transparent; margin-left:10px; margin-top:10px; line-height:18px; } #contenedorVacio{ width:200px; height:320px; float:left; background-color:#transparent; margin-top:10px; margin-left:10px; line-height:14px; } #centroInscripcion{ width:440px; float:left; background-color:#4f87b0; margin-left:10px; margin-top:10px; line-height:18px; } #centroInscripcion2{ width:420px; float:center; background-color:#4f87b0; margin-left:10px; margin-top:10px; line-height:18px; } #derecha{ width:320px; height:220px; float:feft; background-color:#4f87b0; margin-top:10px; line-height:18px;} #derecha1{ width:300px; height:180px; float:left; background-color:#4f87b0; margin-top:10px; line-height:18px;} .tituloInsc{ font-family:Arial, Helvetica, sans-serif; font-style:bold; font-size:14px; color:#FFFFFF; text-align:left; line-height:18px;} .tituloCaja{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:left; line-height:18px;} .tituloInscripcion{ font-family:Arial, Helvetica, sans-serif; font-style:bold; font-size:14px; color:#FF9933; text-align:left; line-height:18px;} .butonAlign{ text-align:right; width:150px; }