/* 
    Document   : styles
    Created on : 24/02/2010, 14:06:38
    Author     : Alessandro Martins
*/

/* CSS Reset (Compressed)*/
* { outline-style:none; outline-width:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
/*ol,ul { list-style:none; }*/
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { padding: 0; margin: 0; font-size: 100%; font-weight: bold; }
q:before,q:after { content: ''; }
abbr,acronym { border:0; }
embed, object { border: none; margin: 0; padding: 0; outline:none; }
a { text-decoration: none;}
/* CSS Reset (Compressed)*/

body
{
    margin: 0;
    padding: 0;
    font-family: Georgia, Arial, Helvetica, Verdana;
    background-color: #1a7242;
    background-image: url('../images/body-background.png');
    background-position: 0 250px;
    background-repeat: repeat-x;
}

    div#Layout
    {
        overflow: visible;
        clear: both;
        width: auto;
        background-image: url('../images/layout-background.jpg');
        background-position: top center;
        background-repeat: no-repeat;
    }

        div#Content
        {
            overflow: hidden;
            width: 1000px;
            height: auto;
            margin-left: auto;
            margin-right: auto;
        }

        div#ContentWrap
        {
            clear: both;
            overflow: hidden;
            width: 1000px;
        }

    div#Header
    {
        clear: both;
        overflow: visible;
        width: auto;
        margin: 0;
        margin-top: 50px;
        height: 200px;
        background-image: url('../images/header-background.jpg');
        background-repeat: repeat-x;
    }

    div#HeaderContent
    {
        width: 1000px;
        height: 200px;
        margin: auto;
    }

            div#HeaderLeft
            {
                float: left;
                width: 200px;
            }

                div#GoToKnorr
                {
                    padding-top: 34px;
                    height: 18px;
                }

                div#KnorrMyRice
                {
                    height: 60px;
                    padding-top: 40px;
                    padding-left: 20px;
                }

                div#KnorrMyRiceSlogan
                {
                    padding-top: 17px;
                    padding-left: 20px;
                }

            div#HeaderRight
            {
                float: right;
                padding-top: 33px;
                padding-right: 2px;
				position:relative;
            }

        div#FlashContent
        {
            clear: both;
            width: auto;
            height: 420px;
        }

        div#PerfectRice
        {
            float: left;
            width: 565px;
            padding-top: 17px;
        }

            div#VideoPlayer
            {
                width: auto;
                height: 325px;
                margin-top: 6px;
            }

        div#Recipes
        {
            float: right;
            width: 344px;
            padding-top: 17px;
        }

        div#Recipes ul
        {
            padding: 0;
            margin: 0;
            margin-top: 6px;
        }

        div#Recipes ul li
        {
            overflow: hidden;
            width: 334px;
            height: 67px;
            padding: 5px;
            margin-bottom: 5px;
            list-style: none;
            background-image: url('../images/recipes-item-background.gif');
            background-repeat: no-repeat;
            color: #ffffff;
            font-size: 12px;
            font-style: italic;

        }

        div#Recipes ul li div.Left
        {
            float: left;
            width: 84px;
            margin-right: 10px;
            text-align: center;
        }

        div#Recipes ul li div.Left div.Picture
        {
            overflow: hidden;
            width: 84px;
            height: 47px;
            border-right: 1px solid #074523;
            border-bottom: 1px solid #074523;
        }

        div#Recipes ul li div.Left div.Rate
        {
            margin-top: 5px;
        }

        div#Recipes ul li div.Right
        {
            float: left;
            width: 240px;
            height: 67px;
            line-height: 67px;
            vertical-align: middle;
        }

        div#Recipes ul li div.Right div.Text
        {
            line-height: 160%;
            text-shadow: #04361a 1px 1px 1px;
        }

        div#Recipes ul li div.Right div.Text h3
        {
            padding-bottom: 5px;
        }

        div#Recipes ul li div.Right div.Text a
        {
            color: #ffffff;
            text-decoration: none;
        }

        div#Recipes ul li div.Right div.Text a:hover
        {
            text-decoration: underline;
        }

        div#Recipes div#SeeMore
        {
            float: right;
            padding-top: 10px;
            padding-bottom: 10px;
        }


div#SubscribeSuccess
{
    clear: both;
    overflow: visible;
    width: 358px;
    height:122px;
    margin:164px auto auto;
    background-image: url('../images/submit-success.png');
    background-repeat: no-repeat;
}

    div#SubscribeSuccess div#CloseModal
    {
        position: absolute;
        margin-left:318px;
        margin-top:12px;
    }

div#Regulation
{
    clear: both;
    overflow: visible;
    width: 426px;
    height: 472px;
    padding: 20px;
    margin: auto;
    background-image: url('../images/regulation-background.gif');
    background-repeat: no-repeat;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana;
    color: #ffffff;
}

    div#Regulation div#CloseModal
    {
        position: absolute;
        margin-left: 370px;
        margin-top: -4px;
    }

    div#Regulation div#RegulationText
    {
        height: 332px;
        width: 370px;
        overflow: auto;
        background-color: #0d4628;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 10px;
    }
    div#Regulation div#RegulationText p
    {
        margin-bottom: 10px;
        text-align: justify;
    }
	
	div#Regulation div#RegulationText p.p2
    {
        padding-left:7px;
    }

div#Subscribe
{
    clear: both;
    overflow: visible;
    width: 960px;
    height: 432px;
    padding: 20px;
    margin: auto;
    background-image: url('../images/subscribe-form-background.png');
    background-repeat: no-repeat;
    font-size: 12px;
    font-style: italic;
    color: #ffffff;
}

    div#Subscribe div#CloseModal
    {
        position: absolute;
        margin-left: 940px;
        margin-top: 0px;
    }

    div#Subscribe a
    {
        color: #e88a23;
    }

    div#Subscribe h2
    {
        padding: 0;
        margin: 0;
        padding-top: 28px;
        padding-bottom: 10px;
    }

    div#Subscribe span.label
    {
        display: block;
        padding-top: 12px;
        padding-bottom: 4px;
    }

    div#Subscribe span.inline
    {
        
    }

    div#Subscribe span.normalBack
    {
        display: block;
        width: 253px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        background-image: url('../images/input-normal-background.gif');
    }

    div#Subscribe span.normalBack.Error
    {
        background-image: url('../images/error-input-normal-background.gif');
    }

    div.ddd
    {
        float: left;
        width: 73px;
    }

    div.phone
    {
        float: left;
    }

    div.filhos
    {
        float: left;
        width: 140px;
    }

    div.genero
    {
        float: left;
    }

    div#Subscribe span.dddBack
    {
        display: block;
        width: 42px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        background-image: url('../images/input-ddd-background.gif');
    }

    div#Subscribe span.dddBack.Error
    {
        background-image: url('../images/error-input-ddd-background.gif');
    }

    div#Subscribe span.dddBack input
    {
        width: 32px;
    }
    
    div#Subscribe span.phoneBack
    {
        display: block;
        width: 181px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        background-image: url('../images/input-phone-background.gif');
    }

    div#Subscribe span.phoneBack.Error
    {
        background-image: url('../images/error-input-phone-background.gif');
    }

    div#Subscribe span.phoneBack input
    {
        width: 161px;
    }
    
    div#Subscribe span.cepStart
    {
        display: block;
        float: left;
        width: 102px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        background-image: url('../images/input-cep-start-background.gif');
    }

    div#Subscribe span.cepStart.Error
    {
        background-image: url('../images/error-input-cep-start-background.gif');
    }

    div#Subscribe span.cepStart input
    {
        width: 82px;
        text-align: center;
    }

    div#Subscribe span.cepEnd
    {
        display: block;
        float: left;
        width: 42px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        margin-left: 10px;
        background-image: url('../images/input-cep-end-background.gif');
    }

    div#Subscribe span.cepEnd.Error
    {
        background-image: url('../images/error-input-cep-end-background.gif');
    }

    div#Subscribe span.cepEnd input
    {
        width: 22px;
        text-align: center;
    }

    span.cep
    {
        font-size: 10px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        vertical-align: middle;
    }

    div#Subscribe span.addressGroup
    {
        display: block;
        float: left;
        width: 243px;
    }

    div#Subscribe span.address
    {
        display: block;
        width: 233px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        background-image: url('../images/input-address-background.gif');
    }

    div#Subscribe span.address.Error
    {
            background-image: url('../images/error-input-address-background.gif');
    }

    div#Subscribe span.address input
    {
        width: 213px;
    }

    div#Subscribe span.numberGroup
    {
        display: block;
        float: right;
        overflow: hidden;
        width: 99px;
    }

    div#Subscribe span#CPFlabel.Error
    {
        color: #ffa018;
    }

    div#Subscribe span.number
    {
        overflow: hidden;
        display: block;
        float: left;
        width: 89px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        background-image: url('../images/input-number-background.gif');
    }

    div#Subscribe span.number.Error
    {
        background-image: url('../images/error-input-number-background.gif');
    }

    div#Subscribe span.number input
    {
        width: 69px;
        text-align: center;
    }

    div#Subscribe span.big
    {
        display: block;
        float: left;
        width: 351px;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        background-image: url('../images/input-big-background.gif');
    }

    div#Subscribe span.big input
    {
        width: 331px;
    }

    div#Subscribe div.half
    {
        display: block;
        float: left;
        width: 50%;
    }

    div#Subscribe div.inline
    {
        display: block;
        float: left;
        width: 100%;
    }

    div#Subscribe div.inline label.Error
    {
        color: #ffa018;
    }

    div#Subscribe div.clear
    {
        clear: both;
        overflow: visible;
    }

    div#Subscribe div.inline span,
    div#Subscribe div.inline input
    {
        display: inline;
        width: auto;
    }

    div#Subscribe input,
    div#Subscribe select
    {
        width: 240px;
        border: 1px solid #ffffff;
        padding-top: 3px;
        padding-bottom: 3px;
        font-family: Georgia, Arial, Helvetica, Verdana;
        font-size: 12px;
        font-style: italic;
        color: #626c67;
        background-color: #ffffff;
    }

    div#Subscribe select
    {
        width: 250px;
        margin-top: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    div#Subscribe span.Error input,
    div#Subscribe span.Error select,
    div#Subscribe div.Error input,
    div#Subscribe div.Error select
    {
        border: 1px solid #FBD8D8;
        color: #703636;
        background-color: #FBD8D8;
    }

    div#Subscribe div.half.date select.day
    {
        float: left;
        width: 50px;
    }

    div#Subscribe div.half.date select.month
    {
        float: left;
        width: 105px;
    }

    div#Subscribe div.half.date select.year
    {
        float: left;
        width: 55px;
    }

    div#Subscribe div.half select.filhos
    {
        float: left;
        width: 110px;
    }

    div#Subscribe div.half select.gender
    {
        float: left;
        width: 110px;
    }

    div#Subscribe div.city
    {
        float: left;
        width: 243px
    }

    div#Subscribe div.state
    {
        float: right;
        width: 100px;
    }

    div#Subscribe div.state select
    {
        width: 80px;
    }

    div#Subscribe div.submit
    {
        float: right;
        width: 100%;
        margin-top: 24px;
        text-align: right;
    }

    div#Subscribe div.submit input
    {
        width: auto;
        height: auto;
        border: none;
        float: right;
        background: none;
    }

    div.Select
    {
        float: left;
        overflow: visible;
        height: 26px;
        background-image: url('../images/select-full-background.gif');
    }

    div.Select.Error
    {
        background-image: url('../images/error-select-full-background.gif');
    }

    div.SelectStart,
    div.SelectEnd
    {
        float: left;
        width: 6px;
        height: 26px;
        background-image: url('../images/select-background.gif');
        background-repeat: no-repeat;
    }

    div.SelectStart.Error,
    div.SelectEnd.Error
    {
        background-image: url('../images/error-select-background.gif');
    }

    div.SelectEnd
    {
        background-position: -18px 0;
        margin-right: 7px;
    }

    div#SubscribeTitle
    {
        clear: both;
    }

    div#FormLeft
    {
        float: left;
        width: 590px;
    }

    div#PersonalData
    {
        width: 558px;
        height: 241px;
        padding-left: 16px;
        padding-right: 16px;
        background-image: url('../images/personal-data-background.png');
        background-repeat: no-repeat;
    }

    div#ExtraFields
    {
        margin-top: 20px;
        margin-left: 20px;
    }

    div#ExtraFields input
    {
        border: none;
    }

    div#ExtraFields small
    {
        display: block;
        clear: both;
        margin-top: 20px;
    }

    div#ExtraFields div.inline
    {
        padding-bottom: 5px;
    }

    div#FormRight
    {
        float: right;
        width: 360px;
        padding-left: 10px;
    }

    div#Subscribe div#FormRight h2
    {
        padding-bottom: 5px;
    }

    div#Footer
    {
        width: auto;
        height: 152px;
        background-color: #12422c;
    }

    div#FooterContent
    {
        width: 1000px;
        margin: auto;
    }

    div#FooterContentLeft
    {
        float: left;
        width: 50%;
        padding-top: 15px;
    }

    div#FooterContentLeft a
    {
        display: block;
        float: left;
        margin-right: 10px;
        text-decoration: underline;
        font-family: Georgia, Arial, Helvetica, Verdana;
        font-size: 10px;
        font-style: italic;
        color: #76a36d;
    }

    div#FooterContentRight
    {
        float: right;
        width: 50%;
        text-align: right;
        padding-top: 10px;
    }

    div#FooterContentRight div#Copy
    {
        font-family: Arial, Helvetica, Verdana;
        font-size: 9px;
        color: #ffffff;
        margin-top: 5px;
    }

    div#FooterContentRight div#Copy a
    {
        color: #ffffff;
        text-decoration: underline;
    }

    div#ErrorMessage
    {
        position: absolute;
        color: #ffa018;
        font-size: 14px;
        font-style: italic;
        margin-top: -50px;
        display: none;
    }

    /* Vai sair */
    div#Register, div#Rules
    {
        position: absolute;
    }

    div#Register
    {
        margin-top: 266px;
        margin-left: 654px
    }

    div#Register a
    {
        display: inline;
        padding-left: 346px;
        padding-bottom: 34px;
        font-size: 34px;
    }

    div#Rules
    {
        margin-top: 320px;
        margin-left: 885px;
    }

    div#Rules a
    {
        display: inline;
        padding-left: 113px;
        padding-bottom: 17px;
    }
    
    .modal-confirmacao {    	
    	width:358px;
    	height:185px;
    	margin:0 -179px;
    	position:absolute;
    	top:430px;
    	left:50%;
    	background:url(../images/form-confirmacao.png?v=1) no-repeat;
    	z-index:992;
    }

    .modal-confirmacao a.lnk-fechar {
    	float:right;
    	margin:11px 17px 0 0;
    }
    
    .modal-confirmacao h2 {
    	width:288px;
    	height:22px;
    	margin:23px 0 0 28px;
    	display:block;
    	overflow:hidden;
    	text-indent:-9999px;
    	background:url(../images/tit-atencao.png) no-repeat;
    }
    
    .modal-confirmacao p {
    	padding:13px 29px;
    	color:#fff;
    	line-height:16px;
    	font-size:12px;
    	font-family:Arial;
    }
    
    .modal-confirmacao .lnk-enviar-conf {
    	display:block;
	    height:33px;
    	margin-left:29px;
	    overflow:hidden;
    	text-indent:-99999px;
	    width:147px;
	    background:url(../images/lnk-enviar.png) no-repeat;
    }

	div.compartilhe {
	    height:30px;
	    overflow:hidden;
	    position:absolute;
	    right:0;
	    top:142px;
	    width:60px;
	}
	div.compartilhe strong {
	    color:#fffec0;
	    display:block;
	    font-size:9px;
	    font-weight:normal;
		font-family:Arial;
	}
	div.compartilhe ul {
	    display:block;
	    margin:5px 0 0;
	}
	div.compartilhe ul li {
	    background-position:0 0;
	    background-repeat:no-repeat;
	    display:block;
	    float:left;
	    height:14px;
	    padding:0 5px 0 0;
	    overflow:hidden;
	    position:relative;
	    text-indent:-9999px;
	    width:14px;
	}
	div.compartilhe ul li a {
	    display: block;
	    height: 14px;
	    overflow: hidden;
	    width: 14px;
		position:relative;
	}
	div.compartilhe ul li.facebook {
	    background-image: url("../images/bt-facebook.png");
	}
	div.compartilhe ul li.twitter {
	    background-image: url("../images/bt-twitter.png");
	    cursor: pointer;
	    text-indent: 0;
	}
	div.compartilhe ul li.twitter iframe {
	    opacity: 0;
	    width: 14px !important;
	}
	div.compartilhe ul li.orkut {
	    background-image: url("../images/bt-orkut.png");
	}