/*
 * Version: 1.0
 * Site: www.mesf.com.br
 * Psd->Html/Css: Erick Patrick
 *                erickpatrick (twitter, skype)
 *                erickpatrick1988@gmail.com (e-mail, msn)
 *                http://erickpatrick.net (main site/portifolio)
 * Done to: Mandu Ladino
 */
 
/* Reseting */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body {
	background: #ff9805 url("../img/background.jpg") repeat-x;
	font: normal normal 12px/20px Helvetica, Arial, Verdana, sans-serif;
}
/* End Reseting */

/* Helpers */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-both {
	clear: both;
}
/* End Helpers */

/* This makes rounded corners to any block level element */
.rounded-corners {
    background-color: #ff9805;
    -moz-border-radius:2ex;
    -webkit-border-radius:2ex;
}
/* Containers */
div#wrapper {
	background: #fff;
	margin: 0 auto;
	margin-top: 8px;
	width: 810px;
}
    
    /* Banner Styling*/
    div#banner {
        background:#fff;
        height: 115px;
    	padding: 10px;
    }
    
        div.banner-image {
        background:#fff;
        	margin-left: 8px;
        }
        
        div.banner-menu ul {
        	list-style: none;
        }
        
        div.banner-menu ul li{
            color: #333;
            font-size: 9px;
        	float: left;
        	margin: 35px 9px 0 0;
        	text-transform: uppercase;
        }    
    
        div.banner-menu ul li:nth-child(2){
            border-left: thin solid #ccc;
            border-right: thin solid #ccc;
            padding: 0 9px;
        } 
    
        div.banner-menu ul li img{
        	margin: 2px 0 0 0;
        }
        
        div.banner-menu a, div.banner-menu a, div.banner-menu a, div.banner-menu a {
            color: #333;
            text-decoration: none;
        }
        
        div.banner-menu a:hover {
        	text-decoration: underline;
        }
        
        /* Menu Styling*/
        div.menu {
        	background: #fff url("../img/back-menu-bar.png") no-repeat;
        	height:55px;
        	width: 810px;
        	text-align: center;
        }
        
        div.menu ul {
        	list-style: none;
        }
        
        div.menu ul li {
            color: #333;
        	float: left;
        	font: normal normal 11px/19px Helvetica, Arial, Verdana, Sans-serif;
        	margin: 22px 0 0 45px;
        	text-transform: uppercase;
        }
        
        div.menu a, div.menu a:link, div.menu a:active, div.menu a:visited {
        	color: #333;
        	text-decoration: none;
        }
        
        div.menu a:hover {
            text-decoration: underline;	
        }
        /* End Menu Styling */
        
    /* End Banner Styling */
    
    /* Carousel Styling */	
    /* 
     * Em pt-br: Os controles gerados, por serem de um "carousel slider" numérico,
     * sai em forma de lista numerada, p
     */
     
    div#caroussel {
background:none repeat scroll 0 0 #FFFFFF;
height:224px;
position:relative;
    }
    
    div#slider ul {
        list-style: none;
    }
 
	ol#controls{
