/*  
Theme Name: Castrol Auto Service
Theme URI: http://www.castrolautoservice.com.br/
Description: Site 2010
Version: 1.0
Author: Cesar Augusto Becker Denis
Author URI: http://www.diretotal.com.br/
*/

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

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

body {
    background-color:#FFFFFF;
    color:#252525;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    z-index:1;
}

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;
}

.topleft {
    background:url(images/top_red.gif) repeat-x center top;
    height:66px;
    left:0;
    position:absolute;
    top:0;
    width:50%;
    z-index:2;
}

.topright {
    background:url(images/top_green.gif) repeat-x right top;
    height:66px;
    position:absolute;
    right:0;
    top:0;
    width:50%;
    z-index:2;
}

.container {
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:3;
}

.wrapper {
    margin: 0 auto;
    width:925px;
    padding: 0 22px;
    position:relative;
}

.left {
    width:200px;
    float: left;
}

.right {
    width:703px;
    float: right;
}

h1, h2, h3, h4, h5, p { margin-bottom: 10px;}

h1, h2, h3, h4, h5 { color:#666; font-weight:bold; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }

a { color:#008542; text-decoration: none; }
a:hover { color:#ff0007; text-decoration: underline; }

.red { color:#ff0007; }
.green { color:#008542; }

ul.menu {
    list-style:none;
    font-size:12px;
}

ul.menu li {
    position: relative;
}

ul.menu li a {
    font-weight:bold;
    display:block;
    border-bottom: solid 1px #aaa;
    color: #252525;
    padding: 0 0 10px;
    margin-bottom:10px;
    background: url(images/arrow_menu.jpg) no-repeat right 3px;
}

ul.menu li a:hover {
    color: #ff0007;
    background: url(images/arrow_menu.jpg) no-repeat right -37px;
    text-decoration:none;
}

ul.menu ul.submenu {
    list-style:none;
    position: absolute;
    width: 178px; 
    top: -5px;
    left: 178px;
    padding: 10px 10px 0 10px;
    border: solid 1px #dfdfdf;
    background-color:#f4f4f4;
    display:none;
    z-index:999;
    
}

ul.menu li:last-child a { margin-bottom:0px; border-bottom: none; }

.box_simple p:last-child, .box_gSilver p:last-child, .box_gWhite p:last-child { margin:0; }

.box_simple, .box_gSilver, .box_gWhite {
    padding: 10px;
    border: solid 1px #dfdfdf;
    margin-bottom: 10px;
}

.box_simple{
    background-color:#f4f4f4;
}

.box_gSilver {
    background: #f4f4f4 url(images/bgBox_gSilver.jpg) repeat-x 0 0;
}

.box_gWhite {
    background: #ccc url(images/bgBox_gWhite.jpg) repeat-x 0 0;
}

.box_gWhite span.name {
    color:#008542;
    font-size:14px;
    font-weight:bold;    
}

    .page span span, .page span a {
        font-size: 10px;
        display:inline-block;
        margin: auto 3px;
        padding:0.3em 0.5em;
    }
        .page span span {
            background-color:#008542;
            color:#FFFFFF;
        }

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

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

.box_float {
    float:left;
    width:217px;
}
    
a.more  {
    font-size:12px;
    font-weight: bold;
    display: block;
    background: url(images/arrow_01.gif) no-repeat right top;
    clear:both;
}

a.more:hover { 
    background-position: right -22px;
    text-decoration:none;
}

/*****
	HEADER
	Logo / Form Login / Menu / Pontuação
*****/

.header {
    height: 66px;
    background:url(images/bg_header.gif) no-repeat 0 0;
    margin-bottom:10px;
}

.header ul { list-style:none; float:right; margin-top:5px;  }
.header ul li{ display:inline; color:#fff; font-size:12px; }
.header ul li a{ color:#fff;}
.header ul li a:hover{ color:#fff; }


/*****
	CONTENT
*****/

.content {
    padding: 0 0 10px 0;
}

.content h2 {
    color:#008542;
    text-transform:uppercase;
}

.content p {
    line-height:150%;
}

.content_right {
    float:right;
    width:181px;
}

.content_left {
    float:left;
    width:500px;
}

.listFindCAS {
    margin: 0 0 10px;
}

.listFindCAS li {
    border: dashed 2px #333;
    border-width: 0 0 2px 0;
    padding: 0 40px 10px;
    margin: 0 0 10px;
}
.listFindCAS li div.photo {
    float: left;
    margin: 0 10px 0 0;
    width: 133px;
    height: 150px;
    vertical-align: middle;
    align: center;
}

ul.list, ol.list {
    font-size:12px;
    margin-bottom:10px;
    margin-left:30px;
}
    ul.list li {
        list-style-type:disc;
        line-height:150%
    }
    
   

#flash {
    margin: 0 0 10px 0;
}

.find-menu {
    text-align:center;
    padding: 5px 0 0;
    margin: 0 0 5px;   
}

    .find-menu li {
        display:inline;
        margin: 0 5px;
    }
    
    .find-menu li a{
       padding: 5px 10px;
       border: solid 1px #333333;
       border-width: 1px 1px 1px 1px;
       font-weight:bold;
       background-color:#eee;
      
       -moz-border-radius-topleft: 5px;
       -webkit-border-top-left-radius: 5px;
       border-top-left-radius: 5px;
       
       -moz-border-radius-topright: 5px;
       -webkit-border-top-right-radius: 5px;
       border-top-right-radius: 5px;
       
       -moz-text-shadow:1px 1px 1px #aaa;
       -webkit-text-shadow:1px 1px 1px #aaa;
       text-shadow:1px 1px 1px #aaa;
       
    }
    
    .find-menu li a.active{
       border-width: 1px 1px 0 1px;
       font-weight:bold;
       background-color:#fff;
      
      
    }
    
    .find-menu li a:hover{
        text-decoration:none;
    }
    
. nextprev {
    
}

#map {
    padding: 10px 0 0;
}
    #map #map_canvas{
        float: left; 
        height: 400px; 
        width: 70%;
    }
    
    #map #route{
        float: right; 
        overflow: auto; 
        width: 27%; 
        height: 400px;
        display:none;
    }
    
ul.list-video {
    display: inline;
}

    ul.list-video li {
        display:block;
        width: 235px;
        border-bottom: 1px solid #CCCCCC;
        float:left;
        margin: 0 30px 10px 0;
    }
    
     ul.list-video li.nth {
        margin: 0 0 10px 0;
    }
    
        ul.list-video li .thumbs{
            width: 50px;
            border: solid 2px #008542;
            display:block;
            overflow:hidden;
            margin-top: 8px;
        }
        
        ul.list-video li div{
            font-size:10px;
        }
        
        ul.list-video li .title{
            font-weight:bold;
            font-size:12px;
            max-height: 28px;
            margin: 5px 0; 
            overflow: hidden;
        }

.vote{
    padding: 10px 0 0;
}
    .vote .lblCaptcha{
        padding: 0 0 10px;
        color:red;
        font-weight: bold;
    }
     
/*****
	FOOTER
*****/
.footer {
    border-top: solid 1px #000;
    padding: 10px 0;
    clear:both;    
}
.login 
{
    background: url("images/bgBox_gSilver.jpg") repeat-x scroll 0 0 #F4F4F4;
    border: 1px solid #DFDFDF;
    margin-bottom: 10px;
    padding: 10px;
    }
.login legend
{
    color: #666666;
    font-weight: bold;
    padding-top: 8px;
    }
.login p
{
    padding-top: 8px;
    }
.login .submit 
{
    background-color: #008542;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 39px;
}
.table tr 
{
    height:25px;
    }
span.video 
{
    margin-left:40px;
    }
.colunaCas 
{
    float: left;
    width: 219px;
    }
.colunaMoto 
{
    float: left;
    width: 219px;
    padding-left: 20px;
}
.leftmargin
{
    float: left;
    margin-right: 10px;
    }
.bg_campo 
{
    background: url("images/bg_campanha2.jpg") no-repeat;
    }
.bg_campo h4 
{
    color:#000;
}
a.more2 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.coluna
{
    width:250px;
    float:left;
}
.info
{
    float: left;
    padding-bottom: 10px;
    width: 170px;
}