/*----------------------------------------
Name: global.css
Developed by: Boyan Tanchev
Date Created: 26.10.09
Last Updated: 28.10.09
Copyright: boyan tanchev / light motion design
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("externalLinks.css");
@import url("print_base.css.css");


/* Elements & Fonts
----------------------------------------*/

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#73919B url(../../img/mainpage/back_page.png) no-repeat center;
}
body, p, td, th, li{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Arial", "Tahoma", "Trebuchet MS", "Helvetica", "Geneva", sans-serif;
	font-size:11px;
	line-height:110%;
	color:#374449;
}
@font-face {
    font-family: "Myriad Pro";
    src: url(MyriadPro.ttf);
}
.myriad {
    font-family: "Myriad Pro";
    font-size: 11px;
	
}
p{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited, a:active {
	color:#374449;
	text-decoration:none;
}

a:hover {
	color:#21292C;
	text-decoration:none;
}
a.white:link, a.white:active, a.white:visited {
	color:#CDCDD0;
}
a.white:hover {
	color:#BFD4D9;
}
h1{
	color:#2E343F;
	margin:8px 0 0 0;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
}
h2{
	color:#57585B;
	margin:6px 0 19px 0;
	font-size:13px;
}
h3{
	color:#2E343F;
	margin:0 0 6px 0;
	font-size:13px;
	font-weight:bold;
}
h4{
	color:#2E343F;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}
h5{
	color:#2E343F;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}
h6{
	color:#2E343F;
	margin:.825em 0 .5em 0;
	font-size:1em;
}
ul{
	margin-left:25px;
	list-style-type:none;
}
ol{
	margin-left:25px;	
}

ul.List {
	list-style:square;
}
ul.List li {
	padding:2px 0;
	margin:0 4px;
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
span.font11 {font-size:11px;}

/* Structure Definitions
----------------------------------------*/

/*template, section, footer, header, language, credits, logo, nav, background { display: block; } */

#back { 
width:100%;
background:url(../../img/mainpage/back_top.png) top repeat-x;
height:285px;
overflow:hidden;
position:relative;
}

#container { 
margin:0 auto;
width:870px;
text-align:left;
margin-top:-285px;
margin-bottom:-285px;
position:relative;
}

/*HEADER*/
#header {
height:64px;
}
.logo{
height:60px;
width:84px;
background:url(../../img/mainpage/i-clima_logo.png) no-repeat top left;
margin: 39px 0 0 0;
}

/*NAVIGATION*/
/* Styles for the entire menu */
.TopNavi {
    position: relative;
    height: 103px; width: 675px;
	left:70px;
}
/* Force the list to flow horizontally */
.TopNavi li {
   float: left;
   list-style: none;
   font-size: 12px;
   font-weight:bold;
}
.TopNavi li.current a:link, .TopNavi li.current {
	color:#4A5D64;
}
/* Represents the background of the highlighted menu-item. */
.TopNavi li.back {
   background: url("../../img/mainpage/nav_right.png") no-repeat right top;
   height: 102px;
   z-index: 8;
   overflow:hidden;
   position: absolute;
   padding-right:13px;
 }
.TopNavi li.back .left {
   background: url("../../img/mainpage/nav_left.png") no-repeat left top;
   height: 102px;
   padding:0 40px;
}
/* Styles for each menu-item. */
.TopNavi li a {
  position: relative; overflow: hidden;
  text-decoration: none;
  text-transform: uppercase; 
  color: #fff; outline: none;
  text-align: center;
  height: 102px;
  z-index: 10; letter-spacing: 0;
  float: left; display: block;
  margin: auto 0;
  margin:0 16px;
}
.TopNavi li a:hover {
	color:#4A5D64;
}
.TopNavi li a span {display:block; padding-top:70px; padding-left:13px;}


/*SECTION*/
#section {
margin: 58px 0 4px 0;
overflow:hidden;
}

/*Home*/
#section .Position1{
	font-size:18px;
	line-height:120%;
	color:#FFF;
	text-align:justify;
	padding-bottom:17px;
}
#section .Position1 h1{
	display:inline;
	text-transform:none;
	color:#D4E1E5;
	font-weight:normal;
	font-size:18px;
}
/*SLIDESHOW*/
#section .SlideShow {
	background:url(../../img/mainpage/shadow.png) no-repeat bottom;
	width:870px;
	height:340px;
	position:relative; 
}
#section .SlideShow #pages {
	background:#BFD4D9;
	width:870px;
	height:320px;
	padding:0;
	margin:0;
	position:absolute;
}
#section .SlideShow #pages .page {
	width:853px;
	height:300px;
	background:#FAFAFA;
	position:relative;
	left:10px;
	top:10px;
}
#section .SlideShow #pages .page .scrollable { 
    position:relative;
    width: 853px; 
    height: 320px; 
} 
 /* root element for scrollable items */ 
 /* root element for scrollable items */ 
