/*		
	    *JM       +JM J!     MJ MJ     MJMJMJMJM J.    MQM!      JM     JMJMJ*    MJMJMMQ            
         JMQ      MQM Q*     MQ MQ     MQMQMQMQM Q:  MQMQMQM     QMQ    MQMQMQMQ! MQMQMQMQ          
         MQMQ     MQM Q*     MQ MQ         MJ    M: QM     QM   QM+Q    M*     QM QM     QM         
         JM*Q    MQMQ M*     QM QM         QM    Q: M       Q   QM Q+   M*     QM QM      Q!        
         MQ M:   Q MQ M*     QM QM         QM    Q:MQ          :M  QM   Q*    :MQ MQ      MQ        
         MQ MQ  MM QM Q*     MQ MQ         MJ    M:QM          QM   Q!  MQMQMQM+  QM      QM        
         JM  Q  M  QM Q*     MQ MQ         MJ    M:QM          QMQMQMQ  M*   QM   QM      QM        
         JM  QM Q  MQ MQ     MQ MQ         MJ    M: Q       M!QM:::::Q. M*    QM  QM      Q.        
         MQ  *MQQ  MQ MQ     MQ MQ         MJ    M: QM     QM Q!     MQ M*    *QM MQ     MQ         
         MQ   MQ   MQ  MQMQMQM  QMQMQMQ*   MJ    M:  QMQMQMQ MQ      JM Q*     MQ MQMQMQMQ          
         !*   **   **   :MQM    *******.   *:    *     QQM   **       ***:      *******      
		 
		 Geneuto WEBDESIGN - www.geneuto.com.br
		 
		 */
@font-face { font-family: 'Franklin Gothic Medium Cond'; font-style: normal; font-weight: 100; src: local('Franklin Gothic Medium Cond'), local('Franklin Gothic Medium Cond'), url(../Franklin_Gothic_Medium_Cond.woff) format('woff');}

