/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{width:100%; margin-right:0px; margin-left:0px; position:relative; visibility: visible;}

/* Global properties ======================================================== */

body{ background:#ccc; border:0; font:13px Arial, Helvetica, sans-serif; color:#323232; line-height:25px; min-width:900px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.page_spinner{ position:absolute;background: url(../images/bg.jpg) 0 0 repeat #ccc; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ position:absolute;background: url(../images/loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}


/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 900px; }

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}
body, html{height:100%;color: #CCC;}
.over{
	position:relative;
	width:100%;
	overflow:hidden;
	min-height:100%;
	height:auto !important;
	background:url(../images/bg_top.png) 0 0 repeat-x;
	visibility: visible;
}
.bg1{ position:absolute; bottom:0; left:0; width:100%; background:url(../images/bg_footer.png) 0 0 repeat-x; height:55px; text-align:center; }
#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}

/* ============================= main layout ====================== */

a{ color:#00000; text-decoration: none; outline:none}
a:hover{}
h1{  float:left}
h2{ text-align:center; width:100%;  font:25px 'Asap', sans-serif; color:#dfdfdf; line-height:1.2em; margin-top:10px; letter-spacing:-1px;}
h3{ text-align:center; width:100%;  font:20px 'Asap', sans-serif; color:#dfdfdf; line-height:1.2em; margin-top:20px; letter-spacing:-1px;}
h4{ float:left; margin-left:10px; font:25px 'Asap', sans-serif; color:#dfdfdf; line-height:1.2em; margin-top:20px; padding:10px 20px 14px 0; letter-spacing:-1px;}
p{ padding-bottom:25px;}
p2{ margin-top:100px;}
p3{ font:12px 'Asap', sans-serif; color: #646464; }
p5{ font-style:italic; color: #fff; }
p8{ font-style:italic; color: #7C7C7C; }
p8:hover{ color:#FFF;}
strong{ color:#ad2f00}
p9{ font:12px 'Asap'; letter-spacing:-5px; sans-serif; opacity: 0.05; filter: alpha(opacity=5); }

/* ============================= header ====================== */
header{ }
#headerline { top:0; z-index:99;  position: inherit; margin-bottom:0px;left:0; min-width:320px;max-width:100%;background:url(../images/bg_footer.png) 0 0 repeat-x;opacity: 0.8; height:78px;}
#logo{display:block; text-indent:-9999px; background:url(../images/m.logo.png) 0 0 no-repeat; margin:5px 0px 0px 10px; width:310px; height:74px;}

.menu { visibility:visible;float:right; right:15px; position: inherit; padding-top:26px}
#menu > li { float:left; margin-left:30px; position:relative;}
#menu > li > a{ display:block; font:17px 'Asap', sans-serif; color:#fff; text-shadow:1px 1px rgba(0,0,0,.5)}
#menu > li > a:hover, #menu > .active > a{ }


/* ============================= content ====================== */

#content{ margin-top:30px; padding-bottom:90px; position:relative}
#content > ul > li{
	position:relative;
	background:url(../images/bg_content.png) repeat;
	width:100%;
	overflow:hidden;
	visibility: visible;
}
.pad{ padding:40px; overflow:hidden}
.pad_left1{ padding-left:20px}
.pad_bot1{ height:; padding-bottom:15px;}
.marg_right1{ margin-right:20px}

figure{ padding-top:3px;}
#page_Services figure{ padding-top:0}

.link1{ position:relative; display:inline-block}
.link1 span{ position:absolute; bottom:4px; left:0; height:1px; width:0;}

.close{ position:absolute; background:url(../images/close.gif) 0 0 no-repeat; width:13px; height:13px; top:20px; right:20px;}
.close span{ width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat; display:block}
.nextprev{ position:absolute; background: none; font:17px 'Asap', sans-serif; color:#fff; width:13px; height:13px; bottom:30px; right:50%;}
.nextprev span{ width:100%; height:100%; background: none; font:17px 'Asap', sans-serif; color:#fff; display:block}

#icons{ padding-top:8px;}
#icons li{ float:left; margin-right:10px}
#icons .first{ font-size:14px; margin-right:18px}
#icons a{ position:relative; display:block}
#icons .img_act{ position:absolute; top:0; left:0}

.scroll{height:290px; width:340px; overflow:hidden;}
.track{ width:20px; height:299px; padding:0 0; top:38px !important; left:360px !important; background: url(../images/scroll_track.png) 0 0 no-repeat}
.shuttle{ width:20px; height:76px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}

.img title{text-align:left; font-size:12px; color:#BABABA;}
.gallery_big_img{ float:left; position:relative; width:100%; height:280px; margin-top:10px}
.gallery_big_img img{ position:absolute; top:0; left:0}
#caption{ position:relative; height:280px; width:100%; float: right; text-align:justify; overflow:hidden;}
#caption  li{ position:absolute; top:0; left:0}

#gallery1{ width:750px !important;}
#gallery1 li{ float:left;}
#gallery1 img{ width:150px; height:92px;}
.prev, .next{position:absolute; top:43px; width:8px; height:6px; padding:5px; background:url(../images/marker_left.gif) 5px 5px no-repeat;left:-32px;}
.next{ left:auto; right:-3px; background:url(../images/marker_right.gif) 1px 1px no-repeat}
.prev span, .next span{ display:block; width:100%; height:100%; background:url(../images/marker_left.gif) 0 bottom no-repeat}
.next span{ background:url(../images/marker_right.gif) 0 bottom no-repeat}

/* ============================= footer ====================== */

footer { color:#000; text-align:center;  padding-top:8px; position:relative}
footer a{ text-decoration:underline}
footer a:hover{}
.transparent25 {  opacity:0.4; filter:alpha(opacity=40);}
.transparent25:hover {  opacity:1;filter:alpha(opacity=100);}


#bg_pagination{ position:absolute; right:60px; top:20px;}
#bg_pagination li{ float:left; margin-left:5px; background:url(../images/buttons.png) 0 0 no-repeat; position:relative}
#bg_pagination span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/buttons_active.gif) 0 0 no-repeat}
#bg_pagination a{ position:relative; display:block; width:20px; height:20px; line-height:20px; text-align:center; text-decoration:none}

/* ============================= forms ============================= */

form.form{width: 100%; float:inherit; margin-left:5%; margin-bottom:5%;}
form.form div { padding:4px;margin: 4px 0;position:relative;}
form.form input.text,
.textarea { padding:5px 10px;height:20px;border:1px solid #ddd;color:#333;background:url(images/bginput.jpg) repeat-x bottom #fff;z-index:2;font-size: 16px;}
form.form input.text2 {width:30%; letter-spacing:5px; text-align:center;}
form.form input.text {width:75%;}
form.form .textarea {height:150px;width:75%;}
form.form label {float:left;width:120px;text-align:right;margin-right:15px;font-weight:bold;color:#EAEAEA;font-size: 13px;}
form.form .btn {display:block;height:31px;padding:0 10px;background:url(images/bgbtn.jpg) repeat-x;color:#EAEAEA;font-weight:bold;font-size:12px;border:1px solid #e1e0df;outline:none;cursor: pointer;}
/* CSS3 */
form.form .btn, form.form .text, form.form .textarea { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
div.error_field{background: #FEDAFB; border: 1px solid #FA74F0;}
div.errors{ width: 75%; margin: 15px auto; padding: 10px; border: 1px solid #ccc; background: #FDFEC2;}
div.errors .error{ color: red;font-weight: bold; font-size: 12px; margin: 5px;}

.item2 {  display: inline-block; background: #; padding: 1em; margin: 1em 113px 1em; width: 670px; box-sizing: border-box;  -moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
img#img5.placat {max-width: 100%;height: auto;display: block;}
.item2 a {text-decoration: none;color: #359CC6;margin: 0 10px;}
.item2 a:hover {color: #E88F00; border-bottom: 1px dotted #9F1D35;}
/* -------------------------- columns --------------------------*/
.col1, .col2, .col3, .col4, .cols { float:left;}
.col1{padding-top: 10px;margin-left: 15px;width:370px;font-style: italic;}
.col4{ width:510px;font-style: italic;padding:25px;}
.col2{ width:280px;}
.col8 { float: right;width:650px;font-style: italic;margin-left:80px;padding-left:200px;}
.col9 { float: right; margin-right:10px;margin-bottom:20px;padding-top:10px;padding-left:0px;padding-right:0px;width:780px;font-style: italic;margin-left:0px;}
/* -------------------------- gallery --------------------------*/
#gallery2,#gallery3 {background-color:;padding-left:50px;padding-top:10px;margin-top:10px;margin-bottom:50px;margin-left:120px;image-align: left;padding: 0px;width: auto;}
#gallery2 ul, #gallery3 ul{ list-style: none; }
#gallery2 ul li, #gallery3 ul li  { display: inline; }
#gallery2 ul img, #gallery3 ul img {margin-left:5px;margin-right:5px;margin-top:5px;border: 1px solid #fff;border-width: 1px 1px 1px;}
#gallery2 ul a:hover img, #gallery3 ul a:hover img {margin-left:5px;margin-right:5px;border: 1px solid  #3e3e3e;border-width: 1px 1px 1px;color: #000;}
#gallery2 ul a:hover, #gallery3 ul a:hover { color: #000; }
  
#gallery {background-color:;padding-left:50px;padding-top:20px;margin-top:20px;margin-bottom:50px;margin-left:120px;image-align: left;padding: 0px;width: auto;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {margin-left:5px;margin-right:5px;margin-top:5px;border: 1px solid #fff;border-width: 1px 1px 1px;}
#gallery ul a:hover img {margin-left:5px;margin-right:5px;border: 1px solid  #3e3e3e;border-width: 1px 1px 1px;color: #000;}
#gallery ul a:hover { color: #000; }
/* -------------------------- @@ --------------------------*/
@media screen and (max-width: 900px){.main {width: 850px;} body{ min-width:850px;} #gallery1{ width:690px !important;}.relative { 
margin-left:40px; width:730px;} .col1{height:290px;padding-top: 10px;margin-left: 15px;width:330px;}#caption{ line-height:21px; height:290px; width:90%; }#gallery, #gallery2 {margin-left:90px;} .item2 { margin: 2em 100px 1.5em ; width: 650px; } img#img5.placat { width: 650px; }  }

@media screen and (max-width: 850px){.main {width: 750px;} body{ min-width:750px;} #gallery1{ width:640px !important;}.relative { 
margin-left:130px; width:680px;} .col1{height:280px;padding-top: 10px;margin-left: 10px;width:310px;}#caption{ line-height:19px; height:280px; width:85%; }#gallery,#gallery2 {margin-left:40px;}.item2 { margin: 2em 40px 1.5em ; width: 650px; } img#img5.placat { width: 650px; }}


@media screen and (max-width: 750px){.main {width: 700px;} body{ min-width:700px;} #gallery1{ width:615px !important;}.relative { 
margin-left:172px; width:645px;} .col1{height:280px;padding-top: 10px;margin-left: 0px;width:300px;}.gallery_big_img img{ width:98%; height:auto;}#caption{ line-height:19px; height:280px; width:85%; }#gallery, #gallery2 {margin-left:20px;}
.item2 { margin: 2em 20px 1.5em ; width: 650px; } img#img5.placat { width: 650px; }}


@media screen and (max-width: 700px){.main {width: 650px;} body{ min-width:650px;} #gallery1{ width:520px !important;}.relative { 
margin-left:240px; width:560px;} .col1{height:310px;padding-top: 2px;margin-left: 10px;width:260px;}#caption{ line-height:19px; height:300px; width:110%; }#gallery, #gallery2 {margin-left:160px; margin-right:50px;}.gallery_big_img img{ width:92%; position:absolute; top:0; left:0} #gallery ul img{border: none;} #gallery ul a:hover img {border: none; }
.menu { visibility:visible;float:left; left:0px; position:inherit; background-color:rgba(0,0,0,0.43);  width:100%;   margin-top:-19px;}
#menu > li { float:left;margin:5px 0  5px 12px; position:relative;}
#menu > li > a{ display:block;margin-top:-20px; margin-bottom:10px; color:#fff opacity 1; text-shadow:1px 1px rgba(0,0,0,.5)}
#menu > li > a:hover, #menu > .active > a{ }
.item2 { margin: 2em 55px 1.5em ; width: 530px; } img#img5.placat { width: 530px; }}

@media screen and (max-width: 650px){.main {width: 550px;} body{ min-width:550px;} #gallery1{ width:430px !important;}.relative { 
margin-left:335px; width:480px;} .col1{height:220px;padding-top: 2px;margin-left: 10px; width:260px; margin-left: 98px;}#caption{line-height:19px; height:300px; width:130%; }#gallery, #gallery2 {margin-left:110px; margin-right:50px;}.pad_left1{ margin-left:130px; height:270px}.next{right:10px;}.gallery_big_img img{ height:200px; width:110%; position:absolute; top:0; left:0} #gallery ul img{border: none;} #gallery ul a:hover img {border: none; }
.item2 { margin: 2em 35px 1.5em ; width: 480px; } img#img5.placat { width: 480px; }}

@media screen and (max-width: 550px){.main {width: 450px;} body{ min-width:450px;} #gallery1{ width:365px !important;}.relative { 
margin-left:422px; width:410px;} .col1{height:220px;padding-top: 2px; width:260px; margin-left: 45px;}#caption{line-height:19px; height:300px; width:130%; }#gallery, #gallery2 {margin-left:65px; margin-right:50px;}.pad_left1{ margin-left:75px; height:270px}.next{right:10px;}.gallery_big_img img{ height:200px; width:110%; position:absolute; top:0; left:0} #gallery ul img{border: none;} #gallery ul a:hover img {border: none; }
.item2 { margin: 2em 15px 1.5em ; width: 420px; } img#img5.placat { width: 420px; }}

@media screen and (max-width: 450px){.main {width: 350px;} body{ min-width:350px;} #gallery1{ width:300px !important;}.relative { 
margin-left:505px; width:320px;} .col1{height:220px;padding-top: 2px; width:260px; margin-left: -8px;}#caption{line-height:19px; height:300px; width:110%; }#gallery,#gallery2 {margin-left:10px; width:360px;}.pad_left1{ margin-left:-5px; height:280px}.next{right:-3px;}.prev { left:-20px;}.gallery_big_img img{ height:200px; width:110%; position:absolute; top:0; left:0} #gallery ul img{border: none; margin-left:0px; margin-right:3px;} #gallery ul a:hover img {border: none; margin-left:0px; margin-right:3px; }
.item2 { margin: 2em 5px 1.5em ; width: 340px; } img#img5.placat { width: 340px; }}

@media screen and (max-width: 350px){.main {width: 320px;} body{ min-width:320px;} #logo{margin:5px 0px 0px 0px; } #gallery1{ width:250px !important;}.relative { 
margin-left:545px; width:280px;} .col1{height:220px;padding-top: 2px; width:260px; margin-left: -22px;}#caption{line-height:19px; height:300px; width:110%; }#gallery,#gallery2 {margin-left:6px; width:360px;}.pad_left1{ margin-left:-15px; height:280px}.next{right:3px;}.prev { left:-20px;}.gallery_big_img img{ height:200px; width:110%; position:absolute; top:0; left:0} #gallery ul img{border: none; margin-left:0px; margin-right:3px;} 
.item2 { margin: 2em 5px 1.5em ; width: 310px; } img#img5.placat { width: 310px; }
#gallery ul a:hover img {border: none; margin-left:0px; margin-right:3px; } form.form{width: 98%;}}