body {padding:0px; margin: 0px; top:0px; left:0px; bottom:0px; right:0px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border: none}
p, div {text-align:justify; }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

Modified and enhanced with CSS3 transitions by José Sousa
=================================================================== */
#menu ul, #menu li, a {transition: 0.3s ease-out;
-o-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}

#menu {height:288px; width:190px; position:relative; margin: 0 0 10px 0; }

#menu ul {margin:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background-color:#f8f8e8; z-index: 9990;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}

#menu ul ul {position:absolute; left:-9999px; opacity: 0; z-index: 999;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:26px; text-decoration:none;padding:0 30px 0 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
} 
#menu li a.fly {background: url(/content/images/arrow.gif) no-repeat right top;}

#menu li a:hover {background-color:#e0ba21; color:#fff;} 
#menu li:hover > a {background-color:#e0ba21; color:#fff;}

#menu ul li > ul {left:100%; margin-top:-27px; margin-left:-1px; visibility: hidden; opacity: 0;}
#menu ul li:hover > ul {left:100%; margin-top:-27px; margin-left:-1px; visibility: visible; opacity: 1;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-9px; margin-left:-1px;}

/****/

div.menu_title {
  padding: 5px 10px 5px 10px;
  background: url(/content/images/side_head.png) no-repeat top left;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: arial,sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  height: 30px;
}

div.menu_title a {
  padding: 0px;
  margin: 0px;
  color: #000;
  text-decoration: none;
}
div.menu_title a:hover {
  text-decoration: underline;
}
body {background: url(/content/images/page_back.png) repeat top left; }

div#container   { width: 960px; padding: 0px; border: 0px; margin: 5px auto 5px auto; display:block; position:static;}
div#header         { width: 960px; height: 100px; border: 0px; padding: 0px; margin: 0 0 5px 0; display:block; position:static;
background: url(/content/images/head_back.png) repeat-x top left;}
div#header p      {
display: inline;
font-size: 20px;
font-family: arial,sans-serif;
font-weight: normal;
letter-spacing: 1px;
padding: 0 10px 0 10px;
color: #000;
line-height: 30px;
height: 60px;
}

div.toolbox {
width: 419px;
height: 100px;
background: url(/content/images/right_banner.png) no-repeat top right;
float: right;
}
div#header div.toolbox_holder, div#header div.toolbox_holder p {
display: block;
font-size: 12px;
font-family: arial,sans-serif;
font-weight: normal;
text-align: right;
margin: 0px;
padding: 0px;
text-indent: 0px;
white-space:nowrap;
text-align:left;
letter-spacing: 0px;
line-height: normal;
}

div#header div.toolbox_holder img {
float: right;
background-color: transparent;
margin:0px;
padding: 0px;
border-radius: 5px;
-moz-border-radius: 5px;
}
div#header div.toolbox_holder a {
  color: #000;
}

div#header div.toolbox_holder a:hover{
text-decoration: underline;
}
div#header div.toolbox_holder table{
height: 64px;
border: 0;
margin: 0 5px 0 0;
padding: 0 0 0 0;
float: right;
}
div#header div.toolbox div {
margin: 0;
width:300px;
}
div#header div.toolbox form {
padding: 0;
margin: 5px 5px 0 0;
}
div#header div.toolbox div, div#header div.toolbox form{
float: right;
padding: 0px;
border: 0px;
font-size: 10px;
font-family: arial,sans-serif;
font-weight: normal;
}

div#header div.toolbox_holder {
background-color: transparent;
height: 64px;
width: 300px;
float:right;
border-radius: 5px;
-moz-border-radius: 5px;
}

.time {behavior: url(#default#time2)}

#hmenu { width: 960px; height: 40px; border: 0px; padding: 0px; margin: 0px; display:block; position:static;
background: url(/content/images/h_menu_up.png) repeat-x top left;}

#hmenu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; float:left;} 
#hmenu ul.hroot {display:inline; margin:0 178px 0 178px; padding:0 1px 0 0; background: url(/content/images/h_menu_back.png) repeat-x top left;}
#hmenu li {display:inline-block; display:inline; z-index:9999; margin:0 0 0 1px;}
#hmenu ul ul {position:absolute; display:none; left:0; top:30px; background: #111; margin:0;}
#hmenu ul.hroot li.hentry  {float: left; display:block; position:relative;
background: url(/content/images/h_menu_up.png) repeat-x top left;}

