/*
Theme Name:Somar
Theme URI:http://www.somarcomunicacao.com.br
Description: Desenvolvido Exclusivamente para a empresa Somar Comunicação
Version:1.0
Author:Somar Comunicação
Author URI:http://www.somarcomunicacao.com.br
*/

@media only screen and (max-device-width: 480px) {
	* { font-family: Arial, Verdana, sans-serif !important; float: none !important; }
	html { padding: 10px !important; }
	body { background-color: #dedede !important; background-image: none !important; }
	div { width: 100% !important; height: auto !important; }
	li { width: 100% !important; height: auto !important; }
	img { width: 90% !important; display: block; margin: 0 auto; height: auto !important; }
	p { width: 100% !important; height: auto !important; }
	h1 { font-size: 80px !important; line-height: 90px !important; height: auto !important; }
	h2 { font-size: 70px !important; line-height: 80px !important; height: auto !important; }
	h3 { font-size: 60px !important; line-height: 70px !important; height: auto !important; }
	h4 { font-size: 50px !important; line-height: 70px !important; height: auto !important; }
	h5 { font-size: 40px !important; line-height: 70px !important; height: auto !important; }
	p { font-size: 45px !important; line-height: 70px !important; height: auto !important; }
	a { font-size: 45px !important; line-height: 70px !important; height: auto !important; display: inline !important; }
	div { font-size: 45px !important; line-height: 70px !important; height: auto !important; }
	span { font-size: 45px !important; line-height: 70px !important; height: auto !important; }
	li { font-size: 45px !important; line-height: 70px !important; height: auto !important; }
	strong { font-size: 45px !important; line-height: 70px !important; height: auto !important; }
	
	#top { background-image: none !important; margin-bottom: 30px; height: auto !important; }
	#innertop { width: 100% !important; }
	#logo { margin-left: 0 !important; margin: 0 auto !important; margin-bottom: 10px !important; width: 70% !important; }
	#menu { display: none; }
	.slider-wrapper { display: none; }
	#about a { color: #333; text-decoration: none; display: inline-block; border: none !important; height: auto !important; }
	#services .service_home { width: auto !important; float: none !important; margin: none !important; margin-bottom: 30px !important; }
	#rodape { background-image: none !important; background-color: #000; }
	.small { margin-left: 0 !important; }
	#content_footer * { text-align: center !important; }
	#share { display: none; }
	#right { display: none; }
	#left { width: 80% !important; }
}

@media only screen and (max-width: 480px) {
	* { font-family: Arial, Verdana, sans-serif !important; float: none !important; }
	html { padding: 10px !important; }
	body { background-color: #dedede !important; background-image: none !important; }
	div { width: 100% !important; height: auto !important; }
	li { width: 100% !important; height: auto !important; }
	img { width: 90% !important; display: block; margin: 0 auto; height: auto !important; }
	p { width: 100% !important; height: auto !important; }
	h1 { font-size: 50px !important; line-height: 60px !important; height: auto !important; }
	h2 { font-size: 40px !important; line-height: 50px !important; height: auto !important; }
	h3 { font-size: 30px !important; line-height: 40px !important; height: auto !important; }
	h4 { font-size: 20px !important; line-height: 40px !important; height: auto !important; }
	h5 { font-size: 10px !important; line-height: 40px !important; height: auto !important; }
	p { font-size: 25px !important; line-height: 40px !important; height: auto !important; }
	a { font-size: 25px !important; line-height: 40px !important; height: auto !important; display: inline !important; }
	div { font-size: 25px !important; line-height: 40px !important; height: auto !important; }
	span { font-size: 25px !important; line-height: 40px !important; height: auto !important; }
	li { font-size: 25px !important; line-height: 40px !important; height: auto !important; }
	strong { font-size: 25px !important; line-height: 40px !important; height: auto !important; }
	
	#top { background-image: none !important; margin-bottom: 30px; height: auto !important; }
	#innertop { width: 100% !important; }
	#logo { margin-left: 0 !important; margin: 0 auto !important; margin-bottom: 10px !important; width: 70% !important; }
	#menu { display: none; }
	.slider-wrapper { display: none; }
	#about a { color: #333; text-decoration: none; display: inline-block; border: none !important; height: auto !important; }
	#services .service_home { width: auto !important; float: none !important; margin: none !important; margin-bottom: 30px !important; }
	#rodape { background-image: none !important; background-color: #000; }
	.small { margin-left: 0 !important; }
	#content_footer * { text-align: center !important; }
	#share { display: none; }
	#right { display: none; }
	#left { width: 80% !important; }
}

* { margin: 0; padding: 0; outline: 0; }

html { overflow-x: hidden; }

body { font-family: Verdana, Arial, sans-serif; background-color: #fcf239; background-image: url('http://www.somarcomunicacao.com.br/criacao-de-site-rj/wp-content/themes/somar/images/bg_somar_criacao_de_site.jpg'); background-repeat: repeat-x; }

h1 { font-family: 'Fjalla One', sans-serif; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 20px; color: #222; font-size: 30px; font-weight: 300; }

h3 { font-family: 'Fjalla One', sans-serif; margin-bottom: 10px; color: #222; font-size: 1.1em; font-weight: 400; text-shadow: 1px 1px 0px #fff; }

hr { border-width: 0; height: 1px; border-top: 1px dotted #777; }

.overflow { overflow: auto; }

div#top { width: 100%; background: url("http://www.somarcomunicacao.com.br/criacao-de-site-rj/wp-content/themes/somar/images/bg_top.jpg"); height: 80px; }

div#top { overflow: auto; overflow-y: hidden;  }

div#logo { width:156px; height: 33px; float: left; margin-top: 23px; margin-left: 10px; }

div#menu { float: left; margin-left: 10px; }

div#menu ul { overflow: auto; }

div#menu ul li { list-style: none; float: left; }

div#menu ul li a { padding: 29px 20px; font-size: 17px; color: #fff; display: block; text-decoration: none; font-family: 'Fjalla One', sans-serif; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; text-transform: uppercase; /*background-color: #333; border-radius: 4px; border: 1px solid #373737; box-shadow: 0 0 5px #000;*/ }

div#menu ul li a:hover { color: #dedede; background-color: #222; box-shadow: inset 0 0 10px #000000; }

div#menu ul li ul.sub-menu { display: none; position: absolute; z-index: 999; border-radius: 0 0 5px 5px; }

div#menu ul li:hover ul.sub-menu { display: block; background-color: #222; box-shadow: inset 0 0 10px #000000; min-width: 250px; }

div#menu ul li ul.sub-menu li { float: none !important; min-width: 250px }

div#menu ul li ul.sub-menu li a { padding: 15px 20px !important; text-transform: none !important; }

div#menu ul li ul.sub-menu li a:hover { border-radius: 0 0 5px 5px; color: #000 !important; background-color: #999 !important; }

#middle { background-color: #ececec; border-radius: 5px; box-shadow: 0 0 10px #000; width: 990px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; text-align: justify; font-family: 'Roboto Condensed', sans-serif; color: #444; }

#about { text-align: justify; font-family: 'Roboto Condensed', sans-serif; color: #444; margin-bottom: 40px; }

#middle p a, #about a { color: #333; text-decoration: none; display: inline-block; border-bottom: 1px dotted #333; height: 22px; }

#middle p a:hover, #about a:hover { color: orange; border-bottom: 1px dotted orange; }

#left { width: 610px; float: left; border-right: 1px solid #dedede; padding: 20px; background-color: #fff; }

#left p, #about p { margin-bottom: 10px; line-height: 25px; color: #777; }

#left ul, #about ul { margin-bottom: 10px; line-height: 25px; color: #777; margin-left: 25px; }

#right { width: 320px; float: right; padding-top: 20px; }

#rodape { background: url("http://www.somarcomunicacao.com.br/criacao-de-site-rj/wp-content/themes/somar/images/bg_top.jpg") 0 -28px; width: 100%; background-color: #000; box-shadow: 0px 0px 20px #000; z-index: 999; }

#content_footer { width: 990px; margin: 0 auto; }

#content_footer div.right { color: #fff; font-family: 'Roboto Condensed', sans-serif; padding: 10px 0; font-size: 21px; float: right; text-shadow: 2px 2px 1px #000; width: 680px; }

#content_footer div.right ul { overflow: auto; float: left; }

#content_footer div.right ul li { list-style: none; float: left; }

#content_footer div.right ul li a { font-size: 13px; color: #fff; padding: 0 7px 0 7px; display: block; margin-top: 5px; }

#gplus { float: left; padding-top: 7px; }

#content_footer p.left { margin-top: 5px; font-family: 'Roboto Condensed', sans-serif; float: left; padding: 10px 0; color: #fff; font-size: 14px; text-shadow: 2px 2px 1px #000; }

.small { font-size: 0.7em; display: inline-block; margin-left: 15px; color: #999; }

#sidebar { margin-right: 20px; }

.widgets { margin-bottom: 20px; }

.widgets ul { width: 300px; }

.widgets li { list-style: none; }

.widgets li a {	text-decoration: none; color: #444;	display: block;	border-bottom: 1px dotted #999;	padding: 5px 0;	transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; font-size: 14px; text-shadow: 1px 1px 0px #fff; }

.widgets li a:hover { background-color: #222; color: yellow; padding-left: 10px; text-shadow: none; }

.textwidget { color: #444; padding: 5px 0;	font-size: 14px; text-shadow: 1px 1px 0px #fff; line-height: 23px; }

.textwidget a { color: #000; text-decoration: none; display: inline-block; border-bottom: 1px dotted #000; height: 19px; }

.textwidget a:hover { color: orange; border-bottom: 1px dotted orange; text-shadow: none; }

.textwidget strong { text-transform: uppercase; color: #000; }

dd.wp-caption-text a { text-decoration: underline; color: #444; font-style: italic; font-size: 14px; }

dd.wp-caption-text a:hover { color: orange; }

dl.gallery-item dt a { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; }

dl.gallery-item dt a:hover { opacity: 0.4; }

dt.gallery-icon a img { box-shadow: 0 0 10px #c7c7c7; }

div#left p img { max-width: 610px; height: auto; }

#keywords_reference { padding: 10px; border: 1px solid #dedede; margin-top: 20px; font-size: 13px; font-family: Arial, Verdana, sans-serif; color: #999; }

.bloco_cat h2 a { color: #333; text-decoration: none; }

.bloco_cat h2:hover a.tit_int { color: #333; text-decoration: underline; }

.bloco_cat a.texto_int { color: #777; text-decoration: none; }

.bloco_cat a.texto_int:hover { color: #777; text-decoration: underline; }

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

a.more_info:hover { color: #000; text-decoration: underline; }

.tagcloud a { font-size: 13px !important; color: #555 !important; text-decoration: none !important; }

.tagcloud a:hover { color: #000 !important; text-decoration: underline !important; }

#tags_words { margin: 20px 0; }

#share { margin-bottom: 15px; }

div.erro { 
	padding: 5px; 
	width: 60%; 
	background-color: #ffb6b6; 
	border: 1px solid red; 
	font-weight: bold; 
	font-size: 13px; 
	border-radius: 7px; 
	color: red;
	margin-bottom: 5px; 
	margin-top: 5px; 
}

div.sucesso { 
	padding: 5px; 
	width: 60%; 
	background-color: #d3ffb6; 
	border: 1px solid #2b6a02; 
	font-weight: bold; 
	font-size: 13px; 
	border-radius: 7px; 
	color: #2b6a02; 
	margin-bottom: 5px; 
	margin-top: 5px; 
}

form label {
	display: block;
	font-size: 15px;
	color: #888;
}

form input[type="text"] {
	width: 250px;
	height: 17px;
	border: 1px solid #999;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

form textarea {
	width: 450px;
	border: 1px solid #999;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

form input[type="submit"] {
	border: 1px solid #333;
	color: #222;
	font-weight: bold;
	padding: 4px 11px;
	font-size: 13px;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.2s;
	margin-top: 20px;
	background-color: #E0FFE7;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

form textarea:hover, div#interior form input:hover, form input[type="text"]:hover {
	border: 1px solid #369;
}

form input[type="submit"]:hover {
	border: 1px solid #1E90FF;
	background-color: #369;
	color: #fff;
}

label.label_checkbox {
	display: inline !important;
}

.input_checkbox { float: left; margin-top: 5px; margin-right: 5px; }

.bloco { margin-bottom: 20px; }

#sitemap ul li a { display: block; color: #333; text-decoration: none; padding: 10px 0 10px 0; border-bottom: 1px dotted #999; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; }

#sitemap ul li a:hover { padding-left: 10px; text-decoration: underline; color: orange; }

#innertop { width: 990px; margin: 0 auto; }

#wrapper { width: 990px; margin: 0 auto; }

#slogan h1 { text-align: center; border-bottom: 1px solid #999 !important; color: #555 !important; }
#slogan h1 a { color: #555 !important; text-decoration: none; }

#slider { margin-bottom: 20px; }

.slider-wrapper { box-shadow: 0 0 35px #999 !important; margin-bottom: 40px; }

#services { overflow: auto; margin-bottom: 30px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; }

#services > div:hover { opacity: 0.6; }

#services h2 { border-bottom: 1px solid #999 !important; color: #555 !important; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; }

#services h2 a { color: #555 !important; text-decoration: none; }

#services .service_home { width: 230px; float: left; margin-right: 10px; }

#services a { display: block; text-decoration: none; color: #555 }

#services img { width: 230px; }

#services span { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; display: block; }

.sucesso_form {
	padding: 5px;
	background-color: #D3FFB6;
	border: 1px solid #2B6A02;
	font-weight: bold;
	font-size: 13px;
	border-radius: 7px;
	color: #2B6A02;
	margin-bottom: 5px;
	margin-top: 5px;
}

#portfolioHome h1 {
	text-align: center;
	color: #555;
}

div#portfolioHome {
	margin-bottom: 20px;
}

#portfolioHome ul {
	overflow: auto;
}

#portfolioHome ul li {
	list-style: none;
	float: left;
	margin-right: 40px;
	width: 158px;
	margin-bottom: 20px;
	min-height: 190px;
}

#portfolioHome ul li a {
	display: block;
	text-align: center;
	padding: 3px;
	background-color: #FFF;
	box-shadow: 2px 2px 8px #CCC;
}

#portfolioHome ul li p {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
	color: #555;
	font-family: 'Trebuchet MS', sans-serif;
}

div#OrcamentoHomeBtn {
	position: fixed;
	bottom: 70px;
	right: 20px;
	z-index: 99;
}