@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: 200;
	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:#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;
}


}
#tudo {
width: 1280px;
margin:0 auto;
padding: 10px;
text-align:left; /* "remédio" para o hack do IE */
}
#conteudo {
padding: 5px;
height: 179px;

background-image:url(imgs/imagembarra.jpg)

}

#menulateral {
	padding-left: 70px;
	width: 150px;
	height: 450px;
	color: #666;
	margin-top:-40px;
	z-index:1
}

#texto {
	padding: 5px;
	width: 400px;
	height: 450px;
	margin-left: 385px;
	margin-top: -500px;
	color: #000;
	z-index:1
}

#imagem {
	padding: 5px;
	width: 380px;
	height: 450px;
	margin-left: 900px;
	margin-top: -450px;
	z-index:1
}

#rodape {
padding: 5px;
width: 1280px;
height: 100px;

background-image:url(imgs/rodape.jpg)
}
	.img {
	 
3box-shadow: 0 1px 2px #999999;
	}
	
	a:link {
		color:#fff; 
		text-decoration:none;

	}

	a:visited {
		color:#fff;  
		text-decoration:none;
	}

	a:active {
		background-color:#999; 
	
		color:#FC3;
	}

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

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: 14px;
	line-height: 22px;
	letter-spacing: 0.2px;
	text-align: left;
	padding: 0 0 0 5px;
	margin: 0;
	color: #000;
	font-family: 'Century Gothic', sans-serif;
}
h1  {
	font-size: 44px;
	color: #903;
	margin: 10px 0 10px 0;
	font-family: 'Century Gothic',  sans-serif;
}
h2  {
    font-size:14px;
	color:#2B5074;
	background:url(img/bg-h1-bar.jpg) 0 bottom repeat-x; 
	letter-spacing: 1px;
	margin:10px ;
	font-family:  'Century Gothic', sans-serif;
}
h3  {
	font-size: 20px;
	color: #953;
	margin: 10px 0 10px 0;
	font-family: 'Century Gothic',  sans-serif;
}


small  {
    font-size:13px;
	color:#FFF;
	letter-spacing: 1px;
	font-family:'Ubuntu Condensed', sans-serif;   
}
.clear  {

}
.simbolos  {
    font-family: 'Century Gothic', cursive;
	float:left;
	color:#333;
	display:block;
	margin:0 5px 0 5px;
}
header  {
	width: 960px;
	height: 170px;
	margin: 0 auto;
}
#nav-total  {
    width:100%;
	height:60px;
	background: url(img/bg-nav.jpg) repeat-x;
}

#nav-total2  {
    width:100%;
	height:1200px;
	background: #fff;
}


.nav-total  {
	height: 60px;
	background: url(img/bg-nav.jpg) repeat-x;
	margin: auto;
}
.f-nav  { 
    z-index: 9999; 
	position: fixed; 
	top: 0; width:100%; 
} 
nav  {
	width: 1280px;
	height: 2200px;
	background: url(img/bg-nav.jpg) repeat-xy;
	margin: 0 auto;
}
nav2  {
	width: 1880px;
	height: 2200px;
	background: url(img/bg-nav.jpg) repeat-xy;
	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:16px;
   text-transform:uppercase;
   float:left;
   font-weight:bolf;
   margin:0 10px 0 5px;
   line-height:60px;
}  
nav ul li a:hover  {
    color:#F90;
	
}
#pagina-total  {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFFFFF;
	height: 5600px;
}

#box-slide  {
    width:960px;
	height:500px
}
#slide  {
    width:940px;
	height:320px;
	background:#F00;
	margin:100px 0 40px 10px;
	float:left;
}
#slide-centro {
    width:918px;
	height:298px;
	padding:10px;
	background:#F00;
	float:left;
	margin:1px ;
}
.fundo-linha  {
    width:918px;
	height:500px;
	border:1px solid #F00;
	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:  'Century Gothic', cursive;
    font-size: 30px;
    color:#F00;
}
.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;
}
.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:  'Century Gothic', sans-serif;
}
.up {
    width:30px;
	height:20px;
	float:right; 
	margin:40px 0 0 0;
}
.copy  {
    margin:2px 0 0 200px;
	color:#FFF;
	float:left;
	font-family:  'Century Gothic', sans-serif;
	
}
input, textarea {   
    padding: 9px;  
    border: solid 1px #F00;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 200px;  
    background: #FFFFFF;  
    }  
	
imagem {
	padding-left: 70px;
	width: 500px;
	height: 450px;
	color: #666;
	margin-top:-40px;
}
  
textarea {   
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%; 
	 
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color:#F00 ;   
    }  
.form  {
    float:right;
	margin:10px;

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