@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Merriweather|Lato|Mallanna|Acme|Alice|Arapey|Archivo+Black|Bree+Serif|Caudex|Caveat+Brush|Droid+Sans|Droid+Serif|Grand+Hotel|Josefin+Slab|Kaushan+Script|Montez|News+Cycle|Niconne|Open+Sans|Oswald|PT+Sans+Narrow|Philosopher|Play|Scada|Six+Caps|Slabo+27px|Waiting+for+the+Sunrise';

*{
    /*ALL*/
    /*font-family: 'Droid Sans', sans-serif;*/
    /*CAPS*/
    /*font-family: 'Slabo 27px', serif;*/
    /*LEITURA / TEXTOS*/
    /*font-family: 'Scada', sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Oswald', sans-serif;*/
    /*font-family: "Lato",Helvetica,Arial,sans-serif;*/
    /*font-family: 'Merriweather', sans-serif;*/
    /*font-family: 'News Cycle', sans-serif;*/
    /*font-family: "Mallanna", sans-serif;*/
    /*font-family: "Lato", sans-serif;*/
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    /*font-family: 'News Cycle', sans-serif;*/
    /*font-family: 'Philosopher', sans-serif;*/
    /*SMALL*/
    /*CONSIDERAÇÕES*/
    /*quadrada*/
    /*font-family: 'Play', sans-serif;*/
    /*grossas*/
    /*font-family: 'Archivo Black', sans-serif;*/
    /*font-family: 'Acme', sans-serif;*/
    /*titulos e destaques*/
    /*font-family: 'Slabo 27px', serif;*/
    /*font-family: 'Josefin Slab', serif;*/
    /*font-family: 'Kaushan Script', cursive;*/
    /*curtas e especificas (ex. menu)*/
    /*font-family: 'Montez', cursive;*/
    /*font-family: 'Niconne', cursive;*/
    /*font-family: 'Waiting for the Sunrise', cursive;*/
    /*font-family: 'Grand Hotel', cursive;*/
    /*font-family: 'Caveat Brush', cursive;*/
    /*font-family: 'Caudex', serif;*/
}

.font1{font-family: 'Caveat Brush', cursive;}
.font2{font-family: 'Caudex', serif;}
.font3{font-family: 'Play', sans-serif;}

body{
    /*font-family: 'Arapey', sans-serif;*/
    /*font-size: 1.1em;*/
}

/*
p,
li,
fix-linha
{line-height: 1.0em; }
h1,
h2,
h3,
h4,
h5,
h6,
fix-linha{line-height: 1.0em; }
*/

*,
*:before,
*:after,
fix-border{ box-sizing: border-box; }
.cls,
header:after,
footer:after,
div:after,
divis { clear: both; content: ""; display: table; }
/*div,*/
.fixafter:after{
    clear: none!important;
    content: ""!important;
    display: inline!important;
}
/*div:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}*/

.inblock{display: inline-block;}
.inline{display: inline;}
.inherit{height: auto;}


div,
ul,
li,
input,
h1,
h2,
h3,
h4,
h5,
a {
    /*color: #000;*/
    margin: 0;
    padding: 0;
    text-decoration: none;
}
li{margin: 5px 0;}
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 5px 0; }
p{line-height: 1.6em;}
.no-border,img { border: none; }
.clss { display: table; height: auto; }
.cls { clear: both; }
.clr { clear: right; }
.cll { clear: left; }
.fl { float: left; }
.fr { float: right; }
.cll{ clear: left;}
.clr{ clear: right;}
.fw,.bold { font-weight: bold; }
.fn { font-weight: normal; }
.pr { position: relative!important; }
.pa { position: absolute; }
.pf { position: fixed; }
.mza { margin: 0 auto; }
.cn,
.tc,
.text-center,
.ta { text-align: center; }
.taj { text-align: justify; }
.tar { text-align: right; }
.tal { text-align: left; }
.dn { display: none!important; }
.oh { overflow: hidden; }
.vmid { vertical-align: middle; }
.tcu { text-transform: uppercase; }
.tx-under,.txu:hover { text-decoration: underline; }
.b1,.bg-red { background: red; }
.b2,.bg-green { background: green; }
.b3,.bg-blue { background: blue; }
.b4,.bg-yellow { background: yellow; }
.b5,.bg-orange { background: orange; }
.b6,.bg-purple { background: purple; }
.b7,.bg-black { background: black; }
.bg-branco { background: white; }
.t8 { font-size: 8px; }
.t10,.font10 { font-size: 10px; }
.t11,.font11 { font-size: 11px; }
.t12,.font12 { font-size: 12px; }
.t13,.font13 { font-size: 13px; }
.t14,.font14 { font-size: 14px; }
.t15,.font15 { font-size: 15px; }
.t16,.font16 { font-size: 16px; }
.t17,.font17 { font-size: 17px; }
.t18,.font18 { font-size: 18px; }
.t19,.font19 { font-size: 19px; }
.t20,.font20 { font-size: 20px; }
.t24,.font24 { font-size: 24px; }
.t27,.font27 { font-size: 27px; }
.t27,.font34 { font-size: 40px; }

