/*!
 * TrippoApp v1.0
 * Copyright 2012 Trippo, Inc
 * Licensed under CC BY 3.0
 * http://creativecommons.org/licenses/by/3.0/
 *
 */

 
 
 /***** STRUCTURE *****/
 
@font-face {
    font-family: 'exmouthregular';
    src: url('../font/exmouth_.eot');
    src: url('../font/exmouth_.eot?#iefix') format('embedded-opentype'),
         url('../font/exmouth_.woff') format('woff'),
         url('../font/exmouth_.ttf') format('truetype'),
         url('..7font/exmouth_.svg#exmouthregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bodonixtregular';
    src: url('../font/BodoniXT-webfont.eot');
    src: url('../font/BodoniXT-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/BodoniXT-webfont.woff') format('woff'),
         url('../font/BodoniXT-webfont.ttf') format('truetype'),
         url('../font/BodoniXT-webfont.svg#bodonixtregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"],#dm div.dmContent [class^="icon-"],#dm div.dmContent [class*=" icon-"]{font-family:FontAwesome !important;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
html, body {
            margin: 0px;
            border: 0;
            overflow-x: hidden; /*  Disable scrollbars */
            display: block;  /* No floating content on sides */
}
#thumbnails {
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 70%;
    margin-left: -35%;
    height: 88px;
    font-size: 5em;
}

#thumbnails ul {
    text-align: center;
    list-style-type: none;
}

#thumbnails li {
    display: inline;
    margin: 0 5px;
}

#thumbnails img {
    border-width: 3px 3px 10px 3px;
    border-style: solid;
    border-color: #333;
    border-radius: 2px;
}

h1, h2 {
	font-family: 'bodonixtregular', serif;
        font-weight: normal;
	}
h3, h4, h5, h6 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif            
        }
	
h2 {font-size: 2em;}

.span12.row-fluid h3 {padding: 1em 0;}
.content {
	font-size: 1.1em;
	line-height: 1.8em;
	}
	
.content p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1.1em;
}

.right {float:right;}
.left {float:left;}

/***** BODY *****/	
.page-title {
        padding: 2em 0 1.5em;
        color:#F9F1C7;
}
	
/***** NAVIGATION BAR *****/

.navbar .brand {
	font-weight: bold;
	color: black;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}

/***** HOMEPAGE *****/
#details {
	position: relative;
	float: right;
	width: 527px;
	margin-top: 80px;
	padding-left: 20px;
}

#icon {
	position: relative;
	float: left;
	margin-right: 20px;
}

#app-name {
	position: relative;
	float: left;
	margin: 3em 0 100% 0;
}

#app-name h1.site_name {
        font: normal normal 5.5em/1em 'bodonixtregular';
	color: #F9F1C7;
        border-bottom: solid 1px;
	}
        
#tagline {
	font: normal normal 3.5em/1em 'exmouthregular';
        padding-top:0.5em;
}
.span12, #app-name {padding: 0.75em;}	
.row-fluid .span3 {position: relative;}
.row-fluid li.span3 a:after {
        content: "\f00e";
        font-family: 'FontAwesome';
        font-size: 2em;
        position: absolute;
        top: 0.25em;
        right: 0.25em;
}

/***** DOCES *****/
.span12.quem_somos,.span12.doces,.span12#bolos,.span12#contatos{
    background: rgba(0,0,0,0.5);
    margin: 0 -3% 0 3%;
}
.span12.quem_somos,.span12.doces,.span12.bolos,.span12.contato{margin-top: 28%;}
.span12.doces img {margin:0 1.1em 1.1em 0;}
.span12.doces ul {margin: 0}
.doces ul {
	list-style: none;
	clear: both;
	}
	
.doces ul li {
        width: 75%;
	margin-bottom: 10px;
        display: block;
        clear: both;
	border-bottom: 1px solid #CCC;
	}
        
.doces .image {padding: 0 1em 1em 0;}

.doces .label {
	display: block;
	float: left;
	margin-right: 10px;
}
	
.new {
  background-color: #3a87ad;
}

.fix {
	background-color: #468847;
	padding: 1px 8px 2px;
	}
	
/***** CONTACT *****/
#contact-info .left.span8 {margin-left:0;}
#contact-info {
	padding-bottom:20px;
	}
#contact-info .left a.telf span.icon:before {
        content: "\f095";
        font-family: 'FontAwesome';
        padding-right: 0.25em;
}
#contact-info .left a.email:before {
        content: "\f199";
        font-family: 'FontAwesome';
        padding-right: 0.25em;
}
#contact-info .left a{
    padding: 0 0.5em;
    margin: 1em 0;
    background: #FFF;
    border-radius: 2px;
    float: left;
}

	
	
/***** FOOTER *****/

footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 0;
	border-top: 1px solid #CCC;
}

#copyright {
	float:left;
	}
	
#credits {
	float:right;
	}