/******** RESET *******/
* {margin: 0; padding: 0; outline: none; border: none;}
li {list-style: none;}
a {text-decoration: none;}
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #999;
}
a:active {
	color: #333;
}

.linkbar{
	line-height: 1.5; 
	}

body {
	font-family: Arial;
	text-align: center;
	color: #333;
	}

.clear {clear: both;}

.btn {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #f7cb4b;
  padding: 3px 3px 3px 3px;
  text-decoration: none;
}

.btn:hover {
  background: #000000;
  text-decoration: none;
}

/******** RAKENNE *******/

/****carousel***/
.innorobotics_car_1 li {
            text-align:center;
        }
        
        .innorobotics_car_1 li span {
            display:block;
            margin:5px;
            background:red;
        }
        
        .innorobotics_car_1 .next,
        .innorobotics_car_1 .prev {
            cursor:pointer;
        }
        
        .innorobotics_car_1 {
            margin:0;
            padding:0;
            list-style:none;
            width:390px;
            height:230px;
            overflow:hidden;
        }
        
        .innorobotics_car_1 li {
            text-align:center;
            display:block;
            width:390px;
            height:230px;
        }
   
   
        
        .carousel-pagination li {
            display:block;
            width:10px;
            height:10px;
            margin-right:5px;
            cursor:pointer;
            float:left;
            background:#333;
        }
        
        .carousel-pagination .carousel-pagination-active {
            background:#ffcb00;
        }
		
	.innorobotics_car_2 li {
            text-align:center;
        }
        
        .innorobotics_car_2 li span {
            display:block;
            margin:5px;
            background:red;
        }
        
        .innorobotics_car_2 .next,
        .innorobotics_car_2 .prev {
            cursor:pointer;
        }
        
        .innorobotics_car_2 {
            margin:0;
            padding:0;
            list-style:none;
            width:390px;
            height:230px;
            overflow:hidden;
        }
        
        .innorobotics_car_2 li {
            text-align:center;
            display:block;
            width:390px;
            height:230px;
        }	
		
		
		
/****carousel***/

#chleon, #what, #cases, #who, #why, #invest, #contact, #footer, #robots {
	position: relative;
	width: 100%;
	min-height: 230px;
	padding-bottom: 40px;
	background: #ffcb00 url("../images/bg_line.png") no-repeat center 50px;
	}
	
#chleon {
	position: relative;
	width: 100%;
	min-height: 230px;
	padding-bottom: 40px;
	background: #ffcb00 url("../images/bg_main.png");
	}
	
/*#what p, #who p, #why p, #contact li {text-align: left;}*/	
#robots {background-image: none;}
#who, #cases, #contact , #robots {background-color: #fff;}

#who .container, #cases .container, #contact .container, #robots .container {border-color: #fff;}

#footer {background: #000000 url("../images/logo_inno_robotics.png") no-repeat center;}

.container {
	position: relative;
	width: 95%;
	max-width: 980px;
	min-width: 700px;
	margin: 0px auto;
	border: #ffcb00 solid 1px;
	}
#who .container, #cases .container, #contact .container, #robots .container {border-color: #fff;}

#chleon .container {border: #aa0000 none 2px;}	

.column_1, .column_2, .column_3, .column_4 {
	text-align: left;
	float: left;
	margin: 0px 2%;
	}
	
.column_3 {text-align: center;}
	
.column_1 {width: 10%; min-width: 100px; margin: 0px 1%; text-align: center;}
.column_2 {width: 21%; min-width: 200px;}
.column_3 {width: 29%;}
.column_4 {width: 45%;
			text-align: left;
    		text-justify: inter-word;
			line-height: 1.45; 
			}

#who .column_4 {float: none; margin: 0 auto;}
.column_6 {
	float: none; 
	margin: 30px auto 0 auto;
	width: 72%; 
	min-width: 600px;}
	
#who .column_1 {min-width: 105px;}

#contact .column_2 {min-height: 500px;}
#contact .column_4 {min-width: 460px;}


#who .column_1 li {text-align: center; font-size: 0.875em;}
#who .column_1 li:first-child {font-weight: 600;}

/******** TYPOGRAFIA *******/

h2, h3, #nav, #nav_fixed, #contact ul li:first-child {font-family: proxima-nova, Helvetica, sans-serif; text-transform: uppercase;}

h2 {
	font-size: 1.875em;
	letter-spacing: 0.05em;
	margin-top: 100px;
	margin-bottom: 28px;
	}
	
