/* ----------------------------------------
       Axis Focus Informática Ltda.
-------------------------------------------

***********************
         Home
***********************/

/* ----- Banner ----- */

#home .banner { width:73.4714%; margin:0 0.493% 1.5% 0; float:left; overflow:hidden; text-indent:-32767px; /* internacionalizacao */ }

#home .pedidos_urgentes { width:26.0356%; margin:0 0 1.5% 0; float:left; background-color:rgb(212,4,122); }
#home .pedidos_urgentes h1 { margin:0.6em 0; text-align:center; font-size:2.6em; font-family: 'Economica', sans-serif; color:rgb(222,218,0); text-transform:uppercase; }
#home .pedidos_urgentes p { margin:0.6em 0; text-align:center; font-size:2.0em; font-family: 'Economica', sans-serif; color:#fff; }
#home .pedidos_urgentes .vinte_e_quatro_horas { width:auto; margin:12% auto; display:block; }

/* ----- Produtos / Serviços ----- */

#home article { height:auto; padding:1.5% 0; clear:both; border-top:1px solid rgb(197,195,195); }
#home article + article { border-bottom:1px solid rgb(197,195,195); }
#home article a { text-decoration:none; color:rgb(36,31,31); }
#home article header { width:38%; float:left; background-color:rgb(33,66,97); }
#home article header figure { height:auto; overflow:hidden; }
#home article header h1 { width:28%; padding:3% 0 0 15%; float:left; font-size:1.8em; color:#fff; text-decoration:none; font-weight:normal; font-family:'Oswald', sans-serif; }
#home article section { width:58%; height:100%; padding-left:4%; float:left; background:url(../imagens/geral/home_article_seta.jpg) center left no-repeat; }
#home article section ul { width:100%; }
#home article section ul li { width:28%; margin-left:1%; padding:0.4% 0 0.4% 20px; float:left; font-size:1.2em; list-style-type:none; background:url(../imagens/geral/home_article_li_bullet.png) left 3px no-repeat; }

/* ----- Comentários ----- */

#home .comentarios { background:url(../imagens/geral/home_comentarios_bg.jpg) top right no-repeat; }
#home .comentarios .comentario { padding:14% 25% 14% 4%; }
#home .comentarios .comentario .texto { font-size:1.2em; line-height:1.6em; color:#fff; }
#home .comentarios .comentario .autor { font-size:1.2em; line-height:1.6em; color:#fff; text-align:right; font-weight:bold; }

/* ----- Cartela ----- */

#home .cartela { width:47%; height:221px; margin:1.5% 0 1.5% 0; float:right; position:relative;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWVkOGRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #aed8db 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#aed8db)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#aed8db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#aed8db 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#aed8db 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover, #ffffff 0%,#aed8db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aed8db',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

#home .cartela h2 { margin:4% 0 0 17%; font-size:2.0em; font-family:'Oswald', sans-serif; font-weight:300; }

#home .cartela #substratos { width:60%; margin:3% auto; }

#home .cartela #substratos span { width:93px; height:30px; margin:4px 2px; padding-top:4px; float:left; text-align:center; background-color:rgb(29,51,79); color:#fff; font-size:2.0em; font-family:'Oswald', sans-serif; font-weight:300; text-transform:uppercase; }

#home .cartela h3 { width:10%; margin:2% 2% 0 8%; float:left; font-size:2.0em; font-family:'Oswald', sans-serif; font-weight:300; }
#home .cartela #cores { width:59%; padding:0 4px; float:left; background-color:#fff; }
#home .cartela #cores span { width:40px; height:70px; margin:4px 2px; float:left; }

