/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */


/* #Site Styles
================================================== */
	

	

	


/* #Page Styles
================================================== */


	@font-face {
  	src: url(../fonts/MochaMattari.otf);
  	font-family: MochaMattari;
	
	}

	body  {

	background:url(../images/tileable_wood_texture.png);

	font-family: MochaMattari;

	}
	
	h1, h3, h3, h4, h5, h6 {

	font-family: MochaMattari;

	}

	body h1 {

	font-family: MochaMattari;
	font-size: 2.8em;

	}


	

	.page-wrap { 

	margin-top: 0px;


	}


	.maincontainer {

	background: #f9f9f9;

	}

	.redbg {
	
	display: block;
	margin-top: 5px;
	background: red;

	}

	.navybg {
	
	display: block;
	margin-top: 5px;
	background: navy;

	}

	/* ======================================================  Navigation styles ====================================================== */
	

	nav.primary ul
	nav.primary ul li {
	margin: 0;


	}

	nav.primary {

	height: 66px;
	background: #c0580c;


	}

	nav.primary ul li {

	display:inline;
	float:left;
	position:relative;
	margin-top: 25px;
	color: white;
	padding: 0 12px;
	font-size: 1.6em;
	font-family: MochaMattari;
	color: white;
	font.text-transform: uppercase;
	
	}

	nav.primary a {

	text-decoration: none;
	color:white;

	}

	nav.primary a:hover {

	text-decoration: none;
	color:black;
	position: cursor;

	}

	nav.social {
	display: block;
	height: 31px;
	background: url(../images/bg_barra2.jpg);

	
	}
	
	nav.social ul li a {

	display:inline block;
	float:right;
	margin-left: 6px;
	margin-right: 1em;
	margin-top: 6px;
	background: none;
	text-decoration: none;
	color: #c0580c;
	
	}

	nav.social a:hover {
	text-decoration: none;
	color: white ;
	
	}

	.topbanner {
	margin-top: px;
	display: block;
	width: 100%;
	height: 212px;
	/*background: url(../images/banner.jpg);*/
	background-repeat: no-repeat;
	z-index: 0;
	
	}

	.followpic {
	background: url(images/follow.png);

	}

	.followpic a:hover {
	background: url(images/follow_hover.png);
	
	}



	/* ======================================================  Fim de Navigation styles ====================================================== */

	.logo {
	position:relative;
	left:5px;
	display: block;
	width: 263px;
	height: 230px;
	margin-top: 0px;
	z-index: 2;

	}

	.logo img {

	position:relative;
	left:18px;
	top:0px;
	z-index:2;

	}

	.artigo2colunas{

	display: block;
	height: 291px;

	}


	.artigo2colunasalpha{
	margin-top: 5px;
	display: block;
	height: 265px;
	font-family: MochaMattari;

	}


	.artigo2colunasomega{
	margin-top: 5px;
	display: block;
	height: 265px;

	}


	.artigo2colunasomega img {
	padding: 2em;
	margin-top: 5px;
	display: block;
	}

	.imgborder img {
	border-style: solid;
	border-width: 3px;

	}

	.snapshot {
    border: 1px solid white;
    padding: 10px 10px 60px 10px;
    }

    .responsiveimage {
   	width: 100%;
    }
 

	.textoartigo p h1{
	display: block;
	padding: 5px;
	font-family: MochaMattari;

	}

	.separador {
	display: block;
	padding: 5px;
	background: url(../images/separador.png);

	}

	.titulosartigo  {
	display: block;
	padding: 5px;
	color: #c0580c;
	font-family: MochaMattari;
	background: none;

	}

	.colunadaesquerda h1 {

	font-family: MochaMattari;
	color: #c0580c;
	

	}

	.tripadd {

	margin-left: 15%;

	}

	.espacotxt {

	letter-spacing:1px;

	}


	.colunacentral h1 {

	font-family: MochaMattari;
	color: #c0580c;
	
	}

	.caixareservar {

	display: inherit;
	float: left;
	text-align: center;
	margin-left: 10%;
	}

	.colunadadireita h1 {

	font-family: MochaMattari;
	color: #c0580c;
	
	}

	.footer {

	background: url(../images/bg_barra2.jpg);
	height: 31px;

	}

	.footer p {

	color: #c0580c;
	padding: 5px;
	letter-spacing: 0.6px;
	text-align: center;	
	
	}

	label {

	display: block;
	background: none;
	letter-spacing:1px;
	

	}
	
	hr {
	display:block;
	height:1px;
	padding:0;
	border:0;
	border-top:1px dashed none;



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	




	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	

	.artigo2colunasomega img {
	padding: 2em;
	margin-top: 5px;
	display: block;
	visibility: hidden;
	background: red;

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/