/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #ffffff;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

body {
	
	background: #000000;
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#content
{
	margin: 0 auto;
	width: 1007px;
	text-align: left;
	border: 3px solid #ffffff;
}

#back
{

width: 1007px;
background: #ffffff;
}

#header {
	height: 178px;
	width: 1007px;
	background: url(images/header_novartis2.jpg) no-repeat;		
}

#header1 {
	height: 95px;
	width: 1007px;
		
}

#menu
{
width: 950px;
height: 60px;
padding-left: 50px;
background: url(images/buttons.gif) repeat-x;
}

#menu ul {
	list-style: none;	
}

#menu li {
	
	display: inline; 
	
}

#menu a {
	float: left;
	width: 133px;
	height: 35px;
    display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 30px;
}

#menu a:hover {
	width: 133px;
    height: 33px;
	color: #C4E3F3;
	text-decoration: underline;
	background: url(images/buttons_r.gif) repeat-x;
}

#toptext
{
float: left;
height: 120px;
width: 220px;
padding: 20px;
}
#toptext1
{
float: left;
height: 85px;
width: 220px;
padding: 5px;
}

.more
{
text-align: right;
}

#toptext a
{
color: #FF0000;
}

#logo {
width: 714px;
float: right;
height: 120px;
text-align:  left;
padding-left: 30px;
padding-top: 30px;
}

#logo1 {
width: 714px;
float: right;
height: 78px;
text-align:  left;
padding-left: 30px;
padding-top: 30px;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 12px;
}

#bg
{
background: url(images/left_bg.gif) repeat-y
}

#top
{
background: url(images/left_top.gif) top no-repeat;
padding-top: 5px
}
#bottom
{
background: url(images/left_bottom.gif) bottom no-repeat;
}

#left
{
	margin-left: 0px;
	width: 200px;
}

#left H3
{
width: 195px;
height: 25px;
font-size: 12px;
font-weight: bold;
padding-left: 5px;
padding-top: 5px;
text-transform: uppercase;
color:#FFFFFF;
background: url(../images/menubackground.gif) repeat-x

}



#left p
{
padding: 10px;
padding-left: 40px;

}

#left H4
{
font-size: 12px;
padding-left: 20px;
}

#calendar1 {
	padding: 0 10px 20px 10px;
}

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar thead {

}

#calendar tbody td {
	border: 1px solid #F1F1F1;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #696969;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #ffffff
}

#right1
{
float: right;
width: 720px;
padding-right: 10px;
}

#right
{
float: right;
width: 720px;

padding-right: 10px;
}

#right H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #D1D1D1;
}

#right a
{
color: #D1D1D1;
text-decoration: none;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#right .date2 {
	margin: 10px;
	padding: 0;
	padding-top: 5px;
}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #D1D1D1;
}
.date {
	text-align: right;
	color: #D1D1D1;
	font-size: 11px;
}

.date a {
	color: #D1D1D1;
}

.date2 {
	float: left;
	width: 82px;
	height: 67px;
	background: url(images/date.gif) no-repeat;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
}


.date2 b {
	display: block;
	margin-top: 5px;
	font-size: 40px;
	color: #2F6AA2;
}


#footer {
	height: 55px;
	clear: both;
	padding-top: 30px;
	background: url(images/footer.gif) repeat-x; 
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #D1D1D1;
}

#footer a {
	color: #D1D1D1;
}

#menunav {
 margin: 0;
 padding:0;
}
#menunav li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-image:  url(../images/img/debajo_btn.png);
 /* background-repeat: repeat-x; */
 border-bottom: 1px solid #D1D1D1;
 background-color: #D1D1D1;
}
#menunav ul {
 border-top: 1px solid #eeeeee;
 margin: 0;
 padding: 0;
 z-index: 10000;
}
#menunav ul li {
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #333333;
}
#menunav a {
 display: block;
 text-decoration: none;
 background-color: transparent;
 padding: 4px 12px 4px 30px;
 color: #ffffff;
 border-top: 1px solid #D1D1D1;
 border-right: 1px solid #D1D1D1;
 border-bottom: 0;
 border-left: 4px solid #D1D1D1;
 line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover,