#home .cartela .mao { width:57px; height:70px; position:absolute; right:10%; bottom:0; display:block; z-index:1; background-image:url(../imagens/geral/home_cartela_mao.png); }
.color1 { background-color:#f7e214; } .color2 { background-color:#f4ed7c; } .color3 { background-color:#f4ed47; } .color4 { background-color:#f9e814; } .color5 { background-color:#fce016; } .color6 { background-color:#c6ad0f; } .color7 { background-color:#ad9b0c; } .color8 { background-color:#82750f; } .color9 { background-color:#f7e859; } .color10 { background-color:#f9e526; } .color11 { background-color:#f97242; } .color12 { background-color:#f95602; } .color13 { background-color:#f95602; } .color14 { background-color:#a53f0f; } .color15 { background-color:#843511; } .color16 { background-color:#f9baaa; } .color17 { background-color:#f98972; } .color18 { background-color:#f9603a; } .color19 { background-color:#f74902; } .color20 { background-color:#d14414; } .color21 { background-color:#c40f89; } .color22 { background-color:#ad0075; } .color23 { background-color:#7c1c51; } .color24 { background-color:#f7c4d8; } .color25 { background-color:#ea6bbf; } .color26 { background-color:#db28a5; } .color27 { background-color:#c4008c; } .color28 { background-color:#a8007a; } .color29 { background-color:#9b0070; } .color30 { background-color:#87005b; } .color31 { background-color:#112151; } .color32 { background-color:#b5d1e8; } .color33 { background-color:#99badd; } .color34 { background-color:#6689cc; } .color35 { background-color:#0c1c8c; } .color36 { background-color:#002b7f; } .color37 { background-color:#002868; } .color38 { background-color:#002654; } .color39 { background-color:#9bc4e2; } .color40 { background-color:#75aadb; } .color41 { background-color:#7ad1b5; } .color42 { background-color:#00b28c; } .color43 { background-color:#009977; } .color44 { background-color:#007a5e; } .color45 { background-color:#006b54; } .color46 { background-color:#00563f; } .color47 { background-color:#8ee2bc; } .color48 { background-color:#54d8a8; } .color49 { background-color:#00c993; } .color50 { background-color:#00b27a; } .color51 { background-color:#96938e; } .color52 { background-color:#827f77; } .color53 { background-color:#60605b; } .color54 { background-color:#2b2b28; } .color55 { background-color:#dddbd1; } .color56 { background-color:#d1cec6; } .color57 { background-color:#adafaa; } .color58 { background-color:#919693; } .color59 { background-color:#666d70; } .color60 { background-color:#444f51; } .color61 { background-color:#ed9e84; } .color62 { background-color:#efb5a0; } .color63 { background-color:#f2c4af; } .color64 { background-color:#f2d1bf; } .color65 { background-color:#5b2626; } .color66 { background-color:#752828; } .color67 { background-color:#913338; } .color68 { background-color:#db828c; } .color69 { background-color:#f2adb2; } .color70 { background-color:#f4bcbf; } .color71 { background-color:#a3c1c9; } .color72 { background-color:#c4d6d6; } .color73 { background-color:#00353a; } .color74 { background-color:#26686d; } .color75 { background-color:#609191; } .color76 { background-color:#8cafad; } .color77 { background-color:#aac4bf; } .color78 { background-color:#ced8d1; } .color79 { background-color:#d6ddd6; } .color80 { background-color:#193833; } .color81 { background-color:#ddd69b; } .color82 { background-color:#ccc47c; } .color83 { background-color:#b5aa59; } .color84 { background-color:#968c28; } .color85 { background-color:#847711; } .color86 { background-color:#d8ddce; } .color87 { background-color:#c1d1bf; } .color88 { background-color:#a5bfaa; } .color89 { background-color:#7fa08c; } .color90 { background-color:#5b8772; } .color91 { background-color:#f28411; } .color92 { background-color:#d36d00; } .color93 { background-color:#bf5b00; } .color94 { background-color:#f4d1af; } .color95 { background-color:#efc49e; } .color96 { background-color:#e8b282; } .color97 { background-color:#d18e54; } .color98 { background-color:#ba7530; } .color99 { background-color:#8e4905; } .color100 { background-color:#753802; }

/* --------------------
Configurações específicas
-------------------- */

/* ----- Maior que 1024 ----- */

@media screen and (min-width:1025px) {
	#home .banner { height:280px; }
	#home .pedidos_urgentes { height:280px; }
	
	#home article header figure { float:left; }
	#home article header figure img { float:left; }

	#home .comentarios { width:50%; max-width:407px; height:241px; margin:1.5% 3% 1.5% 0; float:left; }
}

/* ----- Menor que 1024 ----- */

@media screen and (min-width:651px) and (max-width:1024px) {
	#home .banner { height:280px; }
	#home .pedidos_urgentes { height:280px; }
	#home .pedidos_urgentes h1 { font-size:2em; }

	#home article header { width:166px; }
	#home article header h1 { width:60%; padding:3% 0 0 15%; }
	#home article section { width:70%; }
	#home article section ul li { width:40%; }

	#home .comentarios { width:50%; max-width:407px; height:241px; margin:1.5% 3% 1.5% 0; float:left; }
	
	#home .cartela { width:40%; }
}

/* ----- Menor que 650 ----- */

@media screen and (min-width:312px) and (max-width:650px) {
	#home .banner { width:100%; height:280px; clear:both; }
	#home .pedidos_urgentes { width:100%; height:auto; clear:both; }
	#home .pedidos_urgentes .vinte_e_quatro_horas { margin:4% auto; }
	
	#home article header { width:100%; margin-bottom:1%; }
	#home article header figure { text-align:center; }
	#home article header figure img { clear:both; }
	#home article header h1 { width:80%; padding:3% 10%; text-align:center; }
	#home article section { width:100%; background:none; }
	#home article section ul li { width:40%; }

	#home .comentarios { width:100%; max-width:407px; height:241px; margin:1.5% auto; }
	
	#home .cartela { width:100%; }
}

/* ----- Menor que 320 ----- */

@media screen and (max-width:320px) {
	#home .banner { width:100%; height:280px; clear:both; }
	#home .pedidos_urgentes { width:100%; clear:both; }
	#home .pedidos_urgentes .vinte_e_quatro_horas { margin:4% auto; }

	#home article header { width:100%; margin-bottom:1%; }
	#home article header figure { text-align:center; }
	#home article header figure img { clear:both; }
	#home article header h1 { width:80%; padding:3% 10%; text-align:center; }
	#home article section { width:100%; background:none; }
	#home article section ul li { width:40%; }

	#home .comentarios { width:100%; height:241px; margin:1.5% auto; }
	
	#home .cartela { width:100%; }
}