/* CSS Document */

/* Reset */
p, ol, dl, ul, p, h1, h2, h3, h4, h5, h6, form, .radio {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    border: none;
    font-weight: normal;
    font-size: 100%;
    clear: both;
}
img {
    border: none;
}
.radio {
    display: inline;
}



/* General */
html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:12px;
	color:#000;
	background-color: #adaeab;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
td, th {
	font-size:12px;
}
sup {
	font-size:80%;
}
a:active, a:focus, area:focus
{
  outline: none;
}

/* headers */

h1 { 
	
}

h2 {
	
}

h3 {
	
}


/* +++++ CONTAINER +++++ */

div.container{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:790px;
	height:99%; /* IE6: treated as min-height*/	
}

.container[class] {
	height:auto;
	min-height:99%;
}

#spacer {
	height:60px;
	/*
	background-image: url(../images/copyright_acid.gif);
	background-repeat: no-repeat;
	background-position: right top;
	*/
	text-align:right;
}

#spacer a.mediatel {
	background: url(../images/mediateldata.gif) no-repeat right top;
	width:175px;
	display:block;
	position:relative;
	float:right;
	overflow:hidden;
	height:30px;
	text-decoration:none;
}

#spacer a.mediatel span {
	position:relative;
	left:300px;
	top:150px;	
	visibility:hidden;
}

/* +++++ header +++++ */

#header {
	position:relative;
	height:100px;
	overflow:visible;
	z-index:2;
}
#header #logo {
	float:left;
	position:relative;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;	
	width:200px;
	height:50px;
	top:50px;
	overflow:hidden;	
	z-index:10;
}
#header #logo a {
	position:absolute;
	display:block;
	width:200px;
	height:50px;
}
#header #logo a span
{
	display:block;
	margin-left:300px;
	margin-top:150px;
}

#uppermenu {
	position:absolute;
	top:70px;
	right:0px;
} 
#uppermenu li {	
	float:left;
} 
#uppermenu li a {
	display:block; 
	float:left;
	height:30px;
	overflow:hidden;
	position:relative;
}
#uppermenu li a span {
	display:block;
	margin-left:300px;
	margin-top:150px;
}

#uppermenu li#contact a {
	background:url(../images/uppermenu_contact.gif);
	width:47px;
}
#uppermenu li#contact a:hover {
	background:url(../images/uppermenu_contact_hover.gif);
}
#uppermenu li#sitemap a {
	background:url(../images/uppermenu_sitemap.gif);
	width:56px;
}
#uppermenu li#sitemap a:hover {
	background:url(../images/uppermenu_sitemap_hover.gif);
}
#uppermenu li#print a {
	background:url(../images/uppermenu_print.gif);
	width:30px;
}
#uppermenu li#print a:hover {
	background:url(../images/uppermenu_print_hover.gif);
}
#uppermenu li#login a {
	background:url(../images/uppermenu_login.gif);
	width:85px;
}
#uppermenu li#login a:hover {
	background:url(../images/uppermenu_login_hover.gif);
}
 
/* +++++ MAIN BODY +++++ */

#print_body {
	padding:10px;
	background-color: #f3f6ee;
}

#main_body {
	background-color: #9cafcb;
	height:345px;
	border:5px solid #f3f6ee;
	position:relative;
	background-image: url(../images/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#main_body #corner {
	position:absolute;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 15px;
	width: 15px;
	right:-5px;
	top:-5px;
}

/* H1 */

#main_body h1 {
	height:54px;
	position:relative;
	top:25px;
	left:20px;
	width:330px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#main_body h1 span {
	display:block;
	margin-left:300px;
	margin-top:150px;
}
#main_body h1.ivr {
	background-image:url(../images/header_ivr.gif);
	height:30px;
}
#main_body h1.conference {
	background-image:url(../images/header_conference.gif);
	
}
#main_body h1.fax {
	background-image:url(../images/header_fax.gif);
}
#main_body h1.office {
	background-image:url(../images/header_office.gif);
}
#main_body h1.callcenter {
	background-image:url(../images/header_callcenter.gif);
}
#main_body h1.personalize {
	background-image:url(../images/header_personalize.gif);
}
#main_body h1.contact {
	background-image:url(../images/header_contact.gif);
}
/* SUBMENU */
#submenu {
	position:absolute;
	left:20px;
	width:330px;
	top:55px;
}
#submenu li {
	float:left;
}

