/* ========================== */
/* ==== Main CSS File ==== */
/* ========================== */

/* ========================== Imports */

@import url(reset.css);
@import url(fonts.css);

@import url(navigation.css);
@import url(content_general.css);


/* ========================== Page Structure / Layout */

html {background:url(bggrad.jpg) top left repeat-x;overflow-y: scroll;}
body {background:url(bggrad_bottom.png) bottom left repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;}


em {font-style: italic;}

.js .hidden {display:none !important;}

/*a:active, 
:focus {-moz-outline-style: none; outline:none;}*/

.print_hide {display:none;}

#wrapper {width: 972px; margin: 0 auto; padding-bottom:0px;}

#top_banner {height: 140px; margin: 0; padding: 0 8px 0 8px;}
#top_banner #top_row { text-align: right; margin-left: 240px; height: 55px; padding-right: 0px; padding-top: 20px;}
#top_banner #top_row { color: white; font-size: 8pt;}
#top_banner #top_row a { text-decoration: none;}
#top_banner #top_row a:hover {color: white; text-decoration: underline;}
#top_banner .bottomrow {margin-left: 200px; height: 17px; display:none;}

#top_banner .bottomrow.jsactive {display:block;}
#top_banner .bottomrow.noscript {display:block;}

#page_wrap {background:white url(topcorners.png) no-repeat; min-height: 362px; position:relative;}

#top_corners {height:9px; width:100%; background: transparent url(topcorners.png) no-repeat; position:absolute; z-index:10;}

#content {padding: 11px 11px 0px 11px; text-align: justify;  }
#content p {padding: 0 0 10px 0;}
.home_table {	padding: 12px; vertical-align: top;}

#content h1 { font-weight: normal; letter-spacing: 1px; font-size: 14pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 0 20px 0; color: #0A2F66;}
#content h3 { font-weight: normal; letter-spacing: 1px; font-size: 11pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 30px 0 10px 0; color: #4A7DAD;}
#content h5 {font-weight: normal; letter-spacing: 1px; font-size: 11pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: -30px 0 0px 0; color: #4A7DAD; }

#content2 ul {padding: 0 0 0 25px; list-style-type: disc;}
#content2 li { list-style-type: disc;}
#content2 strong {	font-weight: bold;}
#content2 h1 { font-weight: normal; letter-spacing: 1px; font-size: 14pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 0 20px 0; color: #0A2F66;}
#content2 h3 { font-weight: normal; letter-spacing: 1px; font-size: 11pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 30px 0 10px 0; color: #4A7DAD;}
#content2 h5 {font-weight: normal; letter-spacing: 1px; font-size: 11pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: -30px 0 0px 0; color: #4A7DAD; }

.services_description ul {padding: 0 0 0 25px; list-style-type: disc;}
.services_description li { list-style-type: disc;}
.services_description strong {	font-weight: bold;}

strong {font-weight: bold; }

#foot_banner {float:left; width:932px; font-size:0.9em; padding: 0 20px 52px 20px; background:#FFF url(footer-bg.gif) no-repeat; height: 52px;}
#footer {margin:0 12px; padding:0 8px;}

/* logo */
#top_banner #logo {width: 368px; height: 140px; float: left;}
#top_banner #logo a {display:block; width:100%; height:100%; background: url(logo.gif) center 0px no-repeat;}
#top_banner #logo a span {display: none;}

/* welcome */
#top_banner #welcome {float: left; color: white;}
#top_banner #welcome span {display:block; color: #9299a1;}
#top_banner #welcome a {color:#88ccff !important;}

/* footer */

#foot_banner a {color: white; text-decoration: underline}
#foot_banner a:hover {color: white; text-decoration: none; }


#foot_banner p {padding: 18px 0 0 0px; font-size: 8pt; color: white;}
#foot_banner p span {display:none;}

#footer p {float: right; line-height: 28px;}
#footer p a {padding-left:8px;}

