/* 1- CSS padrap para diagramas simples */

* {

  font-size:0.97em;

}

.edicao .editButton {

  display: block !important;

}

.edicao .diagram {

  border: dashed 1px #000 !important;

}

.edicao .titleBox {

	border: dashed 1px #000;

}

.edicao .editableArea{

  border: 1px dashed #000;

}



.public .image {

	display: none !important;

}



.public .editButton {

  display: none !important;

}

.public .diagram {

  border: none;

}

.pulic .titleBox {

	border:none;

}

.editButton {

  margin-right:5px;

  margin-top:2px;

}

.titleBox{

  width: 95%;

  padding: 5px;

  margin-left:6px;

  margin-top:10px;

  color:#FFF;

}

.titleBoxContent{

  font-weight: bold;

}

.diagramArea{

  clear:both;

}

.diagram {

  padding: 5px;

  margin-top: 5px;

  margin-left: 5px;

  float: left;

  width: 95%;

}

.diagram img {

  margin: 2px;

  /*float: left;*/

}

.diagram .diagramLink{

  float: right;

}

/*

.public .border {

	border:5px solid !important;

}

*/



/**/

.container3 {

  background:white;

  float:left;

  overflow:hidden;

  position:relative;

  width:100%;

}

.container2 {

  float:left;

  position:relative;

  width:70%;

}

.container1 {

  background:white;

  float:left;

  position:relative;

  right:1px;

  width:100%;

}

.col1 {

  float:left;

  overflow:hidden;

  padding:0 2px 2px;

  position:relative;

  width:98%;

}

.col2 {

  float:left;

  left:76%;

  overflow:hidden;

  position:relative;

  width:36%;

}

.col3 {

 float:left;

  overflow:hidden;

  position:relative;

  width:29%;

}





.diagramComporter{

  float:left;

  border: 1px solid orange;

  width: 50px;

  margin: 2px;

  height:50px;

}

/**/



.clearBoth {

	clear:both;

}

/* [/1] */



/* 2- CSS padrao para diagrama de 'formulario de contato' */

.editForm{

  margin: 5px;

  padding: 2px;

  text-align:center;

}

.edicao .editForm{

  border: dashed 1px #000 !important;

}

.editForm input, .editForm textarea{

  width: 250px;

}

.editForm form{

 /* margin-left: 12%; */

}

.edicao .editEmail{

  display: auto !important;

}

.public .editEmail{

  display: none !important;

}

/* [/2] */



/* 3- CSS padrao para diagrama de 'galeria de imagem' */

.imageGallery{

  margin:20px;

  padding:15px;

  text-align:center;

  width:85%;

}

.imageGalleryRow{

  float:left;

  margin:0 auto;

  width:100%;

  list-style-type:none;

  padding:0;

}

.imageGalleryRow .facebox{

  cursor:pointer;

}

.imageGalleryRow li{

  display:inline-block;

  margin:3px;

  overflow:hidden;

  padding:0;

  position:relative;

}

.imageGalleryRow li a{

  text-decoration: none;

  cursor: pointer;

  display: block;

  width: 46px; height:16px;

}

.imageGalleryRow li a .editButton{

  margin: 0px;

  padding:0px;

  position:absolute;

  left:0px; top:0px;

}

.imageGalleryRow li div img{

  border: none;

  margin: 0px;  padding:0px;

  cursor:pointer;

}

.imageGalleryComporter{

  float:left;

  text-align:center;

  width:100%;  height:auto;

}

/* [/3] */



/* 4- Que vão para o carinha final */

#menuTab1{

  display:none !important;

}

.editavel div p{

  margin:0px;  margin-bottom:3px;  text-indent:5px;  font:inherit;

}/*

.editavel div p span{

  font-size: inherit !important;

}*/

/* [/4] */



.imagemComBorda {

    border: 1px solid #D3D3D3;

    box-shadow: 1px 1px 2px #D3D3D3;

    padding: 5px;

}
        .colorTemplate1{
          color:#24960e !important;
        }
    	
        .colorTemplate2{
          color:#FFFF75 !important;
        }
    	
        .backgroundTemplate1{
          background-color:#24960e !important;
        }
    	
        .backgroundTemplate2{
          background-color:#2bb441 !important;
        }
    	
        .backgroundTemplate3{
          background-color:#69d94f !important;
        }
    	
      .public .border{
        border: 2px solid #24960e;
      }