.items { 
   	width:853px;
	float:left;
	position:relative;
	cursor:pointer;
}
/* single scrollable item */
.item {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:320px;
}
.tabs {
	clear:both;
	position:relative;
	top:316px;
	left:385px;
	width:60px;
}

/* single tab */
.tabs a {
	width:10px;
	height:10px;
	float:left;
	margin:3px;
	background:url(../../img/mainpage/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}
/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;     
} 	

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:390px;
	width:200px;
	height:20px;
	top:316px;
	position:absolute;
	cursor:pointer;
	z-index:10;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../../img/mainpage/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	



/*POSITIONS 2 and 3*/
#section .Wrapper {
	width:870px;
	margin-top:19px;
	margin-bottom:4px;
	overflow:hidden;
}
#section .Position2, #section .Position3 {
	background:url(../../img/mainpage/back_position23.png) repeat-x top left;
	height:120px;
	float:left;
	overflow:hidden;
}
#section .Position2 h1, #section .Position3 h1{
	font-size:14px;
	color:#313D41;
	padding: 1px 0 0 10px;
}
#section .Position2 p, #section .Position3 p{
	font-size:12px;
	padding: 15px 10px 0 10px;
	overflow:hidden;
	line-height:115%;
	text-align:justify;
}
#section .Position2 {
	width: 606px;
}
#section .Position2 p span{
	display:block;
	padding:2px 0;
}
#section .Position2 img, #section .Position3 img {
	float:left; border:2px solid #D3E1E4; margin:0 6px 4px 0;
}
#section .Position3 {
	width: 260px;
	margin-left:4px;
}

/*SECTION*/
/*CONTENT PAGES*/
#content {
	background:#BFD4D9;
	margin: 58px 0 4px 0;
	overflow:hidden;
}
#content .Wrapper {
	background-color:#FAFAFA;
	width:840px;
	padding:7px;
	margin:8px 0 8px 8px;
	text-align:justify;
	overflow:hidden;
}
#content h1 {
	margin:10px 0 0 8px;
	padding:12px 0 0 10px;
	width:844px;
	height:25px;
	background:#4F636A;
	display:block;
	color:#BFD4D9;
}
#content .Wrapper p {
	font-size:12px;
	line-height:113%;
	text-align:justify;
	padding:4px;
	display:block;
	overflow:hidden;
	float:left;
}
#content .Wrapper p.Article {
	width:643px;
}
#content .Wrapper p.Article span.Title{
	font-weight:bold;
	font-size:15px;
	display:block;
	padding-bottom:10px;
}
#content .Wrapper p.Submenu {
	width:170px;
}
#content .Wrapper p.Submenu span{
	width:150px;
	padding:10px 5px 5px 5px;
	padding-bottom:11px;
	margin:2px 0;
	display:block;
	background:#4F636A;
	color:#BFD4D9;
	cursor:pointer;
}
#content .Wrapper p.Submenu span:hover {
	background:#718E98;
}

#content .Visual {
	position:relative;
	width:854px;
	height:224px;
	margin-left:8px;
}
#content .Visual img{
	width:854px;
	height:224px;
}
#content .Visual p,
#content .Visual ul{
	position:absolute;
	width:306px;
	height:180px;
	font-size:15px;
	line-height:19px;
	overflow:hidden;
	font-style:italic;
	top:30px;
	left: 520px;
	text-align:justify;
	padding:4px;
}