.fsn { font-style: normal; }
.lh0 { line-height: 0px; }
.lh16 { line-height: 16px; }
.mcont { margin-top: 19px; }
.let { letter-spacing: 2px; }
.cp1,.cor-white, .branco { color: #FFF!important; }
.cp2,.cor-verde { color: #bbe73f; }
/*verde** NOVO*/
.cp3,.cor-cinza { color: #929292; }
/*cinza*/
.cp4,.cor-verde2 { color: #799A13; }
/*Verde rodape*/
.mpd { margin: 05px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt { margin-top: 10px; }
.mb { margin-bottom: 10px; }
.ml { margin-left: 10px; }
.mr { margin-right: 10px; }
.ppd { padding: 10px; }
.pdt { padding-top: 10px; }
.pdb { padding-bottom: 10px; }
.pdl { padding-left: 10px; }
.pdr { padding-right: 10px; }
.curv5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.curv10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.dbg { border: 1px solid red; }
.txt { } .txs { } .txd { } .cp1 *,
.cp1 { color: #000!important; }
.cp2 *,
.cp2 { color: #fff!important; }
.cp3 *,
.cp3 { color: #274296!important; }
.cp4 *,
.cp4 { color: !important; }
.cp5 *,
.cp5 { color: !important; }
.cblack { color: #000!important; }
.cblackforc * { color: #000!important; }
.cwhite { color: #fff!important; }
.cwhiteforc * { color: #fff!important; }
.cvinho { color: #470101!important; }
.cpalha { color: #a7832d!important; }
.cmarrom { color: #7c3f16!important; }
.bred { background: red; }
.bgreen { background: green; }
.byellow { background: yellow; }
.bblue { background: blue; }
.bwhite { background: white; }
.bblack { background: black; }
.bvinho { background: #470101; }
.bpink { background: #e72a8e; }
.bpalhaescura { background: #7a6021; }
.bmarrom { background: #7c3f16; }
.bcinza { background: #f66; }
.bcinzinha { background: #ffeaea; }
/* 818291 */
.bcinzaescuro { background: #222; }
.broxo { background: #db1c76; }
.blimao { background: #25ea16; }
.blimaoescuro { background: #38c129; }
.rndinp-bsk {
    -webkit-border-radius: 05px;
    -moz-border-radius: 05px;
    -khtml-border-radius: 05px;
    border: 0;
    border-radius: 05px;
    padding: 5px 35px 5px 4px;
}
.rndbtn-bsk {
    -webkit-border-radius: 05px;
    -moz-border-radius: 05px;
    -khtml-border-radius: 05px;
    /;
    border: 0;
    border-radius: 05px;
    color: #fff;
    height: 22px;
    right: 2px;
    top: 2px;
    width: 30px;
    *;
}
.rndinp {
    -webkit-border-radius: 05px;
    -moz-border-radius: 05px;
    -khtml-border-radius: 05px;
    border: 0;
    border-radius: 05px;
    margin: 5px;
    padding: 5px 35px 5px 4px;
}
.rndbtn {
    -webkit-border-radius: 05px;
    -moz-border-radius: 05px;
    -khtml-border-radius: 05px;
    border: 0;
    border-radius: 05px;
    margin: 5px 5px;
}
.bcont { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset, 0 0 2px rgba(0, 0, 0, 0.2); padding: 15px; }
.bint { border: 1px solid #CFD3DD; padding: 5px 10px; }
.frmcadastro label {
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    margin-right: 15px;
    padding-top: 5px;
    width: 120px;
}
.frmcadastro input {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset, 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 8px;
    padding: 5px 5px;
    width: 200px;
}
.frmcadastro textarea {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset, 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-weight: 300;
    height: 100px;
    margin-bottom: 8px;
    padding: 5px 5px;
    width: 350px;
}
.nvinput {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset, 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 5px 5px;
}
.adcompro input,
.advendo input,
.atudados input,
.atudados textarea,
.conteudo1 input,
.conteudo2 textarea,
.newinput {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset, 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-weight: 300;
    margin: 2px 0px;
    padding: 2px 5px;
}
.shadw {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 300;
    padding: 2px 5px;
}
.shadw2 {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset, 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-weight: 300;
}
.bfecha {
    bottom: -22px;
    height: 20px;
    right: 0;
    width: 100px;
}
.esconde { height: 380px; width: 100%; }
.thoughtbot {
    background: #8d8d8d;
    background: -moz-linear-gradient(top, #8d8d8d 0%, #a7a7a7 50%, #9e9e9e 51%, #cacaca 100%);
    background: -ms-linear-gradient(top, #8d8d8d 0%, #a7a7a7 50%, #9e9e9e 51%, #cacaca 100%);
    background: -o-linear-gradient(top, #8d8d8d 0%, #a7a7a7 50%, #9e9e9e 51%, #cacaca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d8d8d), color-stop(50%, #a7a7a7), color-stop(51%, #9e9e9e), color-stop(100%, #cacaca));
    background: -webkit-linear-gradient(top, #8d8d8d 0%, #a7a7a7 50%, #9e9e9e 51%, #cacaca 100%);
    background: linear-gradient(to bottom, #8d8d8d 0%, #a7a7a7 50%, #9e9e9e 51%, #cacaca 100%);
    border: none;
    border-radius: 05px;
    box-shadow: 0px 2px 2px rgba( 0, 0, 0, 0.2) inset, 0px -2px 2px rgba( 0, 0, 0, 0.9);
    color: #000;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#cacaca', GradientType=0);
    float: right;
    font-weight: bold;
    padding: 5px 15px;
}
.thoughtbot:hover {
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: -o-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(40%, #2989d8), color-stop(60%, #207cca), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    border: none;
    border-radius: 05px;
    box-shadow: 0px 2px 2px rgba( 30, 87, 153, 0.2) inset, 0px -2px 2px rgba( 30, 87, 153, 0.9);
    color: #fff;
    cursor: pointer!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    float: right;
    font-weight: bold;
    padding: 5px 15px;
}
.thoughtbot:active {
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: -o-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(40%, #2989d8), color-stop(60%, #207cca), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 40%, #207cca 60%, #7db9e8 100%);
    border: none;
    border-radius: 05px;
    box-shadow: 2px 0px 2px rgba( 30, 87, 153, 0.2) inset, 2px 2px 2px rgba( 30, 87, 153, 0.5);
    color: #cdcdcd;
    cursor: pointer!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    float: right;
    font-weight: bold;
    padding: 5px 15px;
}
.txsdw { text-shadow: 1px 4px 4px #000000; }
.txsdw:hover { text-shadow: 0px 0px 10px #fff; }
/*NOVO FRAMEWORK*/
/* FRAMEWORK */
.fl { float: left; }
.fr { float: right; }
.cls { clear: both; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tu { text-transform: uppercase; }
.tCap { text-transform: capitalize; }
.tm { text-transform: lowercase; }
.vam { vertical-align: middle; }
.mg0 { margin: 0!important;}
.mgt0 { margin-top: 0!important; }
.mgt10 { margin-top: 10px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt40 { margin-top: 40px!important; }
.mgt50 { margin-top: 50px!important; }
.mgt60 { margin-top: 60px!important; }
.mgb0 { margin-bottom: 0!important; }
.mgb10 { margin-bottom: 10px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb60 { margin-bottom: 60px!important; }
.mgb80 { margin-bottom: 80px!important; }
.mgl0 { margin-left: 0!important; }
.mgl10 { margin-left: 10px!important; }
.mgl20 { margin-left: 20px!important; }
.mgl30 { margin-left: 30px!important; }
.mgl60 { margin-left: 60px!important; }
.mgl80 { margin-left: 80px!important; }
.mgr0 { margin-right: 0!important; }
.mgr10 { margin-right: 10px!important; }
.mgr20 { margin-right: 20px!important; }
.mgr30 { margin-right: 30px!important; }
.mgr50 { margin-right: 50px!important; }
.mgr60 { margin-right: 60px!important; }
.pd0 { padding: 0!important; }
.pd10 { padding: 10px!important; }
.pd20 { padding: 20px!important; }
.pd30 { padding: 30px!important; }
.pdt0 { padding-top: 0!important; }
.pdt10 { padding-top: 10px!important; }
.pdt20 { padding-top: 20px!important; }
.pdt30 { padding-top: 30px!important; }
.pdb0 { padding-bottom: 0!important; }
.pdb10 { padding-bottom: 10px!important; }
.pdb20 { padding-bottom: 20px!important; }
.pdb30 { padding-bottom: 30px!important; }
.pdl0 { padding-left: 0!important; }
.pdl10 { padding-left: 10px!important; }
.pdl20 { padding-left: 20px!important; }
.pdl30 { padding-left: 30px!important; }
.pdr0 { padding-right: 0!important; }
.pdr10 { padding-right: 10px!important; }
.pdr20 { padding-right: 20px!important; }
.pdr30 { padding-right: 30px!important; }
.mg10 { padding: 10px!important; }
.mg20 { padding: 20px!important; }
.miniatura { height: 300px; }
.pequeno { height: 150px; }
.pequeno,.miniatura { overflow: hidden; position: relative; width: 100%; }
.pequeno img,.miniatura img {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.pequeno img.landscape,.miniatura img.landscape { height: 100%; width: auto; }
/*:link { color: #000; transition: all 0.5s ease; }*/
/*a:hover { color: #777; transition: all 0.5s ease; }*/
/* E-MAIL */
.msg-sucesso {
    background: #99cc99;
    clear: both;
    color: #000;
    float: right;
    margin: 10px;
    padding: 10px;
}
.msg-falha {
    background: #cc3333;
    clear: both;
    color: #fff;
    float: right;
    margin: 10px;
    padding: 10px;
}
/*
div.formfield { clear: both; float: left; margin: 5px 0; }
div.formfield input,div.formfield textarea {
    border: 1px solid #ccc;
    margin-left: 5px;
    padding: 5px;
    vertical-align: top;
}
@media all and (min-width: 650px) {
    div.formfield { text-align: right; width: 100%; }
    div.formfield input,div.formfield textarea { width: 85%; }
}
@media all and (max-width: 650px) {
    div.formfield { text-align: left; width: 100%; }
    div.formfield input,div.formfield textarea { width: 100%; }
    }*/
    .wid50 { width: 50px!important; }
    .wid100 { width: 100px!important; }
    .wid200 { width: 200px!important; }
    .wid300 { width: 300px!important; }
    .wid500 { width: 500px!important; }
    .wid800 { width: 800px!important; }
    .wid900 { width: 900px!important; }
    .wid1000 { width: 1000px!important; }
    .wid100p,.widfull,.col-1 { width: 100%; }
    /*.wid50p,.col-2 { width: 51%; }*/
    /*.wid50p,.col-2 { width: calc((100% / 2) - 10px); }*/
    /*.wid50p,.col-2d3 { width: 60.33%; }*/
    /*.wid50p,.col-2d3 { width: calc((75% / 1) - 10px); }*/
    /*.wid30p,.col-3 { width: 33.33%; }*/
    /*.wid30p,.col-3 { width: calc((25% / 1) - 10px); }*/

    @media all and (max-width: 800px) {
        .wid300,
        .wid800,
        .wid900,
        .wid1000,
        .widfull,
        /*.col-1,*/
        /*.col-2,*/
        /*.col-21,*/
        /*.col-3,*/
        normalize-width{ width: 100%!important;}
    }

    .dn { display: none!important; }
    .tu,.text-uppercase { text-transform: uppercase!important; }
    .tCap,.text-capitalize { text-transform: capitalize;!important; }
    .tj,.text-justify { text-align: justify!important; }
    .tc,.text-center { text-align: center!important; }
    .tr,.text-right { text-align: right!important; }
    .tl,.text-left { text-align: left!important; }
/*
.fs1,h1 { font-size: 150%; }
.fs2,h2 { font-size: 120%; }
.fs3,h3 { font-size: 110%; }
.fs4,h4 { font-size: 108%; }
.fs5,h5 { font-size: 105%; }
.fs6,h6 { font-size: 102%; }
*/
.pag { margin-bottom: 20px; text-align: center; }
.pag a {
    border: 0px solid #f3f3f3;
    font-size: 120%;
    margin: 10px 05px;
    padding: 2px 10px;
}
.pag span {
    border: 0px solid red;
    color: #3399ff;
    font-size: 160%;
    margin: 10px 05px;
    padding: 2px 10px;
}
.imgbox img { max-width: 100%; }
.margem { padding: 20px; }
.margem-l { padding-left: 20px;padding-right: 20px; }
.margem-v,.mg-v { padding-top: 20px;padding-bottom: 20px; }
.center { margin: 0 auto; }

header, section, footer, aside, nav, main, article, figure { clear: both; display: block; }

[id^="bC"] + label > *:hover{
    cursor:pointer;
    color:#ccc;
}
/*[id^="xpnd"]{margin: 0 20px; }*/
/*[id^="xpnd"] p{margin-left: 20px; }*/

[id^="bC"],[id^="xpnd"] {display: none;width:0px;transition: all 0.5s ease;}
[id^="bC"]:checked + label + [id^="xpnd"] {display: inline;width:100%;transition: all 0.5s ease;}

.menulink_space:after {content:' • '; }
/*.menulink:after:last-child {content:''; }*/

.social-icons .facebook,
.social-icons .instagram,
.social-icons li a
{
    width:32px;height:32px!important;
    display: inline-block;
    margin: 0!important;
    padding: 0!important;
}

.facebook3,
.instagram3,
.social-icons .facebook,
.social-icons .instagram {
    background:url(../img/social-icons-32.png) 0px 0px;
}

.facebook3,
.social-icons .facebook{background-position: 0px 0px; }
.instagram3,
.social-icons .instagram{background-position: 32px 0px; }

.no-style{list-style: none;margin: 0!important;padding: 0px 10px!important;}
/*

form header {
  margin: 0 0 20px 0;
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
    width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
    font-size: 90%;
}
fieldset {
    border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
    width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0;
  }
  form > div > label,
  legend {
      width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  form > div > label,
    legend {
    text-align: right;
  }
}
*/

form input,
form textarea {
    width:97.4%;
    height:30px;
    padding:5px 10px;
    font-size: 12px;
    color:#000;
    letter-spacing:1px;
    background: #ddd;
    border:2px solid #d1d1d1;
    margin-bottom:25px;
  -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;}

form input:focus,
form textarea:focus {
    border:2px solid #dd4545;
    color:#999;}

form textarea {
    height:150px;}

input[type=submit] {
    width:100%;
    padding:5px 10px;
    font-size: 12px;
    letter-spacing:1px;
    background:#b43838;
    height:40px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#FFF;
    border:2px solid #b43838;
  -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;}

input[type=submit]:hover {
    color:#FFF;
    border:2px solid #dd4545;
    background: #b43838;
    cursor:pointer;}

form .required {
    color:#b43838;}