@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    box-sizing: border-box;
    font-size: 100%;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: #ca2e2e;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*:::::::::::::::::::::::END OF RESETS:::::::::::::::::::::::::*/


body{
    background: url(http://www.agora-escolha.com/0/vinho-e-sabores2014/img/bg.jpg) no-repeat top left fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    font-family: 'Raleway', sans-serif;
    padding-top: 1.125em;
    padding-bottom: 0.563em;
    font-size: 16px;
    width: 100%;
    
    
    
    background-image:url(http://www.agora-escolha.com/0/vinho-e-sabores2014/img/bg2.jpg)\9;
    background-size:none\9;
}

header, section, footer{
    width: 97.9%;
    max-width: 940px;
    margin: auto;
    background: white;
    -webkit-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
}

header{
    text-align: center;
}

.logo{
    display: inline-block;
    margin-right: -4px;
    padding: 1.625em;
    padding-bottom: 1.3em;
    padding-right: 0;
}
    .logo img{
        width: 100%;
    }

.titulo{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding-top: 2.4em;
    padding-bottom: 2.1em;
    padding-right: 2em;
    margin-left: 5%;
    text-align: left;
}

    .titulo h1{
        font-size: 2.25em;
        color: #ca2e2e;
    }

    .titulo h2{
        font-size: 1.125em;
        color: #ca2e2e;
        margin-top: 1em;
    }

    .titulo h2 span{
        color: #707070;
    }

footer{
/*  height:1.963em;*/
    margin-top: 1.5em;
    font-size: 0.75em;
    text-align: center;
    color: #707070;
    font-weight: 400;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.4em;
}

.slider{
    margin-top: 1.125em;
    height:14.375em;
}

.in-slider img{
    height: 100%;
}


/*::::::::::::::::::::::END OF COMMONS::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::LANDING::::::::::::::::::::::::::::*/


.content-2-col{
    margin-top:1.5em;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.content-left{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 48.935%;
    height: inherit;
    background: white;-webkit-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    
}

    .top-title-bar{
        height:2.813em;
        background: #ca2e2e;
        padding: .6em;
        padding-left: .983em;
    }
        .top-title-bar h3{
            color: white;
            font-size: 1.625em;
            font-weight: 300;
        }
    
    .content-left-content{
        margin-left: .983em;
        margin-top:1.2em;
        padding-bottom: .91em;
        
    }
        .content-left-content h4{
            font-size: 1.44em;
            color: #ca2e2e;
        }

        .content-left-content p{
            font-size: 1em;
            margin: 1.2em;
            font-weight: 500;
            color: #707070;
            line-height: 1.3em;
        }

            .content-left-content p span{
                text-transform: uppercase;
                font-weight: 700;
                color: #ca2e2e;
            }

.content-right{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 48.935%;
    margin-left: 2.5%;
    height: inherit;
    background: white;
    -webkit-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
}


#myModal a{
    font-weight: 700;
    color: #707070;
    text-decoration: underline;
}

#myModal h1{
    font-weight: 600;
    color: #ca2e2e;
    font-size: 1.75em;
    text-align: center;
}

#myModal p{
    font-weight: 400;
    color: #707070;
    font-size: 0.875em;
    text-align: left;
    line-height: 1.3em;
    margin-top: 1em;
}

/*:::::::::::::::::::::::::FORM::::::::::::::::::::::::::::*/

form{
    margin:0.625em;
}

