/* - - - - - - - - - - - - - - - - - - - - -

Title : DESITAL default style
Author : Hugo Vieira
URL : http://www.desital.pt

Version : v0.01

- - - - - - - - - - - - - - - - - - - - - */

#wait{
position:absolute;
top:45%;
left:45%;
}

/*drag element */
.drag{
position:absolute;
cursor:hand;
z-index: 90;
}

/*
*   Overlayer - to lock the back ground
*/
#bg{
line-height:0px;
z-index:-1px;
visibility:hidden;
}


#overlay{	
	visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;   
    background-color:#2F1700;    
    filter: alpha(opacity=90);
}

#overlay[id]{
	-moz-opacity: 0.9;
}

#mediaval{
height:50px;
border-bottom: 5px solid #CC0000;
background-color:#FFFFFF;
}
#mediaval img{ border:0;}

/*
*   Basic Elements
*/
body { 
	font: 8pt/16pt verdana; 
	color: #41322B;
	/*background-image:url(../images/bgmad.jpg);*/
	background-image:url(../images/bg1.gif);
	background-color:#231916;
	background-repeat:repeat-x;

	margin: 0px; 
	cursor:default;
	font-family:Tahoma, Verdana, Arial;	
}

#borders{
position:absolute;
top:0px;
left:0px;

}

#borders  span.left{
position:absolute;
top:30px;
left:-30px;
width:30px;
height:470px;
background-color:#FFFFFF;
}

#borders span.right{
position:absolute;
top:0px;
left:740px;
width:30px;
height:500px;
background-color:#FFFFFF;
}

#borders img.corner{
position:absolute;
top:0px;
left:-30px;
}

	
/*
*   Site General Structure
*/


#container { 
	display:none;
	position:relative;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	top: 15%;
	width: 740px;
	height: 500px;
	min-width:740px;
	min-height:500px;
}



#logoBar{
position:relative;
left:0px;
top:0px;
height:95px;
z-index:0;
}

#logoBar img.logo{
top:30px;
left:0px;
position:absolute;
z-index:1;
}

#logoBar img.program{
top:30px;
left:700px;
position:absolute;
z-index:1;
width:40px;
height:40px;
}

#menu{
position:absolute;
left:0px;
top:410px;
width: 740px;
z-index:1;
height:55px;
}

#menuBorder{
position:absolute;
height:5px;
width:740px;
min-width:740px;
left:0px;
top:48px;
background-image:url(../images/bar.gif);
background-repeat:repeat-x;
}

#menuBar{
position:absolute;
height:45px;
min-width: 740px;
left:0px;
top:0px;
}

#menuBar .tab{
position:relative;
top:0px;
left:0px;
font-family: Verdana, Helvetica, sans-serif;
background-repeat: no-repeat;
display: inline;
width:148px;
height:45px;
margin: 0; 
padding: 0;
float: left; 

}

#menuBar .tab img{
position:relative;
top:0px;
left:0px;
float:left;
display:block;
position:relative;
width:148px;
height:45px;
}


#menuBar .tab span{
position: relative;
float: left;
top: -31px;
left:30px;
margin: 0px;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:medium;
}

#menuBar .tab h2{
line-height:normal;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#menuBar .tab a{
	font-family:Tahoma, Verdana, Arial;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
}

#menuBar .tab a:hover{
	color:#41322B;
}

#menuBar .tab  img {width: 148px; height: 45px; border:0px; }
* html a:hover {visibility:visible}

#menuBar .tab a:hover img{visibility:hidden}


#bodyContainer{
position:relative;
top:2px;
left:0px;
width:740px;
margin-bottom:15px;

}

#addContainer{
position:absolute;
top:0px;
left:500px;
background-color:#CCCCCC;
width:280px;
float:right;
}


#baseContainer{
position:absolute;
top:470px;
left:0px;
width:720px;
height:20px;
}

#baseContainer span.rights{
position:relative;
top:0px;
left:0px;
width:780px;
font-size:7pt;
color:#999966;
}

#baseContainer span.developed{
position:absolute;
right:-20px;
top:0px;
text-align:right;
font-size:7pt;
color:#999966;
}

#baseContainer a{
left:10px;
color: #999966; 
}


#baseContainer img{
border: 0px solid #ffffff;
}

#selectLanguage{
position:absolute;
left:0px;
top:0px;
}

#selectLanguage img.lang_pt{
position:relative;
border:0px;
left:770px;
top:17px;

}

#selectLanguage img.lang_en{
position:relative;
border:0px;
left:755px;
}

#bodyLeft{
position:absolute;
top:25px;
left:0px;
width:325px;
height:270px;
}


#bodyRight{
position:absolute;
top:25px;
left:335px;
width:405px;
height:270px;
background-color:#41322B;
}

/*
*   index.php
*/

#adv{
position:relative;
top:-80px;
width:200px;
height:200px;
left:761px;
z-index:1000;
}

#empresaLeft{
position:absolute;
top:25px;
left:0px;
width:500px;
height:270px;
}


#empresaRight{
position:absolute;
top:25px;
left:510px;
width:220px;
height:262px;
border:4px dashed #41322B;
line-height:14px;
}

#empresaRightMedieval{
position:absolute;
top:25px;
left:510px;
width:220px;
height:262px;
border:4px dashed #003398;
line-height:14px;
}

#empresaRightMedieval img{ border:0}

#empresaRight span.date{
position:absolute;
width:220px;
text-align:center;
font-weight:bold;
color:#7E2F6F;
}

#empresaRight span.text{
position:absolute;
left:15px;
text-align:justify;
width:190px;
font-size:11px;
height:70px;

}



#empresa{
position:absolute;
top:40px;
left:0px;
width:240px;
height:270px;
color:#FFFFFF;
text-align:justify;
line-height:14px;

}


