/* CSS INFORMATION
	- Projecto: ASV Stubbe
	- Autor: Pedro Bernardino - Oitentaecinco - http://www.oitentaecinco.net
*/

/* CSS INDEX
	1. RESET STYLES (imported)
	2. TYPOGRAPHY
	3. MASTER LAYOUT
	4. ...
*/

/* COLOR PALLETE
	Orange (text) 			#f24800;
*/










/* @ RESET STYLES
   ==================================================================== */

@import url("reset.css");










/* @ TYPOGRAPHY
   ==================================================================== */

body {
	font-size: 12px;
	line-height:14px;
	color: #f24800;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	/*text-shadow: 1px 1px 1px #953515;*/
}

h1 {}
h2 { color:#ffffff; margin-bottom:15px; text-shadow: 1px 1px 1px #953515; }
h5 {}

h2 { font-size:20px; }
h3 { font-size:15px; }

#dBody { color:#ffffff; text-shadow:1px 1px 1px #671f0c; font-size:13px; }

a { font-weight:bold; color: #f24800; text-decoration:none; }
a:hover { text-decoration:underline; }

p { margin-bottom:15px; text-align:justify; line-height:20px; }








/* @ MASTER LAYOUT
   ==================================================================== */

body { background-color:#ffeee7; }
#dRoot { 
	width:800px; 
	margin:10px auto; 
	background:url(images/backgrounds/bg.png) repeat-y center;
	}	
	#dHeader { 
		background:url(images/backgrounds/bg_top.png) no-repeat center top;
		position:relative;
		}
		h1 { 
	    	padding-top:30px;
	    	height:110px; 
	    	background:url(images/brand/logo.png) no-repeat center;
	    	text-indent:-9999px;	
	    	}
	    #Menu {
	    	height:55px;
	    	background-color:#faddce;
	    	border-bottom:solid 1px #FFF;
			margin:0 17px;
			margin-left:18px;
			margin-right:16px;
	    	}
	    #Languages {
	    	position:absolute;
	    	top:10px; right:15px;
	    	}
	#dBody {
		clear:both;
		background:#FFF url(images/backgrounds/body_bg.png) repeat-x top;
		margin:0 16px;
		margin-left:18px;
		}
	#dBanner {
		height:120px;
		background:url(images/backgrounds/banner_bg.png);
		margin:0 16px;
		margin-left:18px;
		border-top:solid 1px #FFF;
		padding-left:40px;
		position:relative;
	}
	#dFooter {
		clear:both;
		height:200px;
	    background:url(images/backgrounds/bg_bottom.png) no-repeat center bottom;
	    text-align:center;
	    }
	    #dFooter #Logo { padding-top:32px; }
	    #dFooter #Credits { margin-top:10px; }
	    #dFooter #Credits p { text-align:center; margin:0; font-size:10px; }
	    







/* @ MENU
   ==================================================================== */

#Menu ul { 
	margin:0 auto; 
	}
#Menu ul li {
	display:inline-block;
	height:36px; width:153px;
	margin:0; padding:0;
	float: left;
	cursor:pointer;
	background-color:#FFF;
	}
#Menu ul li a {
	display:block;
	text-indent:-9999px;
	height:36px; width:153px;
	
	}
	
#Menu ul li.pt_homepage { background-image:url(images/menu/pt/homepage.png); }
#Menu ul li.pt_history { background-image:url(images/menu/pt/history.png); }
#Menu ul li.pt_products { background-image:url(images/menu/pt/products.png); }
#Menu ul li.pt_photos { background-image:url(images/menu/pt/photos.png); }
#Menu ul li.pt_contacts { background-image:url(images/menu/pt/contacts.png); width:154px;  }

#Menu ul li.en_homepage { background-image:url(images/menu/en/homepage.png); }
#Menu ul li.en_history { background-image:url(images/menu/en/history.png); }
#Menu ul li.en_products { background-image:url(images/menu/en/products.png); }
#Menu ul li.en_photos { background-image:url(images/menu/en/photos.png); }
#Menu ul li.en_contacts { background-image:url(images/menu/en/contacts.png); width:154px;  }

#Menu ul li.de_homepage { background-image:url(images/menu/de/homepage.png); }
#Menu ul li.de_history { background-image:url(images/menu/de/history.png); }
#Menu ul li.de_products { background-image:url(images/menu/de/products.png); }
#Menu ul li.de_photos { background-image:url(images/menu/de/photos.png); }
#Menu ul li.de_contacts { background-image:url(images/menu/de/contacts.png); width:154px;  }