input[type="checkbox"] {
    display:none;
    
    display: block\9;
}
input[type="checkbox"] + label span {
    display:inline-block;
    display: none\9;
    
    width:13px;
    height:13px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(http://www.agora-escolha.com/0/vinho-e-sabores2014/img/checkboxes.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(http://www.agora-escolha.com/0/vinho-e-sabores2014/img/checkboxes.png) -13px top no-repeat;
}

.aceito{
    font-size: .688em;
    color: #707070;
}


.form-fields{
    margin-top: .5em;
}

.form-name{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 40%;
    margin-right: 1.1em;
}
.form-mail{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 51%;
    margin-right: 1.1em;
}

.form-tel{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 69%;
    margin-right: 1.1em;
    margin-top: .8em;
}
    .form-tel input{
        width: 58% !important;
    }

.text-label{
    font-size: .75em;
    font-weight: 600;
    color: #ca2e2e;
    width: 100%;
}

.text-label span{
    font-size: .85em;
    font-weight: 400;
    color: #707070;
}

input[type=text]{
    width: 100%;
    height: 1.8em;
    border: 1px solid #c6c6c6;
    margin-top: .2em;
}


.aceito2{
    margin-top: 1.5em;
    font-size: .8em;
    color: #707070;
}

.aceito2 a{
    color: #707070;
    text-decoration: underline;
}

.botao{
    text-align: center;
    height: 2.5em;
    margin-top: 1.2em;
}

.botao input{
    height: 1.8em;
    border: none;
    font-family: 'Raleway', sans-serif;
    width: 65%;
    font-size: 1.5em;
    background: #ca2e2e;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    color: white;
    font-weight: 400;
}

.disclaimer{
    text-align: center;
    margin-top: 1.5em;
    font-size: .725em;
    color: #707070;
}

/*:::::::::::::::::::::::::FIM FORM::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::FIM LANDING::::::::::::::::::::::::::::*/


/*:::::::::::::::::::::::::PAGAMENTO::::::::::::::::::::::::::::*/


.content-1-col{
    margin-top:1.5em;
    background: white;
    -webkit-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    
}


.content-pagamento{
    padding: .983em;
    padding-bottom: 3em;
}

    .content-pagamento h1{
        color: #707070;
        font-weight: 600;
        font-size: 0.83em;
    }


.L{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    margin-top: 1.2em;
    width: 55%;
}

    .L img{
        display: block;
        margin-right: -4px;
        vertical-align: top;
        margin-left: 6%;
        float: left;
        width: 30%;
    }
    
    .dadosPagamento{
        display: block;
        margin-right: -4px;
        vertical-align: top;
        margin-left: 2.125em;
        line-height: 1.8em;
        margin-top: 1em;
        width: 17.4em;
        float: left;
    }

        .dadosPagamento h2{
            font-size: 1.125em;
            color: #ca2e2e;
        }

        .dadosPagamento h3{
            font-size: 1.125em;
            font-weight: 500;
            color: #707070;
        }
            .dadosPagamento h3 span{
                font-size: 1em;
                font-weight: 300;
                color: #ca2e2e;
            }

.R{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    margin-top: 1.2em;
    width: 40%;
    margin-left: 4%;
    color: #707070;
    line-height: 1.4em;
    font-size: 0.875em;
    margin-top: 2.8em;
}


/*:::::::::::::::::::::::::FIM PAGAMENTO::::::::::::::::::::::::::::*/

#mensagem{
    font-size: 1.3em;
    color: #ca2e2e;
    text-align: center;
    margin-top: 10%;
    font-weight: 400;
}

#mensagem h1{
    color: #ca2e2e;
}

.aceito2B{
    font-size: .9em;
    line-height: 1.189em;
}
.aceito2B span{
    font-weight: 600;
    color: #ca2e2e;
}
.facebook-button{
    width:auto;
    display:inline-block;
    position:relative;
    vertical-align:top;
    margin-right:-4px; 
    float:right;
    top:0;
    right:10px;
    margin-top:-55px;
}

/*:::::::::::::::::::::::::MEDIA QUERIES::::::::::::::::::::::::::::*/

