/* UPC CSS Document */

body {
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#0071BA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
	color:#352E2C;
}

#container {
	width:780px;
	height:100%;
	margin:0;
	border:0;
	padding:0;
	text-align:left;
}

#header {
	width:780px;
	height:174px;
	border:0;
	padding:0;
}	

#menubar {
	background-image:url(../images/menubar.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:30px;
	border:0;
	padding:0;
}	

#body_main {
	background-image:url(../images/body.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#336699;
	width:780px;
	height:100%;
	border:0;
	padding:0;
}

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;
	width:780px;
	height:50px;
	border:0;
	padding:0;
}

.left_img {
	background-image:url(../images/ricardo_lucy.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:110px;
	height:167px;
	padding:3px;
}


.right_body {
	background-image:url(../images/right_body.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#0071BA;
}

.lines {
	background-image:url(../images/lines.jpg);
	background-repeat:repeat-x;
	background-position:center;
}

.right_img {
	background-image:url(../images/right_img.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.txtformright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	width:120px;
	height:11px;
	border:1px solid gray;
	text-indent:5px;
}

.txtformleft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	width:150px;
	height:11px;
	border:1px solid gray;
	text-indent:5px;
}

.buttonformright {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	width:20px;
	height:15px;
	font-size:9px;
	text-align:center;
	letter-spacing:2px;
}

.buttonformleft {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	width:100px;
	height:16px;
	font-size:11px;
	text-align:center;
	letter-spacing:1px;
	border:1px solid gray;
}

a.wsmd_logo:link, a.wsmd_logo:active, a.wsmd_logo:visited{
	display:block;
	background-image:url(../images/wsmd_logo.jpg);
	width:145px;
	height:50px;
}

a.wsmd_logo:hover{
	background-position:0px -50px;
}

.susribese {
	display:block;
	background-image:url(../images/susribese.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:110px;
	height:100px;
}

.susribese_logo {
	background-image:url(../images/susribese_logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:440px;
	height:88px;
}

.header_cat{
	text-align:center;
	background-color:#2794BF;
	vertical-align:middle;
	height:20px;
	font-weight:bold;
}

.cellbg {
	background-color:#3f7f9f;
}

.cell_bold{
	font-weight:bold;
}
.mailtolinks, .mailtolinks a:link, .mailtolinks a:active, .mailtolinks a:visited{
	font-style:italic;
	color:#FFFFFF;
	text-decoration:none;
}

.mailtolinks a:hover{
	font-style:italic;
	color:#93C8FC;
}

/*-------------------------------------Menu Style-------------------------------------*/

/* Main Menu */

a.menu1:link, a.menu1:active, a.menu1:visited{
	display:block;
	background-image:url(../images/menu1.jpg);
	width:122px;
	height:22px;
}

a.menu1:hover{
	background-position:0px -22px;
}

a.menu2:link, a.menu2:active, a.menu2:visited{
	display:block;
	background-image:url(../images/menu2.jpg);
	width:122px;
	height:22px;
}

a.menu2:hover{
	background-position:0px -22px;
}

a.menu3:link, a.menu3:active, a.menu3:visited{
	display:block;
	background-image:url(../images/menu3.jpg);
	width:122px;
	height:22px;
}

a.menu3:hover{
	background-position:0px -22px;
}

a.menu4:link, a.menu4:active, a.menu4:visited{
	display:block;
	background-image:url(../images/menu4.jpg);
	width:122px;
	height:22px;
}

a.menu4:hover{
	background-position:0px -22px;
}

a.menu5:link, a.menu5:active, a.menu5:visited{
	display:block;
	background-image:url(../images/menu5.jpg);
	width:122px;
	height:22px;
}

a.menu5:hover{
	background-position:0px -22px;
}

a.menu6:link, a.menu6:active, a.menu6:visited{
	display:block;
	background-image:url(../images/menu6.jpg);
	width:122px;
	height:22px;
}

a.menu6:hover{
	background-position:0px -22px;
}

/* Top Menu 

a.menutop1:link, a.menutop1:active, a.menutop1:visited{
	display:block;
	background-image:url(../images/menutop1.jpg);
	width:220px;
	height:26px;
}

a.menutop1:hover{
	background-position:0px -26px;
}

a.menutop2:link, a.menutop2:active, a.menutop2:visited{
	display:block;
	background-image:url(../images/menutop2.jpg);
	width:220px;
	height:26px;
}

a.menutop2:hover{
	background-position:0px -26px;
}

a.menutop3:link, a.menutop3:active, a.menutop3:visited{
	display:block;
	background-image:url(../images/menutop3.jpg);
	width:220px;
	height:26px;
}

a.menutop3:hover{
	background-position:0px -26px;
}

a.menutop4:link, a.menutop4:active, a.menutop4:visited{
	display:block;
	background-image:url(../images/menutop4.jpg);
	width:220px;
	height:26px;
}

a.menutop4:hover{
	background-position:0px -26px;
}

a.menutop5:link, a.menutop5:active, a.menutop5:visited{
	display:block;
	background-image:url(../images/menutop5.jpg);
	width:220px;
	height:26px;
}

a.menutop5:hover{
	background-position:0px -26px;
}
*/

													/*----------<<[NORMAL TEXT STYLE]>>----------*/
													
													
/*----------NORMAL----------*/
.text12white{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	text-transform:none;
	text-align:justify;
	color:#FFFFFF;
}

.text12whiteitalic{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	text-transform:none;
	text-align:justify;
	color:#FFFFFF;
}

.text12boldwhite{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-transform:none;
	text-align:justify;
	color:#FFFFFF;
}


.text12bold{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-transform:none;
	text-align:left;
	color:#000000;
}

a.link12white:link, a.link12white:active, a.link12white:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	text-transform:none;
	text-align:left;
	color:#FFFFFF;
	}
	
a.link12white:hover{
	text-decoration:underline;
}

.text11white{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	text-transform:none;
	text-align:right;
	color:#FFFFFF;
}


/* ======= MAIN MENU NAVIGATION ======= */
#left-navcontainer ul
{
	margin: 0px 0px 0px 10px;
	padding: 0;
	list-style-type: none;
	font-family: "Myriad", Arial, Verdana;
	font-size: 10px;
	color: #FFFFFF;
}

#left-navcontainer li { 
	margin: 0 0 1px 0; 	
	float: left;
	text-align: center;
}

#left-navcontainer a {
	display: block;
	padding: 5px 1px 5px 1px;
	margin: 3px 0px 0px 0px;
	width: 125px;
	background: url(../images/menu_bg.jpg) center top no-repeat;
}

#left-navcontainer a:link, #left-navlist a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#left-navcontainer a:hover {
	background: url(../images/menu_bg_h.jpg) center top no-repeat;
	color: #FFFFFF;
}

