/*		  
Olá mundo! 
Este CSS foi criado pelo designer Marcelo Nunes da MNunes Semviços em Informática.

Web:       www.mnunesinformatica.com
E-mail:    contato@mnunesinformatica.com

*/

/* ==========================================================================
   Normatização CSS
   ========================================================================== */

body {
    font-size: 62.5%;
    line-height: 1.5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #00ccff;
    text-decoration: none;
    font-size: 1.6em;
}
a.col-link {
    color: #00ccff;
	font-weight:lighter
    text-decoration: none;
    font-size: 1.5em;
	font-weight:200;
}
a:hover {
    text-decoration: underline;

}
a.col-link:hover {
    text-decoration: underline;
}

/* ==|== Estilos Principais ================================================== */

.container {
    max-width: 1128px;
    margin: 0 auto;
}

img,
picture,
video,
embed {
    max-width: 100%;
}

.header {
    width: 100%;
    height: 58px;
    margin-top: 1.2em;
    margin-bottom: 2.6em;
}

.logo {
    float: left;
    width: 234px; /*234px / 1128px / 20.744680851064% */
}

.menu {
    width: 78.90070921985816%; /*840px / 1128px */ /* 74.468085106383% */
    margin-top: 1.2em;
    float: right;
}

.menu ul {
    float: right;
}

.menu li {
    font-size: 1.2em;
    margin-left: 1.1em;
    margin-top: 1em;
    display: inline-block;
}

.menu li a {
    color: #999;
}

.menu li a:hover {
	color:#fff;
	background-color:#006;
}

.active {
	color:#fff;
	background-color:#006;
}

.banner {
    background: url('../img/banner.gif'); 
    height: 264px;
    margin-bottom: 2.8em;
    position: relative;
}

.caixa { 
    width: 39.00709219858156%; /* 480px / 1128px */ /* 42.553191489362% /*/
    padding: 1em 2em 1em 2em;
    position: absolute;
    top: 24px;
    background: rgba(0,0,0,0.4);
}


h1  {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.6em;
    font-weight: 200;
    color: #FFF;
}


.caixa p {
    font-size: 1.8em;
    font-weight: 200;
    color: #fff;
	font-weight:lighter;
}

.warper-txt {
	width:100%;
    margin-bottom: 2.6em;
}

.warper-txt img{
	display: inline-block;
	width: 36.61347517730496%; /* 413px / 1128px /*/
	vertical-align:top;
}

.warper-txt p{
	display: inline-block;
	width: 62.32269503546099%; /* 703px / 1128px /*/
    margin-right: 1.063829787234043%; /* 12px / 1128px /*/
	vertical-align:top;
	text-align:justify;
}

.warper-ser {
	width:100%;
	vertical-align:top;
}

.warper-ser p{
	display: inline-block;
	width: 62.32269503546099%; /* 703px / 1128px */
	vertical-align:top;
	text-align:justify;
}

.warper-ser img{
	display: inline-block;
	width: 36.61347517730496%; /* 413px / 1128px */
    margin-right: 1.063829787234043%; /* 12px / 1128px */
	vertical-align:middle;
}

.warper-cont {
	width:100%;
	vertical-align:top;
}

.warper-contform1 {
	display: inline-block;
	width: 53.54609929078014%; /* 604px / 1128px */
	vertical-align:middle;
    margin-right: 2.127659574468085%; /* 24px / 1128px */
	text-align:justify;
}

.warper-contform12 {
	display: inline-block;
	width: 44.32624113475177%; /* 500px / 1128px */
	vertical-align:top;
}

.warper-cont p{
	display: inline-block;
	width: 53.54609929078014%; /* 604px / 1128px */
	vertical-align:middle;
    margin-right: 2.127659574468085%; /* 24px / 1128px */
	text-align:justify;
}

.warper-cont nav{
	display: inline-block;
	width: 53.54609929078014%; /* 604px / 1128px */
	vertical-align:middle;
    margin-right: 2.127659574468085%; /* 24px / 1128px */
	text-align:justify;
}

.warper-cont img{
	display: inline-block;
	width: 44.32624113475177%; /* 500px / 1128px */
	vertical-align:top;
}

