@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);

body						{ width:100%; text-align:center; background:#FFF ; margin:0; padding: 0; font-family: "Open Sans"; font-size:14px; line-height: 22px; color:#999;}
a							{ color:#C7C8CA; text-decoration: none; border:none;}		
a:hover						{ color:#F58345; border:none;}		
li 							{ list-style-type: circle;}
select						{ font:13px "Open Sans"; border: 1px solid #AAA; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#FFF; padding: 7px 18px 7px 8px; color:#333; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; background:url(../imagens/seta.png) no-repeat right #FFF;}
input,textarea				{ font:13px "Open Sans"; border: 1px solid #AAA; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#FFF; padding: 8px 8px; color:#333;}
input,select, textarea:focus{ outline:none;}
input[type=submit] 			{ background:#1E6FA7; border:none; padding: 8px 15px; font-family:"Oswald";font-size:13px; color:#FFF; cursor: pointer; cursor: hand; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
input[type=button] 			{ background:#1E6FA7; border:none; padding: 8px 15px; font-family:"Oswald";font-size:13px; color:#FFF; cursor: pointer; cursor: hand; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
input[type=text]			{ outline:none;}
input[type=submit]:hover	{ background-color:#F58345;}
input[type=button]:hover	{ background-color:#F58345;}


/*  Padrão   */
.barra		{ width:100%; background:#F58345; height:5px; display:table;}
.barra2		{ width:100%; background:#1E6FA7; height:5px; display:table;}
#topo		{  width:100%; height:600px; background: url(imagens/back.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagens/back-third.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagens/back-third.jpg', sizingMethod='scale')"; text-align:center;}
.topo		{ width:920px; margin:0 auto; text-align:center; height:150px;  }
.logo		{ margin:30px 0 0 0; float: left; }
.wrapper 	{ width:960px; margin:0 auto; text-align:justify; display:table;} 
.titulo		{ font:30px 'Open Sans', sans-serif; color:#005AAA; margin:0; font-weight:400; text-align:left;}
.subtitulo	{ font:24px 'Open Sans', sans-serif; color:#005AAA; margin:0; font-weight:400; text-align:center; }
.destaque	{ color:#F58345;}

/*  Home  */
#home 						{ width: 100%; margin:0 auto; text-align:center; margin: 50px 0; font-size:20px;}
#home .centro				{ width:920px; margin:0 auto; text-align:center;    }
#home #servico				{ float:left; width:25%; height:420px; text-align:center; }	
#home #servico p			{ width:85%; margin:0 auto; font:14px 'Open Sans', sans-serif; color:#8B8C8D ; margin-top:10px; text-align: justify;}
#home #servico img			{ text-align:center;}
#home #servico img:hover	{ cursor:pointer; _cursor: hand; opacity:0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);  -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}


/*Quem somos*/
.quem_somos			{ width: 920px; margin: 0 auto; padding-top: 50px;}
.quem_somos .col1	{ width:45%; float:left; text-align:justify; font-size:16px; padding-right:45px; border-right:1px dotted #8B8C8D; }
.quem_somos .col2	{ width:45%; float:right; text-align:justify; font-size:16px; }

/* Cabeamento Estruturado */
#cabo					{ width:920; text-align:center; margin:0 auto; padding-top:50px; }
.cabeamento .col1		{ width:30%; float:left; }	
.cabeamento .col2		{ width:66%; float:right; text-align:justify; }	
.cabeamento img			{ width:100%; margin-top:20px;}

/* Certificação de redes */
#certificacao			{ width:920; text-align:center; margin:0 auto; padding-top:50px; }
.certificacao .col1		{ width:30%; float:left; }	
.certificacao .col2		{ width:66%; float:right; text-align:justify; }	
.certificacao img		{ width:230px; margin-top:20px;}

/* Contato */
.contato				{ width:920px; margin:0 auto; padding-top:50px; text-align:center; }
iframe					{ width:100%; }
.contato .col-02		{ width:46.9%; float:right; border-left:1px solid #EEE; }
.contato .col-01		{ width:46.9%; float:left; border:none;  }
.contato .numero		{ color:#F58345; font:18px "Open Sans"; }
.contato .email			{ color:#1E6FA7; font:18px "Open Sans"; }
#contato input			{ width:370px; padding:7px 15px; margin:0 0 8px 0; font:15px 'Open Sans', sans-serif; font-weight:300; border:1px solid #CCC; outline:none; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color:#999;}
#contato textarea		{ width:370px; height:80px; padding:7px 15px; font:15px 'Open Sans', sans-serif; font-weight:300; border:1px solid #CCC; outline:none; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color:#999;}
#contato #bt_contato 	{ color:#FFF; width:138px; height:35px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:none;}
#contato #erro			{ font-size:12px; color:#F90F00; text-align:center; font:13px 'Open Sans', sans-serif; font-weight:300;}


/*Backup*/
#backup .backup p		{ text-align:justify;}
#backup .backup 		{ width:920; text-align:center; margin:0 auto; padding-top:50px;}
.backup li				{ text-align:left;}
.backup .col1			{ float:left; width:70%; vertical-align:top;}
.backup .col2			{ float:right; width:25%; text-align:center;  vertical-align:middle; margin-top:60px;}
.backup .col2 img		{ width:75%;}
.backup .imagens		{ float:left; width:20%; height:200px; margin-top:20px;}
.backup .imagens img	{ width:75%;}

/* Link Dedicado*/

#link					{ width:920; text-align:justify; margin:0 auto; padding-top:50px;}
#link .linkdedicado		{ width:50%; float:left;}
#link .subtitulo		{ text-align:left;}
#link ul				{ float:left; text-align:left; margin:20px;}
#link .imagem 			{ width:45%; float:right; margin-top:55px; }
#link .imagem img		{ width:100%;}

/* Servidores */
#servidor			{ width: 920px; margin: 0 auto; padding-top: 50px;}
#servidor .servidor .col1	{ width:45%; float:left; text-align:justify; font-size:16px; padding-right:45px; border-right:1px dotted #8B8C8D; }
#servidor .servidor .col2	{ width:45%; float:right; text-align:justify; font-size:16px; }
#servidor .servidor img		{width:110%; margin-top:40px;}



/* Rodapé */
.rodape							{ width:100%; margin:0 auto; background: #1E6FA7; padding:30px 0 30px 0; margin-top:50px; color:#C7C8CA;}
.rodape #rodape					{ width:920px; margin: 0 auto; display:table;}
.rodape p 						{ font-size: 12px; line-height: 16px; }
.rodape .rodape_copy			{ width:920px; margin:0 auto; text-align:center; } 
.rodape li						{ font-size:14px; text-align:left;  }
.rodape .titulo					{ font-size:22px;  text-align:center; color:#C7C8CA; }
.rodape .rodape_institucional	{ width:33%; float:left;}
.rodape .rodape_servicos		{ width:33%; float:left;}
.rodape .rodape_logo			{ width:33%; float:right; text-align:right;}
.rodape	.mogicomp				{ width:auto; right:15%; margin: -45px; float: right;}

/* Alerta */
#mask 						{ display: none; background: #000;  position: fixed; left: 0; top: 0;  z-index:999; width: 100%; height: 100%; opacity: 0.9; z-index: 1;}
.janela						{ font:15px 'Open Sans'; font-weight:300; color:#FFF; width:90%; text-align:center; overflow:hidden; background-color:none; padding: 30px; border:none; position:fixed; text-align:center; top: 50%; left: 50%; right: 50%; /* Centralizar */ z-index: 99999;}
.but_mask					{ border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:none; padding:10px 20px; color:#FFF; background:#0078B5;}