#hmenu ul.hroot li.hentry li {display:block; height: 30px;}

#hmenu ul {background:#000;}

#hmenu a {
display: block;
font-size: 12px;
font-family: arial,sans-serif;
font-weight: bold;
letter-spacing: 1px;
padding: 0 20px 0 20px;
color: #FFF;
line-height: 30px;
height: 30px;
z-index:999;
}

#hmenu ul ul a {border:0; color:#FFF; font-size: 12px; 
letter-spacing: 1px; padding: 0 10px 0 10px;}
#hmenu ul.hroot li.hentry a.hentry {float:left;}

#hmenu ul li:hover > ul {display:block; z-index:999;}
#hmenu ul li.hentryHover > ul {display:block; z-index:999;}

#hmenu li:hover {background:url(/content/images/h_menu_hover.png) repeat-x top left; color:#000; cursor:default;}
#hmenu li.hentryHover {background:url(/content/images/h_menu_hover.png) repeat-x top left; color:#000; cursor:default;}
#hmenu a:hover {background: url(/content/images/h_menu_hover.png) repeat-x top left; color:#000;}
#hmenu li:hover > a {background:url(/content/images/h_menu_hover.png) repeat-x top left; color:#000;}

div#sidebar         { width: 190px; border: 0px;  padding: 10px; margin: 0px 5px 5px 0px;  float:left; display:inline; background:#FFF;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
border-radius: 10px;
-moz-border-radius: 10px;
}
div#content         { width: 720px; border: 0px;  padding: 10px; margin: 0px 0px 5px 0px;  float:right; display:inline; background:#FFF;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
border-radius: 10px;
-moz-border-radius: 10px;
}

div#footer           { width: 960px; height: 74px; border: 0px;  padding: 0px; margin: 5px 0 0 0;  float:right; display:inline; background: #FFF;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
border-radius: 10px;
-moz-border-radius: 10px;
}
/*background: url(/content/images/foot_banner.jpg) no-repeat bottom left; }
*/
.bar {  width:190px; padding: 0px 0px 0px 0px ; margin:0px; border:0px; position: relative;}
.bar_container {  width:180px; padding: 0px 5px 0px 5px; margin:0px 0px 5px 0px; border:0px; 
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.hbreak{
background: url(/content/images/gradv.gif) repeat-x left bottom;
}

.fright{
  float:right;
  display: inline;
}
.fleft{
  float:left;
  display: inline;
}
.fclear{
  clear:both;
}

#header img {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

#header h1 {
  position: static;
  padding-top: 10px;
  padding-left: 30px;
  padding-bottom: 10px;
  margin: 0px;
  font-size: 24px;
  font-family: arial,sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #000000;
}

#header h2 {
  position: static;
  padding-top: 0px;
  padding-left: 40px;
  padding-bottom: 10px;
  margin: 0px;
  font-size: 18px;
  font-family: arial,sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #000000;
}

.inline {
  display: inline;
}

div#content div.content-header {
  width:700px;
  height: 30px;
  padding: 5px 10px 10px 10px;
  margin: 0px;
  line-height: 20px;
  font-size: 12px;
  font-family: arial,sans-serif;
  font-weight: bold;
  background: url(/content/images/content-header.png) repeat-x left top;
}

#content h1 {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin: 0px;
  font-size: 20px;
  font-family: arial,sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
}
#content h2 {
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin: 0px;
  color: #000000;
  font-size: 16px;
  font-family: arial,sans-serif;
  font-weight: bold;
}
#content h3 {
  padding-top: 5px;
  padding-left: 0px;
  padding-bottom: 5px;
  margin: 0px;
  color: #000000;
  font-size: 14px;
  font-family: arial,sans-serif;
  font-weight: normal;
  letter-spacing: 2px;
}
#content h4 {
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin: 0px;
  color: #000000;
  font-size: 12px;
  font-family: arial,sans-serif;
  font-weight: normal;
  letter-spacing: 2px;

}