#empresa span.line{
position:relative;
left:20px;
text-align:justify;
font-size:12px;
}




/*
*   Products.php
*/

#productsFactory{
position:absolute;
top:-85px;
left:685px;
width:100px;
height:100px;
text-align:justify;
}
#productsFactory img {
border:0px;
}

#productsTH{
position:absolute;
top:-45px;
left:673px;
width:100px;
height:100px;
text-align:justify;
}
#productsTH img {
border:0px;
}



#products{
position:absolute;
top:25px;
left:0px;
width:740px;
height:270px;
z-index:0;
background-image:url(../images/bg.gif);
}

#productsLeft{
position:absolute;
top:10px;
left:5px;
width:369px;
height:270px;
text-align:center;
}



#pwait{
position:absolute;
top:70px;
left:130px;
display:block;
}


#productsRight{
position:absolute;
top:0px;
left:382px;
width:335px;
height:270px;
text-align:justify;

}

#productsRight img{
float:left;
margin:10px 0px 2.5px 11px;
cursor:pointer;
}

#productsRight font{
cursor:pointer;
}

#productsRight font.sel{
text-decoration:underline;
}


#productsRight span{
position:absolute;
top:205px;
left:255px;
color:#FFFFFF;
}


/*
*   Factory.php
*/



#factory{
position:absolute;
top:25px;
left:0px;
width:740px;
height:270px;
z-index:0;
background-image:url(../images/bg.gif);
}

#factory div.desc{
	position:relative;
	background-color: #ffffff; 
	filter: Alpha(opacity=75); 
	opacity: .5; 
	width: 200px; 
	height: 50px;
	font-family: Verdana, Arial;
	font-size: 1.2em;
	line-height:16px;
	text-align:center;
	padding:5px 3px 5px 3px;
	color:#000000;
	font-weight:bold;
}

/*
*   Contacts.php
*/

#contactInformation{
position:absolute;
overflow: auto;
top:0px;
left:194px;
width:212px;
height:270px;
background-color:#ffffff;
z-index:1000;
}

#contactInformation p{
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:12pt;
left:10px;
top:30px;
}

#contactInformation p.store{
font-weight:bold;
}

#contactInformation a{
color:#7E2F6F;
font-weight:bold;
}

#contactForm{
position:relative;
top:0px;
left:-10px;
width:200px;
height:270px;
background-color:#ffffff;
}

#contactForm p{
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:12pt;
left:15px;
top:30px;
}

#contactForm p.title{
position:relative;
top:10px;
width:400px;
left:20px;
}

#contactForm table{
position:relative;
top:20px;
left:20px;
}


#contactForm td.n{
position:relative;
font-weight:bold;
text-align:right;
}

#contactForm input{
width:120px;
border: 1px solid #B7A197;
}

#contactForm textarea{
width:120px;
border: 1px solid #B7A197;
height:130px;
}

#contactForm input.bt{
position:absolute;
left:140px;
top:258px;
text-decoration:none;
color:#7E2F6F;
background-color:#FFFFFF;
border:0px;
width:60px;
cursor:pointer;
}

#contactForm a:hover{
color:#B7A197;
}

/*
*   Store.php
*/

#ag{cursor:pointer;}
#av{cursor:pointer; }
#smf{cursor:pointer;}

#storeLeft{
position:absolute;
top:25px;
left:0px;
width:740px;
height:270px;
}

#storeLeft span.aveiro{
position:absolute;
left:325px;
top:245px;
color:#FFFFFF;
font-size:20px;
}

#storeLeft span.agueda{
position:absolute;
left:120px;
top:245px;
color:#FFFFFF;
font-size:20px;
}

#storeRight{
position:absolute;
top:18px;
left:435px;
width:305px;
height:240px;
visibility:hidden;

}

img.close{position:absolute;top:135px; left:509px; cursor:pointer ;}
img.forward{position:absolute;top:110px; left:509px; cursor:pointer  }
img.backward{position:absolute;top:160px; left:509px; cursor:pointer; }

#storeag{
position:absolute;
top:25px;
left:215px;
width:525px;
height:270px;
visibility:hidden;

}

#storeav{
position:absolute;
top:25px;
left:215px;
width:525px;
height:270px;
visibility:hidden;

}

#storesmf{
position:absolute;
top:25px;
left:215px;
width:525px;
height:270px;
visibility:hidden;

}


#storeRight span{
cursor:pointer;
}

#storeRight font.sel{
text-decoration:underline;
}

#storeRight img.more{
position:absolute;
right:0px;
top:-15px;
cursor:pointer;
}

/*
*   Group.php
*/

#groupLeft{
position:absolute;
top:25px;
left:0px;
width:369px;
height:270px;
background-color:#996633;
}


#groupRight{
position:absolute;
top:25px;
left:400px;
width:315px;
height:245px;
text-align:justify;
border:2px dashed #41322B;
padding:10px;
}

#groupRight a{
color:#41322B;
}

	

/* send mail */
#msg{
	visibility:hidden;
    position:absolute;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width:700px;
	height:70px;
	z-index:100;
	background-color:#FFFFFF;
	filter: alpha(opacity=100);
}

#msginner img{
position:absolute;
left:673px;
top:4px;
z-index:1000;
cursor:pointer;
}

#msginner{
	position:absolute;
	left:5px;
	top:5px;
	width:688px;
	height:58px;
	z-index:100;
	border:1px solid #B7A197;
	background-color:#B7A197;
	filter: alpha(opacity=none);
	text-align:center;
}

#msginner a{
color:#333333;
}

#msginner[id]{
	-moz-opacity:none;
}



a.link {
text-decoration:none;
color:#7E2F6F;
}

a.link:hover{
color:#B7A197;
}