/*
 * www.equars.com
 * Default page CSS (media: screen) 
 *
 * Author: Enrico Sciacca
 * Copyright 2004-2005 Equars srl
*/

@import url(style_common.css); 
@import url(lightbox.css); 


/* ------------ LAYOUT ------------- */

body {	font-family: "Bitstream Vera Sans", "Tahoma", sans-serif;
	font-size: 10pt;
	/* background: #c6c3c6; */
	padding: 0; margin: 0;
	background: white url("../img/bkg_outer.png") 0 0 repeat-x; 
	background-attachment: fixed;
}

.container {
	position:absolute;
	width:730px; left:50%;
	margin: 0 auto 0 -365px;
	padding: 0;
	/* min-height: 100%; */
}

.container div.contained{
	width:728px;
	border: solid #1a5920;
	border-width: 0px 1px 1px 1px;
	background-color: white; 
}

hr { display: none; }


/* ------------ HEADERS ------------- */

#headerzone1 {
	height: 24px;
	margin: 0; border:0; padding: 0;
	padding-top :10px ;
	padding-right: 10px;
	text-align: right;
	margin-left: 227px;
	border-left: solid 1px #c6c3c6;
}
#headerzone2 {
	height: 70px;
	margin: 0; border:0; padding:0;
	text-align: right;
	background: white url(../img/strip.png);
	background-repeat: repeat-x;
}
#headerzone3 {
	margin: 0 0 0 auto;
	width: 500px; 
	border:0;
	text-align: right;
	font-size: 80% ;
	font-weight: bold;
}
#equars_logo_wrapper, #equars_logo_wrapper0 {
	background-image: url("../img/equars_logo_opaque0.png");
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	border: 0; 
	padding: 0;
	top:  10px; left: 18px;
	width: 201px; height: 107px;
}
#equars_logo_wrapper {
	background-image: url("../img/equars_logo_opaque2.png");
	left: 17px;
	width: 201px; 
}

#equars_logo_extra { display: none; }


/* --------- PICTURE UPDATE ---------- */

div.picture_wrapper {
	margin: 0px 0px 0px auto;
	width: 500px; height:70px;
	border-left: solid 1px #c6c3c6;
}

#picture_soluzioni { background-image: url(../img/picture_solutions.jpg); }
#picture_company   { background-image: url(../img/picture_company.jpg  ); }
#picture_systems   { background-image: url(../img/picture_switch.jpg   ); }
#picture_wireless  { background-image: url(../img/picture_wireless.jpg ); }
#picture_voip      { background-image: url(../img/picture_phone.jpg    ); }
#picture_resources { background-image: url(../img/picture_keyboard.jpg ); }
#picture_documents { background-image: url(../img/picture_doc.jpg      ); }
#picture_credits   { background-image: url(../img/picture_leisure.jpg  ); }
#picture_press	   { background-image: url(../img/picture_news.jpg     ); }
#picture_demo	   { background-image: url(../img/picture_keyboard.jpg ); }
#picture_sysint	   { background-image: url(../img/picture_lego.jpg     ); }


/* ------------ MENU ------------- */

div.menu {
    float:        left;
	width:        227px;
	margin:       0px;
    margin-bottom:45px;
	padding:      24px 0 10px 0; 
	border-width: 0px 1px 1px 0px;
	border-color: #c6c3c6;
	border-style: solid;
}
div.menu h3 { display:none; }

div.menu div { margin: 0; padding: 0 }

div.menu div div {
	display: list-item;
	color: #ace6ac;
	list-style: square inside;
	padding: 6px 12px;
	padding-right: 0;
	margin: 0px 18px;
}

div.menu div ul { display: none }

div.menu div.selected div {
	border: dotted #ff6531; 
	border-width: 0px 0px 2px 2px;	
	padding: 6px 10px;
	padding-right: 0;
}
div.menu div.selected ul {
	display: block;
	border: dotted #ff6531; 
	border-width: 0px 2px 0px 0px;
	margin: 0px 18px;
	padding: 2px;
	color: #ff6531;
	list-style: disc inside;
	text-align: right;
}
/* Another IE-forced variation */
div.menu[class] div.selected ul { list-style: disc inside url(../img/menu_arrow.png); }

div.menu div.selected ul a  { font-weight: normal; }
div.menu div.selected ul #selected { font-weight: bold; }
div.menu div.selected ul li { padding: 8px 8px 2px 8px; }

div.menu a:hover { 
	text-decoration: none;
	/*background-color: #92ff9f;*/
}
div.menu div div:hover { 
	background-color: #eafff8;
}
div.menu div.selected ul li a:hover { 
	background-color: #d5f2e8;
}


/* ------------ FOOTER ------------- */

div.footer  {
    clear: both;
	margin: 0 3px;
	color: gray;
	text-align:center;
	font-size:8pt;
	padding: 5pt;
}
div.footer a {	font-weight: normal; 
		color: gray;
}


/* ------------ PAGE ------------- */

div.page, div.page_large {
	margin: 0px 15px 45px 243px;
	text-align: justify;
}


/* --- Variation for pages without menu --- */
div.page_large {
	margin: 0px 15px 45px 15px;
}

div.page hr {
	display: block;
	height: 2px;
	border: dotted #ff6531; 
	border-width: 0 0 2px 0;	
	padding: 0; margin: 0;
}


/* ------------ MISC ------------- */