* { min-height:1px; margin: 0; padding: 0; }
body {border:0; margin:0; padding:0; background:#F2F5FE url("../images/crystalxbgvu7.gif") 0 0 repeat-x; font:80%/160% "Arial",verdana,sans-serif; color:#192666; _text-align:center; text-align:justify;}
a {color:#192666;}
a:hover {color:#4F6AD7;}
p {border:0; margin:15px 0; padding:0;}
div {display:block; border:0; margin:0; padding:0;}
h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:Arial,"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:Arial,"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}
ul {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}
a, img, span {border:0; margin:0; padding:0;}
strong, .strong {font-weight:bold;}
.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.noscreen {display:none;}
#main {width:770px; margin:5px auto 0 auto; _text-align:left;}
#header {position:relative; width:770px; height:215px; margin:0; padding:0; background:url("../images/header.png") 0 0 no-repeat; color:#FFF;}
#header #logo {position:absolute; top:35px; left:35px; margin:0;}
#header #logo a {color:#FFF; text-decoration:none;}
#header #logo a:hover {color:#B5C4E3; text-decoration:none;}
#tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}
#tabs ul {margin:0 10px; padding:0; list-style:none;}
#tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../images/crystalxtablinkpd2.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; background:url("../images/crystalx-tab_link_l.gif") 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../images/crystalx-tab_link_r.gif") 100% 0 no-repeat;}
#tabs ul li a:hover {background:url("../images/crystalx-tab_hover.gif") 0 0 repeat-x; color:#FFF;}
#tabs ul li a:hover span.tab-l {background:url("../images/crystalx-tab_hover_l.gif") 0 0 no-repeat;}
#tabs ul li a:hover span.tab-r {background:url("../images/crystalx-tab_hover_r.gif") 100% 0 no-repeat;}
#tabs ul li#active a {background:#FFF; color:#FF9000;}
#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; background:url("../images/crystalx-tab_active_l.gif") 0 0 no-repeat;}
#tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../images/crystalx-tab_active_r.gif") 100% 0 no-repeat;}
#page {width:770px; min-height:1px; background:#FFF url("../images/crystalxbgpagefw7.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0; background:url("../images/crystalx-bg_page_in.jpg") 0 0 no-repeat; _height:1px;}
#content {float:left; width:530px; _width:530px; margin:0; padding:0 0 0 20px;}
#content .article {clear:both; margin:0; padding:20px; background:url("../images/crystalx-content_article_bg.jpg") 0 0 no-repeat;}
#content .article h2 {margin:0 -20px; padding:10px; background:#DEE5FD url("../images/crystalxcontenttitlebgzp6.gif") 0 0 repeat-y; color:#192666;}
#content .article h2 span {background:url("../images/crystalx-ico_list.gif") 0 50% no-repeat; padding-left:25px;}
#content .article p {text-align:justify;}
#content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
#content .info1 {margin:6px 0; padding-bottom:2px; border-bottom:1px solid #DEE5FD; color:#6685CC; font-size: 75%;}
#content .info a {color:#6685CC;}
#content .info a:hover {color:#FF9000;}
#content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
#content .info span.date {background:url("../images/crystalx-ico_date.gif") 0 50% no-repeat; }
#content .info span.cat {background:url("../images/crystalx-ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.user {background:url("../images/crystalx-ico_user.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.comments {background:url("../images/crystalx-ico_comments.gif") 0 50% no-repeat; margin-left:8px;}
#col {float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url("../images/crystalxcolbghv4.gif") 0 0 repeat-y;}
#col-in {padding:20px 10px; background:url("../images/crystalx-col_top.gif") 0 0 no-repeat;}
#col h2 {font-size:120%; font-family:Verdana;line-height:100%; font-weight:bold;padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("../images/crystalxcoltitlebgtb8.gif") 0 0 repeat-y; color:#192666;}
#col #about-me {margin-bottom:15px; line-height:130%;}
#col #about-me p {margin:0;}
#col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}
#col ul {margin:15px 0; padding:0; list-style:none;}
#col ul li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul li a {display:block; padding:3px 0 3px 8px; text-decoration:none;}
#col ul li a:hover {background-color:#D3DFF8; color:#192666;}
#col ul#archive {margin:15px 0; padding:0; list-style:none;}
#col ul#archive li {margin:0px; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#archive li a {display:block; padding:3px 0 3px 36px; background:url("../images/crystalx-ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
#footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("../images/crystalx-footer.jpg") 0 0 no-repeat; color:#6685CC;}
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}
#top {position:absolute; top:55px; left:550px;}
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("../images/crystalx-ico_top.gif") 0 0 no-repeat; cursor:pointer;}
#top a:hover span {background:url("../images/crystalx-ico_top.gif") -30px 0 no-repeat;}
#footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}
.blur{ background-color: #ccc; /*shadow color*/  color: inherit;  margin-left: 4px; margin-top: 4px; width: 175px; }
.shadow, .contenti{ position: relative; bottom: 2px; right: 2px; }
.shadow{ background-color: #666; /*shadow color*/ color: inherit; }
.contenti{ background-color: #fff; /*background color of content*/ color: #000; /*text color of content*/ border: 1px solid #000; /*border color*/ padding: .5em 2ex; }
.contenti IMG{ border: 1px solid #000000; }
.list { padding: 10px 0 0 0; margin: 0; }
.list a { text-decoration: none; }
.enlaces { background: #E7F9F8 url(../images/info.gif) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */
           text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #B5D4FE;
           border-bottom: 2px solid #B5D4FE; color:#000; list-style: none; }
.list1 { padding: 5px 0 0 0; margin: 0; }
.list1 a { text-decoration: none; }
.enlaces1 { background: #fff; background-position: 15px 50%; /* x-pos y-pos */
           text-align: left; padding: 0 20px 0 90px; border-top: 2px solid #B5D4FE;
           border-bottom: 2px solid #B5D4FE; color:#000; list-style: none; }

/* Contactar */

.lateral { float: left; }
.lateral p { width: 400px; clear: left; color: #000; margin: 0; }
.cssform p { width: 500px; clear: left; margin: 0; padding: 5px 0 8px 0; border-top: 1px dashed gray; }
.cssform label { float: left; width: 125px; text-align: right; margin-left: 50px; font-size: 90%; padding-right: 10px; }
.cssform input, .cssform textarea { font-size: 105%; width: 200px; border: 1px solid black; }
#Fin_Contacto { text-align: center; }
#Fin_Contacto INPUT { width: 50px; }
#Fin_Contacto LABEL { float: none; margin-left: 0; width: 175px; }
.clear { clear: both; }
#xspam { border: 0; width: 1px; height: 1px; }

/* Fin Contactar */

/* Acceso Restringido */

.login_bodyarea { padding: 18px 0 10px 6px; text-align: center; font-family: Arial; font-weight: normal; font-size: 10px; }
.right_textbox { margin: 0; height: 17px; padding: 3px 0 10px 0; }
.righttextbox { color: #000; height: 17px; width: 132px; border: 1px solid #999999; }
.righttextbox:hover { border: 1px solid #333333; }
.login { color: #070808; height: 25px; width: 48px; margin: 0 5px 0 0; padding: 0; }

/* Fin Acceso Restringido */

/* acordeón */
#accordion {width:459px; margin:20px auto}
.accordion {width:459px; font:12px Verdana,Arial; color:#033}
.accordion dt {width:439px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(../images/header.gif)}
.accordion dt:hover {background:url(../images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion span {display:block; width:435px; border:2px solid #9ac1c9; border-top:none; padding:10px}

/* Fin acordeón */

a.subrayar { text-decoration : underline; }
a.nosubrayar { text-decoration : none; }

#Prensa img { padding-top: 3px; padding-right: 10px; }
#Prensa a { padding-left: 10px; color:#F24E05 }