#footer #brand_tag {display: block; float:left; width: 195px; height: 28px; line-height: 28px; background: url(telefonica.gif) no-repeat top left;}
#footer #brand_tag span {display:none;}

#centered {margin: 0 auto 0 auto; }

/* ========================== Content Layouts */

#layout {padding: 20px 12px 0 12px;}

#content_mast {padding: 0 8px 4px 8px; border-bottom: 1px solid #e6e6e6; height:112px;}
#breadcrumb {color:#ccc; margin-bottom:5px; font-size:0.85em;}
#content_mast h2 {font-size:300%; float:left;}

#highlights {float:right; width:292px; padding-left:8px; font-size:0.85em; color:#515559;}
#highlights strong {text-transform:uppercase; color:#000; font-weight:bold;}
#highlights ul {margin-top:3px;}
#highlights li {list-style: disc inside;}

/* fix styles for portlets */
#highlights .general * {padding:0; line-height:1.22em;}

#highlights .general ul, 
#highlights .general ol {margin-left:0;}

#highlights .general ul li, 
#highlights .general ol li {list-style-position:inside !important;}

#content_foot {margin-left:160px; font-size:1em;}

#content_foot .menu_nav {float:left; width:144px; padding:0 8px; margin:0; margin-left:80px;}
#content_foot .menu_nav ul {margin:0; padding:0;}
#content_foot .menu_nav li {line-height:1.3em; list-style:none !important;}
#content_foot .menu_nav h5 {font-size:1.1em; color:#000;}
#content_foot .menu_nav a {color:#0086c3;}

#columns {margin:20px 0 0 0;}
#columns .portlet {position:relative;}

.three_column #columns .support_col, 
.two_column #columns .support_col, 
.two_column_alt #columns .support_col {float:left; width:212px; padding:0 8px;}

.two_column #columns .main_col {float:left; width:708px; margin-left:12px;}
.two_column_alt #columns .main_col {float:left; width:708px; margin-right:12px;}
.three_column #columns .main_col {float:left; width:468px; margin:0 12px;}

.two_column_alt #columns .main_col .support_col {position:absolute; height:100%; overflow:hidden; left:0px;}
.two_column_alt #columns .main_col .internal {width:468px; margin-left:240px;}

.two_column #columns .main_col .internal {width:468px; margin-right:240px;}

.full_bleed #columns .main_col {}

#layout.home {padding:6px 6px 0 6px;}

.home .top_line {padding:6px 0;}
.home .bottom_line {padding:6px 0 0 0;}

.home_standard .top_line {height: auto;}
.home_takeover .top_line {height: 375px;}
.home .bottom_line {height: 168px;}

.home .double_col, 
.home .single_col, 


.home .double_col {width: 468px;}
.home .single_col {width: 228px;}
.home .takeover { width: 948px;}



/* ========================== Sifr Headings */

.sIFR-active h2.sifr, 
.sIFR-active h2.sifr_white, 
.sIFR-active h3.sifr_sub {visibility: hidden; font-family: Verdana; line-height: 1em; display: block;}

/* accessability rules */
.access_hide {position:absolute; top: -1000px;}

.home .home_promo {height:100%;}
.home .home_promo div {height:100%; overflow: hidden; padding: 10px; padding-left:116px;}
.home .home_promo div {padding-bottom:0;}