#cases h2 {margin-top: 80px;}
	
h3 {
	font-size: 1.25em;
	margin-bottom: 12px;
	}
	
#chleon h2 {margin: 40px auto 50px auto; font-size: 2.5em;}

p {
	font-size: 1.2em; 
	line-height: 1.4; 
	margin-bottom: 1em;
	}
	
blockquote {
	font-size: 1.75em;
	font-style: italic;
	color: #808080;
	margin-bottom: 1em;
	}
	
#what .ingressi, #invest .ingressi,
#why .ingressi {
	font-size: 1.625em;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1.3;
	margin: 0 auto 40px auto; 
	}
	
.column_3 p {font-size: 1.15em; line-height: 1.45;}
.column_6 p {font-size: 1.15em; line-height: 1.45;}
.column_3 ul {font-size: 0.875em; line-height: 1.45; text-align: left;}

.small {font-size: 0.75em;}

/******** NAVIGAATIO *******/

select {display: none;}

#nav, #nav_fixed {
	display: inline-block;
	position: relative;
	margin: 15px auto;
	padding: 0;
	overflow: visible;
	height: 55px;
	background-color: #fff;
	}
	
#nav_fixed  {
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left:-313px;
	margin-top: 0px;
	z-index: 100;
	-moz-box-shadow: 0px 0px 10px #b1a785;
  	-webkit-box-shadow: 0px 0px 10px #b1a785;
  	box-shadow: 0px 0px 10px #b1a785;
	}

#nav li, #nav_fixed li  {
	background-color: #fff;
	float: left;
	padding: 20px 28px 16px 28px;
	}
	
#nav li+li, #nav_fixed li+li {
	background: #fff url("../images/bullet.png") no-repeat left center;
	}
	
#nav a, #nav_fixed a {
	display: block;
	height: 20px;
	}

#nav a:link, #nav a:visited, #nav li:hover.current a,
#nav_fixed a:link, #nav_fixed a:visited, #nav_fixed li:hover.current a {
	font-size: 0.875em;
	color: #373737;
	letter-spacing: 0.07em;
	}
#nav li.current, #nav_fixed li.current {background-color: #373737; background-image: none;}
#nav li.current + li, #nav_fixed li.current + li {background-image: none;}

#nav li:hover, #nav_fixed li:hover {background-color: #eee; background-image: none;}
#nav li:hover + li, #nav_fixed li:hover + li {background-image: none;}

#nav li:active, #nav_fixed li:active {background-color: #666; background-image: none;}
#nav li:active + li, #nav_fixed li:active + li {background-image: none;}

#nav li.current a, #nav_fixed li.current a {color: #fff;}

/******** ELEMENTIT *******/

#nav, #who, #contact, #cases, #robots {
	z-index: 50;
	-moz-box-shadow: 0px 0px 15px #d0a003;
  	-webkit-box-shadow: 0px 0px 15px #d0a003;
  	box-shadow: 0px 0px 15px #d0a003;
	}

#chleon h1 {
	display: block;
	width: 100%;
	height: 91px;
	text-indent: -9999px;
	background: #000000 url("../images/logo_inno_robotics.png") no-repeat center;
	}
	
#cases, #robots {padding-top: 18px;}
	
#cases .column_4 {
	margin-top: 33px;
}
#robots .column_4 {margin-top: 20px;}

	
#contact ul {margin-bottom: 30px; float: left;}
#contact img {float: left; margin-right: 15px;}

#contact a {color: #ff7e00;}

#invest p {width: 70%; min-width: 670px; margin-left: auto; margin-right: auto;}

.center {text-align: center;}
.right {float: right; text-align: center;}

em {font-size: 75%; font-style: normal; text-transform: uppercase; font-weight: 500;}


          
          
/******** MODAALIT ********/

#vesa, #vishal {
	margin: 0px;
	padding: 0px;
	width: 490px;
	height: 342px;
	}
	#vesa {background: url("../images/bg_vesa.jpg") no-repeat top left;}
	#vishal {background: url("../images/bg_vishal.jpg") no-repeat top left;}
	
#vesa .column, #vishal .column {width: 45.5%; margin: 2.3% 2.3% 0 2.3%; float: left;}

.column + .column {text-align: left;}

.column p {font-size: 0.875em; line-height: 1.45;}
.column h2 {font-size: 1.25em; margin: 5px 0 0 0;}
.column h3 {font-size: 1em; margin-top: 5px 0 0 10px; text-transform: none;}

