/*

#

# Stylesheet file

# Cygen.com

#

# (C) 2010 - All rights reserved

#

*/







/*CSS RESET*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}



* { margin: 0; padding: 0; }



/* remember to define focus styles! */

:focus {

	outline: 0;

}

ol, ul {

	list-style: none;

}



caption, th, td {

	text-align: left;

	font-weight: normal;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}







/*COMMON*/



body

{

	line-height: 1;

	padding: 0;

	margin: 0;

	font-size:12px;

	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;

	background:#eaeaea url(../images/bg-body.png) repeat-x top;

	color:#666;

	text-align:left;

}



h1 { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color:#169df2; font-size:24px; margin-bottom:15px; /*text-shadow:0 1px #fff;*/ }

h2 { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color:#000; font-size:18px; margin-bottom:10px; }

h3 { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color:#169df2; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:6px;  margin:30px 0 10px 0;}



body a {color:#169df2; text-decoration:none;}

body a:hover {text-decoration:underline;}



p { line-height:1.5; font-size:13px; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color:#666; margin-top:15px;}

ul { font-size:13px; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color:#666;}



/*span { color:#666; }*/

span.destaque {color:#133b6e;}

strong { font-weight:bold; }

em {font-style:italic;}



.clearfix {overflow: auto;}

.imgreplace {text-indent: -9999px; overflow: hidden; display: block;}



.left {float:left;}

.right {float:right;}

.clear {clear:both;}

.no-margin {margin:0 !important;}

.marginleft {margin-left:15px;}

.margintop {margin-top:15px;}

.hidden {display:none;}

.innerModal {padding:10px; background:#fff;}

.bold {font-weight:bold;}

.col {width:45%;}





/*Estrutura*/



#main

{

	width:100%;

	height:auto;

}

		

#container

{

	width:960px;

	height:auto !important;

	height:350px;

	min-height:350px;

	margin:0px auto;

	padding:0 30px;

}

    

    #header

    {

	    width:100%;

	    height:100px;

	    position:relative;

	    padding:0;

	    margin:0;

    }



	    #header h1

	    {

		    width:171px;

		    height:69px;

		    position:absolute;

		    top:10px;

		    left:1px;

		    border:none;

	    }

	    

	    #header h1 a

	    {

		    display:block;

		    background:url(../images/logo-pjs.png) no-repeat left center;

		    border:none;

		    text-indent:-9999px;

		    width:171px;

		    height:69px;

	    }

	    

	    #menu  {position:absolute; margin:0; top:-3px; padding:0; left:525px; width:600px;}

	    #menu ul {margin:0; padding:0;}

	    #menu ul li {display:inline;}

	    #menu ul li a {display:inline-block;  padding:40px 15px; text-align:center; color:#fff; font-size:14px;}

	    #menu ul li a.selected {color:#54bcff; text-decoration:none; background:url(../images/bg-btn-hover.jpg) repeat-x center}

	    #menu ul li a:hover {color:#54bcff; text-decoration:none; background:url(../images/bg-menu-hover.png) repeat}

	    



	#content

	{

		width:100%;

		height:auto !important;

		height:350px;

		min-height:350px;

		text-align:left;

		margin-top:30px;

	}



	div#content:after

	{

	   content:".";

	   display:block;

	   clear:both;

	   visibility:hidden;

	   height:0;

	   overflow:hidden;

	}

	

	    #banner {width:100%; position:relative; height:348px; background:url(../images/banner-home.jpg) no-repeat center center; margin-bottom:30px;}

	    #banner a {position:absolute; top:225px; left:35px; width:160px; height:40px;}

	    

	    #page {width:920px; float:left; padding:20px 20px 30px 20px; height:auto; background:#fff;}

	    

	        #page-left

	        {

	            float:left;

	            width:245px;

	            height:auto;

	        }

	    

	        #page-right

	        {

	            float:right;

	            width:660px;

	            height:auto;

	        }

	    

	        #page-right h1 {font-weight:normal; font-size:24px;}



#footer

{

    width:100%;

    background:#dfdfdf url(../images/bg-footer.png) repeat-x top;

    margin-top:60px;

}



    #footer-content

    {

        width:960px;

        margin:0px auto;

        padding-top:30px;

        font-size:11px;

        height:190px;

    }

    

        #footer-content .logo-footer {float:left; width:121px; height:49px;}

        #footer-content .logo-footer a {display:block; float:left; width:121px; height:49px; background:url(../images/logo-pjs-small.png) no-repeat center center; text-indent:-9999px;}

        

        #footer-content .footer-links {float:left; width:160px; margin:20px 0 0 40px;}

        #footer-content .small {width: 140px !important;}

        #footer-content .footer-links h2 {font-size:12px; color:#169df2; font-weight:bold; margin-bottom:15px;}

        #footer-content .footer-links a {color:#666;}

        #footer-content .footer-links ul {margin:0; padding:0;}

        #footer-content .footer-links ul li {line-height:2.2;}

        #footer-content .separator {border-left:1px dotted #999; padding-left:25px;}

        

        #footer-content .redes-sociais {float:left; width:150px; margin-left:20px;}

        #footer-content .redes-sociais h2 {font-size:12px; color:#169df2; font-weight:bold; margin-bottom:15px; margin:20px 0 15px 0;}

        #footer-content .redes-sociais a {display:block; width:48px; height:48px; text-indent:-9999px; float:left;}

        #footer-content .redes-sociais a.facebook {background:url(../images/ico-facebook.png) no-repeat center center;}

        #footer-content .redes-sociais a.twitter {background:url(../images/ico-twitter.png) no-repeat center center;}

        

    

    #footer-bottom

    {

        width:100%;

        background:#169df2;

        

    }

    

    #footer-bottom-content

    {

        width:960px;

        margin:0px auto;

        padding-top:13px;

        font-size:12px;

        height:23px;

        

    }

    

    #footer-bottom-content span, #footer-bottom-content a {color:#fff !important;}

    

    

    #footer-bottom a {color:#666;}

    #footer-bottom a:hover {color:#999;}

    

    #footer-content span {color:#ccc;}

    #footer-content ul {float:left; margin:0 40px 0 0;}

    #footer-content ul li {line-height:2.1;}

    #footer-content ul li a {color:#ccc; font-size:12px;}

    

    #footer-content h1 {color:#fff; font-size:18px; margin:0 0 20px 0; border:none; text-transform:lowercase;}





/*** MESSAGES ***/

.box

{

	padding: 8px;

	margin-bottom:8px;

	color:#555;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

	background:#eee;

}





.box-info

{

	padding-left:32px;

	border-top:1px solid #B8E2FB;

	border-bottom:1px solid #B8E2FB;

	background:#E8F6FF url("../images/info.png") no-repeat 8px 50%;

}



.box-warning{

	padding-left: 32px;

	border-top:1px solid #F2DD8C;

	border-bottom:1px solid #F2DD8C;

	background:#FFF5CC url("../images/warning.png") no-repeat 8px 50%;

}

.box-error{

	padding-left: 32px;

	border-top:1px solid #F8ACAC;

	border-bottom:1px solid #F8ACAC;

	background:#FFD1D1 url("../images/error.png") no-repeat 8px 50%;

}

.box-error-msg{

	margin-top:-8px;

	background:#FFF1F1;

	border-top:0 none;

	border-bottom:1px solid #FDDCDC;

	color:#664B4B;

	padding:12px;

}

.box-error-msg ol {

	margin-top: 0;

	margin-bottom: 0;

}

.box-success{

	padding-left: 32px;

	border-top:1px solid #BBDF8D;

	border-bottom:1px solid #BBDF8D;

	background:#EAF7D9 url("../images/check.png") no-repeat 8px 50%;

}





.box a:hover {

	background: transparent !important;

}



.box a.close {

	float: right;

	border: 0 none !important;

	font-weight: bold;

	color: #666 !important;

}

.box-info a.close {

	color: #395594 !important;

}

.box-warning a.close {

	color: #D6A23D !important;

}

.box-error a.close {

	color: #CF563D !important;

}

.box-success a.close {

	color: #238221 !important;

}



/*** FORMS ***/



.edit {float:left; width:100%; margin-top:15px;}



.fields

{

    margin-top:20px;

    width:100%;

    float:left;

}



.fields label

{

    float:left;

    clear:both;

    margin-top:5px;

}



.fields input,

.fields textarea

{

    float:left;

    clear:both;

    width:70%;

    padding:4px;

    border:1px solid #ccc;

    margin:5px 0 10px 0;

    font-family:Arial, Verdana, Sans-Serif;

    background-color:#f9f9f9;

}



.field-list {float:left; clear:both; margin-top:10px;}

.field-list input {clear:none !important;}

.fields label.no-clear {clear:both; padding-top:5px; width:70px;}



.fields textarea {height:150px;}



.fields select {float:left; clear:both; min-width:150px; border:1px solid #ccc; padding:3px; margin:5px 0 10px 0;}



.fields input:focus, 

.fields textarea:focus {

	-moz-box-shadow:0 1px 1px rgba(196,196,196,0.5);

	-webkit-box-shadow:0 1px 1px rgba(196,196,196,0.5);

	box-shadow:0 1px 1px rgba(196,196,196,0.5);

	-webkit-focus-ring-color:none;

	border-color:#999;

	background-color:#FFF;

}



.fields .checkbox {float:left; clear:both; margin:10px 0; padding:4px 6px; border:1px solid #ccc; background:#eaeaea;}

.fields .checkbox label,

.fields .checkbox input {clear:none !important;}

.fields .checkbox input {width:20px; border:none; margin:4px 0 0 3px; }



.fields .checkbox-list {float:left; clear:both; margin:10px 0; padding:4px 6px; border:1px solid #ccc; background:#eaeaea;}

.fields .checkbox-list label,

.fields .checkbox-list input {clear:none !important;}

.fields .checkbox-list input {width:20px; border:none; margin:4px 15px 0 0px; clear:both; }



.fields .button {float:left; width:130px; height:37px; display:block; margin-top:20px; background:#169df2; color:#fff; text-align:center; font-weight:bold; font-size:14px; border:none; cursor:pointer;}

.fields .button:hover {background:#444;}



/**** ValidationSummary *************/



.errors {

 border: 3px solid #169df2;

 color: #333;

 margin: 0 0 10px 0;

 padding: 15px;

 background: #e7f6f8 url(../images/vsummary-bg.png) no-repeat 10px 50%;

}



.errors span {padding-left:65px; color:#169df2; font-weight:bold; font-size:14px;}



.errors ul {

 margin: 0;

 padding: 0;

 margin: 10px 0 0 80px;

 list-style: square;

 line-height:1.4;

}





/******* IMAGE UPLOADER *******/





.upload-imagem 

{

	padding: 10px;

	background: #F5F7F8;

	margin-top: 10px;

	border: 1px solid #B3D5DC;

	float:left;

	clear:both;

}



.upload-imagem label {float:left; width:100%; clear:both;}

.upload-imagem a {float:left; width:88px; padding:5px; background:url(../images/bg-btn-menu-internal.png) no-repeat center center; color:#333; font-size:12px; font-weight:bold; text-align:center;}

.upload-imagem a:hover {background:url(../images/bg-btn-menu-internal-hover.png) no-repeat center center; text-decoration:none; color:#000;}



.image-crop-area {float:left; padding:10px; background:#fff; border:1px solid #ccc; margin:10px 0; clear:both;}





/********** SIDEBAR *********/



.sidebar {float:left; width:243px; padding:1px; height:auto; background:#fff; border:1px solid #d0d0d0; margin-bottom:15px;}

.sidebar .sidebar-content {background:#eee url(../images/bg-sidebar.png) repeat-x top; width:100%; height:auto; min-height:150px; float:left;}

.sidebar .sidebar-content ul {margin:0; padding:15px; float:left;}

.sidebar .sidebar-content ul li {float:left; clear:both; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}

.sidebar .sidebar-content ul li a {display:block; width:195px; padding:12px 0 0 15px; height:28px; background:url(../images/bg-btn-sidebar.png) repeat-x top; font-size:18px; color:#333;}

.sidebar .sidebar-content ul li a.selected {background-image:none; background-color:#fff; text-decoration:none;}

.sidebar .sidebar-content ul li a:hover {background-image:none; background-color:#eee; text-decoration:none;}



.sidebar .sidebar-content ul.solucoes {margin:0; padding:15px; float:left;}

.sidebar .sidebar-content ul.solucoes li {float:left; clear:both; padding:0; border:none; margin:5px 0;}

.sidebar .sidebar-content ul.solucoes li a {padding:0; display:block; width:129px; padding:20px 0 0 80px; height:43px; background-position:center top; font-size:18px; color:#333; background-repeat:no-repeat; font-size:24px;}

.sidebar .sidebar-content ul.solucoes li a:hover,

.sidebar .sidebar-content ul.solucoes li a.selected  {background-position:center bottom; background-color:transparent;}

.sidebar .sidebar-content ul.solucoes li a.active {background-image:url(../images/menu-active.png);}

.sidebar .sidebar-content ul.solucoes li a.loja {background-image:url(../images/menu-loja.png);}

.sidebar .sidebar-content ul.solucoes li a.walle {background-image:url(../images/menu-walle.png);}



/********** HOME ************/



#home-left {float:left; width:626px;}



#home-left #solucoes {float:left; width:100%; height:270px;}

#home-left #solucoes h1 {margin-bottom:15px;float:left; clear:both; width:100%;}

#home-left #solucoes h1 span {color:#999;}

#home-left #solucoes a {display:block; width:194px; height:193px; margin-right:21px; cursor:pointer; float:left; text-indent:-9999px;}

#home-left #solucoes a:hover {border-bottom:4px solid #8ecaf0;}

#home-left #solucoes a.aposentados {background:url(../images/home_b01.jpg) no-repeat center top;}

#home-left #solucoes a.servidores {background:url(../images/home_b02.jpg) no-repeat center top;}

#home-left #solucoes a.militares {background:url(../images/home_b03.jpg) no-repeat center top; margin-right:0;}



#home-left #responsabilidade {float:left; width:100%; height:auto;}



#home-right {float:right; width:272px;}

#home-right #noticias {height:250px;}

#home-right #depoimentos {float:right; margin-top:20px;}

#home-right #depoimentos .balao {float:right; height:89px; width:240px; padding:16px; background:url(../images/bg-home-depoimentos.jpg) no-repeat center center; position:relative;}

#home-right #depoimentos .balao p {float:left; line-height:1.6; margin:0; padding:0; font-family: Georgia, Times New Roman, Sans-Serif; font-size:11px; font-style:italic;}

#home-right #depoimentos .balao span {float:right; font-weight:bold;}



/******** INTERNAS ***********/



#sidebar {float:left; width:224px; height:auto; background:url(../images/bg-sidebar.png) repeat-x top; border:1px solid #88c7ef;}

#sidebar-header {float:left; height:37px; width:100%; background:url(../images/bg-sidebar-header.png) repeat-x center; border-bottom:1px solid #88c7ef;}

#sidebar-header h1 {float:left; font-size:18px; margin:10px 0 0 10px;}

#sidebar-header h1 span {color:#6d6d6d;}

#sidebar-content {float:left;}

#sidebar-content ul {margin:0; padding:0;}

#sidebar-content ul li {width: 216px; float:left; clear:both; height:40px; border-bottom:1px solid #fff; border-top:1px solid #b2cce3; margin-left:4px;}

#sidebar-content ul li:hover {border-right:4px solid #88c7ef;}

#sidebar-content ul li:first-child {border-top:none;}

#sidebar-content ul li:last-child {border-bottom:none;}

#sidebar-content ul li a {display:block; font-size:13px; font-weight:bold; padding:14px 5px;}

#sidebar-content ul li a:hover {color:#2471a1; text-decoration:none;}

#sidebar-content ul li a.selected {color:#000;}



.banner-content {float:left; width:665px; margin-bottom:15px; height:217px; background:url(../images/bg-shadow-banners.jpg) no-repeat center bottom;}



ul.lista {float:left; margin-top:20px}

ul.lista li {line-height:2.2; font-size:13px; padding-left:25px; background:url(../images/marker.png) no-repeat left center;}



#carreira h1 {font-size:36px; color:#000;}

#carreira h2 {font-size:24px; color:#169df2; margin:0; padding:0;}

#carreira h2 span {color:#666;}

#carreira p {margin-top:30px;}

#carreira a {float:left; width:166px; height:40px; display:block; clear:both; margin:20px 0 70px 0; background:url(../images/btn-trabalhe.png) no-repeat center center; text-indent:-9999px;}



#news .news-lista {float:left; margin-top:15px;}

#news .news-lista ul {float:left; margin:0; padding:0;}

#news .news-lista ul li {float:left; display:block; height:auto; padding:10px; margin:20px 30px 0 0; border:1px solid #ccc; background:#f0f0f0;}

#news .news-lista ul li div.capa {border:1px solid #ccc; padding:3px; background:#fff; float:left; }

#news .news-lista ul li a.texto {float:left; font-size:14px; font-weight:bold; margin-top:5px; clear:both; width:100%; text-align:center;}



/******** CONTATO ***********/



#contact-list, #onde-estamos {float:left; padding:15px;}



.contact-item {float:left; width:100%; height:40px; clear:both; margin:5px 0;}

.contact-item img {float:left; width:40px; height:40px; margin-right:10px;}

.contact-item .contact-item-text {float:left; margin-top:3px;}

.contact-item .contact-item-text span {float:left; clear:both; font-size:14px; line-height:1.2;}

.outros-estados {background:#f0f0f0; padding:8px; float:left; clear:both; margin-top:20px; border:1px solid #ccc;}

.outros-estados h3 {width:210px !important; float:left; margin:0 0 7px 0; font-size:13px;}

.outros-estados label {float:left; clear:both; margin-top:10px;}

.outros-estados select {float:left; clear:both; margin-top:4px; padding:2px; border:1px solid #ccc; background:#fff; width:200px; color:#333; font-family:"Trebuchet MS", Tahoma, Verdana; font-size:12px;}

.outros-estados .result-estado {float:left; clear:both; width:180px; padding:10px; margin-top:10px; border:1px solid #ccc; background:#fff;}

.outros-estados .result-estado strong {color:#000 !important;}  

.outros-estados .result-estado ul {margin:0; padding:0; float:left;}

.outros-estados .result-estado ul li {width:100%; padding:8px 0; border-bottom:1px solid #ccc; float:left; display:block; clear:both; font-size:12px;}

#onde-estamos span {float:left; clear:both; line-height:1.3; font-size:14px;}

#onde-estamos img {float:left; margin-top:10px;}



/******** CALLBACK ***********/



.inicial {float:left; clear:both; margin-bottom:10px; width:100%;}

.inicial p {margin:0 0 20px 0;}

.inicial a {float:left; display:block; padding:15px 20px; text-align:center; font-size:18px; margin-right:15px;}

.inicial a:hover {background:#333 !important; color:#fff !important; border:1px solid #333 !important; text-decoration:none;}

.inicial a.blue {background:url(../images/bg-btn.png) repeat-x; color:#fff; border:1px solid #147bad;}

.inicial a.gray {background:url(../images/bg-btn-cinza.png) repeat-x; color:#666; border:1px solid #ccc;}



.form-callback {float:left; margin-top:15px; padding:15px; background:#eee; border:1px solid #ccc;}

.form-callback .form {float:left;}

.form-callback .form .field {float:left; width:220px;}

.form-callback .form .ddd {width:50px;}

.form-callback .form .operadora {width:120px;}

.form-callback .form .data {width:125px;}

.form-callback .form .hora {width:75px;}

.form-callback .form .field label {float:left; width:100%; clear:both; font-size:16px;}

.form-callback .form .field input,

.form-callback .form .field select {float:left; background:#fff; border:1px solid #ccc; padding:5px; font-size:18px; margin-top:3px;}

.form-callback .form a {float:left; display:block; padding:8px 12px; background:url(../images/bg-btn.png) repeat-x; color:#fff; border:1px solid #147bad; margin-top:19px; font-weight:bold; font-size:14px;}

.form-callback .form a:hover {background:#333 !important; color:#fff !important; border:1px solid #333 !important; text-decoration:none;}

.backlink {float:left; clear:both; margin-top:10px;}



.ajax-waiter {position:absolute; top:75px; left:550px; margin-left:20px; width:400px; padding:20px; margin-top:20px}

.ajax-waiter img {float:left;}

.ajax-waiter span.big {float:left; font-size:18px; clear:none !important; margin:5px 0 0 10px; color:#333;}

.ajax-waiter span {float:left; clear:both; font-size:12px; margin:1px 0 0 40px;}