* {box-sizing: border-box ; -moz-box-sizing: border-box}

body, .pageBG {background: white }

a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}

body, table {font-size: 12px ; font-family: arial}
.header0 {font: bold 20px verdana ; color: gray ; border-bottom: 1px solid gray ; margin: 15px 0 15px}
.header1 {font: bold 20px verdana ; color: gray}
.header2 {font: bold 18px georgia ; color: gray ; margin: 10px 0}
.header5 {font: bold 14px verdana ; color: #404040}
.paragraph {font: 13px tahoma}
.paragraph2 {font: 12px tahoma}

#logo .region {font: bold 10px arial ; color: #C9C9C9}
#logo .slogan {position: relative ; font: italic 11px georgia ; color: #5F5F5F}
#logo img {position: relative}

#header {margin-top: 3px ; position: relative ; z-index: 2}
#header .zoneInfo {color: #A5A5A5 ; text-align: center ; font-size: 11px}
#header .sessionArea {}
#header #groupName {letter-spacing: .7ex ; font-weight: bold}
#header #zoneDate {}

.footer {font: 10px arial ; text-align: center ; margin: 30px 0 10px ; border-top: 1px solid gray ; padding: 3px 0 0 ; background: url(/dIMG/footerGrad.png) repeat-x}
.footer a {color: blue}
.footer .subFooter {font: 11px arial ; border-bottom: 1px solid lightgrey ; margin: 0 auto 3px}
.footer .subFooter td {padding: 0 0 3px}
.siteMenu {text-align: center}
.siteMenu .menuArea {width: 100% ; text-align: center}
.siteMenu .menuArea table {margin: 0 auto}
.siteMenu .menuArea table td {text-align: center}
.siteMenu .menuArea, .siteSubMenu {background: black ; font: normal 10px arial ; border: 0 solid gray}
.siteMenu .menuArea {background-image: url(/dIMG/btn_black.gif)}
.siteMenu .menuArea td {color: gray}
.siteMenu .item, .siteSubMenu .item {display: block ; font: 12px arial; color: white ; padding: 1px 4px ; margin: 3px}
.siteMenu a:hover.item, .siteSubMenu a:hover.item {background: #5F5F5F ; border: 1px solid lightgrey ; margin: 2px ; text-decoration: none}

.siteMenu #addContent a {color: white ; font-size: 11px}
.siteMenu #addContent table td {padding: 0}
.siteMenu #addContent b {font: bold 18px arial ; color: white}

.siteSubMenu {position: absolute ; visibility: hidden ; z-index: 1 ; border-width: 0 2px 2px}
.siteSubMenu .themeSelect option {background: lightgrey}
.siteSubMenu .themeSelect .customize {font-weight: bold ; font-style: italic }

.customizeThemePanel {text-align: center ; width: 100%}
.customizeThemePanel * {font: 10px arial}
.customizeThemePanel td {text-align: center ; padding: 1px 4px}
.customizeThemePanel .panelArea {width: 100% ; text-align: center ; background: #ccccff ; border: 1px solid gray}
.customizeThemePanel .panelArea .button {display: block ; border: 1px solid gray ; color: gray ; text-decoration: none ; padding: 2px ; cursor: pointer}
.customizeThemePanel .panelArea a:hover.button {background: white}

.commands {text-align: center}
.commands a img {border: none}
.commands a, .commands a:link, .commands a:visited {font: 11px arial ; color: darkblue ; text-decoration: none}
.commands a:hover {text-decoration: underline}
.categoryCol {padding: 0 5px }
.blocksFooter {display: block ; text-align: center ; font: 11px arial ; color: darkblue ; margin: 1px 25% ; padding: 1px}
:hover.blocksFooter {background: #FAFAFA ; border: 1px solid lightgrey ; text-decoration: none ; margin-top: 0 ; margin-bottom: 0}


.movingContainer {position: absolute ; filter: alpha(opacity=50) ; opacity: 0.5}
.movingMark div, .movingMarkHover div {margin: 5px 0 ; line-height: 0 ; height: 1px ; font-size: 0}
.movingMarkHover div {border: 2px dotted red ; height: 10px }
.spacer {visibility: hidden ; width: 1px ; font-size: 0 ; line-height: 0}

.catCont {padding: 3px}
#newCat {border: 2px solid orange ; padding: 1px}

#snapPreview {visibility: hidden ; position: absolute ; width: 282px}
#snapPreview .bubble {width: 100% ; text-align: center ; border: 2px solid gray ; padding: 3px ; background: white ; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=gray,strength=4)}
#snapPreview img {border: 1px solid lightgrey}
#snapPreview #description {font: 11px arial ; color: black ; background: lightyellow ; border: 1px solid lightgrey ; padding: 2px ; margin: 0 0 3px}
#snapPreview .foot {width: 100%}
#snapPreview .foot td {padding: 0}
#snapPreview .foot * {font-size: 10px}
#snapPreview .foot a {text-decoration: underline ; color: blue}
#snapPreview .foot a.poweredBy {color: black ; text-decoration: none ; font-weight: bold}
.phrases {text-align: right ; width: 100% ; padding-left: 10px}
.phrases a {width: auto }
.phrases hr {padding: 0}
.phrases .container {display: block ; text-align: right ; font: italic 12px 'times new roman' ; cursor: pointer ; color: gray ; border: 1px solid white}
.phrases .container:hover {text-decoration: none ; border: 1px solid lightgrey ; background: #fbfbfb}
.phrases .container .autor, .phrases .container .reference{font: bold 9px arial ; color: gray}

#dialogBox {border: 2px solid gray ; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=gray,strength=5)}
#dialogBox .background {background: #F1F3F9 ; /*filter: alpha(opacity=95) ;*/ opacity: 0.95}
#dialogBox .dialogHeader {border-bottom: 1px solid gray ; font: bold 12px arial ; padding-left: 5px}
#dialogBox .iconArea {vertical-align: top}
#dialogBox .iconArea img {/*filter: alpha(opacity=65) ;*/ opacity: 0.65}
#dialogBox .dialogMessage {padding: 15px ; font: 12px arial}
#dialogBox .dialogButtons {text-align: center ; padding: 10px}
#dialogBox .dialogButtons input {width: 20% ; border-width: 1px}
#dialogBox .dialogFooter {}
.glass {border: 1px solid lightgrey ; border-top: 1px solid #92B0DD ; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=lightgrey,strength=3)}

.glass .headerCat {cursor: move ; padding: 0 ; background: #EBEEF6 url(/dIMG/footer_gradient.gif)}
.glass .headerCat .catName {width: 100% ; padding-left: 5px}
.glass .headerCat table {width: 100% ; color: #797989 ; font: bold 11px verdana}
.glass .headerCat table td {padding: 0}
.glass .headerCat .catButtons {visibility: hidden ; text-align: right}
.glass .headerCat .catButtons img {border: none ; cursor: pointer ; margin: 1px 2px 1px 0}
.glass .headerCat #i img {filter: alpha(opacity=70) ; position: relative ; opacity: 0.7}

.glass .conenidoCat {padding: 0}
.glass .conenidoCat #catCont {background: white}
.glass .conenidoCat .linkList {font: normal 12px arial ; width: 100%}
.glass .conenidoCat .linkList td {padding: 0}
.glass .conenidoCat a {color: gray ; text-decoration: none ; margin-left: 5px}
.glass .conenidoCat a:hover {color: red ; text-decoration: underline}
.glass .conenidoCat img {border: none ; margin: 0 0 0 5px}
.glass .conenidoCat .customLink {}
.glass .conenidoCat .contentLink a {margin-left: 0}
.glass .conenidoCat .contentLink img {margin: 0}

.glass .conenidoCat .hint {text-align: center}
.glass .conenidoCat .hint a {font: italic 11px arial ; color: gray}
.glass .conenidoCat .hint a:hover {color: gray ; text-decoration: underline}

.glass .catFooter {text-align: right ; padding: 0 2px}
.glass .catFooter a {font: 10px arial ; color: gray ; cursor: pointer}