#Menu ul li.iddle { background-position:center 36px;}
#Menu ul li.active { background-position:right 0px; background-repeat:no-repeat; }
#Menu ul li.iddle:hover { background-position:center 72px; }



/* @ PAGES
   ==================================================================== */

#dBody { padding:20px; }   
#dBody div.homepage { height:200px; line-height:200px; text-align:center; }
#dBody div.homepage img { vertical-align:middle; }

#dBody div.dHistory { }
	#dBody div.dHistory #dText { float:left; width:425px; }
	#dBody div.dHistory #dPics { float:right; width:270px; text-align:right; }
	#dBody div.dHistory #dPics div { margin-bottom:10px; }
	#dBody div.dHistory #dPics div img { }
	#dBody div.dHistory #dPics div cite { font-style:normal; font-size:10px; line-height:10px; display:block; }

#dBody div.dContacts { }
	#dBody div.dContacts #dNumbers 	{ width:185px; float:left; margin:0 1px; text-indent:1px; }
	#dBody div.dContacts #dMap 		{ width:300px; float:left; margin:0 1px 0 15px; position:relative; }
	#dBody div.dContacts #dMap a.googleMap { position:absolute; bottom:2px; right:10px; }
	#dBody div.dContacts #dForm 		{ width:205px; float:right; margin:0 1px; }
	
	#dBody div.dContacts h3 { border-bottom:solid 1px #FFF; padding-bottom:4px;  margin-bottom:3px; }
	#dBody div.dContacts p { margin:0; }
	#dBody div.dContacts fieldset { margin-bottom:20px; margin-top:10px; }

#dBody div.dProducts { }
	#dBody div.dProducts #dText { float:left; width:450px; }
	#dBody div.dProducts #dPics { float:right; width:270px; text-align:right;  }
	
#dBody #dPhotos { text-align:center; }
															


/* @ CAROUSEL
   ==================================================================== */

#dBanner span.prev, #dBanner span.next { display:block; width:41px; height:41px; position:absolute; top:45px; }
#dBanner span.prev:hover, #dBanner span.next:hover { cursor:pointer; }
#dBanner span.prev { background-image:url(images/common/arrow_left.png); left:0px; }
#dBanner span.next { background-image:url(images/common/arrow_right.png); right:0px; }

#solasCarousel li { margin-right:7px; margin-left:5px; }



/* @ CONTACTS FORM
   ==================================================================== */
   
.ContactForm { font-size:12px; }
.ContactForm p { margin-bottom:10px !important;; }
.ContactForm span { display:block; line-height:15px; text-indent:1px; }
.ContactForm input, .ContactForm textarea { 
	width:200px;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size:12px;
	border:solid 1px #FFF; background-color:#FFD3C1;
	color:#B93600;
	margin:0px; padding:0px;
	background:#FFD3C1 url(images/backgrounds/input_bg.png);
	}
.ContactForm textarea { height:110px; }
.ContactForm a { text-decoration:none; color:#FFF; font-size:14px; line-height:14px; background:url(images/common/button_bullet.png) no-repeat left center; padding-left:10px }
.ContactForm a:hover { color:#FFD3C1; padding-left:11px; }




/* @ GOOGLE MAP BUTTON
   ==================================================================== */

a.googleMap { 
	display:block; width:67px; height:65px;
	background:url(images/common/bt.googlemap.png) top;
	text-indent:-9999px;
	}
a.googleMap:hover { background-position:bottom; }




/* @ Products3D
   ==================================================================== */


#Products3D a { 
	display:inline-block; width:116px; height:109px; text-indent:-9999px; 
	background-position:center top; background-repeat:no-repeat;
	margin:5px;
	}
	#Products3D a:hover { background-position:center bottom; }
#Products3D a.sola1 { background-image:url(images/products/page/sola3d_1.png); }
#Products3D a.sola2 { background-image:url(images/products/page/sola3d_2.png); }
#Products3D a.sola3 { background-image:url(images/products/page/sola3d_3.png); }
#Products3D a.sola4 { background-image:url(images/products/page/sola3d_4.png); }


/* @ LANGUAGES
   ==================================================================== */

#Languages a  { width:16px; height:14px; display:block; }
#Languages li { 
	width:16px; height:13px; 
	background-position:center bottom;
	float:left;
	margin:0 1px;
	}
#Languages li.active { background-position:center top; }
#Languages li.pt { background-image:url(images/flags/pt.png); }
#Languages li.en { background-image:url(images/flags/en.png); }
#Languages li.de { background-image:url(images/flags/de.png); }