@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Electrolize);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Inder);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
/*
Theme Name: criarsites.me - Blog criarsites.me
Theme URI: http://www.criarsites.me
Description: Tema criado para demonstração do tutorial criar sites com HTML5.
Version: 1.0
Author: Everton Rodrigues Muta - criarsites.me
Author URL: http://www.emstudioweb.com.br
Tags: Criar sites,publicidade digital,Design,Japão,Webdesign
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body  {
    background:#ffffff;
}
/*#1C344C
header,footer,
article,section,
hgroup,nav,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a{
    text-decoration:none;
	color:#F8F8F8;
    -webkit-transition:color 0.5s ease-out;
    -moz-transition:color 0.5s ease-out;
    -o-transition:color 0.5s ease-out;
    -ms-transition:color 0.5s ease-out;
}
a:hover{
	text-decoration:none;
	color:#FFFFFF;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
figure  {
    float:left;
	margin:10px;

}
figure:hover  {
 -webkit-box-shadow:  0px 0px 5px 0px #437CB6;
  box-shadow:  0px 0px 5px 0px #437CB6;

}
p  {
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0.2px;
	text-align: left;
	padding: 0 0 0 5px;
	margin: 0;
	color: #555;
	font-family: 'Ubuntu Condensed', sans-serif;
}
h1  {
    font-size:40px;
	color:#FFF;
	margin:10px 0 10px 0;
	font-family: 'Electrolize', sans-serif;	
}
h2  {
	font-size: 22px;
	color: #2B5074;
	background: url(img/bg-h1-bar.jpg) 0 bottom repeat-x;
	letter-spacing: 1px;
	margin: 10px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
}
small  {
    font-size:13px;
	color:#FFF;
	letter-spacing: 1px;
	font-family:'Ubuntu Condensed', sans-serif;   
}
.clear  {
    clear:both;
}
.simbolos  {
    font-family: 'WebSymbolsRegular', cursive;
	float:left;
	color:#333;
	display:block;
	margin:0 5px 0 5px;
}
header  {
    width:960px;
	height:100px;
	margin:0 auto;
}
#nav-total  {
    width:100%;
	height:60px;
	background: url(img/bg-nav.jpg) repeat-x;
}
.nav-total  {
	height:60px;
	background: url(img/bg-nav.jpg) repeat-x;
}
.f-nav  { 
    z-index: 9999; 
	position: fixed; 
	top: 0; width:100%; 
} 
nav  {
    width:950px;
	height:60px;
	background: url(img/bg-nav.jpg) repeat-x;
	margin:0 auto;
}
nav ul  li{
   display:inline; 
   float:left;
}
nav ul li a,
nav ul li a:visited  {
   color:#FFF;
   font-family: 'Electrolize', sans-serif;
   font-size:25px;
   text-transform:uppercase;
   float:left;
   font-weight:bolf;
   margin:0 10px 0 5px;
   line-height:60px;
}  
nav ul li a:hover  {
    color:#437CB6;
	
}
#pagina-total  {
    width:960px;
	background:#ffffff;
	margin:0 auto;
}
#box-slide  {
    width:960px;
	height:500px
}
#slide  {
    width:940px;
	height:320px;
	background:#437CB6;
	margin:100px 0 40px 10px;
	float:left;
}
#slide-centro {
    width:918px;
	height:298px;
	padding:10px;
	background:#305983;
	float:left;
	margin:1px ;
}
.fundo-linha  {
    width:918px;
	height:500px;
	border:1px solid #437CB6;
	background:url(img/bg-article.png)repeat;
	padding:10px;
	float:left;
	margin:90px 0 0 10px;
}
.redes  {
    width:450px;
	height:50px;
	float:right;
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 30px;
    color:#666659;
}
.redes li  {
    display:inline;
	width:25px;
    margin:0 10px 10px 10px;
	line-height:45px;
	float:left;
}
.redes a  {
   	color:#305983;
}
.redes a:hover  {
   	color:#437CB6;
}
.artigos  {
    width:918px;
	height:500px;
	background:#F0F0F0;
	float:left;
}
.borda  {
    width:960px;
	height:660px;
	margin:10px 0 0 0;
	float:left;

}
.mapa  {
    float:left;
	margin:20px 10px 0 10px;
}
#contato  {
    width:450px;
	height:400px;
	margin:10px;
	border:1px solid #CCC;
	background:#FFF;
	float:left;    
}
#rodape-total  {
    width:100%;
	height:100px;
	float:left;
	margin:100px 0 0 0;
	background:url(img/bg-footer.png) repeat-x;
}
footer  {
    width:960px;
	height:100px;
	margin:0 auto;
	background:url(img/bg-footer.png) repeat-x;
}
.direitos  {
   float:left;
   margin:80px 0 0 0;
   font-size:14px;
   font-family: 'Electrolize', sans-serif;
}
.up {
    width:30px;
	height:20px;
	float:right; 
	margin:40px 0 0 0;
}
.copy  {
    margin:80px 0 0 250px;
	color:#FFF;
	float:left;
	font-family: 'Electrolize', sans-serif;
	
}
input, textarea {   
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 200px;  
    background: #FFFFFF;  
    }  
  
textarea {   
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color: #C9C9C9;   
    }  
.form  {
    float:right;
	margin:10px;

}  
.form label {   
    margin-left: 10px;   
    color: #999999;   
    }  
  
.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #617798;  
    border: 0;  
	margin-top:10px;
	cursor:pointer;
    font-size: 14px;  
    color: #FFFFFF;  
    }