.home .home_promo h2 {text-transform:uppercase; color:#929ba0; font-weight:bold; font-size:0.85em;}
.home .home_promo h3 {color:#419eda; font-size:1.25em; margin:2px 0 9px 0; line-height:1.15em;}

.home .home_promo p {line-height:1.2em;}

.home .home_promo a.c2a {position:absolute;	bottom:8px;}

.sign_in .main_col,
.sign_in .support_col {float:left; margin-right:12px; width:548px;}

.sign_in .main_col {margin-left: 80px;}
.sign_in .support_col {width:228px; margin-top:-74px;}

/* fix layout for liferay */
.home .general .home_promo {height:168px; color:#000;}

.home .general .home_promo h3, 
.home .general .home_promo h2, 
.home .general .home_promo p {padding:0;}

.home .general .home_promo p {margin:0;}

/* ========================== Sifr Headings */

.sIFR-active h2.sifr, 
.sIFR-active h2.sifr_white, 
.sIFR-active h3.sifr_sub {visibility: hidden; font-family: Verdana; line-height: 1em; display: block;}

/* accessability rules */
.access_hide {position:absolute; top: -1000px;}

/* ========================== SERVICES */

.bg_services { text-align: left; width: 485px; height: 25px; background-image: url(bg_services.png); font-size: 9pt; letter-spacing: 1px; padding: 0 0 0 15px;}
.bg_services td { text-align: left;}
.bg_services a { color: White; text-decoration: none;}
.bg_services a:hover { color: white; text-decoration: underline;}
.bg_more { text-align: left; width: 75px; height: 25px; background-image: url(bg_more.png); font-size: 9pt; letter-spacing: 1px; padding: 0 0 0 5px;}
.bg_more a { color: White; text-decoration: none;}
.bg_more a:hover { color: white; text-decoration: underline;}
.bg_more td { text-align: left;}

.go_back {  width: 150px; height: 25px; background-image: url(go_back.png); font-size: 9pt; letter-spacing: 1px; padding: 0 0 0 0; }
.go_back a { color: White; text-decoration: none;}
.go_back a:hover { color: white; text-decoration: underline;}
.services_description { text-align: justify;}


/*##### LINKS #####*/
.links { width: 70%; margin-left: auto; margin-right: auto; }
.links2 { width: 40%; margin-left: auto; margin-right: auto;  padding:20px;}
.links-name { background-color: #1A4D6C; width: 100%; color: White; padding:4px;background-image: url(bg_calendar_title.gif); font-size: 10pt; font-weight: normal;}
.links-content { background-color: #D8F4F9; color: #595959; padding:5px;}
.links-content2 { background-color: #D8F4F9; color: #595959; padding:10px;}
.links-content a img {	border: 1px solid #ccc;}
.links-content a:hover img {	border: 1px solid #1A4D6C;}
.links-content a {	color: #1A4D6C;	text-decoration: underline;}
.links-content a:hover {	color: #32C2DE; text-decoration: underline; visibility: visible;/* IE bug fix */}
.links-content2 a img {	border: 1px solid #ccc;}
.links-content2 a:hover img {	border: 1px solid #1A4D6C;}
.links-content2 a {	color: #6F3C74;	text-decoration: underline;}
.links-content2 a:hover {	color: #32C2DE; text-decoration: underline; visibility: visible;/* IE bug fix */}

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

/*##### NEWS #####*/
.news { width: 80%; margin: 0 auto 0 auto; padding: 0; font-size:8pt; }
.news-headline { background-color: #4A6238; width: 100%; color: White; padding:5px;background: url(bg_calendar_title.gif) top left;}
.news-headline a { color: White; font-size: 10pt; text-decoration: underline;}
.news-headline a:hover { color: White; font-size: 10pt; text-decoration: none;}
.news-content { padding:5px; color: #595959;}
.mininews {}

.back-table {font-family: Verdana;font-size:10pt;padding: 5px; margin-left:auto;margin-right:auto;}
.back-table td {font-family: Verdana;font-size:10pt;padding: 5px; margin-left:auto;margin-right:auto; text-align: center;}
.back-header {background: url(bg_calendar_title.gif) top left;background-color: #EBF1F4;color: white; font-weight: normal; font-size: 10pt;}
.back-header a {color: white; text-decoration: none;}
.back-header a:hover {color: white; text-decoration: underline;}

/*########### CONTACT FORM #############*/

.contactform {width: 425px; background-color: #A4A3AB; padding: 1px; font-size: 8pt;}
.contactform td {padding: 5px; text-align: left;}
.contactform-header {background-color: white; font-weight: bold;}
.contactform-red {width: 425px; text-align: left;}
.contactform-left {background-color: #7B4F82; color: white;}
.contactform-right {background-color: #A4A3AB; color: white;}