@charset "utf-8";
/* CSS Document */

/** 
 *------------------------------------------------------------------------------
 * @package       T3 Framework for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt, JoomlaBamboo, (contribute to this project at github 
 *                & Google group to become co-author)
 * @Google group: https://groups.google.com/forum/#!forum/t3fw
 * @Link:         http://t3-framework.org 
 *------------------------------------------------------------------------------
 */
 
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 3, 2015 */




@font-face {
    font-family: 'roboto_slabbold';
    src: url('../fonts/robotoslab-bold-webfont.eot');
    src: url('../fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-bold-webfont.woff') format('woff'),
         url('../fonts/robotoslab-bold-webfont.ttf') format('truetype'),
         url('../fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'roboto_slablight';
    src: url('../fonts/robotoslab-light-webfont.eot');
    src: url('../fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-light-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-light-webfont.woff') format('woff'),
         url('../fonts/robotoslab-light-webfont.ttf') format('truetype'),
         url('../fonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/robotoslab-regular-webfont.eot');
    src: url('../fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-regular-webfont.woff') format('woff'),
         url('../fonts/robotoslab-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabthin';
    src: url('../fonts/robotoslab-thin-webfont.eot');
    src: url('../fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-thin-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-thin-webfont.woff') format('woff'),
         url('../fonts/robotoslab-thin-webfont.ttf') format('truetype'),
         url('../fonts/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
 
 
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
.ajuste-conteudo-anop {max-width: 900px;}
.ajuste-conteudo-interno-anop {max-width: 740px; margin: 0px auto}

.ajuste-conteudo-anop hr {border: 1px solid #c4c4c4}

.titulo-anop {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	color: #4a4a4a;
	text-align: center;
    font-weight: 300;
    margin-top: 69px;
    padding-bottom: 60px !important;
}

.titulo-auditoria-anop {
margin: 64px auto 50px auto;
font-family: 'Roboto', sans-serif;
font-size: 32px;
color: #696868;
font-weight: 300;
text-decoration: none solid rgb(105, 104, 104);
text-align: center;
}

#accordeonck415 a {

font-weight: 300 !important;
    
}

.descricao-auditoria-anop {
margin-bottom: 90px;
font-family: 'Crimson Text', serif;
font-size: 20px;
color: #4a4a4a;
text-decoration: none solid rgb(74, 74, 74);
}		

.dados-auditoria-anop {
	max-width: 730px;
	margin: 0 auto;
}

._anop_p dt {
	background-color: #EBEBEB;
	border:1px solid #A6A6A6;
	margin-bottom: 8px;
	width: 260px;
	height: 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #696868;
	font-weight: 500;
	text-decoration: none solid rgb(105, 104, 104);
	padding-top: 8px
	
}

._anop_p dd {
	background-color: #FFF;
	border:1px solid #A6A6A6;
	margin-bottom: 8px;
	margin-left: 8px;
	width: 460px;
	height: 50px;
	width: 454px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #474747;
	font-weight: 300;
	text-decoration: none solid rgb(71, 71, 71);
	padding-top: 8px
}

.imagem-ciclo-anop {
	margin: 99px auto 75px auto;
}

.titulo-fases-anop {
	font-family: 'Roboto', sans-serif;
font-size: 32px;
color: #696868;
font-weight: 500;
text-decoration: none solid rgb(105, 104, 104);
text-align: center;
}

.titulo--internos-fases-anop {
	margin-top: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #424242;
	text-decoration: none solid rgb(66, 66, 66);

}

.label-docs-anop {
	margin-top: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 18px;
	color: #424242;
	text-decoration: none solid rgb(66, 66, 66);
}

.galimg-anop {
    margin-top: 15px;
}

.container-docs {padding: 20px;}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
	border:1px solid #dddddd;
	border-top:0px;
	padding: 20px;
}	



.linha-mais-alta {margin-top: 15px;
}
/*********************** conteudo que eu adicionei ***********************/	
		
	.box {
  width: 700px;
  
  font: 14px / 16px arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  
	}
  .text {
   /* height: 16px * 4px;*/
    overflow: hidden;
    
  }
  .text span {
	  font-size: 1.5em;
	  
  }
  
  .read-more {
 
  }
	.img{
		width:100%;
		height: auto;
	}

		
	/*.popover {
	position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(220px, 1312px, 0px);
	background-color:#f7f7f7;
	padding:10px;
	border-radius:20px;
	width:500px;
	font-size: 18px;
	}
	.popover h3 {
		background-color:#fcfcfc;
		border-radius:10px;
		padding:0 10px;
	}*/

	.ciclo #ptema{
		width: 500px;
		
	}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content li{
	padding:10px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	text-align: left;
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn li {background-color: #f1f1f1;}
		
		
.table-wrapper .button{
	display:inline;
	line-height: 0;
}
		
#nav .volta {
	float:right !important;
}

.special p, ul, ol {
	text-align:left;
}


div.vertical div.cck_forms.cck_search div.cck_label {width: 260px; text-align: right; padding-right: 10px;}
.cck_botao_enviar {text-align: center !important}
div.cck_forms.cck_search div.cck_form {float: none !important}

#tematl {color:#E0B448; font-weight: bold;}
#diagnosticotl {color:#E56D1C; font-weight: bold;}
#deliberacaotl {color:#1F83AA; font-weight: bold;}
#planotl {color:#CC3333; font-weight: bold;}
#acompanhamentotl {color:#7246A5; font-weight: bold;}
#resultadostl {color:#3A8942; font-weight: bold;}


/* TIMELINE */

#ciclo{
    max-width: 50%;
    margin-left: 25%;
}

.wizard {
    padding: 30px;
}
.wizard .nav-tabs {
    position: relative;
    border: 0px;
}
.wizard > div.wizard-inner {
    position: relative;
}

.wizard .tab-content {
    
	border: 0px solid #000;
    
}


.connecting-line{
    height:15px;
    background: #e0e0e0;
    position: absolute;
    width: 99.5%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top:44%;
    z-index: 1;
    border-radius: 15px;
}
.active-line{
    height:15px;
    background: #e0e0e0;
    position: absolute;
    width: 99.5%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top:44%;
    z-index: 1;
    border-radius: 15px !important;
}
.active .connecting-line{
    background-color: #2ED4E0;
}
.border-right{
    border-radius: 15px 0 0 15px;
}
.border-left{
    border-radius: 0;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    cursor: default;
    border: 0;
    color:#2ED4E0;
    border-bottom-color: transparent;
}
.nav-tabs li p{
    padding-top:70px;
    font-size: 16px;
    text-align: center;
}
.list-inline{
    text-align: center;
}
span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 60px;
    display: inline-block;
    border-radius: 100px;
    background:#DFE3E4;
    border: 2px solid #fff;
    z-index:1;
    position:absolute;
    text-align: center;
    
}
span p{
	color:#FFF;
	font-size: 25px !important;
	padding-top: 0 !important;
	font-weight: bolder;

}

span.round-tab.tlf1 {
	/* background-color: #E0B448 !important; */
	border-color: #E0B448 !important;
    border: 5px solid;
}

li.active span.round-tab.tlf1 {
	background-color: #E0B448 !important;
}

.active .connecting-line.tlf1 {
	background-color: #E0B448 !important;
}
.preenchido .connecting-line.tlf1 {
	background-color: #E0B448 !important;
}
p.tlf1 {
	color: #E0B448; 
	font-weight: normal;
}

span.round-tab.tlf2 {
	/* background-color: #E56D1C !important; */
	border-color: #E56D1C !important;
    border: 5px solid;
}

li.active span.round-tab.tlf2 {
	background-color: #E56D1C !important;
}

.active .connecting-line.tlf2 {
	background-color: #E56D1C !important;
}
.preenchido .connecting-line.tlf2 {
	background-color: #E56D1C !important;
}
p.tlf2 {
	color: #E56D1C; 
	font-weight: normal;
}


span.round-tab.tlf3 {
	/* background-color: #1F83AA !important; */
	border-color: #1F83AA !important;
    border: 5px solid;
}

li.active span.round-tab.tlf3 {
	background-color: #1F83AA !important;
}

.active .connecting-line.tlf3 {
	background-color: #1F83AA !important;
}

.preenchido .connecting-line.tlf3 {
	background-color: #1F83AA !important;
}

p.tlf3 {
	color: #1F83AA; 
	font-weight: normal;
}


span.round-tab.tlf4 {
	/* background-color: #CC3333 !important; */
	border-color: #CC3333 !important;
    border: 5px solid;
}

li.active span.round-tab.tlf4 {
	background-color: #CC3333 !important;
}

.active .connecting-line.tlf4 {
	background-color: #CC3333 !important;
}

.preenchido .connecting-line.tlf4 {
	background-color: #CC3333 !important;
}


p.tlf4 {
	color: #CC3333; 
	font-weight: normal;
}


span.round-tab.tlf5 {
	/* background-color: #7246A5 !important; */
	border-color: #7246A5 !important;
    border: 5px solid;
}

li.active span.round-tab.tlf5 {
	background-color: #7246A5 !important;
}

.active .connecting-line.tlf5 {
	background-color: #7246A5 !important;
}

.preenchido .connecting-line.tlf5 {
	background-color: #7246A5 !important;
}
p.tlf5 {
	color: #7246A5; 
	font-weight: normal;
}


span.round-tab.tlf6 {
	/* background-color: #3A8942 !important; */
	border-color: #3A8942 !important;
    border: 5px solid;
	
}

li.active span.round-tab.tlf6 {
	background-color: #3A8942 !important;
}

.active .connecting-line.tlf6 {
	background-color: #3A8942 !important;
}

.preenchido .connecting-line.tlf6 {
	background-color: #3A8942 !important;
}
p.tlf6 {
	color: #3A8942; 
	font-weight: normal;
}


.disabled p{
	color:#999 !important;
}

.disabled span.round-tab.tlf1 {
	border-color: #ccc !important;
}
.disabled span.round-tab.tlf2 {
	border-color: #ccc !important;
}
.disabled span.round-tab.tlf3 {
	border-color: #ccc !important;
}
.disabled span.round-tab.tlf4 {
	border-color: #ccc !important;
}
.disabled span.round-tab.tlf5 {
	border-color: #ccc !important;
}
.disabled span.round-tab.tlf6 {
	border-color: #ccc !important;
}









.wizard li.active span.round-tab{
    /* background:#2ED4E0; */
    color:white;
    /* border: 2px solid #fff; */
}
span.round-tab:hover{
    color: white;
    /* border: 5px solid #fff; */
    /* background-color:#2ED4E0;  */
}
.wizard .nav-tabs > li {
    width: 16.6%;
}
.wizard .nav-tabs > li a{
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    color: #777;
}
.wizard .tab-pane {
    position: relative;
    padding-top: 15px;
    border-top: 1px solid #fff;
    margin-top: 50px;
}
.next-step:hover, .next-step, .prev-step:hover, .prev-step{
    position: relative;
    background-color: #2ED4E0;
    font-size: 16px;
    color: #FFFFFF;
}
@media( min-width : 320px ) and ( max-width : 360px ){
    .wizard {
        width: 90%;
        height: auto !important;
    }
    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
    }
    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
	.next-step{
		margin-top:10px; 
	}
    .nav-tabs li p{
        padding-top:60px;
        font-size: 16px;
        text-align: center;
    }
    .connecting-line , .active-line{
        top:43%;
    }
}



.btn:focus, .btn:active, button:focus, button:active {
    outline: none !important;
    box-shadow: none !important;
  }
  
  #image-gallery .modal-footer{
    display: block;
  }
  
  .thumb{
    margin-top: 15px;
    margin-bottom: 15px;
  }