body         { font-family: Verdana; font-size: 8pt;}
.tablaart    { background-image:url('../imagenes/fondoarticulo.png'); background-repeat:no-repeat;}
td           { font-family: Verdana; font-size: 8pt }
.abajo       { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; COLOR: #999999; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
a              { FONT-SIZE: 10px; COLOR: #777777; text-decoration: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
a:hover      { FONT-SIZE: 10px; COLOR: #996633; text-decoration: none underline; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

.textoseccion {font-size: 10px; color: #777777}
.titulo1 {font-size: 11pt; color: #333333; font-family:Arial; font-weight:bold; margin-top:20;}
.texto1 {font-size: 8pt; color: #404040; line-height:100%; margin-left:4; margin-top:20; margin-bottom:20; text-indent:7; text-align:justify}

/* MAIN */

/*
Tahoma, Verdana, Arial, sans-serif
Arial, sans-serif
*/
html { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
table { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
img { border: 0px; overflow: hidden;}

th {
        text-align: left;
}
form { border: 0px; margin: 0px; }
#sitecontainer {
        width: 100%;
        text-align: center;
        }

* html .maincontainer {height: 1%;}

.text        {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
/*
.text a {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        text-decoration: none;
        color: #5A86B3;
        }
*/
.text tr {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.text th {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        text-align: left;
        color: #494949;
        }
.text td {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.text table {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.darktext {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #000000;
        }
.borderbot { height: 1px; line-height: 1px; font-size: 1px; margin: 0px; padding: 0px; background: url('/images/dots.gif') repeat-x; }
.borderbotlight { height: 1px; margin: 0px; padding: 0px; background: url('/images/dots_light.gif') repeat-x; }

/* BASIC */

p { line-height: 1.2em; margin: 0px; padding: 0px 0px 12px 0px; }
strong { font-weight: bold; }

li                 { list-style-position: outside }

table { }
td { font: 1em Tahoma, Verdana, Arial, sans-serif; color: #000000; }
div {  }

/* TOP NAV */

#topNav { margin-bottom: 9px; }
#firstNavBar {
        width: 100%;
        background-color: #5A86B3;
        text-align: left;
        }
#secondNavBar {
        width: 100%;
        text-align: left;
        background-color: #7699BD;
        font: 11px Tahoma, Verdana, Arial, sans-serif;
        margin: 0px;

}
.usertable {
        padding: 2px 6px 3px 9px;
        }
.menuText {
        line-height: 1.4em;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #FFFFFF;
        }
.menuText a {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        text-decoration: none;
        color: #FFFFFF;
        }
.menuText a:hover {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        background-color: #5A86B3;
        color: #FFFFFF;
        }
.avatar {
        float: left;
        margin-right: 4px;
        }

/* LEFT NAV */

#navigation {
        text-align: left;
        width: 150px;
  margin: 0px;
  padding: 0px;
        padding-right: 10px;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #5A86B3;
        vertical-align: top;
}
.menu {
        background-color: #F1F3F5;
        width: 100%;
        }
.menu a {
        display: block;
        line-height: 13px;
        /*font: 1em Arial, Tahoma, Verdana, sans-serif;*/
        font-weight: bold;
        color: #5A86B3;
        padding-top: 3px;
        padding-left: 9px;
        padding-bottom: 1px;
        text-decoration: none;
        background: url('/images/dots.gif') repeat-x bottom;; font-style:normal; font-variant:normal; font-size:1em; font-family:Tahoma, Verdana, Arial, sans-serif
        }
.menu a:hover { color: #38597B; }
.menu a.highlight {
        color: #494949;
        }
.statsbold {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #494949;
        }
.statsresults        {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #494949;
        }
.statsplain        {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.navtext {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #5A86B3;
        padding-left: 9px;
        }
.stats {
        padding: 3px 0px 3px 9px;
        background-color: #F1F3F5;
        }
.swatch {
        padding: 3px 0px 3px 0px;
        background-color: #FFFFFF;
        }
.forumnavbar {
        padding: 3px 0px 3px 9px;
        background-color: #F1F3F5;
        }
.banner {
        margin: 5px 0px 5px 0px;
        padding: 0px;
        }


/* CONTENT AREA */

.floatercell {
        float: left;
        border: 0px solid #080;
        /* TODO height: this rule was broken: no value was specified for height */
        overflow: hidden;
        margin: 0px;
        width: 120px;
}

#sitecontent {
        margin: 0px;
        padding: 0px;
        display: block;
        }
#leftcontent {
        float: left;
        width: 280px;
        margin-right: 10px;
        text-align: left;
        }
#leftdetail {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        float: left;
        width: 340px;
        margin-right: 10px;
        text-align: left;
        }
#rightcontent {
        text-align: left;
        float: left;
        width: 310px;
        padding: 0px;
        }
#rightdetail {
        text-align: left;
        float: left;
        width: 238px;
        padding: 0px;
        }
#controlpanel        {
        background: url('/images/dots.gif') repeat-x top;
        text-align: left;
        color: #494949;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px
        }
#controlpanel img {
        padding-top: 5px;
        }
.filestats {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        padding-left: 9px;
        padding-bottom: 9px;
        }
.filestats img, .filestats .ratingcamera, .rightmenutext .ratingcamera {
        padding: 0px 0px 2px 2px;
        vertical-align: middle;
        }
.filedetails  {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        }
.fileoptions {
        background-color: #F1F3F5;
        vertical-align: middle;
        }
#rightmenutext, .rightmenutext {
        padding-left: 9px;
        padding-top: 4px;
        padding-bottom: 6px;
        background-color: #F1F3F5;
        color: #3C3C3C;
        }
.fileoptions a {
        display: block;
        background-color: #F1F3F5;
        height: 23px;
        background: url('/images/dots.gif') repeat-x top;
        vertical-align: middle;
        text-decoration: none;
        color: #38597B;
        padding-left: 9px;
        padding-top: 2px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Tahoma, Verdana, Arial, sans-serif
        }


.fileoptions a:hover { color: #38597B; }
.fileoptions img {
        vertical-align: middle;
        }
#bottomcontent {
        text-align: left;
        clear: both;
        width: 600px;
        }
.bottomfiledetails {
        width: 600px;
        text-align: left;
        }
.optiontitle        {
        /* font: 1.2em Tahoma, Verdana, Arial, sans-serif; */
        color: #5A86B3;
        /* font-weight: bold; */
        padding-top: 11px;
        padding-bottom: 1px;
        background-color: #FFFFFF;
        }
#filesizes {
        background-color: #F1F3F5;
        width: 350px;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #38597B;
        }
#filesizes td {
        background-color: #F1F3F5;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #38597B;
        }
.largetitle {
        font: 1.2em Tahoma, Verdana, Arial, sans-serif;
        color: #5A86B3;
        font-weight: bold;
        margin-top: 11px;
        margin-bottom: 4px;
        }
.smalltitle {
        margin-top: 6px;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #5A86B3;
        }
.iotw {
        padding-bottom: 9px;
        }
.archivelinks {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        text-align: right;
        padding-top: 5px;
        color: #5A86B3;
        }
.feature {
        padding: 0px;
        margin: 2px 0px 2px 0px;
}
.featurestitle {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #5A86B3;
        margin-top: 0px;
}
.featureimage {
        float: right;
        padding: 0px;
        margin: 0px 0px 0px 4px;
}
.featurestext {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.featurestext a {
        color: #5A86B3;
        text-decoration: none;
        }
.featurestext a:hover { color: #38597B; }
#filedetail {
        padding-top: 14px;
        padding-bottom: 14px;
        text-align: center;
        border: 1px;
        border-color: #000000;
        }
#filedetail img {
        border-width: 1px;
        border-color: #38597B;
        }
.shaded {
                font: 1em Tahoma, Verdana, Arial, sans-serif;
                color: #494949;
        }
.shaded a {
        color: #5A86B3;
        text-decoration: none;
        }
.shaded img        {
        padding-left: 9px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 4px;
        }

/* BOTTOM CONTENT */

.photodescrip {
        padding-top: 9px;
        text-align: left;
        }
.photodescrip p {
        margin-top: 9px;
        }
#gallerydisplay        {
        padding-top: 13px;
        padding-bottom: 8px;
        }
