﻿/*---------------------------------------------------------------- GENERAL-------------------------------------------------------------------- */
*{padding:0; margin:0;}

body { font:normal 11px Arial; color:#333333; background-color:#D4E0EE;background-image:none; }
.fontSize { font-size:11px !important; }
a:active, a:visited { outline: 0;}

label {color:#333333;}
img { border:none; }
a {text-decoration:none;}
a:hover {text-decoration:underline;}
ul { list-style-type: none; }
.pageTitle { color:#; padding:0px 0 0px 15px; text-align:left; font-size:23px; font-weight: bold; color:#196AB4;}

.imageFloat { float:left; padding-right:10px; }

.h1TextSubTitle { color:#; font-size:24px; padding-bottom:10px; text-align:center; }
.h2TextSubTitle { color:#7F7F7F; font-size:19px; font-weight:normal; text-align:center; }

.h1InlineText { font-size:12px; padding:0; text-align:left; display:inline; font-weight:bold; }
.h1Color1 { color:#333333; }
.h1Color2 { color:#FFF; }
.h1Color3 { color:#4F637F; }
.h2Normal { font-weight:normal !important; }

.h1TextTitle { color:#; padding:4px 0 0 15px; text-align:left; font-size:17px; }
.h1TextTitle2 { color:#; padding:3px 0; text-align:left; font-size:17px; }

.h2InlineText { color:#; display:inline; font-size:14px; font-weight:bold; }
.h2InlineText2 { color:#333333; display:inline; font-size:14px; font-weight:bold; }

.h1InlineTextTitle { color:#000; font-size:12px; padding:0; text-align:left; }

.h1Link { text-decoration:none; color:#; font-size:13px; font-weight:bold; }
.h1Link:hover { text-decoration:none; }

.h2Link { text-decoration:none; color:#333333; font-size:13px; display:inline; }
.h2Link a{ text-decoration:none; color:#333333; display:inline; }
.h2Link a:hover { text-decoration:underline; color:#333333; }

.h2Link2 { text-decoration:none; color:#FF6600; font-size:14px; display:inline; }
.h2Link2 a{ text-decoration:none; color:#FF6600; display:inline; }
.h2Link2 a:hover { text-decoration:underline; color:#FF6600; }

.h3Link { text-decoration:none; color:#FF6600; font-size:14px; display:inline; }
.h3Link a{ text-decoration:none; color:#FF6600; display:inline; }
.h3Link a:hover { text-decoration:none; color:#FF6600; }

.paragraph { padding:0 0 10px 0; text-align:justify; }

.question { color:#7F7F7F; font-size:19px; font-weight:normal; text-align:left; }

.headerLink a { text-decoration:none; color:#35465F;}
.headerLink a:hover { text-decoration:none; color:#35465F; }

.logoText { font-family:Verdana; font-weight:bold; font-style:italic; font-variant:small-caps; }
.logoSpan { color:#DF7304; }
.company { padding-left:40px; line-height:10px; font-size:22px; }
.mantra { font-size:18px; padding:0; font-size:12px; color:#4F637F; }
.logoImage { vertical-align:middle;padding-right:4px; }
.offer { font-size:14px; }
.offerLink { text-decoration:none; color:#196AB4; font-size:14px; display:inline; }
.offerLink:hover { text-decoration:underline; color:#196AB4; }

.bold  { font-weight:bold; }
.cursor { cursor:pointer; }

.link { font-weight:normal; color:#FF6600; text-decoration:none; }
.linkBold { font-weight:bold; color:#FF6600; text-decoration:none; }

.imageEmbedded { width:184px; height:138px; padding:5px 5px 0 5px; float:left; }

.imageTeam { width:240px; height:300px; padding:10px 0 16px 10px; }

.contactText { color:#196AB4; font-weight:bold; font-size:13px; }

.space { height:20px; width:906px; }


/*---------------------------------------------------------------- PARTNERS ---------------------------------------------------------------- */
.imagePartners{ margin-left: auto; margin-right: auto; width:230px; height:100px; }
.tableTdPartners { padding:25px 60px 34px 125px; }
.h1LinkPartners { padding-top:4px; text-align:center; text-decoration:none; color:#333333; font-size:16px; }
.h1LinkPartners a{ text-decoration:none; color:#333333; }
.h1LinkPartners a:hover { text-decoration:underline; color:#333333; }
.linkImage { color:#FFF; }


/*---------------------------------------------------------------- GALLERY ---------------------------------------------------------------- */
.galleryLink { font-size:12px; padding-right:23px; text-align:right; }
.galleryLink a{ color:#FF6600; }
.galleryLink a:hover { color:#FF6600; }

.h2Gallery { color:#2D2C2A; width:740px; font-size:16px; font-weight:normal; position:absolute; top:695px; }


/*---------------------------------------------------------------- CONTACT ---------------------------------------------------------------- */
#form {
	clear:none;
	float:left;
	padding:0px 10px 0px 45px;
	position:relative;
	width:320px;
	font-size:12px; }

.formaTitle {
	clear:both;
	color:#333333;
	display:inline;
	float:left;
	margin:0;
	padding:12px 0 0; }

.box {
	background-color:#EDEAE3;
	border:1px solid #196AB4;
	float:right;
	height:18px;
	margin:10px 0 0;
	padding:0;
	text-align:left;
	width:215px; }

.button { clear:both; margin: 0 0 0px 75px; font-weight:bold; height: 20px; }
.button button { text-decoration:none; color:#0D3C6F; background-color: #EDEAE3; border: 1px solid #196AB4; padding: 1px 5px 1px 5px; }
.button button:hover { color:#ffffff; background-color:#196AB4; }

.message {
	clear:both;
	float:left;
	height:100px;
	margin:10px 0;
	padding:0;
	width:320px; }



.date1 {
	width:830px;
	height:25px;
	background-color:#FFF6ED;
	padding-right:15px;
	padding-top:9px;
	text-align:right;
	font-size:11px;
	font-family:Trebuchet MS;}
	
.date {
	width:830px;
	height:25px;
	background-color:#E5EFD1;
	padding-right:15px;
	padding-top:9px;
	text-align:right;
	font-size:11px;
	font-family:Trebuchet MS;}
	
.textTitle {
	color:#EFEFEF;
	font-size:12px;
	font-family:sans-serif;
	font-weight:bold; }
.text {
	color:#BFBFBF;
	padding:0 10px; }
	

/*---------------------------------------------------------------- CONTAINER---------------------------------------------------------------- */
#container {
	min-width:1066px;
	padding-top:16px;
	width:auto;
	height:auto;
	background:#D4E0EE url(../images/background.jpg) repeat-x 0 0;}
	
/*---------------------------------------------------------------- HEADER--------------------------------------------------------------------------*/
#header {
	height:101px;
	width:900px;
	background: transparent url(../images/header) no-repeat scroll 0 0;
	margin: auto;}
	
#headerBottom {
	height:17px;
	width:906px;
	background: transparent url(../images/header_bottom.png) no-repeat scroll 0 0;
	margin:auto;}
	
.headerBottom { background: transparent url(../images/header_bottom_clear.png) no-repeat scroll 0 0 !important; }
	
	
/*---------------------------------------------------------------- LOGO--------------------------------------------------------------------------*/
#logo {
	margin:10px 0px 0px 10px;
	float:left;}


/*---------------------------------------------------------------- TOP MENU--------------------------------------------------------------------------*/
#topMenu {
	margin:24px 0 0 0;
	float:right;
	background:url(../images/menu_up.png) no-repeat; width:618px;}

ul.menuNavigation { padding:0px 0px 0px 3px;}

ul.menuNavigation li {
	display:block; 
	float:left; 
	margin:10px 6px 0 16px;
	padding:0 12px 0 0;
	height: 35px;}
	
ul.menuNavigation li a {
	color:#FFF !important; 
	font-size:13px; 
	text-decoration:none; 
	display:block; 
	text-transform:none; 
	padding:3px 0 0 0; 
	width:88px; 
	float:left; 
	margin:0;}
	
ul.menuNavigation li a span {
	display:block; 
	margin:0px 0 0px 0;
	width:88px;
	text-align:center;}
	
ul.menuNavigation li a span em { font-style:normal; font-family:Tahoma; width:76px; text-align:center; }

ul.menuNavigation li a:hover {
	color:#FFFFFF !important; 
	font-size:17px; 
	text-decoration:none; 
	display:block; 
	padding:0px 0 0 0; }
	
ul.menuNavigation li.active a {
	color:#FFFFFF!important; 

	font-size:17px; 
	text-decoration:none; 
	display:block; 
	padding:0px 0 0 0;}



/*---------------------------------------------------------------- MAIN--------------------------------------------------------------------------*/
#main {
	margin:auto; 
	width:900px;}

/*---------------------------------------------------------------- RIGTH MENU --------------------------------------------------------------------------*/
.rightMenu {
	width:283px;}
	
.rightMenuTop {
	background:#EBEFEE url(../images/right_menu_top.png) no-repeat scroll 50% 50%;
	height:44px;
	width:235px;
	margin-left:20px;}
	
.rightMenuTitle { 
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold; 
	padding:10px 0 0 15px; }
	
.right {
	background-color:#D9D9D9;
	height:352px;
	width:283px; }
	
.rightBottom {
	margin-left:20px;
	background:transparent url(../images/right_bottom.png) no-repeat 0 0; 
	height:9px;
	width:235px;}
	
ul.menuRight {padding:0;}

.menuRightTop {
	background:transparent url(../images/menu_left_top.jpg) no-repeat scroll 0 0 !important; }

.menuRightBottom {
	background:transparent url(../images/menu_left_bottom.jpg) no-repeat scroll 0 0 !important; }	
	
ul.menuRight li {
	background:transparent url(../images/menu_left.jpg) no-repeat scroll 0 0;
	display:block; 
	padding:0;
	height:44px;}	
	
ul.menuRight li a {
	color:#4A4C4F; 
	font-size:13px; 
	 padding:13px 0 0 50px;
	text-decoration:none; 
	display:block; 
	height:32px;
	text-align:left; }
	
ul.menuRight li a span {
	font-size:13px; 
	text-decoration:none; 
	display:block; }
	
ul.menuRight li a span em {font-style:normal; font-family: Tahoma !important;}

ul.menuRight li a:hover {
	color:#196AB4!important; 
	font-size:13px !important; 
	text-decoration:none; 
	display:block;
	padding-left:65px; }

ul.menuRight li.active a {
	color:#196AB4!important; 
	font-size:13px; 
	text-decoration:none; 
	display:block;
	font-weight:bold;
	padding-left:75px;}
	

/*---------------------------------------------------------------- LEFT CONTENT--------------------------------------------------------------------------*/
#topLeftContent { 
	border:1px solid #CCC; 

	margin:0 20px; 
	width:590px; }
	
#contentBottom  {
	width:900px;}	
	
.line { 
	width:2px; 
	height:370px;
	background: transparent url(../images/line.jpg) repeat-y 0 0;}
	
.bottomTextLeft { 
	width:535px; 
	padding:10px 30px 10px 15px; 
	font-size:12px; }

.bottomTextLeftContact { 
	width:460px; 
	padding:10px 30px 10px 15px; 
	font-size:12px; }
	
.bottomTextLeftAboutUs {
	font-size:12px;
	padding:10px 45px 10px 45px;
	text-align:justify;
	width:800px; }

.bottomTextRightIndex { 
	width:250px; 
	padding-left:40px;
	margin-bottom:45px; }

.bottomTextRight { 
	width:260px; 
	padding-left:70px;
	text-align:center; }
	
.bottomTable { padding:10px 0 10px 0; width: 910px; }
.bottomTable a { padding:0 16px 0 0; }

.content {
	float:left;
	width:100%;
	height:360px;}

.home { width:613px; height:350px; background:#FFFFFF url(../gallery/decorative_glass2.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.aboutUs { width:613px; height:350px; background:#FFFFFF url(../gallery/zanas.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.client { width:613px; height:350px; background:#FFFFFF url(../gallery/client.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
/*.galleryPic { width:613px; height:350px; background:#FFFFFF url(../gallery/galeria.jpg) no-repeat 0 0; border:1px solid #1A3D67; }*/
.galleryGlassDoor { width:613px; height:350px; background:#FFFFFF url(../gallery/010.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryGlassWindow { width:613px; height:350px; background:#FFFFFF url(../gallery/window1.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryShowerCabins { width:613px; height:350px; background:#FFFFFF url(../gallery/shower_cabin20.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryGlassSlidingDoors { width:613px; height:350px; background:#FFFFFF url(../gallery/sliding_glass_door5.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryMirror { width:613px; height:350px; background:#FFFFFF url(../gallery/mirror6.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryGlassWall { width:613px; height:350px; background:#FFFFFF url(../gallery/glass_wall_system5.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryDecorativeGlass { width:613px; height:350px; background:#FFFFFF url(../gallery/galeria.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryAutomaticDoor { width:613px; height:350px; background:#FFFFFF url(../gallery/automatic_doors14.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.galleryGlassParapet { width:613px; height:350px; background:#FFFFFF url(../gallery/parapet5.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.contact { 	width:613px; height:350px; background:#FFFFFF url(../gallery/contact.jpg) no-repeat 0 0; border:1px solid #1A3D67; }
.gallery { width:910px; }

.galleryClient { 
	margin:10px 20px 0 20px; 
	width:130px; 
	height:93px; }
	
.pages { 
	font-size:12px; 
	font-weight:normal; 
	padding-bottom:15px; 
	padding:5px 0px 0 15px; 
}
	
.pages a {	
	color:#000; 
	font-size:11px; 
	padding:0 0px; 
	text-decoration:underline; }
	
.pages a:hover {text-decoration:none; color:#196AB4; }		
	
.activePage { color:#1B3870 !important; font-size:12px; padding:0 0px; font-weight: bold;}
.width { width:900px; }
.galleryHeight { max-height:670px; min-height:520px; }

.picText { 
	text-align:center; 
	margin:2px 10px 5px; 
	width:145px; 
	height:25px; }
	
.titleContent {
	margin:0 20px 0; }	
	
/*---------------------------------------------------------------- TABS CONTENT--------------------------------------------------------------------------*/
.selectedTabLeft {
	background:#FFFFFF url(../images/tab_first_left_select.png) no-repeat 0 0;
	height:27px; }

.selectedTabRight {
	background:transparent url(../images/tab_first_right_select.png) no-repeat 100% 0;

	padding:8px 0 3px 0;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#000;}
	
.tabLeft {
	background:#FFFFFF url(../images/tab_first_left.png) no-repeat 0 0;
	height:27px; }

.tabRight {
	background:transparent url(../images/tab_first_right.png) no-repeat 100% 0;

	padding:8px 8px 4px 8px;
	text-align:center;}
	
.tabLine {
	border-bottom:1px solid #DADADA; 
	height:1px;
	width:60%;}
	
.tabContent {
	border-left:1px solid #DADADA; 
	border-right:1px solid #DADADA; 
	padding:9px;}
	
.tabContentTitle {
	font-size:12px;
	font-weight:bold;
	padding-bottom:14px;
	color:#000;}
	
.tabContentText {
	padding-bottom:10px;}
	
.tabOtherContent {
	padding:10px 10px 0 10px;}
	
.contentText {
	padding: 15px 15px 0 15px;
	font-size:13px;}
	
.tdWidth { width:33%; padding:10px 12px 0; }
	
.bottomContent {
	background:transparent url(../images/content_bottom.png) no-repeat 0 0;
	margin:auto;
	height:9px;
	width:866px; }	
	
/*---------------------------------------------------------------- FOOTER--------------------------------------------------------------------------*/	
#footer {
	margin:auto;
	height:49px;
	width:880px;
	background:transparent url(../images/footer_gradient.png) repeat-x 0 0; }
	
#footerBottom { 
	height:10px; 
	width:auto;
	margin:auto;
	background:transparent url(../images/footer_bottom.png) no-repeat 0 0; }	
	
.copyright {
	background: transparent url(../images/footer_bottom.jpg) no-repeat scroll 0 100%;
	color:#333333;
	font-size:12px;
	height:37px;
	padding:12px 0 0 200px;
	text-align:left;}
	
.tab { padding-left:15px; }
