/* 
    Document   : slider
    Created on : 20/10/2011, 09:50:54
    Author     : Danilo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@font-face {
    font-family: 'FuturaMdBTMedium';
    src: url('../fontes/tt0142m_-webfont.eot');
    src: url('../fontes/tt0142m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/tt0142m_-webfont.woff') format('woff'),
         url('../fontes/tt0142m_-webfont.ttf') format('truetype'),
         url('../fontes/tt0142m_-webfont.svg#FuturaMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

#slider {
    width: 705px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    overflow: hidden;
    width: 705px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
        padding: 0 0 0 7px;
}

.scrollContainer div.panel {
    padding: 18px;
    width: 185px;    
    /*height: 318px;    */
}

.inside {
    float: left;    
}

.inside img.imgArea {
	display: block;	
	padding: 0 0 5px 0;
	width: 154px;
        float: left;
}

.inside h2 {
	font-weight: normal;
	color: #333;
	font: 15px 'FuturaMdBTMedium';
	padding: 0 0 5px 0;
        width: 90%;
        float: left;
}

.inside p {
	font: 12px 'FuturaMdBTMedium';
	color: #333;
        width: 90%;
        padding: 0 0 5px 0;
        float: left;
}

.inside a {
        font: 11px 'FuturaMdBTMedium';
	color: #666;
	text-decoration: none;                
}

.inside a:hover {
	text-decoration: underline;
}

a.saibaMais {width: 100%; padding: 0 0 5px 0; float: right; text-align: left;}
.addthis_toolbox {float: right; width: 155px; margin: 0 12px 0 0;}
a.titAreaAtuacao {font-weight: normal; color: #333; font: 15px 'FuturaMdBTMedium'; padding: 0 0 5px 0; width: 90%; float: left;}

.scrollButtons {
    position: absolute;
    top: 175px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}