/*  
Theme Name: Fidélité Colorista -  L'Oréal Professionel
Theme URI: http://www.fideliteloreal.com.br/
Description: Site 2010
Version: 1.0
Author: Cesar Augusto Becker Denis
Author URI: http://www.diretotal.com.br/
*/

@import /**/"reset.css";
@import /**/"modal.css";
@import /**/"form.css";
@import /**/"fidelitenews.css";
@import /**/"gridthemes.css";
@import /**/"shop.css";
@import /**/"updateprogress.css";

/**** 
	PADRÃO
	Valores que serão usados no site inteiro
****/

body {
    color:#000;
    font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align:center;
	background: #fff url(images/bg-footer.jpg) repeat-x center bottom;
}

body.with-flash #wrapper { background: url(images/bg-body.jpg) repeat-x center 0; }
body.without-flash  #wrapper { background: url(images/bg-body2.jpg) repeat-x center 0; }

header, section, article, footer, nav {
    display:block;
}

img.alignleft {float:left; margin:0 10px 10px 0;}
img.alignright {float:right; margin:0 0 10px 10px;}
img.imgMargin { margin:0 0 10px; }

.clearfix {
	height:1px;
	clear:both;
	overflow:hidden;
}

.clearfix:after {
    content: " ";
	display: block;
	clear:both;
	height:1px;
}

a {
    color:#a99665;
    text-decoration:none;
}
    
a:hover {
    text-decoration:underline;
}
    
#wrapper {
    text-align:left;
    width: 100%;
}

#wrapper-inner{
    width:960px;
    margin: 0 auto;
}

#flash {
    height: 325px;
}

#top-tlt {
    height: 60px;
    float:left;
    color:#fff;
    padding: 55px 0 0;
}

    #top-tlt h3{
        text-shadow:0 1px 1px #000000;
        text-transform:uppercase;
        font-weight:bold;
        font-size:20px;
    }

    #top-tlt h5{
        font-size:18px;
        text-shadow:0 1px 1px #000000;
    }

nav ul li {
    display:inline;
}

nav ul li a, nav ul li a:visited, nav ul li a:active {
    background:transparent none repeat scroll 0 0;
    color:#fff;
    display:block;
    float:left;
    padding:7px 12px;
    text-decoration:none;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
}

nav ul li.current_page_item a {
    background: #1a1a1a none repeat scroll 0 0;
    color:#a69462;
}

nav ul li a:hover {
    background: #1a1a1a none repeat scroll 0 0;
    color:#fff;
    text-decoration:none;
}

    #breadcrumbs
	{
		float:right;
		width: 330px;
		padding: 80px 0 0;
	}
	
	    #breadcrumbs span
	    {
            font-size: 11px;
            color:#fff;
	    }
	    
	    #breadcrumbs span.here
	    {
	        padding: 5px;
	        margin: 0 5px 0;
            background: rgb(255,255,255); /* The Fallback */
            background: rgba(255,255,255,0.45);
            text-transform:uppercase;
            color:#514118;
	    }
	
	    #breadcrumbs ol
	    {
		    float:left;
		    list-style:none;
		    margin:0 5px;
	    }
	    
	        #breadcrumbs ol li
	        {
		        display:inline;
	        }
	        
	    #breadcrumbs a
	    {
		    color:#fff;
		    font-weight:bold;
	    }
	
	    #breadcrumbs a.current_node
	    {
		    color:#fff;
	    }
	
	    #breadcrumbs a.root_node
	    {
		    color:#fff;
		    text-decoration:none;
		    font-weight:normal;
	    }
	
	    #breadcrumbs a.node
	    {
		    font-weight:normal;
		    text-decoration:underline;
	    }
	
	    #breadcrumbs a.node:hover, #breadcrumbs a.root_node:hover
	    {
		    text-decoration:underline;
	    }


.search-result {
    margin: 10px 0 20px;
    padding: 10px 20px 0;
    border: solid 1px #999;
    border-width: 1px 0;
}

    .search-result li{
        padding: 10px;
        border: dashed 1px #999;
        border-width: 1px 0 0;
    }
    
    .search-result li:first-child{
        border-width: 0;
    }
    
        .search-result li h5{
            font-size: 15px;
            margin: 0 0 3px;
            font-weight:bold;
        }
        
        .search-result li a{
            text-decoration: underline;
        }
        
         .search-result li span{
            line-height: 150%;
        }
        
    .page {
        margin: 0 0 20px;
    }
        .page span span, .page span a {
            font-size: 90.0%;
            display:block;
            float:left;
            margin-bottom:5px;
            margin-right:5px;
            padding:0.3em 0.5em;
        }
        .page span span {
            background-color:#a99665;
            color:#FFFFFF;
        }

        .page span a {
            background-color:#ccc;
            color:#FFFFFF;
            text-decoration:none;
            
        }

        .page span a:hover {
             background-color:#ffffff;
             color:#a99665;
        }

/*****
	HEADER
	Logo / Menu
*****/
header {
    width:960px;
    margin: 0 auto;
}

#header-inner {
    height: 107px;
    position:relative;
}

 /**** Logo ****/
    h1.logo {
        width:259px;
        float:left;
    }

        h1.logo a {
	        height:106px;
	        display:block;
	        background:url(images/logo-header.jpg) no-repeat;
	        text-indent:-999em;
	        overflow:hidden;
        }