#gallerydisplay img {
        border-width: 1px;
        border-color: #38597B;
        margin-bottom: 3px;
        }
#gallerydisplay table {
        padding-top: 8px;
        padding-bottom: 8px;
        }
#gallerydisplay td        {
        text-align: center;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #38597B;
        }

#mostpopular        {
        padding-top: 4px;
        padding-bottom: 4px;
        }
#mostpopular img {
        border-width: 1px;
        border-color: #38597B;
        margin-bottom: 3px;
        }
#mostpopular table {
        padding-top: 4px;
        padding-bottom: 4px;
        }
#mostpopular td        {
        text-align: center;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #38597B;
        }
/* FOOTER */
#footer {
        clear: both;
        color: #5A86B3;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        padding-top: 4px;
        }
#footer td {
        color: #5A86B3;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        }
#footer a {
        text-decoration: none;
        color: #5A86B3;
        }
#footer a:hover {
        color: #38597B;
        }
/* FORMS */

.search, .field        {
        width:                         150px;
        height:                 20px;
        padding:                0px;
        margin:                 2px;
        border-color: #494949;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        font:                         1em Verdana, sans-serif;
        background-color: #F1F3F5;
        }

.dropdown {
        font-size:                 0.9em;
        font-family:                 Verdana, sans-serif;
        background-color:        #F1F3F5;
        padding:                 0px;
        height:                        15px;
        margin:                 0px;
        border-color: #494949;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
}

