@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400);
body{
	font-family: Roboto; font-size: 18px; font-weight: 300; line-height: 1.5em;
	color:#000000;
	overflow-x:  hidden;
    overflow-y:  scroll;
}
.clear { clear: both; }
*{padding:0;}
.img_curve_all {
border: 5px solid #EBBC6F;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.img_round {
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}
.iborder { 
	border:1px solid #cccccc; padding:10px; background: #ffffff;
}

/* TOP MENU */
/*ul, li{ list-style:none;}*/
a{
color:#3D363B;text-decoration:none;cursor:pointer;
}
a:hover{color:#E00000;
}
div.menu {float:right; width:140px; padding: 55px 0 0 0; text-align: center; font-size: 16px; font-weight: bold}
div.home {background: url('../images/home.png') no-repeat 50% 0;}
div.home:hover {background: url('../images/home_hover.png') no-repeat 50% 0; text-decoration: overline;}
div.profile {background: url('../images/profile.png') no-repeat 50% 0;}
div.profile:hover {background: url('../images/profile_hover.png') no-repeat 50% 0; text-decoration: overline;}
div.product {background: url('../images/product.png') no-repeat 50% 0;}
div.product:hover {background: url('../images/product_hover.png') no-repeat 50% 0; text-decoration: overline;}
div.key {background: url('../images/key.png') no-repeat 50% 0;}
div.key:hover {background: url('../images/key_hover.png') no-repeat 50% 0; text-decoration: overline;}
div.person {background: url('../images/person.png') no-repeat 50% 0;}
div.person:hover {background: url('../images/person_hover.png') no-repeat 50% 0; text-decoration: overline;}
div.service {background: url('../images/service.png') no-repeat 50% 0;}
div.service:hover {background: url('../images/service_hover.png') no-repeat 50% 0; text-decoration: overline;}
div.gallery {background: url('../images/gallery.png') no-repeat 50% 0;}
div.gallery:hover {background: url('../images/gallery_hover.png') no-repeat 50% 0; text-decoration: overline;}
div.contact {background: url('../images/contact.png') no-repeat 50% 0;}
div.contact:hover {background: url('../images/contact_hover.png') no-repeat 50% 0; text-decoration: overline;}
/* TOP MENU */

.body_shade {
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #79CDFB, #ffffff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #79CDFB, #ffffff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #79CDFB, #ffffff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #79CDFB, #ffffff);	
}
/* Image Property Start */
.responsive { 
	max-width: 100%;
}
.iborder { 
	border:1px solid #cccccc; padding:10px; background: #ffffff;
}
.img_round {
	border: 2px solid #ffffff;
	border-radius: 50%;
	-webkit-transition:.0s ease;
	-moz-transition:.0s ease;
	-o-transition:.0s ease;
	transition:1.0s ease;
	box-shadow:  0 0 5px rgba( 0, 0, 0, 0.3 );
}
.img_round:hover {
	border: 2px solid #ffffff;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.4;
	filter:alpha(opacity=0);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	cursor: pointer;
}
.img_curve {
	border: 10px solid #2F2F2F;
	border-radius: 110px;
	-webkit-transition:.0s ease;
	-moz-transition:.0s ease;
	-o-transition:.0s ease;
	transition:1.0s ease;
	box-shadow:  0 0 5px rgba( 0, 0, 0, 0.3 );
}
.img_curve:hover {
	border: 10px solid #ffffff;
	border-bottom-right-radius: 1px;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	border-top-right-radius: 1px;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.4;
	filter:alpha(opacity=0);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	cursor: pointer;
}
.route {
	-webkit-transition: -webkit-transform .1s;
	-moz-transition: -moz-transform .1s;
	-o-transition: -o-transform .1s;
	-ms-transition: -ms-transform .1s;
	transition: transform .1s;
	}
.route:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	}
/* Image Property End */
/* Div Eye */
div.eye {float: right; font-size: 18px; color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;  
}
.eye:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FAA81A;   
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
	box-shadow: 0 8px 6px -6px black;

	border-top-left-radius: 15px; 
	border-top-right-radius: 15px;
}
.eye:hover, .eye:focus, .eye:active {color: #111111;}
.eye:hover:before, .eye:focus:before, .eye:active:before {
  -webkit-transform: scale(0);
  transform: scale(0); 
}
/* Div Eye */

.link {
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
	background:#B90000; color: #ffffff; padding: 5px 15px 5px 15px; border: 1px solid #B90000;
	border-radius: 15px; 
}
.link:hover {
	background: #3D363B; color: #ffffff;
	border: 1px solid #dddddd;
}

.textArea { 
	border-right : 1px solid #a2aeb9; 
	overflow : auto; 
	border-top : 1px solid #a2aeb9; 
	font-size : 11px; 
	border-left : 1px solid #a2aeb9; 
	color : #000000; 
	border-bottom : 1px solid #a2aeb9; 
	font-family : Verdana;
	font-size: 12px;
	background-color : #ffffff; 
	padding: 5px;
}
.button {
	background: #126C79;
	border: 1px solid #BED5FA;
	color: #ffffff;
	font-size: 11px;
	float:right;
	margin: 5px 0 0 10px;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	cursor: pointer;
}
.button:hover {
	background: #199DAF;
	color: #ffffff;
}