#content .Project {
	width:195px;
	height:185px;
	background:#E2E3E4;
	margin:10px 6px;
	float:left;
	overflow:hidden;
}
#content div.left .Project {
	float:none;
}
#content .Project p {
	padding:0;
	margin:0;
	margin:13px 0 0 10px;
	line-height:140%;
	font-size:12px;
	display:block;
}
#content .Project h3 {
	padding:13px 10px 0 10px;
	margin:0;
	padding-bottom:0;
	margin-bottom:0;
	font-size:14px;
}
#content .Project p.image img {
	width:205px;
	height:83px;
}
#content .Project p.image {
	padding-bottom:10px;
}
#content .Project p.description {
	width:175px;
	background:url(../../img/mainpage/border_line.png) repeat-x 0 0;
	padding-top:9px;
	line-height:14px;
	text-align:left;
}
#content .Wrapper .forms{
	overflow:hidden;
	margin:8px 10px;
}
#content .Wrapper .forms label {
	display:block;
	float:left;
	width:130px;
	font-size:13px;
}
#content .Wrapper .forms input.input_field,
#content .Wrapper .forms .input_textfield{
	display:block;
	float:left;
	border:0;
	padding:5px;
	width:500px;
	background:#D4D9DA;
	color:#4F636A;
	font-size:13px;
}
#content .Wrapper .forms .input_textfield{
	height:170px;
}
#content .Wrapper .forms .input_button{
	background:#D4D9DA;
	color:#4F636A;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	border: 1px solid #CCC;
	padding:5px;
	cursor:pointer;
	margin-left:144px;
}
#content .Wrapper .forms .input_button:hover{
	background:#E8EAEB;
}
#content .Wrapper .error{
	margin-left:154px;
	background:#E8EAEB;
	padding:8px;
	width:493px;
}



/*FOOTER*/
#footer .language, 
#footer .credits {
background:#4F636A;
height:16px;
padding-top:3px;
color:#CDCDD0;
}
#footer .credits {
width:768px;
text-align:right;
padding-right:10px;
}
#footer .language {
width:90px;
background:#4F636A url(../../img/mainpage/arrow.png) no-repeat 76px 8px;
cursor:pointer;
}
#footer .language ul {
width:80px;
margin:0;
padding:0;
position:relative;
cursor:pointer;
}
#footer .language ul li span {
text-transform:uppercase;
display:block;
width:80px;
padding-left:10px;
cursor:pointer;
}
#footer .language ul li.display ul li{
height:16px;
position:absolute;
top:0;
display:none;
cursor:pointer;
}
#footer .language ul li.display ul li.current {
display:block;
color:#CDCDD0;
}
#footer .language ul li.dropdown ul {
position:absolute;
top:-65px;
left:-1px;
}
#footer .language ul li.dropdown {
visibility:hidden;
}
#footer .language ul li.dropdown ul li{
height:16px;
padding-top:3px;
background:#4F636A;
margin:1px;
width:90px;
}
#footer .language ul li.display:hover {
cursor:pointer;
}


/*Forms*/

input.button { position:absolute; left: 0;padding:4px 10px;
               border:2px solid #fff; margin:4px 0px 0px 197px; 
			   font-family:Verdana, Arial, Helvetica, sans-serif;
			   background:#F2F3F3; -moz-border-radius:3px; cursor:pointer;}

input.button:hover { background:#1D2126 none repeat scroll 0% 0%; color:white; }

input.text-input,
.text-area {
	border:0; background:#F8FBFB; padding:5px;
	width:220px;
}
.text-area {
	height:90px;
}
label { font-size:12px; display:block; float:left; width:80px; text-align:left;
		margin:.2em .2em 0 0; font-weight:bold;padding:8px 12px 8px 0; }
label.error           { font-weight:normal;color:red;text-align:left; padding-left:94px; width:140px;
                        background: transparent url(/img/cancel.png) no-repeat scroll left;}
#contact_form {
	width: 100%;
	height:200px;
	position:relative;
}
fieldset {
	overflow:hidden;
}


/* the thumbnails */
#triggers {
	overflow:hidden;
	height:83px;
	text-align:center;
	width:175px;
	margin:10px 0 0 10px;
}
#triggers img {
	width:175px;
	height:83px;
}
#triggers a.active img {
	z-index:9999;
	position:relative;
}
.next, .prev {
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}
.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
	color:#FFF;
}

.disabled {
	visibility:hidden;		
}
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}
.info strong {
	display:block;	
}
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}
.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
.simple_overlay .close {
	background-image:url(../../img/mainpage/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#content .Visual p.ProjectsSelected {
	display:block;
	font-style:normall;
	font-weight:bold;
}
#content .Visual ul.ProjectsListed {
	display:block;
	margin:29px 0 0 4px;
	padding-left:0;
	list-style:circle;
	list-style-type:circle;
}
#content .Visual ul.ProjectsListed li {
	padding:5px 0 5px 10px;
	margin-left:0;
	font-size:13px;
	list-style:circle;
}