#left-active a:link, #left-active a:visited, #left-active a:hover {
	background: url(../images/upc-bg-h.jpg) center top no-repeat;
	color: #333333;
}

#amigo-form {
	margin: 0px 0px 0px 0px;
	padding: 20px;
	background: #FFFFFF;
	border: solid 1px #333333;
	color: #000000;
}
#amigo-form div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 400px; 
	display: block;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}




/* -------------------------- UPC LINKS ------------------------------ */
#skyline {
 width: 170px;
 background: url(../images/upclinks.jpg);
 margin: 0px; 
 padding: 0px;
}
#skyline li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	top: 0;
}

#skyline li, #skyline a {height: 16px; display: block;}
#panel01b {left: 0px; width: 170px;}
#panel02b {left: 0px; width: 170px;}
#panel03b {left: 0px; width: 170px;}
#panel04b {left: 0px; width: 170px;}
#panel05b {left: 0px; width: 170px;}
#panel06b {left: 0px; width: 170px;}
#panel07b {left: 0px; width: 170px;}
#panel08b {left: 0px; width: 170px;}
#panel09b {left: 0px; width: 170px;}
#panel10b {left: 0px; width: 170px;}
#panel11b {left: 0px; width: 170px;}
#panel12b {left: 0px; width: 170px;}

#panel01b a:hover {background: transparent url(../images/upclinks.jpg) -170px 0px no-repeat;}
#panel02b a:hover {background: transparent url(../images/upclinks.jpg) -170px -16px no-repeat;}
#panel03b a:hover {background: transparent url(../images/upclinks.jpg) -170px -32px no-repeat;}
#panel04b a:hover {background: transparent url(../images/upclinks.jpg) -170px -48px no-repeat;}
#panel05b a:hover {background: transparent url(../images/upclinks.jpg) -170px -64px no-repeat;}
#panel06b a:hover {background: transparent url(../images/upclinks.jpg) -170px -80px no-repeat;}
#panel07b a:hover {background: transparent url(../images/upclinks.jpg) -170px -96px no-repeat;}
#panel08b a:hover {background: transparent url(../images/upclinks.jpg) -170px -112px no-repeat;}
#panel09b a:hover {background: transparent url(../images/upclinks.jpg) -170px -128px no-repeat;}
#panel10b a:hover {background: transparent url(../images/upclinks.jpg) -170px -144px no-repeat;}
#panel11b a:hover {background: transparent url(../images/upclinks.jpg) -170px -160px no-repeat;}
#panel12b a:hover {background: transparent url(../images/upclinks.jpg) -170px -176px no-repeat;}