a.mail {
	display: block;
	font-style: italic;
	font-size: 1.25em;
	color: #333;
	margin-top: 240px;
	}
	
a.linkedin {
	display: block;
	color: #333;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.02em;
	padding: 5px 0 5px 0;
	background: url("../images/linkedin.png") no-repeat left;
	margin: 20px 0 0 5px;
}

.column a:hover {text-decoration: underline;}

/******** MEDIA QUERIES *******/


.mobile {display: none;}

/* iPAD PORTRAIT */

@media only screen and (max-device-width: 1024px) and (orientation:portrait) {

	.container {width: 90%; min-width: 600px;}
	
	.column_1 {width: 22.5%; min-width: 100px; margin: 0px 1%; }
	.column_2 {width: 47.6%; min-width: 200px;}
	.column_3 {width: 30.4%; min-width: 200px;}
	.column_4 {width: 100%;}
	.column_6 {width: 100%; min-width: 90%;}
	.column_4 h3 {text-align: center;}
	
	img { max-width: 100%;}

}

/* MOBILE */

@media only screen and (max-device-width: 767px) {


/****carousel***/
.innorobotics_car_1 li {
            text-align:center;
        }
        
        .innorobotics_car_1 li span {
            display:block;
            margin:5px;
            background:red;
        }
        
        .innorobotics_car_1 .next,
        .innorobotics_car_1 .prev {
            cursor:pointer;
        }
        
        .innorobotics_car_1 {
            margin:0;
            padding:0;
            list-style:none;
            width: 100%; min-width: 90%;
            height:230px;
            overflow:hidden;
        }
        
        .innorobotics_car_1 li {
            text-align:center;
            display:block;
            width: 100%; min-width: 90%;
            height:230px;
        }
        
        .carousel-pagination li {
            display:block;
            width:10px;
            height:10px;
            margin-right:5px;
            cursor:pointer;
            float:left;
            background:#333;
        }
        
        .carousel-pagination .carousel-pagination-active {
            background:#ffcb00;
        }
/****carousel***/


	.mobile {display: block; margin-bottom: 20px;}
	.desktop {display: none;}

	select {
		display: block;
		position: fixed;
		bottom: 0px;
		width: 90%;
		height: 40px;
		text-align: center;
		font-size: 1.25em;
		z-index: 100;
		margin: 4% 5%;
		background-color: #fff;
		-moz-box-shadow: 0px 0px 15px #b1a785;
  		-webkit-box-shadow: 0px 0px 15px #b1a785;
  		box-shadow: 0px 0px 15px #b1a785;
  		border: #666 solid 1px;
		}
	
	#nav, #nav_fixed {visibility: hidden; display: none;}
	

	#chleon h2 {
		margin-top: 20px;
		font-size: 1.25em;
		margin-bottom: 20px;
		color: #111;
		}
	
	img { max-width: 90%;}
	
	.container {width: 90%; min-width: 80%;}
	
	#vesa, #vishal {
		width: 100%;
		height: auto;
		background-image: none;
	}
	
	.column {display: none;}
	#vesa .column, #vishal .column {width: 95%; margin: 2.3% 2.3% 0 2.3%; float: left;}
	.column + .column {display: block;}
	
	.column_2, .column_3, .column_4, .column_6, #invest p, #contact .column_4 {width: 100%; min-width: 90%;}
	
	.column_1 {width: 47%; text-align: center;}
	
	#contact .column_4 {text-align: center;}
	#contact .column_4 img {margin-bottom: 20px; float: none;}
	#contact .column_2 {min-height: 0px;}
	
	#invest p {text-align: left;}
	
	#chleon, #what, #cases, #who, #why, #invest, #contact, #footer, #robots {
		background-position-y: 0px;
	}
	
	#footer {background: #000000 url("../images/logo_inno_robotics.png") no-repeat center; max-height: 150px;}
	
	h2 {margin-top: 40px;}

}



#box a:link {
	color: #000;
	font-weight: bold;
	background-color: #F7CB4B; white-space: nowrap;
}
#box a:visited {
	color: #333;
	background-color: #F7CB4B; white-space: nowrap;
}
#box a:hover {
	color: #fff;
	background-color: #F7CB4B; white-space: nowrap;
}
#box a:active {
	color: #000;
	background-color: #F7CB4B; white-space: nowrap;
}