#submenu li a {
	display:block; 
	float:left;
	height:30px;
	overflow:hidden;
	position:relative;
	background-repeat:no-repeat;
	height:23px;
}
#submenu li a span {
	display:block;
	margin-left:300px;
	margin-top:150px;
}

#submenu li#ivr_incoming a {
	width:126px;
	background-image: url(../images/submenu_incoming.gif);
}
#submenu li#ivr_incoming a:hover, #submenu li.selected#ivr_incoming a {
	background-image: url(../images/submenu_incoming_hover.gif);
}
#submenu li#ivr_outgoing a {
	background-image: url(../images/submenu_outgoing.gif);
	width:97px;
}
#submenu li#ivr_outgoing a:hover, #submenu li.selected#ivr_outgoing a {
	background-image: url(../images/submenu_outgoing_hover.gif);
}
#submenu li#ivr_casestudies a {
	background-image: url(../images/submenu_casestudies.gif);
	width:90px;
}
#submenu li#ivr_casestudies a:hover, #submenu li.selected#ivr_casestudies a {
	background-image: url(../images/submenu_casestudies_hover.gif);
}


/* +++++ MENU +++++ */
#menu {
	position:relative;
	background-image: url(../images/bgMenuBlock.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 94px;
}

#menu li {
	float:left;
}

#menu li a {
	display:block; 
	width:100px;
	float:left;
	height:90px;
	overflow:hidden;
	position:relative;
	background-repeat:no-repeat;
}
#menu li a span {
	display:block;
	margin-left:300px;
	margin-top:150px;
}

#menu li#ivr a {
	width:180px;
	background-image: url(../images/menu_ivr.gif);
}
#menu li#ivr a:hover, #menu li.selected#ivr a {
	background-image: url(../images/menu_ivr_hover.gif);
}

#menu li#conference a {
	width:120px;
	background-image: url(../images/menu_conference.gif);
}
#menu li#conference a:hover, #menu li.selected#conference a {
	background-image: url(../images/menu_conference_hover.gif);
}

#menu li#fax a {
	width:110px;
	background-image: url(../images/menu_fax.gif);
}
#menu li#fax a:hover, #menu li.selected#fax a {
	background-image: url(../images/menu_fax_hover.gif);
}

#menu li#office a {
	width:100px;
	background-image: url(../images/menu_office.gif);
}
#menu li#office a:hover, #menu li.selected#office a {
	background-image: url(../images/menu_office_hover.gif);
}

#menu li#callcenter a {
	width:135px;
	background-image: url(../images/menu_callcenter.gif);
}
#menu li#callcenter a:hover, #menu li.selected#callcenter a {
	background-image: url(../images/menu_callcenter_hover.gif);
}
#menu li#personalize a {
	width:135px;
	background-image: url(../images/menu_personalize.gif);
}
#menu li#personalize a:hover, #menu li.selected#personalize a {
	background-image: url(../images/menu_personalize_hover.gif);
}


/* +++++ CONTENT +++++ */
div#content {
	position:absolute;
	top:92px;
	left:21px;
	width:350px;
	height:211px;
	padding:10px 140px 10px 10px;
	border:0px solid red;
	text-align:justify;
}
div.intro#content {
	background-image: url(../images/bg_main_index.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}
div.intro#content  span {
	display:block;
	margin-top:250px;
}

div#content h2, div#content a.h2 {
	font-size:17px;
	letter-spacing:-1px;
	color:#24354A;
	margin:-4px 0px 3px 0px;
}

div#content h2 {
	border-bottom:1px solid #8fa6c5;
}

div#content a.h2 {
	margin-left:-15px;
	background:url(../images/bullet_header.gif) no-repeat left top;
	padding-left:15px;
	text-decoration:none;
	display:block;
	position:absolute;
}
div#content a.h2:hover {
	color:#000;
}