.warper-cont input[type=text]{   
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #333333;    
    -moz-box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
    background: #cccccc; 
    border:1px solid #000000;
    width:350px;
}
 
.warper-cont textarea{
    border: 1px solid #000000;
    background:#cccccc;
    width:350px;
    height:150px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #333333;    
    -moz-box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
}
 
.warper-cont input[type=text]:hover, textarea:hover, input[type=submit]:hover, input[type="button"]:hover, input[type=reset]:hover { 
         background: #ffffff; border:1px solid #990000;
}
 
.warper-cont input[type=submit]{
	background:#006699;
    color:#ffffff;
	width: 150px;		   
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #333333;    
    -moz-box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
    border:1px solid #000000;
	height: 30px;
}
.warper-cont input[type=button]{
	background:#006699;
    color:#ffffff;
	width: 150px;		   
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #333333;    
    -moz-box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
    border:1px solid #000000;
	height: 30px;
}

.warper-cont input[type=reset]{
	background:#006699;
    color:#ffffff;
	width: 150px;		   
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #333333;    
    -moz-box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
    border:1px solid #000000;
	height: 30px;
}

.warper-col {
	width:100%;
	margin-top: 2.6em;
    margin-bottom: 2.6em;
	vertical-align:middle;
}

.warper-col:last-child {
    margin-right: 0;
}

.warper-col img{
	float:left;
	width: 9.042553191489362%; /* 102px / 1128px */
	vertical-align:middle;
	margin-right: 1.063829787234043%; /* 12px / 1128px */
	margin-top: 2.6em;
	margin-bottom: 2.6em;
}

.warper-col p{
	float:left;
	width: 37.76595744680851%; /* 426px / 1128px */
    margin-right: 2.127659574468%; /* 24px / 1128px */
	vertical-align:middle;
	text-align:justify;
	margin-top: 2.6em;
	margin-bottom: 2.6em;
}

.warper-col:last-child {
    margin-right: 0;
}

.col-ser {
    width: 23.22695035460993%; /* 264px / 1128px */
    float: left;
    margin-right: 1.773049645390071%; /* 24 / 1128px */
	margin-top: 2.6em;
	margin-bottom: 1.6em;
	text-align:justify;
}

.col-ser:last-child {
    margin-right: 0;
}

.col-plan {
    width: 31.91489361702128%; /* 360px / 1128px */
    float: left;
    margin-right: 1.773049645390071%; /* 24 / 1128px */
	text-align:justify;
}

.col-plan:last-child {
    margin-right: 0;
}

.col-cli {
    width: 18.12943262411348%; /* 22.87234042553191%; /* 29.78723404255319%; /* 201,6 / 336px / 1128px */
    float: left;
    margin-right: 1.773049645390071%; /* 24 / 1128px */
	text-align:justify;
}

.col-cli:last-child {
    margin-right: 0;
}

.col-parc {
    width: 14.8936170212766%; /* 168px / 1128px */
    float: left;
    margin-right: 1.773049645390071%; /* 24 / 1128px */
	text-align:justify;
}

.col-parc:last-child {
    margin-right: 0;
}

.col-low {
    width: 49.11347517730496%; /* 554px / 1128px */
    float: left;
    margin-right: 1.773049645390071%; /* 24 / 1128px */
	margin-bottom: 2.6em;
}

.col-low2 {
    width: 100%; /* 554px / 1128px */
    float: left;
    margin-right: 0%; /* 24 / 1128px */
}

.col-top {
    width: 100%; /* 554px / 1128px */
    margin-right: 0%; /* 24 / 1128px */
	text-align:center;
	font-size: 3.6em;
	background:url(../img/linha.png);
}

.col-top img{
    width: 100%; /* 554px / 1128px */
    margin-right: 0%; /* 24 / 1128px */
}

.col-low:last-child {
    margin-right: 0;
}

.col-low ul {
    float: left;
	height: 250px;
}

.col-low li {
    font-size: 1.3em;

}

.col-low2 li {
    font-size: 1.3em;

}

.warper-ser-col {
	width:100%;
	margin-top: 2.6em;
    margin-bottom: 2.6em;
	vertical-align:middle;
}

