/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table {
    width: 100%;
}

ul, ol, dl {
line-height: 1.5;
}

table tbody tr td {
    font-size: 11px;
    padding: 3px 10px;
}

table tbody tr td {
    width: 50%;
}


a {
color: yellow;
}
a:hover {
color: white;
}

.sell {
/*    width: 80%;
    height: 80%;*/
    text-align: left;
}
.dados {
    color:white;
}
#dados {
    font-size: 0.5em;
}
.border {border:1px solid;}

.white {color:white;}
.orange{color:orange;}
.green{ color:green;}
.yellow{ color:yellow;}
.blue{ color:blue;}
.red{color:red;}
.black{color:black;}

img{ border:none;}

body { 
    background:url('../img/bg/nelson-felix.jpg') no-repeat center left fixed;	
    min-height:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.logo {
    width: 90px;
    max-width: 100%;
    position:relative;
    top:20px;
    left:15px ;
   z-index:5;
}

.faixa{
    position:relative;
    background: #222;
    width: 100%;
    height: 46px;
    top:-56px;
   z-index: 1;
}

.top-bar {
   z-index:4;
    position: relative;
   background: #222;
}

.stage { 
    position: relative;
    margin-top:-95px;
z-index:3;
    }

.moveup { 
   margin-top:-102px;  
    }

.movedown { 
   margin-top:102px;  
    }

.bar {
    position:relative;
    float:right;
    width:53%;
	min-height: 100%;
	padding-top: 5.0em;
    padding-left: 0.5em;
     padding-right: 0.5em;
    background-color: rgba(255,255,255,0.6);
    margin-right: 1.2em;
}

.bar2 {
    position:relative;
    float:right;
    width:53%;
	min-height: 100%;
	padding-top: 5.0em;
    padding-left: 0.5em;
     padding-right: 0.5em;
    margin-right: 1.2em;
}
.bar3 {
/*    background-color: rgba(255,255,255,0.1);*/
    position:relative;
    float:right;
    width:70%;
	min-height: 100%;
	padding-top: 5.0em;
    padding-left: 0.5em;
     padding-right: 0.5em;
    margin-right: 1.2em;
}


.text-muted {
    color:white;
}

.bar h2 {border-bottom: 1px solid black;}
/*.bar3 h2 {border-bottom: 1px solid black;}*/
/*.bar2 h2 {border-bottom: 1px solid black;}*/

#content-slider {
   position: relative;
    margin:0 auto;
/*	width: 940px;*/
	max-width:100%;
 	overflow: hidden;
    height: 100%;
    z-index: 5;
}

#content-slider-inside {
	margin:0;
	padding:0;
	list-style: none;
	height: 580px;
	max-height: 50%;
    width:100%;
}

#content-slider-inside li {
    	float:right;
		max-width:100%;
        height: 100%;
		color: #000;
      	overflow: hidden;
	}
    
#navigation li a.selected {
	color: orange;
}


#main {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	background: #f5f5f5 url(../images/shadow-main.png) top repeat-x;
	position: relative;
	padding: 30px 0 0 0;
}
.main-wrap{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 103;
}
.imageWrap a span {
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 999; 
	background: url(../images/overlay.png) repeat; 
}
.imageWrap a span span {
	float: left; 
	width: 100%; 
	height: 100%; 
	background: transparent url(../images/mg.png) center center no-repeat; 
}
span.youtube{
	background: transparent url(../images/youtube.png) center center no-repeat !important; 
}
span.play{
	background: transparent url(../images/play.png) center center no-repeat !important;
}
span.link{
	background: transparent url(../images/link.png) center center no-repeat !important;
}
span.vimeo{
	background: transparent url(../images/vimeo.png) center center no-repeat !important;
}
img.hover {
	position:absolute;
	top:11px;
	left:11px;
	z-index:100;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
}

/* -----------------------------------------
   Page Nelson Felix
----------------------------------------- */
 #biografia{
    width: 598px;
	max-width:100%;
    max-height: 100%;
	background:transparent url("../img/themes/isomalte-artistico.jpg") no-repeat top right;
/*    background: transparent url("http://farm9.staticflickr.com/8210/8167489260_4ba47b5c7f_z.jpg" ) no-repeat top right;*/
 }
 #trabalhos{
/*    width:630px;*/
   width: 940px;
	max-width:100%;
     max-height: 100%;
    background: transparent;
 }

 #servicos{
    width: 598px;
	max-width:100%;
     max-height: 100%;
	background: url("../img/themes/sorbet-morango.jpg") no-repeat top right;
    
 }
 
 #imprensa{
    width: 598px;
	max-width:100%;
     max-height: 100%;
	background: url("../img/themes/gelado-mil-folhas-crocante.jpg") no-repeat top right; 
 }
 
 #livros{
	width: 598px;
	max-width:100%;
	background: url("../img/themes/capa-arte-gelados1.jpg") no-repeat top right;
    	
 }
 
#mainpic{
	width: 598px;
	max-width:100%;
	background: url("../img/themes/capa-arte-gelados1.jpg") no-repeat top right;
    	
 }
 
 #contactos{
	width: 598px;
	max-width:100%;
	background-color: white;
    background: url("../img/themes/gelado-coco.jpg") no-repeat top right; 
 }
 
#receitas{
	width: 598px;
	max-width:100%;
	background: url("../img/themes/brownie.jpg") no-repeat top right;
 }
 
 #videos{
	width: 598px;
	max-width:100%;
	background: blue;
 }
 
 .black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}

 