.buttonwhite {
        font-size:                 10px;
        font-family:                 Verdana, sans-serif;
        background-color:        #5A86B3;
        color:                         #FFFFFF;
        padding:                 0px;
        height:                        18px;
        margin:                 0px;
        border:                        1px solid #5A86B3;
}

input.topsearch { border: 1px solid #7699BD; font: 10px Arial, Helvetica; width: 130px; background: #F1F3F5; padding: 2px;  line-height: 14px; }

/* EMAIL */

.quote {
  border-color: #5A86B3;
  border-style: solid;
  border-width: 0px 0px 0px 2px;
  padding: 0px 0px 0px 10px;
}

/* ZEITGEIST */

.bargraph1 {
  background-color: #5A86B3;
}

.bargraph2 {
  background-color: #5A86B3;
}
.bargraph3 {
  background-color: #B2B2B2;
}

/* REPORT TABLE */
.reporttable { border: 0px; }
.reporttable tr {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }
.reporttable th {
  font-weight: bold;
  text-align: left;
  color: #494949;
        background: url('/images/dots.gif') repeat-x bottom left;; font-style:normal; font-variant:normal; font-size:1em; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:2px; padding-right:2px; padding-top:3px; padding-bottom:4px
  }
.reporttable td {
  color: #000000;
        background: url('/images/dots.gif') repeat-x bottom left;; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:2px; padding-right:2px; padding-top:3px; padding-bottom:4px
  }
.reporttable table {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }

/* OPTION CHECKBOX */
.searchoptions {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  padding-top: 3px;
  padding-left: 9px;
  padding-bottom: 3px;
        color: #494949;
        background-color: #F1F3F5;
        line-height: 14px;
}

.searchoptions img { padding: 0px; border: 0px; background-color: #7699BD; vertical-align: -10%; }
.searchoptions strong { font-weight: bold; }

/* BLOG */
#blog { line-height: 1.2em; }
#blog .tools { font-style: italic; margin-top: 2px; margin-bottom: 2px; }
#blog .head { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .admin { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .item, #blog .itemsticky { margin-bottom: 12px; }
#blog .itemsticky { background-color: #F1F3F5; padding: 6px 6px 6px 6px; border: 1px  solid #777777; }
#blog .comment { margin-bottom: 1px; background-color: #F1F3F5; padding: 6px 6px 6px 6px; }
#blog .caption { font-style: italic; }

/* FORUM */
#forum {}
table#forum { width: 600px; padding: 0px; margin: 0px; }
#forum .post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.2em; color: #3C3C3C; padding: 8px; }
.post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.3em; color: #3C3C3C; padding: 8px; }

/* SUPPORT */
#supportticket {}
#supportticket .message { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin: 6px; border: 1px solid gray; }

/* FILE UPLOAD */
/*.stepbox { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin-left: 6px; margin-right: 6px; border: 1px solid gray; }*/

/* ERROR */
.error { font-size: 1.1em; color: #FF0000; }
.error li { font-weight: bold; }

/* USER EDIT */

#useredit {}
#useredit .comment { margin-top: 2px; margin-bottom: 5px; color: #7699BD; font-size: 1.1em; }

/* TRAINING MANUAL */
#apptutorial { width: 100%; }
#apptutorial .inset { padding-right: 8px; }
#apptutorial .rightnav { width: 160px; }
#apptutorial .imagebox img { border: 1px  solid #777777; }
#apptutorial .imagebox td { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }
#apptutorial .imagebox div { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }

/* RADIUS BUTTON */
#radiusbutt {
        background: #5A86B3 url('../../images/radius_butt_left.gif') no-repeat top left;
        padding: 0px;

}
#radiusbutt td {
        background: #5A86B3 url('../../images/radius_butt_right.gif') no-repeat top right;
        height:17px; font-size:10px; font-weight:bold; line-height:17px; vertical-align:middle; border-bottom:0px solid #FFFFFF; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; background-color:#5A86B3
}
#radiusbutt a:link { color: #FFFFFF; }
#radiusbutt a:visited { color: #FFFFFF; }
#radiusbutt a:hover { color: #000000; background: transparent;  }

.radiusbutt {
        background: #5A86B3 url('../../images/radius_butt_left.gif') no-repeat top left;
        padding: 0px;

}
.radiusbutt td {
        background: url('../../images/radius_butt_right.gif') no-repeat top right;
        height:17px; font-size:10px; font-weight:bold; line-height:17px; vertical-align:middle; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; background-color:transparent
}
.radiusbutt a:link { color: #FFFFFF; }
.radiusbutt a:visited { color: #FFFFFF; }
.radiusbutt a:hover { color: #000000; background: transparent;  }

/* CREATIVE NETWORK */

#creativeNetwork .shaded { background: #F1F3F5; padding: 3px; border-bottom: 2px solid #FFFFFF; }
#creativeNetwork .alignright { text-align: right; }
#creativeNetwork .whitebg { background: #FFFFFF; }

#creativeNetwork table#forum { width: 350px; padding: 0px; margin: 0px; }


.hopFrame { height: 12px; margin-bottom: 3px; }
.hopBox { background:  url('../../images/hops.gif') top left; margin-right: 10px;  height: 12px;  float: left }

/* SITEMAIL */
.message_unread, .message_unread td { font-weight: bold; }

/* PHOTOGRAPHER APPLICATION */
.AppQuestion { font-weight: bold; }
.AppWrongQuestion { font-weight: bold; color: #FF0000; }
.AppResultAnswer { padding-left: 20px; }
.AppQuestDescript { padding-left: 20px; }

/* NAVIGATION BAR */
.navbarimg { background-color: #5A86B3; border: 0px; }

/* THUMBNAILS */
.icons { height: 13px; }
.imageborder { border: 1px solid #CCCCCC; padding: 0px; }

/* SEARCH RESULTS */

table#results { height: 6px; margin-bottom: 3px; }
table#results .bar { background: #C2C2C2; }
table#results .background { background: #DFDFDF; }

/* TESTIMONIALS */
.testimonial { margin-bottom: 4px; padding-bottom: 4px; }

/* STEEL CAGE */

.judgevolley {
        }
.judgevolley img {
        width: 275px;
        height: 206px;
        }

/* DEBUG */
/*
div { background-color: #FF0000; }
td { background-color: #00FF00; }
*/

/* FLOATER */
#trailimageid {
        position: absolute;
        visibility: hidden;
        left: 0px;
        top: 0px;
        width: 286px;
        height: 1px;
        z-index: 1000;
}

/* CART */
.cartupgradelist table{
        border               : 1px solid #CCC;
        border-collapse      : collapse;
}
.cartupgradelist td{
        border               : 1px solid #CCC;
        border-collapse      : collapse;
}
.cartupgradelist table{
        border                :none;
        border                :1px solid #CCC;
}


.cartupgradelist tr{
        padding               : 4px
  color                 : #666;
}
.cartupgradelist td{
        padding               : 4px;
  color                 : #666;
}
.cartupgradelist tr:hover{
  background            : #FFF url('/images/tr_bck.gif');
}

.cartupgradelist td:hover{
  color                 : #454545;
}
.cartupgradelist td a:hover{
        text-decoration: underline;
        }






/* COPYSPACE */
.cs_box {
        border: 0px solid #CCC;
        padding: 0px;
/* spacing: 0px; TODO css has no "spacing" property -- do you mean margin? */
}

.cs_xxx {                border: 0px solid #888; background-color: #666; width: 20px; height: 20px;
background: url('/images/cs_grey.gif');
        }
.cs_on {                border: 0px solid #8C8; background-color: #4E4; width: 20px; height: 20px;
background: url('/images/cs_green.gif');
        }
.cs_off {                border: 0px solid #C88; background-color: #E44; width: 20px; height: 20px;
background: url('/images/cs_red.gif');
        }

/* CALENDAR */



#calendarhead a:link { color: #214769; text-decoration: none; font-weight: bold; }
#calendarhead a:visited  { color: #214769; text-decoration: none; }
#calendarhead a:hover { color: #000; text-decoration: none; }

#calendarhead  {
        border-width: 1px 1px 0px 1px;
        border-color: #777;
        border-style: solid;
        padding: 2px;
        width: 315px;
}

#calendarhead td  {
        background-color: #eee;
        vertical-align: top;
        padding: 3px;
}


#calendar  {  border: 1px solid #777; width: 315px;}


#calendar td :first-line { font-weight: bold; }
#calendar td { width: 45px; }

#calendar td  a {
        text-align: left;
        border: 1px solid; border-color: #fff #9F9FB4 #9F9FB4 #EAEAF8;
        padding: 8px 5px 8px 5px;
        display: block; }

#calendar td  a:visited {}

#calendar td  a:hover {
        border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2;
        padding: 8px 5px 8px 5px; }

#calendar .on {background-color: #eee !important; }
#calendar .today {background-color: #E8E8FF; }

#calendar .off {
        background-color: transparent;
        color: #A4A7B6;
        border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2;
        padding: 8px 5px 8px 5px;
}

#calendar .unavailable {
        background-color: #E4E7F6;
        color: #A38080;
        border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2;
    padding: 8px 5px 8px 5px;
}