#content p {
  font-size: 12px;
  font-family: arial,sans-serif;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
 }

 #content span,  #content div {
  font-size: 12px;
  font-family: arial,sans-serif;
}

#content a {
  color:#0065c7;
}

#content a.button {
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid #f0f0e0;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

#content a:hover {
  color:#fff;
  background-color:#e0ba21;
}

#content a.nohover:hover {
  color:#0065c7;
  background-color:transparent;
  text-decoration: none;
}

#content .fullwidth {
  width: 100%;
}

#content ul, #content ol {
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 12px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content ul li, #content ol li {
  padding-left: 0px;
  padding-bottom: 2px;
}


#content ul.nobullet li, #content ol.nobullet li {
  list-style-type: none;
}
#content dd {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-top: 5px;
  font-size: 12px;
  font-family: arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
}

#content ul.nav_list {
  list-style: none;
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content ul.nav_list li {
  padding: 0px;
  font-size: 14px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content ul.nav_list li a{
  padding: 5px;
  line-height:22px;
  font-size: 14px;
  font-family: arial,sans-serif;
  font-weight: normal;
  color:#000;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;

}

#content ul.nav_list li a:hover{
  color:#fff;
  background-color:#e0ba21;
  text-decoration: none;
}

#content dl {
  list-style: none;
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  margin-top: 0px;
  font-size: 14px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content dl.nav_list dt {
  padding: 0px;
  font-size: 14px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content dl.nav_list dt a{
  padding: 5px;
  line-height:22px;
  color:#000;
  text-decoration: none;
}

#content dl.nav_list dt:hover a{
  color:#fff;
  background-color:#e0ba21;
  text-decoration: none;
}

#content dl.nav_list dt a:hover{
  color:#fff;
  background-color:#e0ba21;
  text-decoration: none;
}

#content dl.nav_list dt a:focus{
  color:#fff;
  background-color:#e0ba21;
  text-decoration: underline;
}

#content dl.nav_list dd {
  margin-bottom: 15px;
  font-size: 12px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content div.intro_banner    { width:520px; height:200px; padding: 0px; margin: 0px 0px 10px 0px; border: 0px; float:left; position:static; display: inline; overflow:hidden;}
#content div.link_container  {width:190px; height:200px; padding: 0px; margin: 0px; border: 0px; float:right; display: inline;}
#content div.news_list { width:510px; padding: 0px 0px 0px 0px; margin: 0px; border: 0px; float:left; display: inline;}
#content div.news_entry { width: 510px; padding: 0px; margin: 0 0 10px 0; border: 0px; float:left;  display: inline;}
#content div.title_header {width: 490px; padding: 5px 10px 10px 10px; margin: 0px; border: 0px; float:left; color:#000; font-size: 16px; font-family: arial,sans-serif;
background: url(/content/images/title_back.png) no-repeat left top;}
#content div.title_header a {color: #000;}
#content div.title_header a:hover {color: #FFF; background-color: #E0BA21; text-decoration: underline;}

#content div.link_container ul {list-style: none; padding: 0 0 0 0; margin: 0px; font-size: 16px; font-family: arial,sans-serif;}
#content div.link_container ul li{padding: 5px 0 10px 20px; margin: 5px 0 5px 0;
background: url(/content/images/but_back.png) no-repeat left top;}

#content div.link_container ul li a {text-decoration:none; color:#000; font-size: 12px; font-family: arial,sans-serif; letter-spacing: 1px;}
#content div.link_container ul li a:hover {text-decoration:underline; color:#000;}

#content div.menu_index {
  display: inline;
  float:right;
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin: 10px;
}

#content div.menu_index ul {
  position: static;
  float: none;
  top: 0px;
  left: 0px;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
#content div.menu_index ul ul{
  padding: 0 0 0 20px;
  list-style-type: none;
}

#content div.menu_index ul li a{
  padding: 0px;
  margin: 0px;
}