#content strong {
	color:#183250;
}

ul.listing {
	list-style-image: url(../images/bullet_check.gif);	
	margin-left:18px;
	margin-bottom:2px;
}
ul.listing ol {
	list-style-position: outside;
	list-style-type: lower-roman;	
	list-style-image: none;	
	margin-left:20px;
}
ul.listing li {
	
}


div#content .page {
	display:none;
}

div#content a {
	color:#24354A;
	text-decoration:underline;
}
div#content a:hover {
	color:#202d2d;
	text-decoration:none;
}

a.content_link {	
	padding-left:18px;
	background:url(../images/bullet_pointer.gif) no-repeat 6px 3px;
	margin-top:8px;
	margin-right:5px;
	color:#fff584;
	float:left;
}


ul.link_listing {
	list-style-image: url(../images/bullet_pointer.gif);	
	margin-left:18px;
	margin-bottom:2px;
	padding-top:5px;
}
ul.link_listing li {
	margin:5px 0px;
}

#content .page p {
	margin-bottom:4px;
}

#content .page .link_listing a {
	text-decoration:none;
	color:#000;
}
#content .page .link_listing a:hover {	
	text-decoration:underline;
}

.contact_form {
	padding-left:15px;
}
.contact_form p {
	margin-bottom:2px;
	padding-bottom:0px;
}

#content form {
	margin:10px 0px;
}
#content label {
	width:75px;
	float:left;
	clear:both;
	margin:1px 0px;
}
#content input, #content textarea {
	width:220px;
	float:left;
	margin:1px 15px;
	background:#f5f5f0;
	border:1px solid #8497b2;
	font-size:11px;
	padding:1px 2px;
	font-family:Arial, Tahoma, Verdana, sans-serif;
}
#content textarea#intrebare {
	height:40px;
}
#content input#submit {
	background:none;
	width:64px;
	clear:both;
	margin-left:80px;
	border-width:0px;
}

.contact_data {
	display:block;
	margin-top:0px;
	margin-bottom:10px;
	boder-bottom:1px solid #a3b2ca;
}
.contact_data span {
	width:225px;
	float:left;	
	margin:0px 15px 2px 15px;
}
.contact_data label {
	margin:0px 0px 2px 0px;
	padding-left:15px;
	background:url(../images/bullet_check.gif) no-repeat;
}

/* +++++ BANNER +++++ */
#banner_mid {
	border:5px solid #f3f6ee;
	border-top-width:0px;
	background: #F3F6EE url(../images/bannerMid_bg.gif) repeat-x left bottom;
	height:27px;
}
#banner_mid .banner_conference {
	background: url(../images/bannerMid.gif) no-repeat left top;
	height:25px; overflow:hidden; position:relative;
}
#banner_mid .banner_conference span {
	display:block; margin-top:50px;
}

/* +++++ FOOTER +++++ */

div#footer_wrapper {
	height:1%;position:relative;
	width:100%;	
}

div#footer {
	position:absolute;	
	bottom:0px;
	width:100%;	
	height:45px;	
	color:#334548;
	font-size:11px;
	background-image: url(../images/bgFooter.gif);
	background-repeat: repeat-x;
	background-position:left bottom;
}
div#footer_container {
	width:790px;
	margin:0 auto;
}

.footer_link {
	display:block;
	height:20px;
	width:180px;
	background: url(../images/footer_link.gif) no-repeat;
	overflow:hidden;
}
.footer_link span {
	display:block;
	margin-left:300px;
	margin-top:150px;
}

.footer_copy {
	background: url(../images/footer_copy.gif) no-repeat right top;
	display:block;
	overflow:hidden;
	float:right;
	clear:both;
	width:145px;
	height:25px;
}

.footer_copy span {
	display:block;
	margin-left:300px;
	margin-top:-150px;
}

#footer_container a {
	color:#d5dbe2;
	text-decoration:none;
	padding:6px 6px 0px 6px;
}
#footer_container a:hover {
	color:#FFF;
}