/*------------------
Column dividers
-------------------*/
#column1 {
        width: 180px;
        float: left;
        padding-top: 5px;
        background: url('/pack/code/images/vert_border.png') repeat-y right;
        }
.mainTitleMargin{
        padding-left: 10px;
}
#imageBorder {
        border: 1px solid #efefef;
        width: 200px;
        padding: 20px;
}
#column2 {
        width: 350px;
        float: left;
        background: url('images/vert_border.png') repeat-y right;
        }
#leftHalf {
        width: 167px;
        float: left;
        margin-right: 1px;
        background: url('images/shaded_background.png') repeat-x top;
        }
#rightHalf {
        padding-top: 5px;
        padding-left: 10px;
        float: left;
        background: url('images/vert_border.png') repeat-y left;
        }
.horizBorder {
        width: 157px;
        padding-left: 10px;
        padding-bottom: 15px;
        padding-top: 5px;
        margin-right: 0px;
        background: url('/images/shaded_background.png') repeat-x top;
        }

.vertBorder {
        margin-left: 2px;
        background: url('/images/shaded_background.png') repeat-x top;
        overflow: hidden
        }
#admin {
        margin-top: 5px;
        margin-left: 10px;
}
.detailSpacer {
        margin-top: 2px;
}
.backLink {
float: left;
        margin-top: 5px;
}
.findSimilarLink {
        margin-top: 5px;
        float: right;
}h4           { font-family: Arial; color: #99CC00; font-size: 12pt;
               font-weight: bold }
/*ENTRAR*/
div#entrar { font-family: Arial; text-decoration: none; color: #FFFFFF }