@media (max-width:420px) {

    header{}
    
    .logo{
        display: block;
        width: 100%;
    }
    
    .logo img{
        width: 40%;
        margin: auto;
    }
    
    
    .titulo{
        display: block;
        width: 90%;
        margin: auto;
        padding: 0;
        padding-bottom: 1em;
        text-align: center;
    }
    .titulo h1{
        text-align: center;
        font-size: 1.2em;
        padding: 0;
        margin: 0;
    }
    
    .titulo h2{
        text-align: center;
        font-size: .9em;
        padding: 0;
        margin: 0;
        margin-top: 1em;
    }
    .content-2-col{
        margin-top: 1em;
    }
    .content-left{
        display: block;
        margin-right: -4px;
        vertical-align: top;
        width: 100%;
        height: inherit;
        background: white;
        -webkit-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
        box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    
    }
    
    
    .top-title-bar{
        height:2em;
        background: #ca2e2e;
        padding: .4em;
    }
        .top-title-bar h3{
            color: white;
            font-size: 1.2em;
            font-weight: 300;
            text-align: center;
        }
    
    .content-left-content{
        margin-left: .983em;
        margin-top:1.2em;
        padding-bottom: .1em;
        
    }
        .content-left-content h4{
            font-size: 1.2em;
            color: #ca2e2e;
            text-align: center;
        }

        .content-left-content p{
            font-size: .8em;
            margin: 1.2em;
            font-weight: 500;
            color: #707070;
            line-height: 1.3em;
        }

            .content-left-content p span{
                text-transform: uppercase;
                font-weight: 700;
                color: #ca2e2e;
            }
    .content-right{
        display: block;
        margin-right: -4px;
        vertical-align: top;
        width: 100%;
        margin-left: 0;
        height: auto;
        padding-top: 0.05em;
        margin-top: .7em;
        background: white;
        -webkit-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
        box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
    }

    /*:::::::::::::::::::::::::FORM::::::::::::::::::::::::::::*/

        form{
            margin:0.625em;
        }

        input[type="checkbox"] {
            display:none;
        }
        input[type="checkbox"] + label span {
            display:inline-block;
            width:21px;
            height:20px;
            margin:-1px 4px 0 0;
            vertical-align:middle;
            background:url(http://www.agora-escolha.com/0/vinho-e-sabores2014/img/checkboxes.png) left top no-repeat;
            background-size: cover;
            cursor:pointer;
        }
        input[type="checkbox"]:checked + label span {
            background:url(http://www.agora-escolha.com/0/vinho-e-sabores2014/img/checkboxes.png) -21px top no-repeat;
            background-size: cover;
        }

        .aceito{
            font-size: .8em;
            color: #707070;
        }


        .form-fields{
            margin-top: .5em;
        }

        .form-name{
            display: inline-block;
            margin-right: -4px;
            vertical-align: top;
            width: 100%;
            margin-right:0;
            text-align: center;
        }
        .form-mail{
            display: inline-block;
            margin-right: -4px;
            vertical-align: top;
            width: 100%;
            margin-right:0;
            margin-top: .8em;
            text-align: center;
        }

        .form-tel{
            display: inline-block;
            margin-right: -4px;
            vertical-align: top;
            width: 100%;
            margin-right:0;
            margin-top: .8em;
            text-align: center;
        }
            .form-tel input{
                width: 100% !important;
            }

        .text-label{
            font-size: 1em;
            font-weight: 600;
            color: #ca2e2e;
            width: 100%;
        }

        .text-label span{
            font-size: .75em;
            font-weight: 400;
            color: #707070;
            display: block;
            margin-bottom: -1.2em;
        }
        

        input[type=text]{
            width: 100%;
            height: 3em;
            border: 1px solid #c6c6c6;
            margin-top:.2em;
        }


        .aceito2{
            margin-top: 1.5em;
            font-size: .9em;
            color: #707070;
        }

        .aceito2 a{
            color: #707070;
            text-decoration: underline;
            font-weight: 600;
        }

        .botao{
            text-align: center;
            height: auto;
            margin-top: 1.2em;
        }

        .botao input{
            height: 1.9em;
            border: none;
            font-family: 'Raleway', sans-serif;
            width: 90%;
            font-size: 1.8em;
            background: #ca2e2e;
            -webkit-border-radius: none;
            -moz-border-radius: none;
            border-radius: none;
            color: white;
            font-weight: 400;
        }

        .disclaimer{
            text-align: center;
            margin-top: 1.5em;
            font-size: .725em;
            color: #707070;
            padding-bottom: 1em;
        }
    
        footer{
            height:auto;
            margin-top: 1em;
            font-size: 0.75em;
            text-align: center;
            color: #707070;
            font-weight: 400;
            padding: 0.5em;
            line-height: 1.2em;
        }

        /*:::::::::::::::::::::::::FIM FORM::::::::::::::::::::::::::::*/
    
        .content-1-col{
            margin-top:1em;
            background: white;
            -webkit-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
            -moz-box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);
            box-shadow: 0px 2px 14px 0px rgba(50, 50, 50, 0.35);

        }


        .content-pagamento{
            padding: .983em;
            padding-bottom: 1.5em;
        }

            .content-pagamento h1{
                color: #707070;
                font-weight: 600;
                font-size: 0.83em;
                text-align: center;
                line-height: 1.2em;
                display: block;
            }


        .L{
            display: block;
            height: 9em;
            padding-top: 0.8em;
            padding-bottom: 0.8em;
            width: 100%;
            margin: 0;
            margin-top: .7em;
        }

            .L img{
                display: inline-block;
                margin-right: -4px;
                vertical-align: top;
                margin-left: 6%;
                float: left;
                width: 20%;
                margin-top: .5em;
            }

            .dadosPagamento{
                display: inline-block;
                margin-right: -4px;
                vertical-align: top;
                margin-left: 1.5em;
                line-height: 1.5em;
                margin-top: 0;
                width: 65%;
                float: left;
            }

                .dadosPagamento h2{
                    font-size: .9em;
                    color: #ca2e2e;
                }

                .dadosPagamento h3{
                    font-size: .9em;
                    font-weight: 500;
                    color: #707070;
                }
                    .dadosPagamento h3 span{
                        font-size: .9em;
                        font-weight: 300;
                        color: #ca2e2e;
                    }

        .R{
            display: block;
            margin-top: 1em;
            width: 100%;
            height: auto;
            color: #707070;
            line-height: 1.4em;
            font-size: 0.75em;
        }
    
        .slider{
            margin-top: 1.125em;
            height:auto;
        }

        .in-slider img{
            width: 130%;
            height: auto;
        }
    
    
        #myModal a{
            font-weight: 700;
            color: #707070;
            text-decoration: underline;
        }

        #myModal h1{
            font-weight: 600;
            color: #ca2e2e;
            font-size: 1.3em;
            text-align: center;
        }

        #myModal p{
            font-weight: 400;
            color: #707070;
            font-size: 0.875em;
            text-align: left;
            line-height: 1.3em;
            margin-top: 1em;
        }
    
        .facebook-button{
            width:auto;
            display:inline-block;
            position:relative;
            vertical-align:top;
            margin-right:-4px;
            float:right;
            top:0;
            right:10px;
            margin-top:-200px;
        }
    

}