/* @font-case */

@font-face { font-family: AvantGarde; font-weight: bold; src: url('../fonts/ITCAvantGardeStd-Bold.otf'); }

/* @backgrounds */

body#bg-general        { background: black url(../images/headers/header-general.jpg) no-repeat center top; }
body#bg-tuercas        { background: black url(../images/headers/header-tuerca.jpg) no-repeat center -110px;  }
body#bg-emprendimiento { background: black url(../images/headers/header-emprendedor.jpg) no-repeat center top;  }
body#bg-artista        { background: black url(../images/headers/header-artista.jpg) no-repeat center top;  }
body#bg-ecologia       { background: black url(../images/headers/header-ecologia.jpg) no-repeat center top;  }
body#bg-outdoor        { background: black url(../images/headers/header-outdoor.jpg) no-repeat center top;  }
#main.categories       { /* margin-top: 130px; */ }

body#bg-tuercas #mainTopbar #topbar,
body#bg-ecologia #mainTopbar #topbar,
body#bg-outdoor #mainTopbar #topbar { color: rgb(0,122,109); }

body#bg-tuercas #mainTopbar #topbar a,
body#bg-ecologia #mainTopbar #topbar a,
body#bg-outdoor #mainTopbar #topbar a { color: rgb(0,122,109); }

/* @reset */

body { font-size: 62.5%; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; color:rgb(100,100,100); }

ul, ul li, ol, ol li, dl, dl dt, dl dd, form, table, img, h1, h2, h3, h4, h5, label, fieldset, blockquote { padding: 0; margin: 0; border: none; }
ul li, ol li { list-style-type: none; }
a { color: rgb(0,122,109); text-decoration: none; }
a:hover { text-decoration: underline;  }

p { margin: 0 0 12px 0; }
.right { float: right; }
.left  { float: left; }
.clear { clear: both; height: 0 auto; }
.disabled { display: none; }

table            { border-collapse: separate; border-spacing: 0; }
caption, th, td  { font-weight: normal; }
table, td, th    { vertical-align: middle; }