.warper-ser-col:last-child {
    margin-right: 0;
}

.hr-top {
	display:inline-block;
	width:100%;
}

.warper-ser-col img{
	float:left;
	width: 9.042553191489362%; /* 102px / 1128px */
	vertical-align:middle;
    margin-right: 2.127659574468%; /* 24px / 1128px */
	margin-top: 2.6em;
	margin-bottom: 2.6em;
}

.warper-ser-col p{
	float:left;
	width: 37.76595744680851%; /* 426px / 1128px */
    margin-right: 0%; /* 24px / 1128px */
	vertical-align:middle;
	text-align:justify;
	margin-top: 2.6em;
	margin-bottom: 2.6em;
}

.warper-ser-col:last-child {
    margin-right: 0;
}

.error404 {
	width:100%;
}

.error404 img {
	width:80%;  /* 51.41843971631206%; */
	margin-left:10%;
	margin-right:10%;

}

.coluna {
    width: 23.404255319149%; /* 264px / 1128px */
    float: left;
    margin-right: 2.127659574468%; /* 24 / 1128px */
}

.coluna:last-child {
    margin-right: 0;
}

h2 {
    font-size: 2em;
    font-weight: 200;
}

p {
    font-size: 1.4em;
}

.footer {
    width: 100%;
    margin-top: 2.4em;
    margin-bottom: 6.4em;
    float: left;
    clear: both;
}

.footer p {
    margin-bottom: 0;
}

.footer small {
    font-size: 1.4em;
}

.footer a {
    font-size: 1em;
}