#menunav .menuon:active {
 color: #333333;
 background-color: #D1D1D1;
 letter-spacing: 0.01px;
 border-top: 1px solid #D1D1D1;
 border-right: 1px solid #D1D1D1;
 border-left: 4px solid #D1D1D1;
 background-image:  url(../images/img/encima_btn.png);
 /**background-repeat: repeat-x;**/
}
#menunav .menumark, #menunav .menumark:hover {
 font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-image:  url(../images/img/flecha.gif);
 background-repeat: no-repeat;
 background-position: right center;
}
#menunav .menutrg:hover {
 background-position: right center;
 background-image:  url(../images/img/encima_btn.png);
 background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
 position: absolute;
 top: 150px;
 left: 10px;
 width: 11em;
 font-size: 0.85em; 
}
.img-mini {
	float: center;
	padding: 0;
	border: 3px solid #dbd2bc;
	margin: 0 10px 5px 0;
}
.tab-info {
    width:722px;
	
	float: center;
	background: #f8f6f5;
	border: 1px solid #e4e2cf;
	margin: -1px 0 14px 0;
	position: center;
	z-index: 299;
}
tr.grayrow {
background: #e7e2de;
}

/* callouts */

h5.callout-bar {
	color: #fff;
	background:url(../images/background_main.gif) top left repeat-x;
	padding: 3px 11px;
	text-transform: uppercase;
}

.callout-reg {
	padding: 0;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	margin: 0 0 3px 0;
}

.callout-reg div {
	padding: 7px 5px 5px 8px;
	overflow: hidden;
}

.callout-img-white {
	padding: 0;
	margin: 0 0 3px 0;
}

.callout-img-white div {
	background: #fff;
	padding: 7px 5px 5px 8px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	overflow: hidden;
}

.callout-img-white div p {
	padding: 0 0 5px 0;
}

#inv-call-tab-l {
	float: left;
	text-align: center;
	width: 75px;
	padding: 3px;
	border-top: 1px solid #d8d0ca;
	border-right: 1px solid #d8d0ca;
	border-left: 1px solid #d8d0ca;
}

#inv-call-tab-l-a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#inv-call-tab-r {
	float: right;
	text-align: center;
	width: 71px;
	padding: 3px;
	border-top: 1px solid #e4e2cf;
	border-right: 1px solid #e4e2cf;
	border-left: 1px solid #e4e2cf;
	margin: 0 3px 0 3px;
}

#inv-call-tab-r-a {
	font-weight: bold;
	color: #c30;
	text-decoration: none;
}

.inv-call-info {
	clear: both;
	width: 168px;
	border-right: 1px solid #e4e2cf;
	border-bottom: 1px solid #e4e2cf;
	border-left: 1px solid #e4e2cf;
	margin: 0 0 3px 0;
}

#inv-call-info2 {
	display: none;
}

#inv-call-info2-top-l {
	float: left;
	font-size: 1px;
	line-height: 1px;
	width: 88px;
	height: 1px;
	border-top: 1px solid #e4e2cf;
	padding: 0;
	margin: 0;
}

#inv-call-info2-top-r {
	float: right;
	font-size: 1px;
	line-height: 1px;
	width: 3px;
	height: 1px;
	border-top: 1px solid #e4e2cf;
	padding: 0;
	margin: 0;
}

#inv-call-info1-top-l {
	float: left;
	font-size: 1px;
	line-height: 1px;
	width: 81px;
	height: 1px;
	border-top: 1px solid #fff;
	padding: 0;
	margin: 0;
}

