@import url(https://fonts.googleapis.com/css?family=Abel);

html, body{margin:0;padding:0; font-size:12pt;height:100%;}

* {font-family:'Abel', sans-serif !important;}

img{border:0;}

small{font-size:10pt;}

h4{font-size:13pt;}

#SN_FeaturedProducts{display:block;text-align:center;}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#footpanel *,
#footpanel :after,
#footpanel :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover {color: #333;text-decoration: none;}
a:active {color: #333;text-decoration: none;}


#SN_Login table{width: 100%;}
#SN_Login table tbody tr:first-child td:first-child{display:none !important;}
#SN_Login table tbody tr:last-child td table:first-child{border-spacing: 0px !important;margin:0;}
#SN_Login table tbody tr:last-child td table tbody tr td:first-child{display:none;}
#SN_Login table tbody tr:last-child td table tbody tr td:last-child input{background-color: #eee;width: 100% !important;max-width: 500px;padding: 15px 15px 15px 45px;margin:0;display: block;margin: 0;padding: 25px 15px 25px 45px;outline: 0;background-image: none;color: #666;font-size: 14px;border: 0;}
#SN_Login table tbody tr:last-child td table tbody tr:first-child td:last-child input{border-radius:3px 3px 0 0;}
#SN_Login table tbody tr:last-child td table tbody tr:last-child td:last-child input{border-radius:0 0 3px 3px;}
#SN_Login .StandardButton{width:auto !important;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;position: relative;display: inline-block;margin-bottom: 0;padding: 15px 60px;border: 0 solid transparent;background: #069;background-image: none;color: #fff;vertical-align: middle;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;font-weight: 500;font-size: 18px;line-height: 100%;cursor: pointer;outline: 0;margin-top:20px;}
#SN_C28886_Sig_trPassword td{display:table-cell !important; text-align:center;}
#SN_C28886_Sig_trPassword td a{color: #333366;}
#SN_C28886_Sig_trPassword td a:hover{color: #069;}

#sn-window{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	top:100px;
	left:0px;
	right:0px;
	bottom:0px;
	margin-top:500%;
	z-index:1;
	overflow:auto;
	-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease
}

#sn-window content{
	width: 100%;
    height: 100%;
    display: block;
    padding: 50px;
}

#sn-window.opened{margin-top:0px;}

#sn-window i{
	
position: absolute;
right: 10px;
top: 10px;
font-size: 2em !important;
color: rgb(125, 125, 125);
cursor:pointer;
-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;

}

#sn-window i:hover{
	color:#9a9a9a;
}

#FCSlide{
	width:100%;
	height:100%;
	/*background-image: url('img/banner.jpg');*/
    background-size: cover;
    background-position: 50% 50%;
	position:relative;
}

#FCSlide .Info h1,
#FCSlide .Info h2{
	color:#333;
}

#FCSlide .Info h1{font-weight:bold;}
#FCSlide .Info h2{font-weight:normal;}

#categories-container a:link,
#categories-container a:visited,
#categories-container a:hover,
#categories-container a:active{
color:#eee;
}