/*GALERIA*/
.wrapper{
	position: relative;
	width: 100%;
    float:right;
}
.wrapper p{
	clear: both;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
}
.ei-slider{
    max-width: 853px;
	height: 550px;
    max-height: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
    float: right;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
/*	z-index:999;*/
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
    float: right;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
    float:right;
}
.ei-slider-large li img{
	width: 100%;
    height:100%;
}
.ei-title{
	position: absolute;
	right: 30%;
	margin-right: 13%;
	top: 62%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #d8d709;
   text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
  /*    color: rgba(255,255,255,0.9);
    color: rgba(187,177,168,0.6);
   color: rgba(191,218,206, 0.7);
    	color: rgba(255,255,255,0.8);
        	color: rgba(237,234,168, 0.9);*/
}
.ei-title h3{
	font-size: 40px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #fff;
       text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
/*     text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);*/
    
}
.ei-slider-thumbs{
	height: 14px;
    margin-right:0px;
	position: relative;
    width: 73.8%;
    float:right;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
/*	background: rgba(0,0,0,0.9);*/
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



.link-list {float:left;}


 
/* -----------------------------------------
   Page Index
----------------------------------------- */

.rw-wrapper{
	width:70%;
	position: relative;
	margin:0 auto ;
	padding: 10px;
    font-size: 80%;
    float:right;
}
.rw-sentence{
	margin: 0;
}
.rw-sentence-IE{
	display: none;
	padding: 30px;
}

.rw-sentence span{
	text-align: center;
	color: rgba(255,255,255,1);
	font-family: 'Trocchi';
	white-space: nowrap;
	text-shadow: 22px 25px 10px rgba(255,255,255,0.1);
}
.rw-sentence > span{
	position: absolute;
}
.rw-sentence > span:first-child{
	top: 0px;
	left: 110px;
	font-size: 350%;
	color: rgba(187,177,168,0.6);
}
.rw-sentence > span:nth-child(2){
	top: 150px;
	left: 160px;
	font-size: 250%;
	color: rgba(191,218,206, 0.7);
}
.rw-sentence > span:nth-child(3){
	top: 250px;
	left: 65px;
	font-size: 200%;
	color: rgba(255,255,255,0.8);
}
.rw-sentence > span:last-child{
	top: 360px;
	left: 550px;
	font-size: 220%;
	color: rgba(237,234,168, 0.9);
}
.rw-words{
	position: absolute;
	left: 220px;
	top: 300px;
	height: 80px;
	width: 400px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	position: absolute;
	font-size: 600%;
	color: transparent;
    text-shadow: 0px 0px 80px rgba(255,255,255,1);
	opacity: 0;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-moz-animation: rotateWord 18s linear infinite 0s;
	-o-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-moz-animation-delay: 3s; 
	-o-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-moz-animation-delay: 6s; 
	-o-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s;
	-moz-animation-delay: 9s; 
	-o-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-moz-animation-delay: 12s; 
	-o-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s;
	-moz-animation-delay: 15s; 
	-o-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; -webkit-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; -moz-animation-timing-function: ease-in; -moz-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -moz-animation-timing-function: ease-out; -moz-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; -o-animation-timing-function: ease-in; -o-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -o-animation-timing-function: ease-out; -o-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; -ms-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -ms-animation-timing-function: ease-out; -ms-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; animation-timing-function: ease-in; transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; animation-timing-function: ease-out; transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}



/* -----------------------------------------
   Media Queries
----------------------------------------- */
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}

@media screen and (max-width: 1060px){
	.rw-sentence > span:first-child { font-size: 350%; left: 0px;}
	.rw-sentence > span:nth-child(2) { font-size: 200%; top: 125px; left: 30px; }
	.rw-sentence > span:nth-child(3) { top: 175px; left: 30px; font-size: 235%; }
	.rw-words { left: 95px; top: 171px; }
	.rw-words span { font-size: 250%; }
	.rw-sentence > span:last-child { top: 240px; left: 30px; }
}
@media screen and (max-width: 400px){
	.rw-sentence > span:first-child { font-size: 200%; left: 70px;}
	.rw-sentence > span:nth-child(2) { font-size: 80%; top: 80px; left: 60px; }
	.rw-sentence > span:nth-child(3) { top: 106px; left: 150px; font-size: 100%; }
	.rw-words { left: 115px; top: 146px; }
	.rw-words span { font-size: 120%; }
	.rw-sentence > span:last-child { top: 106px; left: 10px; font-size: 100%; }
}



@media only screen and (min-width: 768px) { 
    h1 {
font-size: 10px;
}
}

@media only screen and (max-width: 768px) {
    
    .stage { 
    margin-top:0px;
    }
    
    .logo {
    top:0px;
}
    
    #mainpic{
	width: 100%;
	background: transparent;
    	
 }
  .bar2 {
     color:white;
}
  .bar2 h4 {
     color:white;
}
    h1 {
font-size: 40px;
text-align: center;
color:white;
}
 .bar3 {
	padding-top: 0.0em;
    padding-left: 0.5em;
     padding-right: 0.5em;
}

}

@media only screen and (max-width:480px) {
    
.logo {
    width: 50px;
    height: 50px;
}


    h1 {
        padding-top: 15px;
font-size: 25px;
}

.bar {
    width:100%;
    margin:0 auto;
    	padding-top: 10px;
    }
    

 
 .bar2 {
	padding-top: 2.0em;
    padding-left: 0.5em;
     padding-right: 0.5em;
}

 .bar2 img {
    max-width: 70%;
    max-height: 70%;
}

 .bar3 {
	padding-top: 0.0em;
    padding-left: 0.5em;
     padding-right: 0.5em;
}

 li.name {
    color:white;
 }
 
 
 blockquote, blockquote p {
 color: #ddd;
}
 
}