/* reset ustawien */
body, html, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
q:before,q:after{content:'';}

a, a:hover, a:visited {
    text-decoration: none;
    font-family: Dosis Light;
    color: #fff;
    font-size: 15px;
}
input {
    background-color: transparent;
    border: 0px solid;
    height: 22px;
    color: #000;
    font-family: OpenSans Light !important;
}

/* reset ustawien */

/*  rejestracja uslug SMS */

/* niestandardowe fonty */
@font-face {
    font-family: Dosis Regular;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Regular.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Regular.eot.xhtml) format('embedded-opentype'), 
         url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Regular.otf.xhtml);
}
@font-face {
    font-family: Dosis SemiBold;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-SemiBold.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-SemiBold.eot.xhtml) format('embedded-opentype'),
         url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-SemiBold.otf.xhtml);
}
@font-face {
    font-family: Dosis ExtraLight;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-ExtraLight.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-ExtraLight.eot.xhtml) format('embedded-opentype'),
         url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-ExtraLight.otf.xhtml);
}
@font-face {
    font-family: Dosis Light;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Light.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Light.eot.xhtml) format('embedded-opentype'),
         url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Light.otf.xhtml);
}
@font-face {
    font-family: Dosis Medium;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Medium.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Medium.eot.xhtml) format('embedded-opentype'),
         url(/jarc-gui/javax.faces.resource/css/other-fonts/Dosis-Medium.otf.xhtml);
}
@font-face {
    font-family: OpenSans Light;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Light.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Light.eot.xhtml) format('embedded-opentype'),
         url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Light.otf.xhtml);
}
@font-face {
    font-family: OpenSans SemiBold;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Semibold.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Semibold.eot.xhtml) format('embedded-opentype'),
         url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Semibold.otf.xhtml);
}
@font-face {
    font-family: OpenSans Regular;
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Regular.eot.xhtml);
    src: url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Regular.eot.xhtml) format('embedded-opentype'),
         url(/jarc-gui/javax.faces.resource/css/other-fonts/OpenSans-Regular.otf.xhtml);
}
/* niestandardowe fonty */

#smsMain, #smsTop, #smsCenter, #smsBot, #smsTopLogos {
     margin: 0 auto;
     clear: both;
     width: 100%;
}
#smsTopLogos{
    height: 94px;
    width: 1208px;
}
#logoMpwik, #pogotowie {
    float:left;
    width: 604px;
    text-align: left;
}
#logoMpwik {
    padding-top: 20px;
}
#pogotowie {
    text-align: right;
}
#pogotowieTxt, #pogotowieImg {
    float:left;
    margin-top: 26px;
}
#pogotowieTxt {
    font-family: Dosis SemiBold;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    padding-top: 5px;
    padding-right: 20px;
    width: 485px;
}
#pogotowieTxt .pogTxt {
    text-align: left;
    float:right;
}
#pogotowieImg {
    background-image: url(/jarc-gui/javax.faces.resource/images/sms/telAlarm.png.xhtml);
    background-repeat: no-repeat;
    width: 99px;
    height: 39px;
}

#smsTop {
    height:206px;
    background-image: url(/jarc-gui/javax.faces.resource/images/sms/top_back.jpg.xhtml);
    background-repeat: no-repeat;
    background-position: center;
    overflow-x: visible;
}
#smsCenter, #smsKom, #smsTabs, #smsAkt , #smsRej, #smsWyrej, #smsDeakt, #smsMapLine {
    width: 1208px;
    height: 1062px;
}

#smsKom {
    margin-top: 38px;
    height: 103px;
    clear:both;
}

#smsKomImg, #smsKomText, #smsKomLine, #smsKomRight  {
    float:left;
    height:83px;
}
#smsKomText {
    width:222px;
    margin-left:35px;
    text-align: right;
    padding-right: 16px;
    margin-top:10px;
    margin-bottom:10px;
}
#smsKomLine {
   width: 1px; 
   background-color: #e7e7e7;
}
#smsKomRight {
    width: 519px;
    padding-left:17px;
    padding-top:22px;
    text-align: left;
}
#smsKomImg {
    width: 106px;
    height: 103px;
    margin: 0 0 0 257px;
    background-image: url(/jarc-gui/javax.faces.resource/images/sms/phone_czat.png.xhtml);
}

#smsKomText .black {
    font-family: Dosis Regular;
    font-size: 24px;
    line-height: 40px;
    color: #000;
}
#smsKomText .green {
    font-family: Dosis SemiBold;
    font-size: 24px;
    line-height: 25px;
    color: #a3ba07;
}

#smsKomRight .text {
    font-family: Dosis Regular;
    font-size: 16px;
    line-height: 25px;
    color: #242424; 
}

#smsTabs {
    height: 53px;
    margin-top: 40px;
}
#smsTabs p {
    padding-top:13px;
}
#smsTabRej, #smsTabAkt, #smsTabWyrej, #smsTabDeakt {
    width: 286px;
    height: 52px;
    float: left;
    margin-left: 14px;
    text-align: center;
    border-top:1px solid #dbdbdb;
    border-left:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb;
    font-family: Dosis Light;
    font-size: 20px;
    line-height: 26px;
    color: #000;
}
#smsTabRej {
    margin-left: 6px;
}

.smsTABactive {
    background-color: #1bb1e7 !important;
    border-color: #1bb1e7 !important;
    color: #fff !important;
}