nav.header-nav {
    float: left;
    margin: 37px 0 0 40px; 
}

div.sub-nav {
    position: absolute;
    top: 2px;
    right:0;
}

    div.sub-nav ul li {
        display: inline;
    }
    
    div.sub-nav ul li a, div.sub-nav ul li a:visited, div.sub-nav ul li a:active {
        color:#a39161;
        display:block;
        float:left;
        margin-right:5px;
        text-decoration:none;
        font-size:11px;
    }

    div.sub-nav ul li a:hover {
        text-decoration:underline;
    }

/*****
    CONTENT
    Conteudo / Colunas / Elementos do Conteudo
*****/
section#content {
    padding: 20px 0 50px;
}

    section#content p{
        line-height:150%;
    }

section#inner-content {
    float: right;
    width: 615px;
    padding: 20px 35px 50px 0;
}

    section#inner-content article h4 {
        font-size: 20px;
        color:#a99665;
        margin: 0 0 10px;        
    }
    
    section#inner-content article h5 {
        font-size: 16px;
        color:#a99665;
        margin: 0 0 10px;        
    }
        
    section#inner-content article p {
         line-height:150%;
         margin: 0 0 10px;
    }

aside {
    padding: 20px 0 50px;
    float:left;
    width: 240px;
}

    aside h4{
        color:#999;
        font-weight:bold;
        font-size: 16px;
        margin: 0 0 10px 45px;    
    }
    
    aside div#submenu {
        background: url(images/bg-submenu.jpg);
        min-height: 263px;
        padding: 25px 0 0;
        width: 240px;
    }
    
    aside div#submenu ul li {
        padding: 13px 15px 13px 30px;
        margin: 0 0 2px;
        
    }
    
    aside div#submenu ul li a{
        padding: 0 0 0 15px;
    }
    
    aside div#submenu ul li a:hover{
        text-decoration:none;
    }
    
    aside div#submenu ul li.current{
        background: url(images/current-submenu.gif) no-repeat 0 0;
    }
    
    aside div#submenu ul li.current a{
        background: url(images/current-submenu-a.gif) no-repeat 0 50%;
    }

article#theprogram-article, article#join-article {
    float:left;
    margin:0 20px 0 0;
    width:300px;
}

article#form-article{
    float:left;
    margin:0;
    width:300px;
}


article#four-article{
    float:left;
    margin:0 20px 0 0;
    width:460px;
}

article#five-article{
    float:left;
    margin:0;
    width:460px;
}

article.collum-article h2 {
    color:#fff;
    text-transform: uppercase;
    font-size: 22px;
    display: block;
    width:180px;
    background-color:#a99665;
    line-height: 16px;
    padding: 10px 0 0 60px;
    margin: 0 0 10px;
}

article.collum-article h3 {
    color:#a99665;
    font-size: 16px;
    font-weight:bold;
    margin: 0 0 10px;
}

article.collum-article div.inner-article {
    height: 290px;
}

article.collum-article div.inner2-article {
    height: 110px;
}

    article.collum-article div.inner-article img {
        margin: 0 0 10px;
    }

article.collum-article a.see-more {
    background: url(images/see-more.gif) no-repeat 0 0;
    padding: 8px 0 10px 35px;
    color:#a99665;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
}

.article-divider{
    margin: 20px 0 0;
    padding: 20px 0 0;
    border: dotted 1px #a99665;
    border-width: 1px 0 0;
}

ul.list {
    margin:0 0 20px 20px;
}

    ul.list li {
        margin: 0 0 10px;  
        padding: 0 0 0 30px; 
        background: url(images/current-submenu-a.gif) no-repeat 0 50%; 
    }

ol.order-list{
    margin:0 0 20px 40px;
}
    ol.order-list li{
        list-style-type:decimal;
        color:#a99665;
        font-size:18px;
        font-style:italic;
        font-weight:bold;
    }
    
    ol.order-list li p{
        font-size:12px;
        font-style:normal;
        font-weight:normal;
        color:#000;
    }
/*****
	FOOTER
*****/

#footer-inner {
    height: 238px;
}

section#footer-contact {
    float:left;
    margin:40px 45px 0 25px;
    width:275px;
}

section#footer-join  {
    float:left;
    margin:40px 45px 0 0;
    width:275px;
}

section#footer-copyright  {
    float:left;
    margin:40px 0 0 0;
    width:275px;
}

section.footer-collum{
    color:#fff;
}

    section.footer-collum a{
        color:#fff;
        text-decoration:none;
    }
    
    section.footer-collum p{
        line-height: 150%;
        padding: 0 0 0 5px;
    }
    
    section.footer-collum h3{
        text-transform:uppercase;
        font-weight:bold;
        text-shadow:0 1px 1px #000000;
        margin: 0 0 10px;
        letter-spacing: -1px;
    }
    
nav.footer-nav {
    float: left;
    margin: 65px 0 0; 
}

 /**** Logo ****/
    div.logo-footer {
        width:171px;
        float:right;
        margin: 42px 0 0;
    }

        div.logo-footer a {
	        height:73px;
	        display:block;
	        background:url(images/logo-footer.jpg) no-repeat;
	        text-indent:-999em;
	        overflow:hidden;
        }