list-style:none outside none;
position:absolute;
right:10px;
top:190px;
	}
	
	ol#controls li{
	    float: left;
	}
	
	ol#controls li a{
        background: #fff url("../img/back-slide.png") no-repeat;
        color: #222;
        height:19px;
        margin: 0 5px;
        padding: 3px 6px 4px 6px;
        text-decoration: none;
        width: 19px;
	}

	ol#controls li a:hover {
	    height: 19px;
        background: #fff url("../img/back-slide_hover.png") no-repeat;
        width: 19px;
	}
		
	ol#controls li.current a{
        width: 19px;
        height: 19px;
	    background: #fff url("../img/back-slide_hover.png") no-repeat;
	}
	
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
	    outline:none;
	}
	
	/* End Carousel Styling */
    
    /* Content Styling */
    div#content {
	    background-color: #fff;
	    margin: 15px 0;
	    overflow: hidden;
    }
        
        /* Included */
        /*
         * Em pt-br: Essa é a classe a ser usada nas divs que compõem todas as páginas
         * a serem incluídas, já que é ela quem mede a largura máxima que o conteúdo
         * pode chegar a ficar.
         */
        div.included {
            margin: 0 8px;
            width: 522px;
        }
        
        div.included h1, div.included h2, div.included h3 {
        	margin: 8px 0;
        }
        
        div.included p {
        	margin: 0 0 25px 0;
        }
        
        div.included img {
        	margin: 0 20px 5px 20px;
        }
        
        div.included a, div.included a:active, div.included a:link, div.included a:visited {
        	color: inherit;
        	text-decoration: none;
        }
        
        div.included a:hover {
        	text-decoration: underline;
        }
        /* End Included */
        
            /* Column Styling : 3 columns */
            div.column {
                color: #333;
                background: #fff url("../img/column-bg.jpg") no-repeat;
                font: normal 100 15px/14px Helvetica, Arial, sans-serif;
                margin: 0 8px;
                text-align: center;
                width: 253px;
                word-spacing: .2em;
            }
            /* Column Styling : 3 columns */
            
                    /* Heading Styling */
                    div.column h1 {
                        color: #222;
                        font: normal normal 24px/22px "Myriad Pro", Helvetica, Arial, sans-serif;
                        height: 35px;
                        letter-spacing: .05em;
                        margin: 20px;
                        text-align: center;
                        text-transform: uppercase;
                    }
                    /* End Heading Styling */
                    
                    div.column img {
                    	border: 3px solid rgb(224,237,245);
                    	margin-bottom: 10px;
                    }
                    
                    /* Input Styling */
                    div.column form input[type="text"] {
                        border: 1px solid #ccc;
                        color: #666;
                        font-size: 15px;
                        font-style: italic;
                        height: 25px;
                        margin: 3px 0;
                        padding-left: 15px;
                    	width: 185px;
                    }
                    
                    div.column form input[type="submit"] {
                        background-color: #f59003;
                        color: #fff;
                        font-size: 13px;
                        margin: 5px;
                        padding: 3px 15px;
                        text-transform: uppercase;
                        -moz-border-radius:3px;
                        -webkit-border-radius:3px;
                    }
                    /* End Input Styling */
    
        /* End Content Styling */
    
    /* End of Inner Content */
    
    /* Our Partners*/
    div.our-partners {
        background: #ff9805 url("../img/our-partners.png") no-repeat;
    	height:118px;
    	padding: 40px 0 0 0;
    	text-align: center;
    	width: 810px;
    }
        
        div.our-partners img {

        	margin: 0 10px;
        }
    /* End of Our Partners*/
    
    
    /* Footer Styling */            
    div#footer {
        background-color: #ff9805;
        color: #fff;
        font: normal normal 10px/12px Helvetica, Arial, sans-serif;
        overflow:hidden;
    }

    div.disclaimer {
               background:#ff9805;
    }
    
    div.disclaimer img {
	background-color:#ff9805;
    	margin: 0 20px;
    }
    
    div.disclaimer a, div.disclaimer a, div.disclaimer a, div.disclaimer a {
	background-color:#ff9805;
    	color: #fff;
    	text-decoration: none;
    }
    
    div.disclaimer a:hover {
	background-color:#ff9805;
        text-decoration: underline;
    }
    
    div.developer {
        background-color: #ff9805;
    	margin: 10px 0 0 0;
    }
    
    div.developer a, div.developer a:link, div.developer a:visited, div.developer a:active {
	background-color:#ff9805;
    	color: #fff;
    	text-decoration: none;
    }
    
    div.developer a:hover {
	background-color:#ff9805;
    	text-decoration: underline;
    }
    
    div.disclaimer p {
               background:#ff9805;
    }

    div.developer p {
               background:#ff9805;
    }

    .coloring {
        background-color: #ff9805;
    }
    /* End Footer Styling */
    
    
    /* Contact Form */
    div.included form {
    	width: 400px;
    	text-align: center;
    }
    
    div.included form input, div.included form textarea {
    	border: thin solid #333;
    	width: 200px;
    	padding: 5px;
    	font-size: 15px;
    }
    
    div.included form input {
    	height: 15px;
    }
    
    div.included form input[type=submit] {
        height:25px;
        background-color: #f59003;
        border: 0;
        color: #fff;
        font-size: 13px;
        padding: 3px 15px;
        text-transform: uppercase;
        width: 100px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
    
    div.included form p {
    	text-align: right;
    	margin: 5px 10px;
    }
    
    span.saiba-mais {
    	color: rgb(255,134,0);
        width: 90px;
        display: block;
        margin: 10px auto;
        text-align: right;
        background-image: url("../img/seta.jpg");
        background-repeat: no-repeat;
    }
    
    span.saiba-mais a, span.saiba-mais a:link, span.saiba-mais a:active, span.saiba-mais a:visited {
    	color: inherit;
    	text-decoration: none;
    }
    
    span.saiba-mais a:hover {
    	text-decoration: underline;
    }