/*
* 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 Styles8
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body{
	font-family: arial;	
	background-color: #fcfcfc;
	/*background-image: url(../images/fundo_molecula_preto.png);*/
}

header{
	font-family: arial;
background-color: #fff;
	float: left;
	padding: 0px 0px 0px 0px;
	/*background-image: url(../images/fundo_molecula_preto.png);*/
}

header h1{
	padding: 5px 0px 0px 0px;
	color: #fff;
	margin: 0px;
	text-shadow: 2px 2px 5px #000;
}

header h6{
	padding: 0px 0px 0px 0px;
	color: #fff;
	margin: 0px;
	/*text-shadow: 1px 1px 3px #AAA;*/
}

header .imgLogo{
	float: left;
	margin: 5px 10px 0px 5px;
}

nav{
	font-family: arial;
background-color: #f4f4f4;
	float: left;
	margin: 0px;
	color: #fff;
        height: auto;
        text-align: center;
        width: 100%;
	/*max-height: 90px;*/
	/*background-image: url(../images/fundo_molecula_preto.png);*/
	
}

#logo{
	width: 100%;
	background: url(../images/title_background4.png);
	height: 90px;
        border-bottom: 3px solid #04AEDA;
	
}
#logo h1{
	padding: 15px 0px 0px 30px;
	margin: 0px;
	color: white;
	text-shadow: 2px 2px 5px #333;
	font-family: "Bell MT";
	font-size: 75px;
	letter-spacing: 19px;
}
#logo h6{
	position: relative;
	padding: 0px 0px 0px 30px;
	margin: 0px;
	top: -0px;
	color: white;
	text-shadow: 2px 2px 5px #222;
	font-family: "Novecento WideNormal";
	font-size: 12px;
	
}
#logo img{
	float: left;
	margin: 10px 10px 0px 30px;
	height: 70px;
}

nav ul{
	float: right;
	width: 100%;
	margin: 10px 10px 0px 10px;
	text-align: center;
	font-family: arial;
}

nav ul li{
	display: inline-block;
	padding: 0px 0px 10px 0px;
	margin: 0px 5px 0px 10px;
	font-family: "Cantarell-Bold";
	font-size: 14px;
}

#menu a:link, a:visited{
	color: #005;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 5px;
        padding-left: 4px;
        padding-right: 4px;
	/*background-color: #000000;*/
}

#menu a:hover{
	color: #038DAF;
        font-weight: bold;
	text-decoration: none;
	border-bottom: solid 3px #CCCCDD;
        padding-left: 0px;
        padding-right: 0px;
}

footer{
	background-color: white;
	color: white;
	text-align: center;
	font-family: "Cantarell-Regular";
	font-size: 12px;
	letter-spacing: 3px;
}


#social_network div{
	height: 55px; 
	width: 64px; 
	vertical-align: middle; 
	display: table-cell;
}
#social_network img{
	height: 32px;
	-webkit-transition: height 1s;
	transition: height 0.1s;
	margin: 0px;
	padding: 0px;
}
#social_network img:hover{
	height: 48px;
}


/*
#social_network a:link, a:visited, a:active{
	margin: 0px;
	height: 18px;
	opacity: 0.4;
    filter: alpha(opacity=40);
}
#social_network a:hover{
	margin: 0px;
	height: 48px;
	width: 48px;
	opacity: 1.0;
    filter: alpha(opacity=40);
}*/

#copyright{
	background-color: #000055;
	padding-top: 20px;
}
#copyright p{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	line-height: 18px;
}

.margin-one-pixel{ /*formata��o para tag <hr> bem fino, com margin de 1 px*/
margin: 1px 0px 1px 0px;
padding: 0px;
}

.hr.slim-light{
	margin: 1px 10px 1px 10px;
	padding: 0px;
	border-color: #CCE;
}

.title_page{
	/*border: 2px solid #AAAAAA;*/
	border-bottom: 1px solid #038DAF;
	padding: 5px;
	text-align: left;
	font-size: 25px;
	color: #038DAF;
	font-family: "Euphemia";
	text-transform: uppercase;
	line-height: 30px;
	margin: 0px 10px 20px 10px;
}

.title_box{
	/*border: 2px solid #AAAAAA;*/
	padding: 2px;
	text-align: left;
	font-size: 18px;
	color: #000055;
	font-family: "Novecento WideMedium";
	line-height: 30px;
	margin: 0px 10px 0px 10px;
}

.title_box_small{
	padding: 2px;
	text-align: left;
	font-size: 15px;
	color: #000055;
	font-family: "Novecento WideNormal";
	line-height: 24px;
	margin: 0px 10px 0px 10px;
}

.title_destaque{
	border: solid 4px #04AEDA;
	border-radius: 10px 0px;
	display: block;
	padding: 2px 10px 2px 10px; 
	font-size: 18px;
	font-family: "Novecento WideMedium";
	line-height: 30px;
	margin: 0px;
	text-align: center;
	background-color: #DDEEff;
}