/********* CSS RESETE *********/
html, body, div, span, applet, object, iframe, table, caption,tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, pre, a, abbr,acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;}
:focus { outline: 0;}
body { background: white; line-height: 1; color: black;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

/********** CORPO **********/
#rei { background-color:#EFEFEF; background-image:url(../img/bg.png); }

/********** MENU **********/
#menu_a { height:160px; background:url(../img/menu/background_menu.png) repeat-x; z-index:9900;}
#menu_1 { width:1280px; height:100%; margin:0 auto;z-index:9900; }
	.menu_logo { width:275px; height:150px; background:url(../img/menu/logo_multicard.fw.png) no-repeat; float:left;z-index:9900; }
	.menu_botao { width:625px; height:67px; margin-top:43px; margin-right:40px; float:right; background:url(../img/menu/menu_botao.png) repeat-x; border-radius:8px;z-index:9900;}	
		.menu_lista {list-style:none; float:left; margin-top:0px; margin-left:15px; z-index:9900;}
		.menu_lista li{position:relative; float:left; font-variant:small-caps; z-index:9900;}
		.menu_lista li a{color:#981B17; text-decoration:none; padding:22px; display:block; font-size:25px; font-family:'Franklin Gothic Medium Cond';z-index:9900;}
		.menu_lista li a:link, .menu_lista li a:active. .menu_lista li a:visited { color:#981B17!important; }
		.menu_lista li a:hover{ color:white; background:url(../img/menu/fundo_menu_botao.fw.png) repeat-x; padding:22px;z-index:9900; }
		.menu_lista li   ul{position:absolute; top:67px; left:0; background-color:#EFEFEF; display:none;z-index:9900; border:1px solid #00164B; }
		.menu_lista li:hover ul, .menu li.over ul{display:block;z-index:9900;}
		.menu_lista li ul li{ display:block; width:210px; z-index:9900; }

/********** CONTEUDO **********/
#conteudo_rei { width:1280px; height:99%; margin:0 auto; padding:20px 50px 50px 80px; min-height:500px; }
#conteudo_rei_acessorios { width:1280px; height:1460px; margin:0 auto; padding:20px 50px 50px 80px;}
	.titulo_tag { width:400px; height:40px; }
	/*#conteudo_principe { width:100%; height:100%; margin:0 auto; border:1px solid yellow;  }*//*QUANDO PRECISAR REUTILIZO A TAG*/
	
	/******* PRODUTOS ********/
	.produtos_peao { width:260px; height:300px; margin:25px 25px 40px 25px; float:left; opacity:0.80;  }
	.produtos_peao:hover { opacity:100; }
		.produtos_peao a { text-decoration:none; }
		.produtos_peao h3 { font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:24px; color:#981B17; text-align:center; font-weight:700;  padding-bottom:10px;}
		.produtos_peao div { width:150px; height:185px; margin:0 auto; }
		.produtos_peao p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; text-align:center; padding-top:10px; }
		
		/******* SISTEMAS LIGHTBOX ******/
		body { background-color:#DDD;}
		#sistema_lightbox { width:1200px; height:800px; margin:0 auto; }
			.sistema_lightboxh1 { font-family:Tahoma, Geneva, sans-serif; font-size:45px; color:#03C; padding:20px 0px 20px 50px; }
			.sistema_lightbox_barra { background-image:url(../img/sistemas_lightbox/barra.png); width:1100px; height:4px; margin:0 auto; }
			.sistema_lightbox_conteudo { width:720px; height:640px; float:left; margin-left:50px; }
				.sistema_lightbox_conteudo p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#333; padding:10px; }
			.sistema_lightbox_imagem { width:400px; height:620px; float:right; margin:10px; }
				.link_sistem_div { width:270px; height:65px; background-image:url(../img/sistemas_lightbox/ficha.png); margin:20px 0 0 70px }
				.link_sistem_div:hover { background-image:url(../img/sistemas_lightbox/ficha_hover.png); }
		
		
	/******* SERVIÇOS ********/
	.servicos_p { width:500px; height:500px; float:left; margin:20px 0px 0px 20px; }
		.servicos_p p { margin-top:20px; text-indent:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#333; }
	.servicos_img { width:700px; height:980px; float:right; background:url(../img/servicos.png) no-repeat; }
	
	/******* EMPRESA ********/
	.empresa_p { width:850px; height:220px; margin:0 auto; }
	.empresa_p p { margin-top:20px; text-indent:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#333; }
	.missaovisaovalores { width:1000px; height:500px; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
		.missaovisaovalores blockquote { text-indent:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#981B17; }
	.empresa_clientes { width:1200px; height:500px; margin:0 auto; }
		.empresa_clientes h3 { font-family:"Franklin Gothic Medium Cond", Arial, Helvetica, sans-serif; font-size:30px; color:#981B17; text-align:center; font-variant:small-caps; font-weight:600; }
		.empresa_clientes img { margin:40px 20px 20px 20px; }
		
		/***** CONTATO FORMULARIO ****/
		.col-lg-10 { width: 95%; } .col-md-6 { margin:20px; } .form-group label { font-family:Tahoma, Geneva, sans-serif; font-size:18px; margin-bottom:5px; color:#009; }
		#mae_form { width:900px; height:500px; margin:0 auto; }
		#mapa_google { width:900px; height:430px; margin:0 auto; padding-top:20px; }
		
/********** RODAPE **********/
#rodape { width:100%; height:230px; background-color:#00164B; clear:both; }
#rodape_barra { width:100%; height:5px; margin-top:10px; background-color:#981B17; float:left; }
	.rodape_a { width:1280px; height:80%; margin:0 auto; }
		.rodape_tel { width:392px; height:80%; float:left; margin-top:15px; }
			.telefone p { float:right; font-family:Tahoma, Geneva, sans-serif; font-size:40px; margin-top:2%; }
				.telefone a { color:#981B17; text-decoration:none; }
				.telefone a:hover { opacity:100; }
			.endereco { margin-top:20px; }
			.endereco p { float:right; font-family:Tahoma, Geneva, sans-serif; font-size:16px; margin-top:3%; margin-right:7%; }
				.endereco a { color:#981B17; text-decoration:none; }
				.endereco a:hover { opacity:100; }
		/*.rodape_email { width:135px; height:162px; margin-top:15px; margin-left:10%; float:left; }*//**RETIREI DIV EMAIL PQ TAVA ZUADO**/
		.rodape_img { width:439px; height:138px; margin-top:25px; float:right; }
			.rodape_img p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF; text-align:center; margin-top:10px; }
			.rodape_img img { margin-left:33%;}
			.rodape_img a {  color:#981B17; text-decoration:none; }
			.rodape_img a:hover { color:#09F; }
			
			/* Up e Down de Botões jQuery ----------------------------------------------- */
			.button_up{
			padding:7px; /* Distance between the border and the icon */
			background-color:#DDD;
			/*border:1px solid;*/ /* Border Color */
			position:fixed;
			background: url(../img/subir.png) no-repeat top left;
			background-position:50% 50%;
			width:52px; /* Button's width */
			height:23px; /* Button's height */
			bottom:80px; /* Distance from the bottom */
			right:5px; /* Change right to left if you want the buttons on the left */
			white-space:nowrap;
			cursor: pointer;
			border-radius: 3px 3px 3px 3px;
			opacity:0.7;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
			}
			.button_down{
			padding:7px; /* Distance between the border and the icon */
			background-color:#DDD;
			/*border:1px solid;*/ /* Border Color */
			position:fixed;
			background: url(../img/descer.png) no-repeat top left;
			background-position:50% 50%;
			width:52px; /* Button's width */
			height:23px; /* Button's height */
			bottom:42px; /* Distance from the bottom */
			right:5px; /* Change right to left if you want the buttons on the left */
			white-space:nowrap;
			cursor: pointer;
			border-radius: 3px 3px 3px 3px;
			opacity:0.7;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
			}

/*            
			 *QMQMQ   MQMQMQM  QM       QMQ MQMQMQM* QMQ      MQ *MQMQMQMQM     QMQMQMQ*            
            MQMQMQM   QMQMQMQ  MQM      QMQ MQMQMQM* QMQ      MQ *MQMQMQMQM   QMQMQMQMQMQ           
           MQMQ       MQM      QMQM     QMQ MQM      QMQ      MQ     MQM     QMQM     QMQM          
          JQMQ        QMQ      MQMQM    QMQ MQM      QMQ      MQ     MQM     QMQ       MMQM         
          QMQ         MQM      QM QMQ   MQM JMQ      MQM      QM     QMQ    MQM         QMQ         
          MQM :QMQMQ  MQMQMQ*  MQ  MQM  QMQ MQMQMQM  QMQ      MQ     MQM    QMQ         MQM         
          QMQ :MQMQM  QMQMQM*  QM   QMQ MQM JMQMQMQ  MQM      QM     QMQ    MQM         QMQ         
          MQM     QM  QMQ      MQ   QMQ+MQM JMQ      MQM      QM     QMQ    +MQ         MQM         
          .QMJ    QM  QMQ      MQ    MQMQMQ MQM      QMQ     *MQ     MQM     QMQ       MMQ          
           MQMQ   MQ  MQM      QM     QMQMQ MQM       QMQ   :MQM     QMQ     !MQM+    QMQM          
            QMQMQMQM  QMQMQMQ  MQ      MQMQ MQMQMQMQ  MQMQMQMQM      QMQ      :MQMQMQMQMQ           
              MQMQMQ  MQMQMQM  QM       QM* JMQMQMQM    QMQMQJ       MQM        +QMQMQM             
                                                                                                    
                         			 WEBDESIGN - www.geneuto.com.br                                                                          
                                                           */