/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	background-image: url(http://www.omicronfotografia.com.br/images/omicron-backgorund-1920x1080.jpg);	
	background-repeat:no-repeat;
    background-position: top center;
	
}
html {
background-color:#000
}

/* normalize font-size for headers */
h2, h3, h4, h5   {
	font-size: 100%;
	font-weight: normal;
}


/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption adn th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}

p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
	color: #808080;
	padding-top: 5px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}




/*-  Elementos Principais
----------------------------------------------------------------------*/

body{
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #808080;
	/*background-color: #FFF;*/
	background-image: url(/images/bg_top.png);
	background-repeat: repeat-x;
	background-position: top;
}

#bgimage1{
	position:absolute;
	z-index:-10;
	left:50%;
	margin-left:-677px;
	top:90px;
}

#bgimage2{
	position:absolute;
	z-index:-10;
	left:50%;
	margin-left:-677px;
	margin-top:-10px;
}


#box {
	margin-bottom: 10px;
	float: left;
	display:block;
	background-color: #F2F2F2;	
}

#box2 {
	margin-bottom: 10px;
	float: left;
	display:block;
	background-color: #F2F2F2;	
}

#box2 p {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	color: #808080;
	padding-top: 10px;
}

#box_fb {
	margin-bottom: 10px;
	float: left;
	display:block;	
}


#boxExposicaoTexto{
	margin-bottom: 10px;
	float: left;
	display:block;
	background-color: #F2F2F2;
}

#box img {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#box_curso {
	margin-bottom: 10px;
	float: left;
	display:block;
	background-color: #D71920;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 10px;
	margin-top: 20px;
	height: 10px;
	width: 910px;
	text-transform: capitalize;
	font-weight: bold;
	vertical-align: middle;
}

#box_banner {
	margin-bottom: 10px;
	float: left;
	display:block;
	background-color: #F2F2F2;
	padding: 10px;
}


#box ul{
	padding: 10px;
}

#box li{
	padding-top: 5px;
	list-style-position: inside;
}

#btRecuar {
	position:absolute;
	top: 600px;
	left: 50%;
	margin-left:-490px;
}

#btAvancar{
	position:absolute;
	top: 600px;
	left: 50%;
	margin-left:470px;
}

#icone img {
	padding: 5px;
}

#links_navbar_sec{
	vertical-align: text-bottom;
	height: 10px;
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #CCC;
	float: right;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 15px;
}

#links_navbar_sec a{
	color: #333;
	text-decoration: none;
}

#links_navbar_sec a:hover{
	color: #333;
	text-decoration: none;
}



#news{
	vertical-align: text-bottom;
	height: 15px;
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #999999;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #999999;
}

#newsletter_alerta{
	position:absolute;
	color: red;
	font-size: 9px;
	width:400px;
	margin-left:-160px;
	text-align: right;
}

#rodape{
	width: 700px;
	font-size: 10px;
	padding: 10px;
	float: left;
	letter-spacing: .2em;
	color: #FFF;
}

#twitter_div{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

#twitter_div ul {
	padding: 0px;
}

#twitter_div li {
	padding: 0px;
	list-style-type: none;
}

ul#twitter_update_list li {
	float: left;
	width: 440px;
	padding-bottom: 12px;
	list-style-type: none;
}
ul#twitter_update_list li a {
	width: 100%;
	height: 100px;
	text-decoration: underline;
	top: -1px;
}



/* ------------------------------ 
FONTES
------------------------------ */

a:hover {
	color: #666;
}

a:visited {
	color: #4D4D4D;
}

a:link {
	color: #333;
}

li a {
	text-decoration: none;
}


h1 {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 10px;
}

h2 {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 10px;
	text-align: right;
}

h3 {
	padding: 10px;
	font-size: 28px;
	text-transform: uppercase;
	text-align: left;
}


