/* GENERICOS */
* {margin: 0; padding: 0;}
html {background: #FFF url(../images/page_bkgd.gif) 0 0 repeat-x; color: #7C8187;}
body {color: #7C8187; font-family: "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 130%; text-align: center;}
p {margin: 6px 0;}
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 100%; margin-bottom: 0;}
h1 {color: #3C1C10; font-size: 24px; text-transform: uppercase;}
h2 {background: url(../images/underline.gif) 0 16px no-repeat; font-size: 16px; margin: 0; padding: 0 0 8px 0;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 14px; color: #DB1064;}
img, a img {background: none; border: 0;}
dfn {font-style: italic;}
/* ENLACES */
a:link {color: #3C1C10; text-decoration: underline;}
a:visited {color: #7C8187; text-decoration: underline;}
a:hover {background-color: #3C1C10; color: #FFF; text-decoration: none;}
a:active {background-color: #7C8187; color: #FFF; outline: none; text-decoration: none;}
ol li {margin-left: 28px; margin-bottom: 4px;}
ol {margin-bottom: 16px;}
/* NAVEGACION Y CABECERA */
#skipnav {display: none;}
#wrapper {background: url(../images/logo2.gif) -74px 33px no-repeat; height: 200px; margin: 0 auto; position: relative; text-align: left; width: 974px;}
#header {font-size: 11px; height: 38px; line-height: 100%; overflow: hidden;}
ul#nav {position: relative; top: 0; left: 0;}
ul#nav li {display: inline;}
ul#nav li a {position: absolute; top: 0; text-decoration: none; padding: 10px 0 0 0; height:25px; text-align: center;}
ul#nav li a:link {color: #FFFFFF; text-decoration: none;}
ul#nav li a:visited {color: #FFFFFF; text-decoration: none;}
ul#nav li a:hover {background-color: #DB1064; color: #FFFFFF; text-decoration: none;}
body li#nav1 a, body#options li#nav1 a {background-position: 0 0; width: 65px; left: 0;}
body li#nav2 a, body#options li#nav2 a {background-position: -70px -228px; width: 65px; left: 70px;}
body li#nav3 a, body#options li#nav3 a {background-position: -140px -228px; width: 65px; left: 140px;}
body li#nav4 a, body#options li#nav4 a {background-position: -210px -228px; width: 65px; left: 210px;}
body li#nav5 a, body#options li#nav4 a {background-position: -280px -228px; width: 65px; left: 280px;}
body li#nav6 a, body#options li#nav4 a {background-position: -350px -228px; width: 65px; left: 350px;}
body li#nav7 a, body#options li#nav4 a {background-position: -420px -228px; width: 65px; left: 420px;}
.result {background: #FFF; z-index: 20001;}
.row {background-color: #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; margin: 0 -8px; padding: 4px 8px;}
.row a {line-height: 130%;}
.blankpad {padding-bottom: 4px; color: #666;}
#wrapper h1 {margin: 24px 0 12px 0;}
/* CAPAS BASICAS */
#ml {position: absolute; top: 108px;}
#ml {width: 150px; left: 0; text-align: right; font-size: 10px; height: 320px; min-height: 320px;}
#ml p, #ml h3 {margin-right: 4px;}
#home #ml p, #home #ml h3 {margin-right: 0;}
#hs {width: 798px; left: 166px; z-index: 2;}
#mm {width: 458px; float: left; line-height: 150%; margin-right: 41px;}
#div_right {width: 298px; float: left; font-size: 11px;}
#div_left {width: 260px; float: left; margin-right: 16px;}
#div_left p {font-size: 11px;}
#div_center {width: 198px; float: left; margin-right: 25px; /*background: url(../images/vertical.gif) 0 0 no-repeat;*/}
#div_center ul, #div_center ul li {list-style-type: none;}
#div_center ul, #div_center p {margin-left: 8px;}
#div_center li {font-size: 11px; line-height: 120%; background: url(../images/toolbox_list.gif) bottom left no-repeat; padding-bottom: 6px;}
#spl {padding-bottom: 16px;}
#portada {position: absolute; top: 110px;}
#portada {width: 798px; left: 166px; z-index: 2;}
#concepto {position: absolute; top: 110px;}
#concepto {width: 798px; left: 166px; z-index: 2;}
#portafolio {position: absolute; top: 110px;}
#portafolio {width: 798px; left: 166px; z-index: 2;}
#servicios {position: absolute; top: 110px;}
#servicios {width: 798px; left: 166px; z-index: 2;}
#noticias {position: absolute; top: 110px;}
#noticias {width: 798px; left: 166px; z-index: 2;}
#contactar {position: absolute; top: 110px;}
#contactar {width: 798px; left: 166px; z-index: 2;}
/* Technorati Link Styles */
p#te_l {margin-top: 14px;}
#technorati {font-size: 10px;}
/* Homepage */
#home #div_left {background: url(../images/underline.gif) 0 16px no-repeat;}
#home #div_center, #home #div_right {background: url(../images/home_mr_corner.gif) 0 0 no-repeat;}
#home #div_right h2, #home #div_right h3, #home #div_right p {margin-left: 8px;}
#home #div_right img {margin-top: 4px;}
#home #eb {background: url(../images/underline.gif) 8px 16px no-repeat;}
#mm h2, #div_left h2, #div_center h2, #div_right h2, #s1 h2, #s2 h2, #s3 h2, #portada h2 {font-size: 16px; color: #99D1E8; text-transform: uppercase; letter-spacing: 0.1em; margin: 0;}
#home #ml h3, #contact #ml h3, #notebook #ml h3 {text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; margin-bottom: -4px;}
#home #ml img, #contact #ml img {margin-top: 12px;}
#h_sh {background: url(../images/icon_showcase.gif) 0 2px no-repeat; padding-left: 16px;}
.h_up {background: url(../images/icon_latest.gif) 0 2px no-repeat; padding-left: 16px;}
#div_center .h_up {background: url(../images/icon_latest.gif) 8px 2px no-repeat; padding-left: 24px;}
#h_eb {background: url(../images/icon_brief.gif) 0 2px no-repeat; padding-left: 16px;}
#mm p, #home #div_right p {margin-top: 0; margin-bottom: 10px;}
#mm h3, #home #div_right h3, #d1 h3, #d2 h3 {color: #DB1064; font-size: 14px; margin-top: 6px; margin-bottom: 2px;}
#home #div_left .date, #options #mm .date {font-size: 11px; font-weight: bold; color: #E9D490; margin: 0; background: url(../images/icons/clock.gif) 0 3px no-repeat; padding-left: 12px;}
#home #div_left .small, #home #div_center .small {background: url(../images/underline.gif) 0 16px no-repeat; padding-bottom: 18px;}
/* Secondary Navigation */
#subnav {margin-top: 65px;}
#subnav, #subnav li, #subcat, #subcat li {list-style-type: none;}
#subnav li {font-size: 14px; margin-bottom: 8px; margin-right: 4px; line-height: 130%;}
#subnav li a {padding: 2px;}
#subnav li.a:link, #subnav li.current a:visited {color: #99D1E8; text-decoration: underline;}
#subnav li.current a:hover {color: #FFF; background-color: #99D1E8; text-decoration: none;}
#subnav li.current a:active {color: #FFF; background-color: #7C8187; text-decoration: none;}
/* Breadcrumbs */
#breadcrumbs {color: #E9D490; font-size: 10px; font-weight: bold; margin: 0 0 16px 0;}
#breadcrumbs a {background: none;}
#breadcrumbs a:link, #breadcrumbs a:visited {color: #E9D490; text-decoration: underline;}
#breadcrumbs a:hover {color: #E9D490; text-decoration: none;}
#breadcrumbs a:active {color: #DB1064; text-decoration: none;}
/* Profile Section */
#profile #portada #mm {top: 0;}
#profile #portada #div_right {position: relative; left: 0; top: 0;}
#portada h1 {margin: 0;}
#welcomemsg {font-family: Arial, sans-serif; font-size: 16px; line-height: 120%; text-transform: uppercase; text-align: justify; color: #79C900;}
#welcomemsg span {color: #E9D490;}
#mm #rates {width: 458px; border-left: 1px solid #7C8187; border-top: 1px solid #7C8187; border-bottom: 1px solid #7C8187; margin-bottom: 12px;}
#mm #rates, #mm #rates tr, #mm #rates th, #mm #rates td {font-size: 11px;}
#mm #rates th, #mm #rates td {padding: 4px; text-align: center; border-right: 1px solid #7C8187;}
#mm #rates th {width: 106px; font-weight: bold; border-bottom: 1px solid #7C8187;}
#mm #rates caption {text-align: right; font-size: 9px; padding-top: 4px;}
#s1, #s2, #s3 {margin-top: 16px; width: 254px; float: left;}
#s1, #s2 {margin-right: 18px;}
#s1 ul, #s1 ul li, #s2 ul, #s2 ul li, #s3 ul, #s3 ul li {list-style-type: none;}
#s1 ul, #s2 ul, #s3 ul {margin-bottom: 18px;}
#s1 ul li, #s2 ul li, #s3 ul li {margin-bottom: 4px;}
/* Double Column */
#d1 {margin-right: 42px;}
#d1, #d2 {margin-top: 16px; width: 378px; float: left;}
/* Colophon */
#div_right ul, #div_right ul li {list-style-type: none;}
#mm ul li, #div_right ul li {margin-bottom: 4px; list-style-type: none;}
#mm ul li ul li {margin-left: 20px; color:#DB1064;}
#mm ul, #div_right ul {margin-bottom: 16px;}
#div_right h4+p {margin-top: 0;}
#div_right ul {margin-top: 2px;}
#div_right p {margin-bottom: 10px;}
ul#shortlist li {display: inline; margin-right: 2px;}
/* Bios */
h4#in_pics {background: url(../images/icons/h_photo.gif) 0 0 no-repeat;}
h4#in_prof {background: url(../images/icons/h_profile.gif) 0 0 no-repeat; margin-top: 16px;}
h4#in_code {background: url(../images/icons/h_code.gif) 0 0 no-repeat; margin-top: 8px;}
h4#in_service {background: url(../images/icons/h_services.gif) 0 0 no-repeat; margin-top: 16px;}
h4#in_pics, h4#in_prof, h4#in_code, h4#in_service {padding-left: 18px; height: 12px;}
#team {width: 298px; height: 310px; background: url(../images/sidebar/meet_theteam.jpg) 0 0 no-repeat; margin: 0 auto; padding: 0; position: relative;}
#team li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#team li, #team li a {height: 310px; display: block;}
#p1b {left: 0; width: 84px;}
#p2b {left: 84px; width: 100px;}
#p3b {left: 184px; width: 114px;}
#p1b a:hover {background: transparent url(../images/sidebar/meet_theteam_on.jpg) 0 0 no-repeat;}
#p2b a:hover {background: transparent url(../images/sidebar/meet_theteam_on.jpg) -84px 0 no-repeat;}
#p3b a:hover {background: transparent url(../images/sidebar/meet_theteam_on.jpg) -184px 0 no-repeat;}
#vst {margin-bottom: 16px;}
#vst dt {list-style-type: square; color: #79C900; font-weight: bold; text-transform: uppercase; font-size: 11px; margin-top: 6px;}
#vst dd {font-size: 11px;}
/* Contact Section */
#contact #ml #subnav {margin-bottom: 36px;}
#contactus label {display: block; margin-bottom: 2px; font-weight: bold;}
#contactus label, #contactus input {vertical-align: middle;}
fieldset {margin-bottom: 8px; padding: 8px; border: 1px dotted #7C8187;}
legend {padding: 4px; font-size: 14px; background-color: #FFF;}
#requiredinfo input, #optionalinfo input, #requiredinfo select, #optionalinfo select, #requiredinfo textarea, #optionalinfo textarea {width: 300px; margin-bottom: 6px;}
#label_other {color: #C9CCCF;}
#privacyinfo {}
#formcontrols {}
#optionalinfo {}
#showformoptions {display: block;}
#hideformoptions {display: none;}
#formmsg {border: 1px dotted #C9CCCF; padding: 8px; background-color: #FFFF99; margin-bottom: 16px;}
#formmsg h4 {font-size: 16px; margin-bottom: 4px; color: #DB1064;}
#formmsg p {color: #3C1C10;}
#requiredinfo img {vertical-align: top; margin-right: 2px;}
/* Flickr */
#flickr_wrapper {background: transparent url(../images/flickr_bkgd.jpg) 0 0 no-repeat; width: 298px; height: 180px; position: relative;}
#flickr_wrapper a {background-color: transparent;}
#flickr_badge_wrapper {margin: 10px; position: absolute; top: 0; left: 0;}
#flickr_badge_image1, #flickr_badge_image2, #flickr_badge_image3 {float: left; border: 6px solid #FFF;}
#flickr_badge_image1, #flickr_badge_image2 {margin-right: 8px;}
#flickrurl {position: absolute; top: 94px; left: 0;}
/* Distractions */
#mm dl {margin-bottom: 16px;}
#mm dd {margin-bottom: 6px;}
/* Options */
#mm form {margin-bottom: 16px;}
#optionsform {display: none;}
#linksbox #optionsform {display: block;}
#options #ml h3 {margin-top: 56px;}
#options #portada h3 {margin-bottom: 8px;}
/* Portfolio */
#pcat {margin-top: 16px; font-size: 10px; line-height: 120%; font-style: italic;}
#ml ul#subcat li {margin-right: 4px;}
#portdesc {padding-bottom: 4px; border-bottom: 1px dotted #7C8187; margin-bottom: 8px;}
.proj {background: #FFF url(../images/proj_bkgd.gif) 0 0 no-repeat; width: 87px; height: 57px;}
.projsm {background: #FFF url(../images/projsm_bkgd.gif) 0 0 no-repeat; width: 75px; height: 50px;}
.proj, .projsm {padding: 4px; float: left; margin: 0 8px 8px 0;}
#projenl {background: transparent url(../images/projenl_bkgd.gif) 0 0 no-repeat; padding: 4px 0 0 4px; height: 302px; width: 454px;}
#projthumbs {width: 458px; margin: 16px 0; clear: both; overflow: hidden;}
/* News */
ul#hits li p {font-size: 11px;}
ul#hits li a {font-size: 12px; display: block;}
ul#hits li a:link {color: #7C8187; text-decoration: underline;}
ul#hits li a:visited {color: #DB1064; text-decoration: underline;}
ul#hits li a:hover, ul#hits li a:active {color: #DB1064; text-decoration: none; background: none;}
.hitlink a {display: block; font-size: 14px; color: #79C900; font-size: 16px;text-transform: uppercase; background: transparent url(../images/underline.gif) 0 16px no-repeat; padding-bottom: 8px;}
.hitlink a:link, .hitlink a:visited {text-decoration: none;}
.hitlink a:hover, .hitlink a:active {text-decoration: none; background: none;}
#options #mm #hit .date {margin-top: 16px;}
p.posted a {font-size: 10px;}
/* Footer */
#footer {width: 798px; font-size: 10px; border-top: 1px dotted #7C8187; padding-top: 8px;}
#footer ul, #footer ul li {list-style-type: none;}
#footer ul li {display: inline; margin-right: 8px;}
#footer p {margin-top: 0;}
#footer a:link, #footer a:visited {color: #7C8187; text-decoration: underline;}
#footer a:hover {color: #FFF; background-color: #7C8187; text-decoration: none;}
#footer a:active {color: #FFF; background-color: #DB1064; text-decoration: underline;}
#home #footer {clear: both; padding-top: 24px;}
#logo {display: block; position: relative; top: 52px; right: -70px; height: 56px; overflow: hidden; text-indent: -200px; width: 239px;}
#logo:link, #logo:visited {background: transparent url(../images/logo.gif) 0 0 no-repeat; border: 0;}
#logo:hover, #logo:active {background: transparent url(../images/logo2.gif) 0 0 no-repeat; border: 0;}
#logo {background: transparent; text-decoration: none;}
/* Help Documents */
#helpwindow {margin: 7px 8px 8px 8px; font-size: 11px; text-align: left;}
#helpwindow #footer {width: 100%; margin-top: 24px;}
#helpwindow h1 {color: #FFF; font-size: 18px; margin-bottom: 16px; visibility: visible !important;}
#helpwindow h2 {margin-top: 16px; color: #79C900; text-transform: uppercase; letter-spacing: 0.1em;}
#helpwindow h2+p {margin-top: -2px;}
#helpwindow h3 {margin-top: 12px; font-size: 12px;}
#helpwindow ul {list-style-type: none;}
#helpwindow ul li {list-style-type: none; margin-bottom: 4px;}
#helpwindow dl dt {font-size: 12px; font-weight: bold; color: #DB1064; margin-top: 8px;}
#helpwindow dl dd {font-size: 10px; border-bottom: 1px dotted #7C8187; padding-bottom: 4px;}
#helpwindow dl dd ul {margin-top: 8px;}
#helpwindow table {width: 100%; border-top: 1px solid #7C8187; border-left: 1px solid #7C8187;}
#helpwindow th {width: 50%; text-align: left; font-weight: bold; text-transform: uppercase; font-size: 10px;}
#helpwindow th, #helpwindow td {border-bottom: 1px solid #7C8187; border-right: 1px solid #7C8187; padding: 2px; vertical-align: top;}
/* Sidebars */
/*#conceptos #ml, #servicios #ml, #portafolio #ml, #contactar #ml, #portada #ml, #notebook #ml, #extras #ml {background: url(../images/vertical.gif) 150px 58px no-repeat;}*/
#conceptos #div_right #sidebar, #servicios #div_right #sidebar, #portafolio #div_right #sidebar, #contactar #div_right #sidebar, #extras #div_right #sidebar {min-height: 172px; background: url(../images/vertical.gif) 0 0 no-repeat; padding-left: 8px;}
#conceptos #div_right #sidebar_list {padding-left: 8px; width: 288px;}
#sidebar_list ul li {background: url(../images/toolbox_list.gif) 0 14px no-repeat; padding: 0; margin-top: 0; line-height: 100%; height: 16px;}
#sidebar h5 {margin-top: 8px;}
#extras #ml {padding-top: 58px;}
/* Error Pages */
a.destinations:link, a.destinations:visited, a.destinations:hover, a.destinations:active {border: none; background: transparent;}
.destinations {margin-right: 24px;}
body#extras #portada p strong {text-transform: uppercase; font-size: 16px; font-weight: normal;}
/* Notebook */
#announcements {background: #FFF; position: relative; clear: both; margin-bottom: 8px;}
#announcements a, #announcements a:link, #announcements a:visited, #announcements a:hover, #announcements a:active {background: none;}
#announcements img {background: none; margin: 0 12px 12px 0;}
#announcements a:link img, #announcements a:visited img, a:link img.badge, a:visited img.badge {border: 4px solid #7C8187;}
#announcements a:hover img, a:hover img.badge {border: 4px solid #E7E7E7;}
#announcements a:active img, a:active img.badge {border: 4px solid #DB1064;}
a img.badge {background: none; float: left; margin: 0 8px 8px 0;}
/* Styles for Calendar */
#cal {position: relative; width: 120px; margin-bottom: 12px;}
#monthlycalendar {border-top: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5;}
#monthlycalendar caption {color: #3C1C10; font-size: 12px; font-weight: bold; margin-bottom: 4px;}
#monthlycalendar tr th {background-color: #F5F5F5; color: #3C1C10;}
#monthlycalendar tr th, #monthlycalendar tr td {border-right: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; font-size: 9px; padding: 1px; text-align: center;}
#monthlycalendar tr td#today {font-weight: bold;}
td.calendar a:link, td.calendar a:visited, td.calendar a:hover, td.calendar a:active {background: none; font-weight: bold;}
td.calendar a:link {color: #3C1C10; text-decoration: none;}
td.calendar a:visited {color: #3C1C10; text-decoration: none;}
td.calendar a:hover {color: #3C1C10; text-decoration: underline;}
td.calendar a:active {color: #EA6908; text-decoration: underline;}
td.calendar:hover {background-color: #DB1064; color: #FFF;}
td#today {background-color: #3C1C10; color: #FFF;}
td#today a:link, td#today a:visited {color: #FFF; text-decoration: none;}
td#today a:hover, td#today a:active {color: #FFF;}
#monthlyarchives {position: absolute; right: 0; top: 16px; width: 169px;}
#monthlyarchives select {width: 160px;}
.calendartitle {font-weight: bold; line-height: 140%; text-align: left; padding: 0;}
.date, .posted {color: #3C1C10; font-size: 10px; margin-top: 12px;}
.blogimg img {padding: 0 8px 8px 0; border: 0; float: left;}
p .blogimg img {padding: 8px 8px 8px 0; border: 0; float: left;}
.posted {border-bottom: 1px dotted #7C8187; margin-bottom: 16px; padding-bottom: 4px;}
.posted img {vertical-align: middle;}
.container {background-color: #FFF; position: relative;}
/* Simple Contact Links */
#cont a:link, #cont a:visited {color: #7C8187; text-decoration: underline;}
#cont a:hover {color: #FFF; background-color: #DB1064; text-decoration: none;}
#cont a:active {color: #FFF; background-color: #7C8187; text-decoration: none;}
/* Albums */
.albums img, .albums a:link img , .albums a:visited img , .albums a:hover img , .albums a:active img {background: none; margin: 0 4px 0 0; padding: 0; border: 0;}
.albums a {background: none;}
/* Comments (Popups) */
#commentsframe {margin: 0; padding: 48px 0 8px 8px; text-align: left; width: 97%;}
#commentsframe h2 {color: #79C900;}
#commentsframe h2 span {color: #DB1064; font-size: 16px;}
#commentsframe h2, #commentsframe h3 {padding-bottom: 12px;}
#commentsframe hr {height: 1px; border: 0; border-bottom: 1px dotted #F5F5F5; padding: 0; margin: 4px 0;}
#commentsframe form {width: 480px;}
#commentsframe form label {font-size: 11px; font-weight: bold;}
#remember, #forget {margin-right: 2px;}
#url, #author, #commentsframe #email {margin-right: 12px; width: 184px;}
#postinginfo {font-size: 10px;}
.errmsg, #closedmsg {color: #DB1064;}
#preview {border: 1px dotted #F5F5F5; color: #3C1C10; padding: 4px 8px;}
.com1, .com2 {border-bottom: 1px dotted #7C8187; font-size: 11px; padding: 4px 8px;}
.com1 {background-color: #F5F5F5;}
.com2 {background-color: #FCFAFA;}
.commentspost {color: #3C1C10; font-size: 10px; font-style: italic;}
.my-comment {background: #FFFF99 url(../images/comment_www.gif) 4px 4px no-repeat; color: #3C1C10; min-height: 61px; padding-left: 60px;}
/* Misc Classes */
.feed {background: #FFF url(../images/icons/feed.gif) 0 0 no-repeat; padding-left: 16px;}
.mybad {text-decoration: line-through;}
.st {font-size: 10px;}
.small {font-size: 10px; padding-bottom: 16px;}
.space {margin-top: 18px;}
.pad {padding-top: 26px;}
.spaceitout {margin-bottom: 18px;}
.infomsg {font-style: italic; font-size: 10px; color: #DB1064;}
.floatleft {float: left; margin-right: 8px;}
.floatright {float: right; margin-left: 8px;}
.xtramargins {margin-right: 16px;}
.extrabottom {margin-bottom: 8px;}
.fineprint {font-size: 9px; clear: both;}
.ruleabove {border-top: 1px dotted #7C8187; padding-top: 4px; margin-top: 24px;}
.subtitles {text-transform: uppercase; font-weight: bold;}
.vm {vertical-align: middle;}
.br {border-bottom: 1px dotted #7C8187; padding-bottom: 8px;}
.new {background: #FFF url(../images/icons/new.gif) 0 3px no-repeat; display: inline; margin-left: 2px; padding-right: 23px; height: 9px;}
/* Code Textarea Classes */
.php, .js, .xml, .sql {width: 456px; overflow: auto;}
/* H3 Icons */
.i_html, .i_apps, .i_dir, .i_cms, .i_osx, .i_edu, .i_ppt, .i_gd, .i_id, .i_icn, .i_fla, .i_vst {margin-bottom: 16px; padding-left: 18px;}
.i_dir {background: url(../images/icons/directions.gif) 0 -1px no-repeat;}
.i_html {background: url(../images/icons/html.gif) 0 0 no-repeat;}
.i_apps {background: url(../images/icons/webapps.gif) 0 0 no-repeat;}
.i_cms {background: url(../images/icons/webapps.gif) 0 0 no-repeat;}
.i_osx {background: url(../images/icons/macosx.gif) 0 0 no-repeat;}
.i_edu {background: url(../images/icons/learning.gif) 0 0 no-repeat;}
.i_ppt {background: url(../images/icons/training.gif) 0 0 no-repeat;}
.i_gd {background: url(../images/icons/design.gif) 0 0 no-repeat;}
.i_id {background: url(../images/icons/logos.gif) 0 0 no-repeat;}
.i_icn {background: url(../images/icons/icons.gif) 0 0 no-repeat;}
.i_fla {background: url(../images/icons/flash.gif) 0 0 no-repeat;}
.i_vst {background: url(../images/icons/vitalstats.gif) 0 8px no-repeat; border-top: 1px dotted #7C8187; padding-top: 8px !important;}
/* Download Icons */
.pdf, .txt, .sit, .zip, .doc, .htm, .secure {font-size: 10px; margin-bottom: 16px; padding-left: 18px;}
.pdf {background: url(../images/icons/f_pdf.gif) 0 2px no-repeat;}
.txt {background: url(../images/icons/f_txt.gif) 0 2px no-repeat;}
.sit {background: url(../images/icons/f_stuffit.gif) 0 2px no-repeat;}
.zip {background: url(../images/icons/f_zip.gif) 0 2px no-repeat;}
.doc {background: url(../images/icons/f_word.gif) 0 2px no-repeat;}
.htm {background: url(../images/icons/f_html.gif) 0 2px no-repeat;}
.secure {background: url(../images/icons/f_secure.gif) 0 2px no-repeat;}
dt.pdf, .zip, .sit {margin-bottom: 0; font-size: 12px;}
/* Form Validations */
.er {color: #DB1064;}
.req {}
label#label_privacy {font-weight: normal; display: inline;}
.bigmsg {height: 164px;}
/* sIFR */
.sIFR-hasFlash h1 {visibility: hidden; letter-spacing: -.1px; font-size: 24px; line-height: 100%;}
.sIFR-flash, .sIFR-replaced {visibility: visible !important;}
#portada h1 span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; letter-spacing: 0;}
/* Code Syntax Highlighting Styles */
/* Main style for the table */
.dp-highlighter {width: 100%; overflow: auto; line-height: 120% !important; margin: 18px 0px 18px 0px;}
.dp-highlighter table {width: 100%; margin: 2px 0px 2px 0px; border-collapse: collapse; border-bottom: 2px solid #EEE; background-color: #FFF;}
.dp-highlighter tbody.hide {display: none;}
.dp-highlighter tbody.show {display: table-row-group; /*_display: block;*/}
.dp-highlighter td {font-family: "Courier New"; font-size: 11px;}
/* Styles for the tools */
.dp-highlighter .tools-corner {background-color: #EEE; font-size: 9px;}
.dp-highlighter .tools {background-color: #EEE; padding: 3px 8px 3px 10px; border-bottom: 1px solid #666; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver;}
.dp-highlighter .tools-corner {background-color: #EEE;}
.dp-highlighter .tools a {font-size: 9px; color: #666; text-decoration: none;}
.dp-highlighter .tools a:hover {background: none; color: #C11A27; text-decoration: underline;}
/* Gutter with line number */
.dp-highlighter .gutter {padding-right: 5px; padding-left: 10px; width: 5px; background-color: #EEE; border-right: 1px solid #666; color: #666; text-align: right; vertical-align: top;}
/* Single line style */
.dp-highlighter .line1, .line2 {padding-left: 10px; border-bottom: 1px solid #F7F7F7; white-space:nowrap;}
.dp-highlighter .line2 {background-color: #F7F7F7;}
/* About dialog styles */
.dp-about {background-color: #FFF; margin: 0px;}
.dp-about table {width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important;}
.dp-about td {padding: 10px; vertical-align: top;}
.dp-about .copy {border-bottom: 1px solid #ACA899; height: 95%;}
.dp-about .title {color: #C11A27; font-weight: bold;}
.dp-about .para {margin-bottom: 4px;}
.dp-about .footer {background-color: #ECEADB; border-top: 1px solid #FFF; text-align: right;}
.dp-about .close {font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; width: 60px; height: 22px;}
/* Language specific styles */
.dp-c {}
.dp-c .comment {color: #79C900;}
.dp-c .string {color: #7DACBF;}
.dp-c .preprocessor {color: #666;}
.dp-c .keyword {color: #7DACBF;}
.dp-c .vars {color: #D00;}
.dp-vb {}
.dp-vb .comment {color: #79C900;}
.dp-vb .string {color: #7DACBF;}
.dp-vb .preprocessor {color: #666;}
.dp-vb .keyword {color: #7DACBF;}
.dp-sql {}
.dp-sql .comment {color: #79C900;}
.dp-sql .string {color: #C11A27;}
.dp-sql .keyword {color: #7DACBF;}
.dp-sql .func {color: #ff1493;}
.dp-sql .op {color: #808080;}
.dp-xml {}
.dp-xml .cdata {color: #ff1493;}
.dp-xml .comments {color: #79C900;}
.dp-xml .tag {color: #7DACBF;}
.dp-xml .tag-name {color: #000; font-weight: bold;}
.dp-xml .attribute {color: #C11A27;}
.dp-xml .attribute-value {color: #7DACBF;}
.dp-delphi {}
.dp-delphi .comment {color: #008200; font-style: italic;}
.dp-delphi .string {color: #7DACBF;}
.dp-delphi .number {color: #7DACBF;}
.dp-delphi .directive {color: #008284;}
.dp-delphi .keyword {font-weight: bold; color: navy;}
.dp-delphi .vars {color: #000;}
.dp-py {}
.dp-py .comment {color: #79C900;}
.dp-py .string {color: #C11A27;}
.dp-py .docstring {color: #3C1C10;}
.dp-py .keyword {color: #7DACBF; font-weight: bold;}
.dp-py .builtins {color: #ff1493;}
.dp-py .magicmethods {color: #808080;}
.dp-py .exceptions {color: #3C1C10;}
.dp-py .types {color: #3C1C10; font-style: italic;}
.dp-py .commonlibs {color: #8A2BE2; font-style: italic;}
#info_telcofel { position: absolute; margin-top: 200px; margin-left: -70px; }
#info_telcofel a:hover { text-decoration: none; }