#shortcut{
	float: left;
	height: 100%;
	font-family: "Novecento WideNormal";
}
#shortcut img{
	float: left;
	margin-right: 5px;
}
#shortcut strong{
	font-size: 15px;
	text-transform: uppercase;
	color: #000077;
	display: block;
}
#shortcut span{
	font-size: 12px;
	color: #999999;
	margin: 0px;
}
#shortcut a{
    text-decoration: none;
}

#atualization{
	background: url(../images/background_simplebox.png);
	background-color: white; 
	min-height: 400px; 
	max-height: 450px; 
	overflow: auto;
	margin-bottom: 20px;
	/*border-radius: 10px 0px;*/
	box-shadow: 2px 2px 5px #666;
}
#atualization section{
	border-bottom: solid 1px #AAAAFF;
	margin: 10px;
}
#atualization p{
	font-size: 12px;
	color: #555555;
	margin: 10px 0px 2px 0px;
	line-height: 18px;
	text-align: justify;
}

#acknowledgement {
}
#acknowledgement img{
	max-height: 64px;
	margin: 0px 20px 0px 0px;
}

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

/* INDEX */
#agenda{
    background: url(../images/background_simplebox.png);
}
#agenda div{
    float: left;
    
}

#agenda hr{
    margin: 0px 5px 5px 5px;
}
 
.agenda-dia{
    width: 60px;
    height: 75px;
    background-color: #0EB8e4;
    margin: 0px 0px 5px 10px;
    border-radius: 0px;
}
#agenda h2, #agenda h4, #agenda h3, #agenda h5{
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: center;
}

.agenda-dia h2{
    border-bottom: solid 1px #CCC;
    padding-bottom: 2px;
}

#agenda .agenda-descricao h3{
    text-align: left;
    border-bottom: solid 2px #04AEDA;
    height: 30px;
    vertical-align: bottom;
    padding: 10px 0px 0px 5px;
    font-size: 18px;
}

#agenda .agenda-descricao h5{
    text-align: right;
    color: #AAA
}

.agenda-descricao{
    margin: 0px 10px 5px 0px;
    width: 175px;
    height: 75px;
}

#noticias{
    background: url(../images/background_simplebox.png);
}
#noticias section{
    margin: 5px 10px;
    border-bottom: solid 1px #ccc;
    text-align: justify;
}



/* SIMP�SIO */
#simposio{
	background-image: url(../images/background_simplebox.png);
	box-shadow: 2px 2px 5px #666;
	margin-bottom: 20px;
}
#simposio p {
	padding: 10px;
	text-align: justify;
}





/* COMISS�O ORGANIZADORA*/
#comissao section{
	background-color: #FFF;
	min-height: 330px;
	border-radius: 0px 0px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 5px #666;
}
#comissao img{
	width: 220px;
	height: 180px;
        border-width: 2px 2px 2px 2px;
	padding: 0px;
}

#comissao p{
	text-align: justify;
	padding: 10px;
	font-size: 12px;
	
}
#comissao h6{
	color: #CCC;
	font-size: 13px;
	padding: 0px;
}
#comissao a{
    text-decoration:  none;
}

/* GALERIA */
#gallery section{
	background-image: url(../images/background_simplebox.png);
	box-shadow: 2px 2px 5px #666;
        margin-top: 10px;
        margin-bottom: 15px;
        padding-bottom: 10px;
}
#gallery section:hover{
	background-image: url(../images/background_simplebox_hoverlight2.png);
	box-shadow: 2px 2px 5px #666;
	cursor: pointer;
}
#gallery img{
	width: 200px;
	height: 140px;
	background-color: black;
	box-shadow: 1px 1px 5px #666;
}
#gallery img:hover{
	background-color: black;
	box-shadow: 0px 0px 15px #777700;
}

#gallery div.gallery_edition{
    background-color: white; 
    width: 100%;
    float: left;
    box-shadow: 2px 2px 5px #666; 
    border-top: solid 1px #04AEDA;
    border-bottom: solid 1px #04AEDA;
}

#gallery div h2{
    text-align: center;
}


/* LOCAL */
#local h4, h6, ul{
	padding: 5px 10px 0px 10px;
}

#local li{
	font-size: 13px;
}
#local section{
	background-color: #FFF;
	//border-radius: 10px 0px;
	box-shadow: 2px 2px 5px #666;
	margin-bottom: 20px;
}

/* APOIO */
#apoio section{
	/*background-color: #FFF;*/
	/*box-shadow: 2px 2px 5px #666;*/
	/*  margin-bottom: 20px;*/
}
#apoio img{
	height: 180px;
}

/* CONTATO */
#contato section{
	background-color: #FFF;
	/*border-radius: 10px 0px;
	box-shadow: 2px 2px 5px #666;
	margin-bottom: 20px;*/
	background: url(../images/background_simplebox.png);
	box-shadow: 2px 2px 5px #666;
}

#contato h6{
	font-size: 11px;
	font-family: "Novecento WideNormal";
}

.fundo_padrao{
    	background-image: url(../images/background_simplebox.png);
	box-shadow: 2px 2px 5px #666;
	margin-bottom: 20px;
        ;
}



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