@charset "utf-8";
/*ATENTE! FILA PIE.htc activeaza numeroase proprietati CSS3 si trebuie tinuta langa codul sursa (fila .html)*/

html{height:100%;}
body { font-family:"Myriad Pro"; width:100%;font-size:12px;color:#7c7c7c;padding:0;margin:0px auto; background: url(resources/bg-body.png ) center top no-repeat ; height:100%;/* background-size:cover; */}

.clear {clear:both !important;display:block;height:0px;width:100%; float:none;line-height:0px !important;font-size: 0px !important;overflow:hidden;}
.clear8 {height:8px;clear:both;}/*a tiny small separator*/
.clear10 {height:10px;clear:both;}
.clear15 {height:15px;clear:both;}
.clear20{height:20px;clear:both;}
.clearboth{clear:both;line-height:0px !important;font-size: 0px !important;}
.text-space10{height:10px;}
.text-space8{height:8px;}

/* FA MIN-HEIGHT SA MEARGA {height: expression( this.scrollHeight < 234 ? "233px" : "auto" ); }*/
.inline-block{	display: -moz-inline-stack;display: inline-block;zoom: 1; *display: inline; }
.display_error{display:block;width:100%; height:20px;clear:both; line-height:20px; font-size:13px; color:#C91D1D; word-spacing:normal; text-indent:8px; font-stretch:condensed;}

.corners-8{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;}
.corners-5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;}
.corners-3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;}
.corners-2{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;}
.corners-1{border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;-o-border-radius:1px;}

@font-face {font-family:'Myriad Pro';src: url('//www.cieltechnology.ro/fonts/MyriadPro.eot');src: local('MyriadPro'), url(//www.cieltechnology.ro/fonts/Myriadpro.otf),url(//www.cieltechnology.ro/fonts/MyriadPro.svg) format("opentype"); }

.wrapperdas{width:100%;height:100%;}
.outercenter{float: left; position: relative; left: 50%;}
.innercenter{float: left; position: relative; left: -50%;width:auto;}

/* ========================================================================== */
/*   Content                                                                  */
/* ========================================================================== */
.wrapper{width:100%;height:auto; margin:0; position:relative; height:100%;}
.wrapper-paged{width:940px; height:auto; margin:0 auto;}

.logo{ width:283px; height:172px; margin:0px auto; padding-top:27px; }

.text-for-logo{ width:702px; height:214px; margin:0 auto; clear:both; font:normal 20px 'Roboto-light'; color:#1a75cf; padding:10px 0 21px 0; line-height:120%;}
.text-for-logo p{ font-family:'roboto-light'}

.boxes{ width:100%; height:371px; padding:1px 0; background:url(resources/bg-boxes.png ) center top repeat-x; clear:both; margin-top:2px;  }
.boxes .height-371{ height:371px;}
.boxes .box{ width:265px; height:302px; float:left; background:#f7f7f7; border:1px solid #e8e8e8; position:relative; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin:32px 17px 0 17px; transition:250ms ease-out all; }
.boxes .box p{ display:block; padding:0 20px 10px 20px; font:normal 16px 'roboto-light'; line-height:110%;}
.boxes .box .logo-boxes{ display:block; clear:both; margin:20px;}
.boxes .box-1{ width:288px; color:#1a75cf;}
.boxes .box-2{ width:265px; color:#629d1d;}
.boxes .box-3{ width:273px; color:#4d0990;}
.boxes .box:hover{ background:#fafafa; position:relative; box-shadow:0 0 2px 1px #f2f2f2; -webkit-box-shadow:0 0 2px 1px #f2f2f2; -moz-box-shadow:0 0 2px 1px #f2f2f2; -o-box-shadow:0 0 2px 1px #f2f2f2;}

.separator-up{ position:absolute; height:5px; width:100%; background:url(resources/sep-up.png ) top left repeat-x; top:0; left:0;}
.separator-down{ position:fixed; height:5px; width:100%; background:url(resources/sep-up.png ) top left repeat-x; bottom:0px; left:0; z-index:99999;}

.footer{ width:940px; height:45px; clear:both; text-align:center; font:normal 16px 'roboto-light'; margin:0 auto; padding-top:12px; color:#1a75cf;}
.footer a{color:#1a75cf;}

/* ========================================================================== */
/*   MISC                                                                     */
/* ========================================================================== */

.button{}

.titleh2{display:block;font-weight:bold; font-size:24px; color:#4f257d; padding:10px 0;}

.content-holder{width:100%;height:auto;clear:both;padding:10px 0;}
.content-holder-bg{display:block;height:auto;clear:both;padding:10px 0;}
.c-holder{width:100%;height:auto;clear:both;padding:10px 0; margin:0;}

/***End MISC***/


/*End style.css*/