/*
* 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 */



/*
==============================================
   bodyMotion
==============================================
*/


@-webkit-keyframes bodyMotion {
  0% {
   opacity: 0;
   -webkit-transform: translateY(60px);
  }
  100% {
   opacity: 1;
   -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bodyMotion {
  0% {
   opacity: 0;
   -moz-transform: translateY(60px);
  }
  100% {
   opacity: 1;
   -moz-transform: translateY(0);
  }
}

@-o-keyframes bodyMotion {
  0% {
   opacity: 0;
   -o-transform: translateY(60px);
  }
  100% {
   opacity: 1;
   -o-transform: translateY(0);
  }
}

@keyframes bodyMotion {
  0% {
   opacity: 0;
   transform: translateY(60px);
  }
  100% {
   opacity: 1;
   transform: translateY(0);
  }
}



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

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.band {
	padding: 30px 0 20px 0;
}

#top {
	padding-top: 0 !important;
}

.top {
	position: fixed;
	bottom: 250px;
	right: 60px;
}

.top a {
    padding-top: 8px;
    display: block;
    -webkit-transition: 1s ease; 
	-moz-transition: 1s ease; 
	-o-transition: 1s ease; 
	transition: 1s ease;
}

.band.pag1,
.band.pag5 {
	background-color: #341E0E;
}

.band.pag2 {
	background-color: #7E1822;
}

.band.pag3 {
	background-color: #F8EDE6;
}


.band.pag4 {
	background-color: #A4897A;
}


.header {
	padding: 14px 0;
}

.header h1.logo {
	float: left;
	margin: 5px 0;
}

.header h1.logo a {
	width: 223px;
	height: 32px;
	display: block;
	background: url(../images/logo.png) no-repeat 0 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

.navigation ul,
.navigation ul li {
	margin: 0px;
}

.navigation ul li {
	display: inline;
	float: left;
	position: relative;
}

.navigation ul li a {
	display: inline-block;
	line-height: 42px;
	padding: 0 14px;
	margin: 14px 0;
	color: #ffffff;
	text-decoration: none;
	font-family: "Lato", serif;
	font-size: 16px;
	font-weight: bold;
}

.navigation ul li a:hover {
	background-color: #7E1822;
	cursor: pointer;
}
	 
.banner {
	margin: 46px 0 35px 0;
}

.imagens {
	text-align: center;
	margin: 50px 0 0 0;
}

.imagensSec {
	text-align: right;
	margin: 20px 0 0 0;
}

p.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.3em;
	text-align:justify;
}

p.texto b{
	font-weight:bold !important;
}

p.textoimg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}

p.texto a {
	color: #7E1822;
	text-decoration:none;
}

.cescuro {
	color: #341E0E;
}

.cclaro {
	color: #A4897A;
}

.cclarinho {
	color: #F8EDE6;
}

.vermelho {
	color: #7E1822;
}

.branco {
	color: #ffffff;
}

.preto {
	color: #000000;
}

p.texto span.titulo {
	font-family: 'Anton', sans-serif;
	font-size: 30px;
}

.txtcalendario {
	margin: 0 60px;
	text-align: left;
	font-size: 18px !important;
}

.programa {
	width: 100%;
}

thead tr:first-child th:first-child  {
    border-radius: 15px 0 0 15px;
}

thead tr:first-child th:last-child {
    border-radius: 0 15px 15px 0;
}

tbody td:first-child {
    border-radius: 15px 0 0 15px;
}

tbody td:last-child {
    border-radius: 0 15px 15px 0;
}

.programa th {
	text-align: left;
	font-family: "Bevan", serif;
	font-size: 17px;
	color: #ffffff;
	background-color: #808080;
	line-height: 57px;
	padding: 0 0 0 20px;
	border-bottom: 5px solid #e74a38;
}

.programa td {
	text-align: left;
	font-family: "Lato", serif;
	font-size: 15px;
	color: #e74a38;
	background-color: #bcdfeb;
	line-height: 35px;
	padding: 0 0 0 20px;
	border-bottom: 5px solid #e74a38;
}

.seta {
	font-family: "Bevan", serif;
	font-size: 17px;
}

.contactos {
	margin-top: 66px;
}

.contactos td{
	padding: 0 20px 20px 0;
	vertical-align: middle;
}

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

/* #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) {}


/* #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; }
*/