.facebook {
	float:right;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (max-width: 1128px) {

    .container {
        padding: 0 2.4em 0 2.4em;
    }
	
		.col-top {
		font-size: 2.6em;
		display:inline-block;
	}

}

@media screen and (max-width: 1024px) {

    .container {
        padding: 0 2.4em 0 2.4em;
    }
	
	.warper-cont p{
	width: 100%; /* 604px / 1128px */
	vertical-align:middle;
    margin-right: 0%; /* 24px / 1128px */
	text-align:justify;
	}

	.warper-cont img{
	width: 100%; /* 500px / 1128px */
	vertical-align:top;
	}

}

@media screen and (max-width: 970px) {
	
	.col-parc {
    width: 23.09278350515464%; /* 224px / 970px */
    float: left;
    margin-right: 1.773049645390071%; /* 24 / 1128px */
}

}

@media screen and (max-width: 768px) {

    .caixa {
        width: 65%;
    }
	
	.warper-txt img {
	width: 100%; /* 413px / 1128px */
	vertical-align:top;
	}

	.warper-txt p {
	width: 100%; /* 703px / 1128px */
    margin-right: 0; /* 12px / 1128px */
	vertical-align:top;
	text-align:justify;
	}
	
	.warper-ser p{
	width: 100%; /* 703px / 1128px */
	vertical-align:top;
	text-align:justify;
	}

	.warper-ser img{
	width: 100%; /* 413px / 1128px */
	vertical-align:middle;
	}
	
	.warper-col img{
	float:left;
	width: 10%; /* 102px / 1128px */
	vertical-align:middle;
	margin-right: 1%; /* 12px / 1128px */
	}

	.warper-col p{
	float:left;
	width: 89%; /* 426px / 1128px */
    margin-right: 0%; /* 24px / 1128px */
	vertical-align:middle;
	text-align:justify;
	margin-top: 2.6em;
	margin-bottom: 2.6em;
	}
	
	.col-top {
		font-size: 2.6em;
		margin-top: 2.6em
	}

    .coluna {
        width: 48%;
        margin-bottom: 2.4em;
        margin-right: 2%;
    }

    .coluna:nth-child(even) {
       margin-right: 0;
    }
	
	.col-ser {
    	width: 47%;
        margin-bottom: 2.4em;
        margin-right: 2%;
    }

    .col-ser:nth-child(even) {
       margin-right: 0;
    }
	
	.col-cli {
    	width: 48.4375%; /* 372px / 768px */
    	float: left;
    	margin-right: 1.773049645390071%; /* 24 / 768px */
		text-align:justify;
	}
	
	.col-cli:nth-child(even) {
       margin-right: 0;
    }
	
	.col-plan {
   		width: 100%; /* 360px / 1128px */
    	float: left;
    	margin-right: 0%; /* 24 / 1128px */
		margin-bottom: 1.6em;
		text-align:justify;
	}
	
	 .col-plan:nth-child(even) {
       margin-right: 0;
    }

    .logo {
        margin-top: 1.2em;
    }
	
	.col-low {
   		width: 100%; /* 554px / 1128px */
    	float: left;
    	margin-right: 0%; /* 24 / 1128px */
		margin-bottom: 2.6em;
	}
	
	.col-parc {
    	width: 31.25%; /* 224px / 768px */
    	float: left;
    	margin-right: 1.773049645390071%; /* 24 / 1128px */
	}
	
	.col-parc:nth-child(even) {
       margin-right: 0;
    }

}


@media screen and (max-width: 718px) {

   .banner {
        position: relative;
        float: left;
        margin:0;
        height: 150px;
    }

	.warper-txt p {
	width: 100%; /* 703px / 1128px */
    margin-right: 0; /* 12px / 1128px */
	text-align:justify;
	}
	
	.warper-txt img {
	width: 100%; /* 413px / 1128px */
	height: 360px;
	display:block;
	margin:0;
	}
	
		.warper-col img{
	float:left;
	width: 12%; /* 102px / 1128px */
	vertical-align:middle;
	margin-right: 1%; /* 12px / 1128px */
	}

	.warper-col p{
	float:left;
	width: 87%; /* 426px / 1128px */
    margin-right: 0%; /* 24px / 1128px */
	vertical-align:middle;
	text-align:justify;
	margin-top: 2.6em;
	margin-bottom: 2.6em;
	}

    .caixa {
        position: relative;
        display: block;
        float: left;
        margin-top:100px;
        width: 100%;
        background: #000;
    }

    .caixa h1 {
        font-size: 2.5em;
    }
	
	.col-top {
		font-size: 2em;
	}
	
/* / Desativado - Verificar /

    .principal {
        margin-top: 450px;
    }
	
	*/

}

@media screen and (max-width: 640px) {

    .menu {
        width: 100%;
    }
    
    .menu ul {
        float: left;
        font-size: 0.8em;
    }

    .menu li:first-child {
        margin-left: 0;
    }
	
	.col-parc {
    	width: 48.125%; /* 308px / 640px */
    	float: left;
    	margin-right: 1.773049645390071%; /* 24 / 1128px */
	}
	
	.col-parc:nth-child(even) {
       margin-right: 0;
    }
	
	.error404 img {
	width:90%;  /* 51.41843971631206%; */
	margin-left:5%;
	margin-right:5%;

}

}


@media screen and (max-width: 520px) {

    .coluna {
        width: 100%;
        margin-right: 0;
    }
	
	.col-ser {
        width: 100%;
        margin-right: 0;
    }

    .caixa {
         padding: 1.2em 2em 1.2em 2em;
    }

     .banner {
        height: 120px;
    }

    .caixa {
        position: relative;
        display: block;
        float: left;
        margin-top:-20px;
        width: 100%;
        background: #000;
    }
	.caixa h1 {
		font-size: 1.8em;
	}
	.caixa p {
		font-size: 1.2em;
	}
	.caixa a {
		font-size: 1.8em;
	}
	.small {
		margin-top: 180px !important;
	}
	.small iv {
		background-position: 200px
	}
	.small h2 {
		font-size:1.8em;
	}
	.small p {
		font-size: 1.2em;
	}
	.small a {
		font-size: 1.8em;
	}
		
	.col-low ul {
		height: 410px;
	}
	
	.col-cli {
    	width: 100%; /* 372px / 768px */
    	float: left;
    	margin-right: 0%; /* 24 / 768px */
	}
	
	.col-parc {
    	width: 100%; /* 308px / 640px */
    	float: left;
    	margin-right: 0%; /* 24 / 1128px */
	}
	
	.col-parc:nth-child(even) {
       margin-right: 0;
    }


}



.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}