#inv-call-info1-top-r {
	float: right;
	font-size: 1px;
	line-height: 1px;
	width: 87px;
	height: 1px;
	border-top: 1px solid #e4e2cf;
	padding: 0;
	margin: 0;
}

.inv-call-info h2 {
	color: #e44c16;
}

.inv-call-info h2 span {
	font-size: .7em;
	color: #666;
}

.inv-call-text {
	padding: 7px;
}

.inv-call-text p, .inv-call-text h2 {
	padding: 0 0 3px 0;
}

.inv-call-text p.inv-call-link {
	background: url(../images/h-divider.gif) top left repeat-x;
	padding: 5px 0 3px 0;
	margin: 3px 0 0 0 ;
}

/* generic link list */

ul.link-list li {
	list-style: none;
	background: url(../images/common/arrow-list-link.gif) top left no-repeat;
	padding: 0 0 4px 12px;
	margin: 0;
	line-height: 120%;
}

ul.link-list li p {
	padding: 0 0 5px 0;
}

ul.link-list2 li {
	list-style: none;
	background: url(../images/common/arrow-list-link2.gif) top left no-repeat;
	padding: 0 0 0 12px;
	margin: 0;
}

ul.link-list2 li p {
	padding: 0 0 7px 0;
}


.column-lb {
	float: left;
	width: 183px;
	padding: 0 12px 0 0;
	margin: 0 0 10px 0;
}



/* horizontal divider */

div.h-divider {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: url(/images/h-divider.gif) top left repeat-x;
	padding: 0;
}

p.h-divider {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: url(../images/h-divider.gif) top left repeat-x;
}



.column-rb {
	float: right;
	width: 183px;
	padding: 0 12px 0 0;
	margin: 0 0 10px 0;
}
/* site map */

#sitemap {
	width: 749px;
	padding: 0 9px 10px 13px;
}

#sitemap-l {
	float: left;
	padding: 0 30px 0 0;
}

#sitemap-c {
	float: left;
	padding: 0 30px 0 0;
}

#sitemap-r {
	float: left;
	padding: 0 30px 0 0;
}

#sitemap ul {
	padding: 0;
	margin: 5px 0;
}

#sitemap ul li {
	list-style: none;
	font-weight: bold;
	background: url(/images/gen-bullet.gif) top left no-repeat;
	padding: 0 0 5px 11px;
	margin: 0;
}

#sitemap ul ul {
	padding: 0;
	margin: 7px 0;
}

#sitemap ul ul li {
	font-weight: normal;
	background: url(/images/gen-bullet2.gif) top left no-repeat;
}

#sitemap ul ul ul {
	padding: 0;
	margin: 7px 0 -4px 0;
}
/* floated images */

.img-flush-left {
	float: left;
	padding: 0;
	margin: 0 10px 5px 0;
}

.img-flush-right {
	float: right;
	padding: 0;
	margin: 0 0 5px 10px;
}

.img-flush-left-framed {
	float: center;
	padding: 0;
	border: 3px solid #dbd2bc;
	margin: 0 10px 5px 0;
}

.img-flush-right-framed {
	float: right;
	padding: 0;
	border: 3px solid #dbd2bc;
	margin: 0 0 5px 10px;
}

.img-flush-left-border {
	float: left;
	padding: 0;
	border: 1px solid #676766;
	margin: 0 10px 5px 0;
}

.img-flush-right-border {
	float: right;
	padding: 0;
	border: 1px solid #676766;
	margin: 0 0 5px 10px;
}

.img-flush-left-caption {
    float: left;
    padding: 0;
    margin: 0 12px 10px 0;
}

.img-flush-left-caption p {
    padding: 5px 5px 0 5px;
    margin: 0;
}

.img-flush-right-caption {
    float: right;
    padding: 0;
   	margin: 0 0 10px 12px;
}

.img-flush-right-caption p {
    padding: 5px 5px 0 5px;
    margin: 0;
}