F/* CSS Document */
@font-face {
	font-family: "hunset";
	src: url("hunset.ttf"); /* para IE */
	src: url("hunset.ttf"); }

@font-face {
	font-family: "Script";
	src: url("Script.ttf"); /* para IE */
	src: url("Script.ttf"); }


h3 {
	text-align: center;
	font: bold 35px Montserrat; color: #5C5B5B; 
	margin-top: 0px;
	margin-bottom: 23px; }
h4 {
	font: normal 16px Montserrat; color: #5C5B5B;  
	line-height: 20px; padding: 20px;
	    margin-top: -29px; }

h5 {
	text-align: center;
	font: normal 24px Montserrat; color: #5C5B5B; 
	margin-top: -15px;
	height: 0px;}

h6 {
	text-align: center;
	font: normal 12px Sansation; color: #5C5B5B; 
	margin-top: -10px;
    padding: 0px 30px; }

a { font-size: 14px Arial, Helvetica; color: gray; text-decoration: none; }
a:hover { color: blue; }


#content { min-height: 100%; }

#home_prod { position: relative; width: 100%; height: *; margin: 0 auto; } /* area geral dos icones produtos */
#custom_home { position: relative; float: left; width:100%; top:2px; margin:0 auto;} /* area geral do custom t-shirt */

#prod_center { width: 980px;  margin: 50px auto; font: 16px Sansation; }  /* alinha geral area dos icones */

#custom_center {  width: 980px; height: 450px; margin: 0px auto; font: 16px Sansation;
-webkit-background-size: 100%; -moz-background-size: 100%;  -o-background-size: 100%; background-size: 100%; }  /* alinha geral area dos icones */
#custom_left { float: left; width: 450px; height: 400px; margin-top: 100px; text-align: center; }
#custom_right { background: url(../../image/compre.png) no-repeat center; float: left; width: 490px; height: 280px; margin-top: 100px;}
#custom_buttom { position: relative; top: 10px;  width: 300px;  height: 40px; }

 /* div da revenda */
#revend { background: linear-gradient(#BFD9EB, #fff, #fff); position: relative; float: left; width:100%;  top:0px; margin:0 auto; margin-bottom: 30px; }
#revend_top { background: url(../../image/custom_top.png) no-repeat center top; width: 100%; height: 57px; }
#revend_down { background: url(../../image/custom_down.png) no-repeat center bottom; position: absolute; bottom: 0px; width: 100%; height: 57px; }
#revend_center { width: 980px;  margin: 0 auto; font: 16px Sansation; background-color: #ccc; }  /* alinha geral area dos icones */
#revend_left { float: left; width: 460px; height: 330px; margin-top: 10px;padding: 20px; }
#revend_right { background: url(../../image/plan_revend.png) no-repeat center top; float: left; width: 480px; height: 370px; margin-top: 10px; text-align: center; }

