/*  
Theme Name: Diretotal - Marketing de Relacionamento Total
Theme URI: http://www.diretotal.com.br/
Description:
Version: 1.0
Author: Cesar Augusto Becker Denis
Author URI: http://www.diretotal.com.br/
*/

@import /**/"reset.css";
@import /**/"modal.css";
@import /**/"form.css";


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

::selection {
	background: #336c81; /* Safari */
	color:#fff;
}
::-moz-selection {
	background: #336c81; /* Firefox */
	color:#fff;
}

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

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



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

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

#wrapper {
    text-align:left;
    width: 960px;
    margin: 0 auto;
}


.first.column { }  
.last.column { padding:0; }  
.column { padding: 0 20px 0 0; }  
   
/*****
	HEADER
	Logo / Menu / Mensagem de Bem-vindo
*****/

#header {
	height:322px;
	position:relative;
}

    /**** Logo ****/
    h1.logo {
	    width:292px;
	    position:absolute;
	    top:14px;
	    left:42px;
	    display: none;
    }

        h1.logo a {
	        height:122px;
	        display:block;
	        background:url(images/lodo_diretotal.png) no-repeat;
	        text-indent:-999em;
	        overflow:hidden;
        }
    
    div.flashlogo {
	    width:292px;
	    height:122px;
	    position:absolute;
	    top:14px;
	    left:42px;
    }
        
    #flash-animation {
        width: 496px;
        height: 327px;
        position:absolute;
	    top:0px;
	    right:13px;
    }
    
    /**** Menu de Navegação ****/
    
    .nav-links {
        position:absolute;
        left: 47px;
        top: 241px;
    }
    
        .nav-links ul {
            
        }
            
            .nav-links ul li {
                display:block;
                float:left;
                height:32px;
            }
            
                .nav-links ul li a {
                    display:block;
                    float:left;
                    height:32px;
                    text-indent:-999px;
                    overflow:hidden;
                    margin: 0 3px 0 0;
                }
                
                .nav-links ul li a.Services { width:80px; background: url(images/nav_services.png) no-repeat center top; }
                .nav-links ul li a.Public { width:81px; background: url(images/nav_public.png) no-repeat center top; }
                .nav-links ul li a.Guest { width:80px; background: url(images/nav_guest.png) no-repeat center top; }
                .nav-links ul li a.Framework { width:92px; background: url(images/nav_framework.png) no-repeat center top; }
                .nav-links ul li a.Contact { width:77px; margin:0; background: url(images/nav_contact.png) no-repeat center top; }
                
                .nav-links ul li a:hover, .nav-links ul li a.active  { background-position: 0 -37px; }
                
    
    #breadcrumbs
	{
		position:absolute;
        top: 289px;
        left:47px;
	}
	    #breadcrumbs span
	    {
		    float:left;
		    margin:0 5px 0 0;
	    }
	
	    #breadcrumbs ol
	    {
		    float:left;
		    list-style:none;
		    margin:0 5px;
	    }
	    
	        #breadcrumbs ol li
	        {
		        display:inline;
	        }
	        
	    #breadcrumbs a
	    {
		    color:#222;
		    font-weight:bold;
	    }
	
	    #breadcrumbs a.current_node
	    {
		    color:#222;
	    }
	
	    #breadcrumbs a.root_node
	    {
		    color:#336c81;
		    text-decoration:none;
	    }
	
	    #breadcrumbs a.node
	    {
		    font-weight:normal;
		    text-decoration:none;
	    }
	
	    #breadcrumbs a.node:hover, #breadcrumbs a.root_node:hover
	    {
		    text-decoration:underline;
	    }
	
	.linkbtn {
	    display: inline-block;
	    color:#fff !important;
	    text-decoration:none;
	    font-size: 83.3%;
	    background: url(images/linkbtn_rgt.gif) no-repeat right 0;
	    padding: 0 10px 0 0;
	    height:18px;
	    clear:both;
	    cursor:pointer;
	}
	    .linkbtn span {
	        display: inline-block;
	        background: url(images/linkbtn_lft.gif) no-repeat 0 0;
	        padding: 0 0 0 10px;
	    }
	
	#flash-programs {
	    margin: 0 0 5px 0;
	}
	
/*****
    CONTENT
    Conteudo / Colunas / Elementos do Conteudo
*****/

#content {
    margin: 0 47px;
    padding: 0 0 20px;
}

    .right, .left {
        width:423px;
    }
    
    .left { float: left; }
    .right { float: right; }
        
    .feature {
        background: #fff url(images/bg_feature.jpg) repeat-x 0 0;
        border: solid 1px #d5d5d5;
        border-radius: 10px;  
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;
    }
        
        .feature-left { float:left; width: 201px; }
        .feature-right { float:right; width: 201px; }
        
        .feature-content {
            padding: 15px;
            border: solid 1px #fff;
            border-radius: 10px;  
            -moz-border-radius: 10px;  
            -webkit-border-radius: 10px;
        }
    
    .feature h2, .feature h3{
        color: #4c7d90;
        font-size: 175%;
        margin: 0 0 0.667em;
    }
    
    .feature h4{
        color: #4c7d90;
        font-size: 133.3%;
        margin: 0 0 0.667em;
    }
    
    .feature p {
        margin: 0 0 1em;
        line-height: 150%;
    }
    
    .feature p:last-child {
        margin: 0;
    }
    
    .feature b, .feature a {
        color:#4c7d90;
    }
    
    .feature a:hover {
        text-decoration:none;
    }
    
    .feature ul {
        margin: 0 0 0 1.667em;
    }
    
    .feature ul li{
        margin: 0 0 1em 0;
        padding: 0 0 0 1.667em;
        background: url(images/arrow_01.gif) no-repeat 0 2px;
    }
    
    
    #publicDetails  {
        position:relative;
        height: 560px;
        
    }
    
        #publicDetails .details  {
            position:absolute; 
            display: none;
            top: 0; 
            left:0;            
        }
    
/*****
	FOOTER
*****/

#footer {
    background: url(images/bg_footer.gif) repeat-x 0 0;
    clear:both;
    text-align:left;  
}

    .footer-content {
        margin: 0 auto;
        width:866px;
        padding: 5px 0 0 0;
    }
    
    .copyright {
        color:#fff;
        float:left;

    }
    
    .slogan {
        color:#fff;
        float:right;
    }
    
    .bbn {
        display: block;
        width: 152px;
        height: 24px;
        background: url(images/logo_bbn.gif) no-repeat 0 0;
        float:right;
        margin: 0 0 0 50px;
        text-indent: -9999px;
        overflow:hidden;
    }
    
     .bbn a{
        display: block;
        width: 152px;
        height: 24px;
    }
    
    .country {
        display: block;
        text-align:center;
        line-height: 150%;
        padding: 10px 0;
        color:#999;
    }