.smsBreakLine {
    height: 1px;
    width: 100%;
}

.smsBlue {
    background-color: #1bb1e7;
}
.smsLightGrey {
    background-color: #d4d4d4;
}
.smsDarkGrey {
    background-color: #cacaca;
}  

#smsAkt , #smsRej, #smsWyrej, #smsDeakt {
    height: 380px;
}
#smsAkt , #smsWyrej, #smsDeakt {
    display: none;
}
#smsAkt .smsBold , #smsRej .smsBold, #smsWyrej .smsBold, #smsDeakt .smsBold {
    font-family: OpenSans Semibold;
    color: #000;
    vertical-align: top;
    line-height: 20px;
}
.smsARTitle {
    font-family: Dosis Light;
    font-size: 20px;
    line-height: 23px;
    margin-top: 60px;
    margin-bottom: 25px;
    width: 1208px;
}
.smsDosMedium {
    font-family: Dosis Medium;
}
.smsInpHalfLLine, .smsInpHalfRLine, .smsInpFullLine {
    width: 590px;
    float: left;
    height: 25px;
    margin-top: 25px;
}
.small {
    margin-top: 8px;
}
.smsInpHalfRLine {
    width: 590px;
    margin-left: 20px;
}
.smsInpFullLine {
    width: 1208px;
    clear: both;
}
.smsInpHalfLLine .smsBreakLine, .smsInpHalfRLine .smsBreakLine, .smsInpFullLine .smsBreakLine {
    margin-top: 5px;
}
.smsInpHalfLLine input[type="text"], .smsInpHalfRLine input[type="text"] {
    width: 578px;
    font-size: 14px;
}
.smsInpFullLine input[type="text"] {
    width: 1195px;
    font-size: 14px;
}
.osLight {
    font-family: OpenSans Light;
    font-size: 15px;
    line-height: 20px; 
    vertical-align: top;
}
.smsButtonDiv {
    width: 154px;
    height: 44px;
    margin-top: 42px;
    margin-left: 537px;
    clear: both;
    float: left;
	margin-bottom: 10px;
}
button.smsButtonSub {
    width: 154px;
    height: 44px;
    text-align: center;
    font-family: OpenSans Light;
    font-size: 17px;
    color: #fff;
    line-height: 44px;
    background-color: #f28c08;
    border: 0px solid;
	cursor: pointer;
}
button[disabled].smsButtonSub, button[disabled=true].smsButtonSub {
    background-color: #dedede;
}

#smsMapLine, #smsMap, #smsMapDesc {
    height: 406px;
    float: left;
}
#smsMap {
    width: 822px;
    background-image: url(/jarc-gui/javax.faces.resource/images/sms/mapa.png.xhtml);
}
#smsMapDesc {
    width: 386px;
    background-color: #cddbdd;
}
#smsMapKont {
    width: 288px;
    margin: 52px auto;
}
#smsMapKontTitle, #smsMapKontMark {
    height: 43px;
    float: left;
}
#smsMapKontMark {
    background: url(/jarc-gui/javax.faces.resource/images/sms/marker.png.xhtml) no-repeat;
    width: 28px;
}
#smsMapKontTitle {
    font-family: OpenSans Regular;
    font-size: 21px;
    line-height: 24px;
    color: #2e2e2e;
    padding-left: 25px;
}
#smsMapKontAdress {
    padding-top: 78px;
    clear: both;
    font-family: OpenSans Regular;
    font-size: 15px;
    line-height: 21px;
    color: #2e2e2e;
}
#smsMapKontAdress .smsBold { 
    font-family: OpenSans SemiBold;
    line-height: 16px;
    font-size: 15px;
}

#smsBot {
    margin-top: 51px;
    height: 192px;
    background-color: #1bb1e7; 
}

#smsBotLine, #smsBotCopyDesc {
    margin: 0 auto;
    width: 1208px;
    clear: both;
}
#smsBotLine {
    height: 49px;
    padding-top: 35px;
}
#smsBotLineLogo, #smsBotLineDesc, #smsBotLineAwa {
    height: 51px;
    float: left;
    font-family: Dosis Light;
    font-size: 16px;
    line-height: 26px;
}
#smsBotLineLogo {
    width: 52px;
    background-image: url(/jarc-gui/javax.faces.resource/images/sms/logo_mpwik.png.xhtml);
    background-repeat: no-repeat;
}
#smsBotLineDesc {
   text-align: left;
   color: #fff;
   padding-left: 14px;
   width: 854px;
}
#smsBotLineAwa {
    width: 286px;
    background-image: url(/jarc-gui/javax.faces.resource/images/sms/awa_butt.png.xhtml);
    background-repeat: no-repeat;
    text-align: center;
}
#smsBotLineAwa p {
   padding-top: 12px;
}


#smsBotCopy {
    margin-top: 28px;
    height: 79px;
    background-color: #0390c3;
}

#smsBotCopyDesc {
    text-align: right;
    font-family: Dosis ExtraLight;
    font-size: 16px;
    line-height: 20px;
    height: 26px;
    padding-top: 25px;
    color: #fff;
}

.starRequire, .spanStar {
	font-family: Dosis Light;
	font-size: 12px;
}

.spanStar {
	
	font-size: 14px;
}


/*  rejestracja uslug SMS */