img { border: none; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

.else { display: block; font-size: 1.1em; text-align: center; background-color: rgb(240,240,240); padding: 20px;  text-shadow: rgba(255,255,255,1) 0px 1px 0px; border-bottom: 1px solid rgb(220,220,220) }
.else a {  font-weight: bold;  }

/* @mainTopbar */

#mainTopbar { width: 100%; color: rgb(255,255,255); margin: 0 0 30px 0; font-family: "Helvetica", Arial, sans-serif; font-size: 1.2em; }
#mainTopbar #topbar { position: relative; width: 940px; height: 53px; padding: 0 25px; z-index: 1; }
#mainTopbar #topbar a { color: rgb(255,255,255); }

#mainTopbar.topbar-profile { background-color: rgba(0,0,0,0.4); }
#mainTopbar.topbar-profile #topbar { color: rgb(255,255,255); }
#mainTopbar.topbar-profile #topbar a { color: rgb(255,255,255); text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;}

#mainTopbar #topbarLeft,
#mainTopbar #topbarRight { width: 450px; height: 29px; float: left; line-height: 240%; }

#mainTopbar #topbarLeft {  margin: 12px 40px 0 0; }
#mainTopbar #topbarRight { text-align: right; margin: 12px 0 0 0;  }

ul#navTopbar { position: absolute; height: 29px; top: 12px; left: 160px; }
ul#navTopbar li { position: relative; float: left; }
ul#navTopbar li a { display: inline-block; height: 29px; padding: 0 10px; line-height: 240%; font-weight: bold; text-align: center; }

ul#navTopbar li a.sub { padding: 0 25px 0 10px; background:url(../images/navTopbar-arrowTop.png) no-repeat right center;  }

ul#navTopbar li ul { position: absolute; top: 41px; left: 0; visibility: hidden; }
ul#navTopbar li ul li a { display: block; width: 150px; background: none; text-align: left; background:rgba(0,0,0,0.8);}
ul#navTopbar li ul li a:hover,
ul#navTopbar li ul li a.dropdown-current { background:rgba(0,0,0,0.9);  }


/* @header */

#head { position: relative; width: 940px; height: 59px; margin-bottom: 25px !important;  }
#head #head-nav { position: absolute; width: 650px; top: 15px; right: 0; text-align: right; }

/* form */
form p { margin: 0 0 6px 0; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid rgb(180,180,180); padding: 6px 8px;  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; color:rgb(100,100,100); }
input.button { width: auto; cursor: pointer;  }

a.a-button, input.button { display: inline-block; height: 30px; margin: 0 auto;  font-size: 1.2em; line-height: 240%;  font-weight: bold; background:rgb(0,122,109) url(../images/bg-a-button.png) repeat-x; color: rgb(255,255,255);  -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; padding: 0 12px; border: none; }
a.a-button:hover, input.button:hover { text-decoration: none; background: rgb(0,122,109); }

/* main */

#main, #head, #concept, #mainTopbar #topbar, #footer { margin: 0 auto; font-size: 1.1em; }

#main { width: 990px; margin-bottom: 40px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;  -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; }

#pagetitle { position: relative; left: -30px; display: inline-block; height: 40px; line-height: 360%; margin: 0 0 25px 0; padding: 0 30px;  background: rgb(247,147,0) url(../images/bgmaintitle.png) repeat-x; color: rgb(255,255,255); text-shadow: rgba(0,0,0, 0.3) 0px -1px 0px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px;   -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; clear: both; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;  }

/* pagination */

.pagination { text-align: center; font-size: 1.1em; padding: 10px 0; }
.pagination a { padding: 0 2px; }
.pagination span.current { display: inline-block; padding: 2px 4px; background-color: rgb(80,80,80); color: rgb(255,255,255); -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;  }

/* tip */

.tab_tooltip { position:absolute;  height: 20px; line-height: 180%; background-color: rgb(60,60,60); color:rgb(255,255,255); z-index: 9999; display: none; text-align: center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid rgb(60,60,60); }
.pointer-tooltip { display: block; position: absolute; background: url(../images/pointer.png) no-repeat;  }
.tooltip-bottom { left: 12px; bottom: -6px; background-position: left bottom; width: 9px; height: 5px; }

/* notification */

#notification { position: absolute; top: 0; left: 0; text-align:center; padding: 10px 0; width: 100%; font-size: 1.2em; background-color: rgb(255,255,220); opacity:0.9; z-index: 9999; color: rgb(80,80,80); }

/* footer */

#mainFooter { width: 100%; padding: 0px 0 20px 0;  font-family: "Helvetica Neue", Arial, Geneva, Helvetica, sans-serif; font-size: 1.1em; text-shadow: rgba(0,0,0,0.5) 0 -1px 0px; color: white; }
#mainFooter #footer { width: 940px; padding: 0 25px;  }
#mainFooter #footer #about { width: 450px; float: left; margin: 0 40px 0 0;  }
#mainFooter #footer #footer-right { position: relative; width: 450px; text-align: right; float: left; color: rgb(80,80,80) }
#mainFooter #footer #footer-right a { color: rgb(200,200,200); }
#mainFooter #footer #footer-right a:hover { text-decoration: none; color: rgb(170,170,170) }

#mainFooter #footer #footerSponsor { color: rgb(255,255,255); margin: 80px 0 0 0; }
#mainFooter #footer #footerSponsor img { vertical-align: middle; margin: 0 0 0 6px; }

/* @main class */

#main { background-color: rgb(255,255,255); -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;}

/* @modules */

.mainModule { width: 910px; margin: 0 auto; font-family: "Helvetica", Arial, sans-serif; font-size: 1.1em;}
.mainModule .moduleLeft { width: 435px; float: left; margin: 0 40px 0 0;}
.mainModule .moduleRight { width: 435px; float: left;}

/* @list-definition */

dl#dlIcon dt 				{ font-family: AvantGarde, Helvetica, Arial, sans-serif; font-size: 1.3em; text-transform: uppercase; font-weight: bold; margin: 0 0 12px 0; }
dl#dlIcon dd 				{ padding: 0 0 0 100px; margin: 0 0 32px; font-size: 1.1em; }

#ad {margin:0px 0px 10px 5px;}

/* @OW */

p.ow { display: block; width: 940px; margin: 0 auto; font-size: 8pt; text-align: center; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: black 0 -1px 0px; color: white; padding: 20px 0; border-top: 1px solid rgb(60,60,60) }
p.ow a { font-weight: bold; }

/* @OW end */