hr{
border: 0;
height: 1px;
background: #333;
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

.Normal, .normal, .NormalDisabled, .TextBoxLikeLabel, .NormalTextBox{ font-size: 1.2em;}

.CoursesDetailsView,
.CoursesDetailsView *{color:rgba(238, 238, 238, 0.85) !important;}

.CoursesDetailsView{padding:10px;max-height: 360px;z-index:-1;overflow: auto;opacity:0;display: none;
-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

.CoursesDetailsViewSelected{z-index:1;opacity:1;display:block;}

.CoursesDetailsTab{display:inline-block;    display: inline-block;
    padding: 10px;
    background: #666666;
    color: #fff;cursor:pointer;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

.CoursesDetailsTab:hover{background:#069;}
.CoursesDetailsTabSelected{background:#069;}

button, .StandardButton, input.CommandButton{border-radius:0px;}

a.CommandButton {
	background-color: #016BAC;
    padding: 10px;
    color: white;
    margin: 20px;
}
a.CommandButton:hover {
    color: white;
}

.WhiteButton{margin:0 5px;background-color:transparent!important;color:#fff!important;border:2px solid #fff!important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.WhiteButton:hover{background-color:#fff!important; color:#357ebd!important;font-weight:bold;}

.darkButton{margin:0 5px;background-color:transparent!important;color:#333!important;border:2px solid #333!important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.darkButton:hover{background-color:#333!important; color:#fff!important;font-weight:bold;}

.sNetForm .CommandButton,
.blueFillButton{margin:0 5px;background-color:#016bac!important;color:#fff!important;border:2px solid #016bac!important; opacity:0.8;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.sNetForm a.CommandButton,
a.blueFillButton:hover{opacity:1;}

.product-categorie{
	width:100%;
	display:block;
	text-align:center;
}

.product-categorie h4{
	text-align:left;
	margin:5px;
}

.product-item-container{
	width:100%;
	max-width:250px;
	display:inline-block;
	vertical-align:top;
	margin:40px 5px;
	background-color: ghostwhite;
	border: 1px solid #ccc;
	position:relative;
}

.product-item-name{
	height: 75px;
	overflow: hidden;
}

.product-item-container img{
	width:100%;
	padding: 10px 0;
}

.product-item-container h4{
	color:#069;
	padding:5px;
}

.product-item-container .product-item-shortdescription{
	color:#333;
	padding:5px;
}

.product-item-container .product-item-details-container{
	width:100%;
	padding:5px;
	display:block;
	text-align:center;
}

.product-item-container .product-item-details-container a{
	width:100%;
	max-width:110px;
	display:inline-block;
	padding: 8px 0;
	text-decoration: none;
	cursor:pointer;
}

.product-item-container .product-item-details-container a.product-item-details-link img{
	width:15px;
	vertical-align:middle;
}

.product-item-container .product-item-details-container a.product-item-details-link,
.product-item-container .product-item-details-container a.product-item-details-link,
.product-item-container .product-item-details-container a.product-item-details-link{
	color: #333;
}

.product-item-container .product-item-details-container a.product-item-details-bt,
.product-item-container .product-item-details-container a.product-item-details-bt,
.product-item-container .product-item-details-container a.product-item-details-bt{
	background-color: #069;
	color: #fff;
}

.product-item-container .product-item-details-container a.product-item-details-bt:hover{
	background-color: #2f71a9;
}

.product-item-container .product-item-details-container a span{font-size: 11pt;}

.product-item-details-block{display:inline-block;width:100%;max-width:110px;}

.nop-connector{width: 100%;display: block;border:0px;}

.header-bar{outline: 1px solid #eee;background-color: rgba(46, 82, 134, 0.28);height: 100px;z-index: 1;position: fixed;width: 100%;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    -webkit-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease;}
.top-nav{float:right;}
.header-logo{float:left;height:100%;border-right:1px solid #eee;}
.header-logo img{height:75px;padding:10px;margin:12.5px;-webkit-transition: height .4s ease, opacity .3s ease;-o-transition: height .4s ease, opacity .3s ease;-webkit-transition: height .4s ease;-o-transition: height .4s ease;transition: height .4s ease}
.cartParent{
-webkit-transition: top .4s ease;
-o-transition: top .4s ease;
transition: top .4s ease}
#header.sticky {background: #069;}

span .NormalTextBox{color:#555;}

.sNetForm input,
.sNetForm textarea,
.sNetForm select,
.sNetForm  input.NormalTextBox,
.sNetForm textarea.NormalTextBox,
.sNetForm  select.NormalTextBox{
  border: 0px;
  border-radius: 0px;
  width: 100%;
  max-width: 370px;
  padding: 10px 10px;
  height: auto;
  box-shadow: 0 0 0 1px darkgray inset;
}

.sNetForm table{width:100%; max-width:380px;}

/*
.sNetForm .CommandButton,
.sNetForm a.CommandButton:link,
.sNetForm a.CommandButton:visited{font-family: 'Abel', sans-serif;
  font-weight: 500;
  border-radius: 3px;
  outline: none !important;
  border-color: #357ebd;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-decoration: none;
  margin: 0;
  font: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  border: 1px solid #069;
  background: #069;
  color: #fff;
  height: 30px;
  width: 100px;
  padding: 0px 12px;
  line-height: 30px;}
  */

.RadMenu_Default .rmRootGroup, 
.RadMenu_Default a.rmLink, 
.RadMenu_Default .rmGroup .rmText, 
.RadMenu_Default .rmVertical .rmText, 
.RadMenu_Default .rmLeftArrow, 
.RadMenu_Default .rmRightArrow, 
.RadMenu_Default .rmTopArrow, 
.RadMenu_Default .rmBottomArrow, 
.RadMenu_Default .rmIcon{
	background-image:none;
}

.RadMenu_Default .rmGroup, 
.RadMenu_Default .rmMultiColumn, 
.RadMenu_Default .rmGroup .rmVertical{
  border: 1px solid #eee;
  border-top: 2px solid #1ABC9C;
  background: #333;
  border-color: white;
  border-top-color: #f47c00;
  padding:0px;
  box-shadow: none;
}

.RadMenu_Default{
  width: auto;
  float: right;
  z-index: 7eee;
}

.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup{
  border: 0px;
  touch-action: pan-y;
  border-right: 1px solid #eee;
  border-right-color: rgba(255,255,255,.2);
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  opacity: 1;
  list-style: none;
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: none;
  background-color: transparent;
}
.RadMenu .rmHorizontal .rmItem{
  clear: none;
  position: relative;
  float: left;
  margin-left: 2px;
  margin: 0;
  padding: 0;
  border:0;
}
.RadMenu_Default .rmHorizontal a.rmLink, 
.RadMenu_Default .rmHorizontal a.rmLink:hover
{
  display: block;
  height: 100%;
  line-height: 100px;
  padding: 0 15px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Abel', sans-serif;
  -webkit-transition: line-height .4s ease;
  -o-transition: line-height .4s ease;
  transition: line-height .4s ease;
}


.RadMenu_Default .rmHorizontal a.rmLink{color: #eee; background-color: transparent;}
.RadMenu_Default .rmHorizontal .rmExpanded a.rmLink,
.RadMenu_Default .rmHorizontal a.rmLink:hover{color: #fff; background-color: #069;background-image:none;}

.RadMenu_Default .rmHorizontal .rmSelected a.rmLink {background-color:#eee; color:#f47c00;box-shadow:none;}

.RadMenu_Default .rmHorizontal .rmFocused a.rmLink {box-shadow: none;border:0px;}

.RadMenu_Default .rmVertical a.rmLink,
.RadMenu_Default .rmVertical a.rmLink:hover
{
  border-radius:0px;
  border:0px;
  background-image:none;
  height: auto;
  line-height: 2.7;
}

.RadMenu_Default .rmVertical a.rmLink{color: #f47c00;background-color:#eee;}
.RadMenu_Default .rmVertical a.rmLink:hover{color: #eee;background-color:#f47c00;}

.RadMenu_Default .rmRootToggle,.RadMenu_Default .rmRootToggle:active, .RadMenu_Default .rmRootToggle.rmExpanded{color:#fff;background-color:transparent; background-image:none;border: 0px;box-shadow:none;}

.aIcon-Facebook a:link,.aIcon-Facebook a:visited{color: #3a5795;}
.aIcon-Linkedin a:link,.aIcon-Linkedin a:visited{color: #0077b5;}
.aIcon-RSS a:link,.aIcon-RSS a:visited{color: #fb7629;}
.aIcon-Twitter a:link, .aIcon-Twitter a:visited {color: #4099ff;}


.aIcon-Facebook a:hover,.aIcon-Linkedin a:hover,.aIcon-RSS a:hover,.aIcon-Facebook a:active,.aIcon-Linkedin a:active,.aIcon-RSS a:active{color: #fff;}

.social-icon-link{padding-left: 10px;float: right;}
.social-icons{display: inline-block;width: 100%;max-width: 130px;text-align:center;padding: 7px;}

.footer-menu ul{list-style-type: none;padding:0px;}
.footer-menu ul li a{font-size: 11pt;color:#ccc;}
.footer-menu ul li{padding:5px;}

.footh{font-size:11pt;color: gray;padding: 40px 0 0 0;}

.pFooterCont{background-color: #333; width:100%; text-align:center;}

.footerCol{text-align:left;padding:20px;width:100%;max-width:350px;display:inline-block;vertical-align:top;}
.footerCol h5{font-size:11pt;}
.footerCol h4{font-size:15pt;}
.footerCol p{font-size:10pt;}
.footerCol p,.footerCol h5,.footerCol h4{color:#ccc;line-height: normal;}

.wrap{transition: background-color 0.3s ease;}

.FormConpStepCont{display: inline-block;
    width: 100%;
	vertical-align:top;
    max-width: 270px;
    padding: 15px;}
.StepImageCont{width: 100px;
    height: 100px;
    border: 2px solid #ccc;
    border-radius: 50%;
	position:relative;
	margin:0 auto;}
.StepImage{    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 8px auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-size: 80%;
    background-position: 50% 50%;
    background-repeat: no-repeat;}
.StepImage1{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/01.png');}
.StepImage2{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/02.png');}
.StepImage3{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/03.png');}
.StepImage4{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/04.png');}

.FormConpStepCont:hover{    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);}

.FormConpStepCont:hover .StepImage{background-color:#069;}

.FormConpStepCont:hover .StepImage1{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/01w.png');}
.FormConpStepCont:hover .StepImage2{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/02w.png');}
.FormConpStepCont:hover .StepImage3{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/03w.png');}
.FormConpStepCont:hover .StepImage4{background-image: url('/Sites/cplnform/Skins/Formação-Conplan/img/04w.png');}

.StepDescCont{}
.StepDescCont h1{color: #333;
    font-size: 1.1em;
    font-weight: bold;
    margin: 25px 0px;}
.StepDescCont h3{font-size: 1em;
    font-weight: normal;    line-height: 30px;
}

.HeaderTitleFixed{
  position: fixed;
  width: 100%;
  text-align: center !important;
  background-color: #333;
  color: #eee;
  padding: 5px;
  font-weight:bold;
  margin: 0 !important;
  z-index:1;
}

#categories-container{
background-color: #069;
position: fixed;
bottom: 0;
text-align:center;
width: 100%;
border-top: 1px solid #ccc;
z-index: 9999;
}
.categories-item{
display:inline-block;
width:100%;
max-width:200px;
padding:10px;
font-weight:bold;
vertical-align:middle;
}

#cboCategories{
display: inline-block;
padding: 10px;
width: 100%;
font-size: 12pt;
}

.parallax-window {
background: rgba(255, 255, 255, 0);
padding: 100px 15px;
width: 100%;
color:#fff;
}
.page-header{
padding: 50px 15px!important;
}

.top-section{
  border-color: #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  border-left-width: 50vw;
  border-right-width: 50vw;
  top: 0;
  border-top-width: 0;
  border-bottom-width: 70px;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: scale(1.014);
  -ms-transform: scale(1.014);
  transform: scale(1.014);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.bottom-section{
  border-color: #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  border-left-width: 50vw;
  border-right-width: 50vw;
  bottom: 0;
  border-bottom-width: 0;
  border-top-width: 70px;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: scale(1.014);
  -ms-transform: scale(1.014);
  transform: scale(1.014);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.sNetForm table tbody tr td{
  width: 100%;
  max-width: 370px;
  display: block;
}

.uptime-interval{  width: 100%;
  max-width: 900px;
  margin: 0px auto 15px;
  text-align: center;}
  
.uptime-interval-type{
  display: inline-block;
  padding: 15px;
  color: #fff;
  background-color: #333;
  min-width: 200px;
  margin: 0 5px;
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}

.uptime-interval-type:hover{background-color: #5dd2a3;}