#content div.menu_index ul li a:hover{
  text-decoration: underline;
}

#content div.news_title {
  padding: 0px;
  margin: 5px 0 0 0;
}
#content div.news_title h2 {
  padding: 0px;
  margin: 0px;
  color: #000000;
  font-size: 16px;
  font-family: arial,sans-serif;
  font-weight: bold;
}

#content div.news_title h2 a {
  padding: 0px;
  margin: 0px;
  color: #000;
  background: transparent;
  font-size: 16px;
  font-family: arial,sans-serif;
  font-weight: bold;
}

#content div.news_title h2 a:hover {
  padding: 0px;
  margin: 0px;
  color: #FFF;
  background-color: #E0BA21;
  text-decoration: underline;
  font-size: 16px;
  font-family: arial,sans-serif;
  font-weight: bold;
}


#content  div.news_title h3 {
  padding-top: 0px;
  padding-left: 20px;
  width: 500px;
  padding-bottom: 10px;
  margin: 0px;
  color: #888;
  font-size: 10px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content div.bar_container dl{
  padding: 0px;
  margin: 0px;
}

#container a.destaque {
  width: 180px;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 0 10px 0;
  text-decoration: none;
}

#container a.destaque span{
  font-family: arial,sans-serif;
  font-size: 11px;
  text-decoration: none;
  padding: 5px;
  width: 170px;
  overflow: hidden;
  color: #000;
  background-color: #EEE;
  display: none;
  position: absolute;
  float:left;
  z-index:100;
  opacity: 0.8;
}

#container a.destaque:hover span{
  font-family: arial,sans-serif;
  font-size: 11px;
  text-decoration: none;
  top: 0px;
  display: block;
  z-index:100;
}

a.destaque img{
  width: 180px;
  overflow: hidden;
  display: block;
  float:left;
  z-index:95;
  position: relative;
}

#content div.bar_container a{
  padding: 0px;
  color: #000;
  font-size: 11px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content div.bar_container a:hover{
  color: #FFF;
  background-color: #e0ba21;
  font-size: 11px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content div.bar_container dd{
  padding: 0px;
  color: #111;
  font-size: 10px;
  font-family: arial,sans-serif;
  font-weight: normal;
}

#content div.news_body {
  width: 520px;
}

table.descriptive {
border: 1px solid black;
border-collapse: collapse;
}

table.descriptive  tr td{
border: 1px dotted black;
padding: 3px;
}


.center {
text-align: center;
display:block;
margin: 0 auto 0 auto;
}

.centerimg{
display:block;
margin: 0 auto 0 auto;
}

.right {
text-align: right;
}

.green {
color: #2F2;
}

.red {
color: #F22;
}

.blue {
color: #22F;
}

#content div.farmacias {
  font-family: arial,sans-serif;
  font-size: 10px;
  text-decoration: none;
}

#content div.farmacias .azul {
color: #0065C7;
}

.gray {
color: #999;
}

table.calendar {
  width: 180px;
  margin: 0 0 8px 0;
  font-size: 12px;
  font-family: arial,sans-serif;
}

table.calendar, .calendar td {
border-collapse:collapse;
border: 1px solid white;
background-color: #f0e3af;
text-align: center;
padding: 0px;
}
.calendar td {
height: 26px;
width: 26px;
}

table.calendar td.dia {
  font-weight: bold;
  background-color: #FFF;
  color: #000;
}

table.calendar td a  {
  padding: 3px;
  color: #000;
  background-color: #e8d37c;
  text-decoration: none;
}

table.calendar td a:hover  {
  padding: 3px;
  color: #7b6200;
  background-color: #FFF;
  text-decoration: underline;
}


table.calendar th {
height: 20px;
border-collapse:collapse;
border: 1px solid white;
background-color: #E0BA21;
color: #FFF;
}

div.stripspace {
letter-spacing: 0px;
}

#footer p {
  padding: 10px;
  color: #000;
  text-align: center;
  line-height: 54px;
  letter-spacing: 2px;
  font-size: 10px;
  font-family: arial,sans-serif;
  font-weight: bold;
}