#revend_title {	font: normal 54px Hunset; color: #01248A; line-height: 60px; margin-left: 30px;}
#renda { position: relative; width: 330px; margin: 0 auto; }
p.dim_top{ font: 28px Sansation; color: #01248A; }
p.dim_meio { font: 56px Sansation; color: darkred; margin-top: -30px;}
p.dim_bottom { font: 24px Sansation; color: #01248A; position: absolute; right: 10px; top: 60px;}


#ico_prod {float: left; width: 245px; height: 300px; text-align: center;}  /* area do icone home camisetas */
	
#ico_camiseta_home { background: url(../../image/ico_camiseta_home.png) no-repeat center; height: 136px; margin: 10px auto;}
#ico_polo_home { background: url(../../image/ico_polo_home.png) no-repeat center; height: 136px; margin: 10px auto; }
#ico_regatas_home { background: url(../../image/ico_regatas_home.png) no-repeat center; height: 136px; margin: 10px auto; }
#ico_digital_home { background: url(../../image/ico_digital_home.png) no-repeat center; height: 136px; margin: 10px auto; } 

a.titulo_prod { position: relative; font: 26px Sansation; color: #5C5B5B; text-align: center; text-decoration: none; }   /* titulo dos ícones */
a.titulo_prod:hover { color: #152F7D;}
a.desc_prod { position: relative; float: left;  padding:30px 0px 0 20px; font: 14px Sansation; color: #5C5B5B; text-align: center; text-decoration: none; } /* descrição dos icones */
a.desc_prod:hover { color: #152F7D; }


#empresa {  }
#grid_est { float: left; width: 33%; height: 250px; text-align: center; padding-top: 10px; }

#local_left { float: left; width: 100%; height: 270px; margin-top: 40px; }
#local_right { float: left; width: 100%; height: 300px; margin-top: 60px;}

#canais { width: 100%; height: 330px; margin: 0 auto; text-align: left;}
#canal {  float: left; width: 100%; height: 80px;}
#canal2 {  float: left; width: 50%; height: 120px;}
.no_format { text-decoration: none; color: #5C5B5B; cursor: poiter;}

#prod_col { float: left; width: 50%; height: 320px; text-align: center; padding-top: 10px;}
.f_prod {     position: relative;  border: none; }
.f_pers {     position: relative;  border: none; }
.desc_prod { line-height: 16px; font-style: italic; margin-top: -30px; }
.prod_mod { float: left; width: 100%; text-align: center; height: 200px; }
.desc_mod { float: left; width: 100%; height: 210px; text-align: center;}

#down { list-style:none;  }
#down li a{font: italic 14px Sansation; line-height: 20px; color: #5C5B5B; }
#down li a:hover {color: black; }


#orca_head_left { float: left; width: 100%; height: 23px; text-align: center;}
#orca_head_right { float: left; width: 100%; text-align: center; font: normal 24px Script; color: #9C3227;}

#orca_head_right_img { float: left; width: 100%; text-align: center; margin: 10px 0px -10px 0px;}

.modulo_orca1 { width: 100%; margin: 30 auto;  height: 300px; }

#orca1 { 
    width: 100%;
    float: left;
    height: auto;
	margin-bottom: 30px;
    font: normal 24px Sansation;
    text-align: center;}
#orca2 { 
    width: 100%;
	margin: 0px;
    font: normal 16px Montserrat;
    text-align: left;}

.object_sel {     width: 90%;
    height: 40px;
    font: normal 15px Montserrat;
    color: gray;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 12px;}


#lab_estampa { position: relative; top: 10px; font: normal 10px Sansation; color: gray; }

.tooltip {
         position: absolute;
         display: none;
         width: 220px; /* largure */
         height: auto;  /* altura */
         background-color: #EBEBEB;  /* cor de fundo */
         color: gray;  /* cor da fonte */
		 border: solid 1px lightgray;
		 text-align: center;
		 padding: 20px;
         font: 12px Arial, Sans-serif;
       }
.tooltip p { margin-top: 2px; margin-left: 10px; font: italic 10px Arial, Sans-serif; }

.objeto { cursor: help; } 

#orca_inferior { background: url(../../image/bar_down.png) top center no-repeat; background-size: 100%; margin-top: 30px; text-align: center; padding-top: 20px; font: 14px Sansation; color: gray; }
#orca_inferior a { text-decoration: none; color: gray;}
#orca_inferior a:hover { color: darkred;}

#descont { position: relative; top: 10px; height: 33px;   padding: 15px; text-align: center;}

#orca_down { background: url(../../image/bar_down.png) top center no-repeat; background-size: 100%; float: left; width: 100%; text-align: center; font: normal 14px Arial; color: gray; margin-top: 30px; padding-top: 20px; }

p.menuzinho { margin-top: 25px;
    text-decoration: none;
    width: 82px; }
p.menuzinho2 { margin-top: 25px;
    text-decoration: none;
    width: 100%;
    font: bold 18px Montserrat;
    line-height: 20px;; }

/* antigo
#area_menuzinho {margin-top: 40px;
    text-decoration: none;
    width: 100%;
    font: bold 18px Montserrat;}
*/

#area_menuzinho { font: bold 18px Montserrat; text-align: center; float: left; width:18%; height: 45px; text-decoration: none; margin-left: 38px;}
#area_menuzinho2 {    margin-top: 20px;
    text-decoration: none;
    width: 92%;
    font: bold 18px Montserrat;
    padding: 10px;}

a.mail { background: url(../../image/orca_mail.png) no-repeat center top; float: left; font: normal 10px Sansation; color: black; text-decoration: none; }
a.mail:hover { background: url(../../image/orca_mail_h.png) no-repeat center top; float: left; font: normal 10px Sansation; color: #76A495; text-decoration: none; }

a.comprar { background-color: #5da911; float: left; font: normal 10px Sansation; color: #ffffff; text-decoration: none; border-radius: 7px; width: 100%; }
a.comprar:hover { float: left; font: normal 10px Sansation; color: #76A495; text-decoration: none; }

a.face { background: url(../../image/orca_face.png) no-repeat center top; float: left; font: normal 8px Sansation; color: black; text-decoration: none; }
a.face:hover { background: url(../../image/orca_face_h.png) no-repeat center top; float: left; font: normal 8px Sansation; color: #76A495; text-decoration: none; }

a.twitter { background: url(../../image/orca_twitter.png) no-repeat center top; float: left; font: normal 8px Sansation; color: black; text-decoration: none; }
a.twitter:hover { background: url(../../image/orca_twitter_h.png) no-repeat center top; float: left; font: normal 8px Sansation; color: #76A495; text-decoration: none; }

a.help { background: url(../../image/orca_help.png) no-repeat center top; float: left; font: normal 8px Sansation; color: black; text-decoration: none; }
a.help:hover { background: url(../../image/orca_help_h.png) no-repeat center top; float: left; font: normal 8px Sansation; color: #76A495; text-decoration: none; }

a.layout { background: url(../../image/ico_layout.png) no-repeat center 2px;     float: left;
    font: normal 11px Montserrat;
    color: black;
    text-decoration: none;
    border: solid 1px #d7d7d7;
    height: 55px;
    border-radius: 5px; padding: 5px; }
a.layout:hover { background: url(../../image/ico_layout_h.png) no-repeat center 2px;
 }

a.cost { background: url(../../image/ico_costumer.png) no-repeat center 2px; float: left;
    font: normal 11px Montserrat;
    color: black;
    text-decoration: none;
    border: solid 1px #d7d7d7;
    height: 55px;
    border-radius: 5px;
    padding: 5px; }
a.cost:hover { background: url(../../image/ico_costumer_h.png) no-repeat center 2px; }

a.atend { background: url(../../image/ico_atend.png) no-repeat center 2px;     float: left;
    font: normal 11px Montserrat;
    color: black;
    text-decoration: none;
    border: solid 1px #d7d7d7;
    height: 55px;
    border-radius: 5px;
    padding: 5px; }
a.atend:hover { background: url(../../image/ico_atend_h.png) no-repeat center 2px;}

a.aprovar { background: url(../../image/ico_aprovar.png) no-repeat center 2px; float: left;
    font: normal 11px Montserrat;
    color: black;
    text-decoration: none;
    border: solid 1px #d7d7d7;
    height: 55px;
    border-radius: 5px;
    padding: 5px; }
a.aprovar:hover { background: url(../../image/ico_aprovar_h.png) no-repeat center 2px; }

a.voltar { background: url(../../image/ico_voltar.png) no-repeat center 2px; float: left;
    font: normal 11px Montserrat;
    color: black;
    text-decoration: none;
    border: solid 1px #d7d7d7;
    height: 55px;
    border-radius: 5px;
    padding: 5px; }
a.voltar:hover { background: url(../../image/ico_voltar_h.png) no-repeat center 2px;  }

a.gravar {  background: url(../../image/ico_gravar.png) no-repeat center 2px; float: left;
    font: normal 11px Montserrat;
    color: black;
    text-decoration: none;
    border: solid 1px #d7d7d7;
    height: 55px;
    border-radius: 5px;
    padding: 5px;}
a.gravar:hover { background: url(../../image/ico_gravar_h.png) no-repeat center 2px; }


.form {width: 95%; height: 30px; font: normal 24px; }

::-webkit-input-placeholder  { font: italic 14px Sansation; color: #666; }
input:-moz-placeholder { font: italic 14px Sansation; color: lightgray; }
textarea:-moz-placeholder { font: italic 14px Sansation; color: lightgray; }

input.serch { width: 90%; font: normal 23px Montserrat; text-align: center; padding: 8 20 8 20; }
input.serch2 { width: 90%; font: bold 23px Montserrat; padding: 10px; margin-top: 30px; }

#step_label { text-align: center; height: 100px; font: bold 40px Montserrat; color: #9C3227; }
#desc_step { font: normal 16px Montserrat; color: gray; margin-top: 0px; }







@media screen and (max-width:980px) {
	#prod_center { width: 700px; height: 100%; margin: 50px auto; }
	#custom_center { width: 700px; height: 500px; }  /* alinha geral area dos icones */
	#revend_center { width: 700px; }  /* alinha geral area dos icones */	
	
	#ico_prod { float: left; width: 350px; height: 300px; text-align: center; }
	#custom_left { float: left; width: 100%; height: 200px; margin-top: 30px; }
	#custom_right { float: left; width: 100%;  height: 280px; margin-top: -80px; }
	
	#revend_left { float: left; width: 90%; height: 250px;}
	#revend_title {	font: normal 54px Hunset; color: #01248A; line-height: 60px; margin-left: 30px;}
	#renda { position: relative; width: 350px; height: 180px; margin: 0 auto; }
	p.dim_top{ font: 28px Sansation; color: #01248A; }
	p.dim_meio { font: 56px Sansation; color: darkred; margin-top: -30px;}
	p.dim_bottom { font: 24px Sansation; color: #01248A; position: absolute; right: 10px; top: 60px;}
	
	
	#revend_right { float: left; width: 90%; margin-bottom: 30px;}
	#prod_col { width: 50%; height: 290px; }
	h4 {   }
}


@media screen and (max-width:700px) {
	#prod_center { width: 480px; height: 100%; margin: 50px auto; }
	#custom_center { width: 480px; height: 500px; }  /* alinha geral area dos icones */
	#revend_center { width: 480px; }  /* alinha geral area dos icones */	
	
	#ico_prod { float: left; width: 240px; height: 300px; text-align: center; }
	#custom_left { float: left; width: 100%; height: 130px; margin-top: 30px; }
	#custom_right { float: left; width: 100%;  height: 280px; margin-top: 0px; }
	
	#revend_left { float: left; width: 90%; height: 250px;}
	#revend_title {	font: normal 54px Hunset; color: #01248A; line-height: 60px; margin-left: 30px;}
	#renda { position: relative; width: 350px; height: 180px; margin: 0 auto; }
	p.dim_top{ font: 28px Sansation; color: #01248A; }
	p.dim_meio { font: 56px Sansation; color: darkred; margin-top: -30px;}
	p.dim_bottom { font: 24px Sansation; color: #01248A; position: absolute; right: 10px; top: 60px;}
	
	#revend_right { float: left; width: 100%; height: 350px;}
	
	#grid_est { width: 50%;  }
	
	#prod_col { width: 50%; height: 290px; }

}  




@media screen and (max-width:480px) {
	#prod_center { width: 330px; height: 100%; margin: 10px auto; }
	#custom_center { width: 320px; height: 450px; }  /* alinha geral area dos icones */
	#revend_center { width: 320px; }  /* alinha geral area dos icones */

	#ico_prod { float: left; width: 100%; height: 250px; text-align: center;}
	#custom_left { float: left; width: 100%; height: 130px; margin-top: 30px; }
	#custom_right { float: left; width: 100%;  height: 280px; margin-top: 20px; }
	#custom_right {margin-top: -50px; -webkit-background-size: 100%; -moz-background-size: 100%;  -o-background-size: 100%; background-size: 100%; }
	
	#revend_left { float: left; width: 90%; height: 200px;}
	#revend_title {	font: normal 40px Hunset; color: #01248A; margin-left: 0px; margin-top: -20px; }
	#renda { position: relative; width: 100%; height: 180px; margin: 0 auto; }
	p.dim_top{ font: 24px Sansation; color: #01248A; }
	p.dim_meio { font: 47px Sansation; color: darkred; margin-top: -30px;}
	p.dim_bottom { font: 22px Sansation; color: #01248A; position: absolute; right: 30px; top: 45px;;}
	
	#revend_right { float: left; width: 100%; height: 250px;  -webkit-background-size: 100%; -moz-background-size: 100%;  -o-background-size: 100%; background-size: 100%;}
	#grid_est { width: 100%; height: 220px; }
	h5 { font-size: 25px; }
	h4 { font-size: 16px; }
	#prod_col { width: 44%; height: 290px; border: solid 1px gray; border-radius: 5px; padding: 3px; margin-left: 9px; margin-bottom: 17px; }
}