blockquote {
	margin-top: 10px;
	margin-right: 10px;
	font-style: italic;
	font-size: 14px;
	color: #999;
	text-align: right;
	width: 300px;
	border: 1px dotted #999;
	padding: 10px;
	background-image: url(/images/blockquote_aspas.png);
	background-repeat: no-repeat;
	float: right;
}


red{color: #D71920;}

purple{color: #8967AC;}

blue{color: #50A5DC;}

green{color: #54B948;}

yellow{color: #FFD105;}

orange{color: #F58235;}

acqua{color: #397778;}




/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */

/* 
#container has an absolute width (780 pixel) 
The width of inner elements is set to auto,
in this way all inner elements have the same 
width of the element which contains them 
*/
#container{
	width:930px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.jqueryslidemenu ul{width:auto; margin:0;}
#topbar{width:930px; display:block; height:160px; margin-right: auto; margin-left: auto;}
#logo{
	width:140px;
	display:block;
	height:160px;
	float: left;
}
#navbar_sec{
	width:790px;
	display:block;
	height:25px;
	float: left;
}
#navbar{
	width:790px;
	display:block;
	height:30px;
	float: left;
	margin-top: 30px;
	background-color: #F2F2F2;
}

#main{
	width:930px;
	display:block;
	height:auto;
	margin-right: auto;
	margin-left: auto;
}

#div_mapa{
	margin-left:550px;
}

/* ------------------------------ 
FLICKR Configurações
------------------------------ */

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 0px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 2px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {
	border: 0px solid black !important;
	padding: 8px;
}
#flickr_www {display:block; padding:0 9px 0 9px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#50A5DC;}
#flickr_badge_wrapper {
	background-color:#F2F2F2;
}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}



/* 
div.spacer, solve an issue with #container height
in css 2 column layout. 
*/

div.spacer{clear:both; height:0px; display:block;}

#flickr{
	width:910px;
	display:block;
	height:100px;
	background-color: #F2F2F2;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}

#footer{
	width:930px;
	width:100%;
	display:block;
	height:80px;
	background-color: #666;
	margin-right: auto;
	margin-left: auto;
}

#footer_interno{
	width:930px;
	position:relative;
	left:50%;
	margin-left:-465px;
}


#icone{
	float: right;
}



ul#icone {
	padding-left: 2px;
	padding-top: 6px;

	list-style-position: outside;
	list-style-type: none;
}
ul#icone li {
	height: 16px;
	float: left;
	list-style-type: none;
}
ul#navbar li a {
	width: 100%;
	height: 16px;
	text-decoration: none;
}
ul#icone li#twitter {
	width: 16px;
	height: 16px;
	padding-right: 5px;
	background: url(/images/icone_twitter.png) top left no-repeat;
}
ul#icone li#twitter:hover {
	background: url(/images/icone_twitter_color.png) top left no-repeat;
}
ul#icone li#rss {
	width: 16px;
	height: 16px;
	padding-right: 5px;
	background: url(/images/icone_rss.png) top left no-repeat;
}
ul#icone li#rss:hover {
	background: url(/images/icone_rss_color.png) top left no-repeat;
}
ul#icone li#flic {
	width: 16px;
	height: 16px;
	padding-right: 5px;
	background: url(/images/icone_flickr.png) top left no-repeat;
}
ul#icone li#flic:hover {
	background: url(/images/icone_flickr_color.png) top left no-repeat;
}

ul#icone li#facebook {
	width: 16px;
	height: 16px;
	padding-right: 5px;
	background: url(/images/icone_facebook.png) top left no-repeat;
}
ul#icone li#facebook:hover {
	background: url(/images/icone_facebook_color.png) top left no-repeat;
}

#blog_data {
	font-size: 9px;
	color: #CCC;
	line-height: 10px;
}


#blog_title{
	text-transform: uppercase;
	line-height: 10px;
}

a#blog_post {
	text-decoration: none;	
}