/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.11.0 */ /******** RESET *******/ body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,images{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} /********* FONTS ************/ /** * 84.5% for !IE, keywords for IE * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE < 6 and IE6 quirks mode. * */ body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color: #666666; } table {font-size:inherit;font:100%;} /** * 99% for safari; 100% is too large */ select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} /** * Bump up !IE to get to 13px equivalent */ pre, code {font:115% monospace;*font-size:100%;} /** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */ body * {line-height:1.22em;} /************ ESTRUCTURE *****************************/ body { text-align:center; background: url(../images/header_fondo.gif) repeat-x 0 60px ; } #container { width: 100%; height: 100%; background: url(../images/footer_fondo.gif) repeat-x 0 100%; } #doc { width:57.69em; *width:56.3em; /* IE */ min-width:750px; margin:auto; text-align:left; } p { margin: 5px 0 5px 0; } #header,#content {margin-bottom:1em;text-align:left;} #header { position: relative; height: 220px; background: url(../images/header_world.gif) no-repeat right 10px;} #header_list { position: absolute; top: 40px; right: 200px; } #header_list ul { margin: 0; padding: 0; } #header_list li { float: left; list-style:none; margin: 0 0 0 7px; } #header_list li.border { padding: 0 7px 0 0; border-right: 1px dotted #006699; } #header_list a:link { font-size: .9em; font-weight: bold; text-decoration: none; color: #B40107; } #header_list a:visited, #header_list a:active, { font-size: .9em; font-weight: bold; text-decoration: none; color: #006699; } #header_list a:hover { text-decoration: underline; color: #006699; } #header_conf { position: absolute; top: 190px; right: 190px; width: 560px; padding: 5px 0 4px 0; background: #E3F4FF; } #header_conf ul { margin: 0; padding: 0; right: 10px; } #header_conf li { float: left; list-style:none; margin: 0 0 0 7px; } #header_conf li.border { padding: 0 7px 0 0; border-right: 1px dotted #006699; } #header_conf a:link { font-size: .9em; font-weight: bold; text-decoration: none; color: #B40107; } #header_conf a:visited, #header_conf a:active, { font-size: .9em; font-weight: bold; text-decoration: none; color: #006699; } #header_conf a:hover { text-decoration: underline; color: #006699; } #header_title { padding: 100px 0 0 0; } #header_title span { background: url(../images/header_title.gif) no-repeat; position: absolute; top: 100px; width: 100%; height: 100%; } #content { margin: 0 20px 0 20px; } #content ul li {padding: 2px 0 2px 12px; list-style:none; background: url(../images/triang_empty_blue.gif) no-repeat 0 0; } #content strong.ieg { color: #00A4FF; font-weight: bold; } #content p.tip { margin: 0 0 20px 0; padding: 5px 5px 5px 25px; background: #FEFCEF url(../images/icono_tip.gif) 5px 5px no-repeat; border: 1px dotted #AF782B; } #content p.tip strong { color: #AF782B; } #content div.tip { padding: 5px 5px 5px 25px; background: #E3F4FF url(../images/icono_tip.gif) 5px 5px no-repeat; border: 1px dotted #006699; } #content div.tip p { padding: 0; } #content h2 { display: block; margin: 10px 0 10px 0; font: bold 16px arial,helvetica,clean,sans-serif; text-transform: uppercase; color: #006699; border-bottom: 1px dotted #006699; } #content h3 { margin: 10px 0 10px 0; font: bold 13px arial,helvetica,clean,sans-serif; color: #B40107; } img#internetgratis { border: 0; padding: 0; margin: 0 0 0 10px; float: right; } #content #faq img { float: none; margin: 10px 0 0 0; padding: 0px; border: 0px solid #CED3D9; } #content #faq em { color: Black; font-weight: normal; font-style: normal; } #content #faq ol { padding: 0 10px 0 60px; line-height: 19px; list-style-type: decimal; text-align: left; } #content .inside li ol, #content #faq li ol { padding: 0 10px 0 40px; line-height: 19px; list-style-type: lower-latin; text-align: justify; } #content ul { padding: 0 10px 0 60px; line-height: 19px; list-style-type: none; text-align: justify; } #content ol { padding: 0 10px 0 60px; line-height: 19px; list-style-type: decimal; text-align: justify; } #content .inside ul { padding: 0 10px 0 90px; line-height: 19px; list-style-type: none; text-align: justify; } #content .inside ol { margin: 0 10px 0 15px; } #content li, .inside li { float: none; margin-bottom: 5px; } #content ul li, .inside ul li {padding: 0 0 0 12px; background: url(../images/triang_empty_blue.gif) no-repeat 0 0; } code { color: Maroon; font-size: 11px; } .hidden { display: none; } #footer { clear:both; margin: 30px 0 0 0; padding: 20px 0 14px 0; font-size:90%; color: #FFF; } /* --- VINCULOS GENERALES --- */ a:link { text-decoration: none; color: #C7102D; } a:visited, a:active { margin: 0; padding: 0; text-decoration: none; color: #2E485E; } a:hover { text-decoration: underline; color: #C7102D; } #content a.imp { font-weight: bold; text-decoration: none; color: #b30000; } #content a.imp:hover { text-decoration: underline; color: #006699; }