/* @override http://www.tutelkan.org/tutelkan-devs/css/tutelkan.css */

body{
	font-family:Arial, Helvetica, Geneva, sans-serif;
	color: #222;
	background:url(bg_body.jpg);
/*cambio familia de fuentes y color de fuente general*/
}

#contenedor{
	padding:0;
	border:0;
	margin:0 auto;
	width: 920px;
	
}

div{
	border:0px solid #0300aa;
}

.block{
	padding: 0 10px 10px 10px;
}

/* @group Pie */

#pie{
	height: 80px;
	margin: 10px 0 0 0;
	background: #f8f8f8 url(pie.jpg) no-repeat;
	padding: 50px 0 0 20px;
	color: #515151;
}
#pie p{
	font-size: 10px;
	width: 500px;

} 


/* @end */

/* @group links */

a{
	color: #2974a7;
	text-decoration: none;
}



/* @end */

/* @group top */

#top{
	margin: 0 auto;
	padding: 10px 0 0 0;
	width:100%;
    background:#F8F8F9;
    height: 60px;
}

#logo{
	
	
	margin: 0;
	padding: 0;
	width:250px;
	height:60px;
	float: left;
	
	
}
#logo a img{
	border: none;
}
/* @group Login */		



.formulario{
	
	margin: 0;
	padding: 0;
	width:600px;
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: gray;
	float: left;
	
}

div.etiquetas{
	
	width:80px;
	float:left;
	text-align:right;
	font-size:12px;
	
	
	
	
	}
	
div.form_entrada{
	
	width:250px;
	float:left;
	
	
	
	}	
div.form_entrada p, .welcome-login {
	font-size: 14px;
	margin:10px 0 0 20px;
}	
.form_info input{
	
	width:200px;
	height:25px;
	background-color:#E2DCC7;
	border:1px solid #7A7461;
	font-size:14px;
	color:#222;
	margin:0 0 3px 0;
	
	}	
	
input.form_entrar, .form_check .gwt-Button{
	
	background:#B8DAF2;
	color:#222;
	font-size:12px;
	cursor:pointer;
	border:none;
	padding:5px;
	border:1px solid #CCC;
}

.form_check{
	
	text-align:left;
	
	}
	
div.form_nombre{
	
	padding:0;
	margin:10px 5px 10px 0;
	
	
	}
	
div.form_pass{
	
	padding:0;
	margin:15px 5px 0 0;
	
	
	}	
	

.login_registro{
	
	float:left;
	margin:0 0 0 0;
	}
	
.login_registro{
	padding:0;
	border-left: 1px dotted #dcdcdc;
}
	
.login_registro	ul{
	
	list-style-type:none;
	margin: 0;
	padding:0;
	border-left: 1px dotted #dcdcdc;
}

.login_registro li, .private-link-login{
	
	padding:5px;
	
	}

.private-link-login a{
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: gray;
	
}
/* @end */

#top_area{

}

#top_area #topTitle{
	
	padding: 5px 0 0 0;
	margin:0px 10px;
	float:left;
	color: #3d3d3d;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: lowercase;
	position: relative;
	top: -7px;
	
	
}

#top_area .gwt-TabBar, .stepBar{
	margin:0px 0px;
	float:left;
}


.backSelector{

	color: #338fce;
	border:none;
	font-weight:bold;
	float:right;
	cursor: pointer;
	background-color: #e5e5e5;
}

/* @group bararea */

#barArea .gwt-TabBarItem{
	background: #e5f0f3;
	width:100px;
	text-align: center;
	height: 20px;
	padding: 10px 0 0 0;
	color: #878787;
	border: none;
	font-weight:bolder;
	cursor: pointer;
}

#barArea .gwt-TabBarItem-selected{
	background: #738d9a;
	color:#fff;
}
#barArea .gwt-TabBar{
	
	margin: 10px 0 0 0;
}

/* @end */



/* @end */

/* @group Parámetros */

#parametros{
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
	background-color: #f8f8f8;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 920px;
}
#parametros .title{
	
	font-size: 14px;
	margin: 10px 0 10px 0;
	background: #e5e5e5;
}


.process-paramsearch, .element-paramsearch, .type-paramsearch{
	float:left;
	width:120px;
	left:0px;
	font-size: 12px;
	
}

.paramsearch{
	border-right: 1px solid #ebebeb;
	background: #f8f8f8;
	float:left;
	width:560px;
	right:0px;
	border-bottom-style: solid;
}

.paramsearch select{
	
	width:300px;
	right:100px;
}

.paramsearch .button-paramsearch{
	position:inline;
	top:-100;
	width:120px;
	margin-left:10px;
}

/* @end */




/* @group bottom */

.bottom1{
	
	margin: 0;
	

}

.bottom2{
	
	
	
	border:0px solid #ff0000;
}





.bottom3{

	border:0px solid #ff0000;
}

#bottom{
	
	margin:20px 0 0 0;
	padding:0;
	border:0;
	width:100%;
	clear:both;
	background: #fff;
	min-height: 500px;

}

.clearfix{
	visibility: hidden;
	clear:both;
}

#bloque_izq{
	margin:auto;
	padding:0;
	border:0;
	width:720px; 
	float:left;
	

}

/* @end */

/* @group left */

/* @group coolaborador de procesos toc widget */

.gwt-DisclosurePanel .header .gwt-Label{
	float:left;
	display: inline;
	top:3px;
	width: 390px;
	border-bottom: 1px solid #000000;
	

	
}
table.gwt-DisclosurePanel{
	background: #fafafa;
	border-bottom: 1px solid #dedede;
	font-size: 12px;
}
table.gwt-DisclosurePanel table.title{
	background: #fafafa;
	font-size: 12px;
}
.editorForm .gwt-DisclosurePanel .header{
	
	width: 390px;
	
	
}

table.gwt-DisclosurePanel.gwt-DisclosurePanel-open textarea.gwt-TextArea{
	width: 360px;
}

.TOCWidget{
	font-size: 11px;
	
}

.TOCWidget a{
	color:#222;
	text-decoration: none;
}

.gwt-Tree {
	width: 290px;
	overflow-x:auto;
}



/* @end */

#left{
	margin: 0;
	padding: 0;
	border:0px;
    float: left;
	text-align:left;
	width:200px;
	background: #fafafa;
	border-right: 1px dotted #ebebeb;
	
	
	}
#left h2 {
	margin: 0;
	background: #f3f3f3;
	color: #222;
	font-size: 16px;
	padding: 10px 10px 10px 20px;
	font-weight: normal;
	border-bottom: 1px solid #e6e6e6;
	
}

gwt-DialogBox, .stepBar{
	
	margin-bottom:10px;
	border-top:0px;
	padding:5px;
	padding-top:0px;
	
}

.title, .gwt-DialogBox .Caption{
	text-align:left;
	background:#ffffff;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 5px;
	
}

.aplicaciones{
	background: #d2eafd;
	margin: 10px;
}
.aplicaciones p{
	color: #4c4c4c;
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	padding: 0 20px 0 10px;
	text-align:justify;
	
}

.aplicaciones h3{
	color: #00;
	padding: 0 0 0 10px;
	font: bold 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	border-bottom: 1px dotted #b1b1b1;
	cursor:pointer;
}

.aplicaciones .inicio{
	border-top: 1px dotted #b1b1b1;
	margin-top:20px;
	padding-top:20px;
}

.startButton{
	margin:auto;
	margin-top: 0px;
	background-repeat:no-repeat;
	background-color: #d2eafd;
	color: #4e5561;
	text-decoration: underline;
	border: 1px solid #d2eafd;
	padding:5px;
	cursor:pointer;

	
}

/* @end */

/* @group center */

/* @group coolaborador de procesos texto central */

.gwt-HTML ul{
	font-size: 12px;
	line-height: 20px;
	list-style-type:none;
	
}


/* @end */

#center{
	
	float: right;
	background: #fff;
	text-align:left;
	width:450px;
	margin:0 10px 0 10px;

}

#center h2{
	margin: 0;
	padding: 10px 0 3px 10px;
	font-weight: normal;
	border-bottom: 1px dotted #e6e6e6;
	background-color: #fafafa;
	font-size: 20px;
}

#center h2 a {
	
	color: #2f2f2f;
	
}
#center h3{
	margin: 10px 0 0 5px;
	font-weight: normal;
	font-size: 15px;
	
	
}

.marca{
	color: #b02020;
}

#center blockquote{
	margin: 0;
	padding: 10px;
	background:#D4EBED;
	font-size: 14px;
	line-height: 18px;
	
}

#center p{
 font-size: 12px;
 line-height: 21px;
 padding: 0 0 0 5px;
 text-align: justify;
}

#center .descripcion {
	margin: 0;
	padding: 10px;
	background:#D4EBED;
	font-size: 14px;
	line-height: 22px;
	
}

.editorForm .gwt-Label.title{
	background: #f4f4f4;
	margin: 10px 0 10px 0;
	font-size: 16px;
	border-bottom: 1px solid #e7e7e7;
}

/* @group registro - recuperar contraseña-usuario */

.block .title{
	
	margin: 20px 0 0 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	
}

.block table.form{
	
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	margin: 0;
	
	
	
}





/* @end */

/* @end */

/* @group right */

#right{
	float: right;
	text-align:left;
	width:199px;
	background-color: #fcfcfc;
	color: #3c3c3c;
	line-height: 14px;
	border-left: 1px dotted #ebebeb;
}

#right h2{
	
	margin: 0 0 20px 0;
	background: #f3f3f3;
	color: #222;
	font-size: 16px;
	padding: 10px 10px 15px 10px;
	font-weight: normal;
	border-bottom: 1px dotted #e6e6e6;

}

#divfeed {
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#right .gwt-Label.title{
	background: #d0d4d1;
	color: #373737;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0 0 0;
	padding: 5px;
	

}

#right #graph{
	border: 1px solid #ccc;
}

.widgets-right .block{
	
	background: #e4e4e4;
	line-height: 30px;
}


/* @end */

/* @group Colaborador de procesos  */

.recommendations.block .title{
	background: #d0d4d1;
	color: #373737;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0 10px 0;
	padding: 5px;
}

.gwt-Label.title{
	font-size: 14px;
	background-color: #f8f8f8;
	margin: 0 0 20px 0 ;
	padding: 10px 0 15px 10px;
}

.div1-userform .gwt-Hyperlink a{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
	color: #636363;
}

.div1-userform .gwt-Hyperlink a:hover{

	color: #338fce;
	text-decoration: none;
}

.recommendations .gwt-Label{
	cursor: pointer;
	display: list-item;
	
	
}

.recommendations a, .externalLinks a{
   text-decoration: none;
	display:list-item;
	list-style-type: square;
	list-style-position:inside;
	color: #636363;
	margin-left: 5px;
}
.recommendations a:hover, .externalLinks a:hover{
	text-decoration: underline;
	color: #338fce;
}


/* @end */

/* @group 2- dos columnas */

#leftSide{
	margin: 0;
	padding: 10px 0 10px 0;
	float: left;
	width: 450px;
	font-size: 12px;
	
}

#rightSide{
	margin: 0;
	padding: 10px 0 10px 0;
	float: right;
	width: 450px;
	font-size: 12px;
	border-left: 1px solid #f1f1f1;
	
}

table.gwt-TabBar.privateSelector{
	background: #e5e5e5;
	
}

table.gwt-TabBar.processEditor{
	background: #e5e5e5;
	
}

#leftSide .gwt-Label.title{
	background: #f4f4f4;
	font-size: 16px;
	border-bottom: 1px solid #eaeaea;
	color: #222;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 15px;
}

#rightSide .gwt-Label.title{
	background: #f4f4f4;
	font-size: 14px;
	border-bottom: 1px solid #eaeaea;
	color: #222;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 15px;
}

.privateSelector{
	
	
	
}

.privateSelector a, .Listado{
	text-decoration: none;
	display:list-item;
	list-style: square;
	list-style-position:inside;
	color: #3a3a3a;
	margin-bottom: 10px;
}
.privateSelector a:hover{

	color: #338fce;
}

.privateSelector .gwt-TabBarItem{
	width: 150px;
}
.gwt-DialogBox{
	
	background: #fff;
	padding: 20px;
	border: 1px solid #ccc;
	font-size: 11px;
}
.gwt-DialogBox td{
	
	border: 1px solid #dfdfdf;
}
.gwt-DialogBox tbody{
	
	border:none;
	
}

.gwt-Tree{
	font-size: 11px;
	
}

button.gwt-Button.reportButton{
	margin: 10px;
	background-color: #faf8cf;
	width: 50;
	border: 1px solid #d5d5d5;
	color: #303030;
	cursor: pointer;
}

.gwt-TextArea.valorationObs{
	height: 200px;
	width:430px;
}
.gwt-TextArea.mapperObs{
	height: 100px;
	width:250px;
}


/* @end */

/* @group tres columnas */

#bloque_izq_tres{
	margin:auto;
	padding:0;
	border:0;
	width:610px; 
	float:left;
	

}


#OneOfThree{
	margin: 0;
	padding: 0;
	float: left;
	width:310px;
	font-size: 12px;
}

#TwoOfThree{	
	margin: 0;
	padding: 0;
	float: right;
	width: 300px;
	font-size: 12px;
	
}

#ThreeOfThree{
	margin: 0;
	padding: 0;
	float: right;
	width: 300px;
font-size: 12px;
}


.editorForm.input.gwt-TextBox{
	width: 200px;
}



/* @end */

.console{
	background:#000000;
	color:white;
	border:none;
	width:90%;
	margin: auto;
	font-family: monospace;
}

.stepBar{
	color:#B9CDE4;
	margin:57px -142px;
	background-color:#2152C6;
	border:none;
	color:#B9CDE4;
}

.stepBar .gwt-Label{
	padding-left: 10px;
	display: list-item;
	margin-left:30px;
	margin-right:30px;
	list-style-position:inside;;
}

.oldStep{
	color:white;
}
/*LOGIN*/

/*PARAM SEARCH*/

/*  Formularios*/

/* @group Tab Bar */


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px solid #e7e7e7;
	background-color: #fff;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border-bottom: none;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #303030; }
ul.tabbernav li a:visited { color: #303030; }

ul.tabbernav li a:hover
{
 color: #338fce;

}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 
 border-top:0;
	
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* @end */

.form{
	text-align: center;
	margin:auto;
}
.form td{
	text-align: left;
}


.gwt-TabPanel-adminPanel{
	width: 650px;
}

.gwt-TabPanel-adminPanel input{
	display:block;
	width:150px;
	margin:5px;
}
.gwt-TabPanel-adminPanel select{
	display:block;
	width:160px;
}

.comment .firm{
	font-size: small;
}


#graph select, #graph input, {
	display:none;
}

#graph div{
	display:none;
	visibility: hidden;
}

.comment .gwt-TextArea{
	margin:auto;
	width:450px;
}

.comment{
	width:100%;
}

.header{
	color:#000000;
	text-decoration: none;
	width:100%;
}


.processEditor .gwt-TabBarItem{
	width: 120px;
}

.pmenu button{
	display:block;
	width: 150px;
	margin:auto;
	text-align: center;
	margin-top: 2px;
}



#OneOfThree .gwt-Tree, #TwoOfThree .gwt-Tree {
	width: 370px;
	overflow-x:auto;
}

#ThreeOfThree select, #rightSide select{
	width: 215px;
	display: block;
}

#leftSide .gwt-Tree, #TwoOfThree .gwt-Tree {
	width: 370px;
	overflow-x:auto;
}

.CMMITree .gwt-TreeItem {
	padding-left: 20px;
}

.char0 {
	background: url(characterrization0.png) no-repeat 24px 4px;
}

.charGrey {
	background: url(characterrizationGrey.png) no-repeat 24px 4px;
}

.charRed {
	background: url(characterrizationRed.png) no-repeat 24px 4px;
}

.charYellow {
	background: url(characterrizationYellow.png) no-repeat 24px 4px;
}
.charOrange {
	background: url(characterrizationOrange.png) no-repeat 24px 4px;
}

.charGreen {
	background: url(characterrizationGreen.png) no-repeat 24px 4px;
}



.option{
	text-align: center;
}

.options .gwt-Button{
	display:block;
	margin: auto;
	width: 200px;
}

.menuTypeButton{
	width:200px;
}

.mini{
	padding-left: 20px;
}

.editorForm .gwt-TextArea, .editorForm .gwt-TextBox, .editorForm .gwt-RichTextArea, editorForm .gwt-RichTextToolbar{
	width: 500px;
	background-color: white;
}
.editorForm .gwt-Button{
	display: inline;
	width:220px;
}
.closeButton{
	float:right;
	position:relative;
	top:-23px;
}



.menuBtn{
	width: 110px;  
	height: 125px;
	color:#222;
	vertical-align: bottom;
	padding-top: 90px;
	font:bold 11px  "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	cursor: pointer;
	border:none;
	margin:10px;
	
}

.btnIng{
	background: url("ingenieria.gif");
	padding-top: 79px;

}
.btnMan{
	background: url("gestion.gif");
	padding-top: 65px;

}
.btnPro{
	background: url("proceso.gif");
	padding-top: 65px;

}
.btnTask{
	background: url("tareas.gif");

}
.btnWP{
	background: url("producto	.gif");
	padding-top: 79px;

}
.btnRole{
	background: url("roles.gif");
}

.gwt-SuggestBoxPopup {
	background-color: #3399ff;
	border: 0px solid blue;
	color: black;
}
.gwt-SuggestBoxPopup .item {
	background-color: white;
}
.gwt-SuggestBoxPopup .item-selected { 
	background-color: #3399ff;
	color:white;
}

.processDescription input{
	display: inline;
}

.popupForm input{
	width: 250px;
}

/* ------------ MatryoshkaExample ------------ */
.demo-MatryoshkaExample .dragdrop-boundary {
  background-color: #F8F8F8; /* light gray */
  border: 1px solid black;
}

.demo-MatryoshkaExample .demo-rgb-focus-panel .demo-rgb-focus-panel {
  margin: 10px;
}

.demo-MatryoshkaExample .demo-rgb-focus-panel {
  border: 1px solid white;
  min-width: 50px;
  min-height: 50px;
}

.demo-MatryoshkaExample .demo-MatryoshkaExample-dropTarget-engage {
  border: 1px solid black;
}
#leftSide .gwt-Tree {
	width: 440px;
	overflow-x:auto;
	font-size: 10px;
	background: #f6f6f6;
}
.gwt-Tree a{
	
	cursor: pointer;
	
}
.gwt-HTML h1 a{
	font-size: 16px;
	color: #222;
	
}
#center textarea.gwt-TextArea{
	
	height: 150px;
}


.editorForm .gwt-TextArea, .editorForm .gwt-TextBox, .editorForm .gwt-RichTextArea, editorform .gwt-RichTextToolbar{
	width: 360px;
	
	
}

/* @group tabs */

.gwt-TabBar{
	vertical-align:bottom;
	border-bottom: 5px solid #eef0f4;
	font-size: 12px;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	
}

.gwt-TabBarItem{
	background: #e5f0f3;
	width:50px;
	text-align: center;
	margin: 6px 1px 0 1px;
	height: 20px;
	padding: 10px 0 0 0;
	color: #878787;
	border: none;
	font-weight:bolder;
	cursor: pointer;
}
.gwt-TabBarItem-selected{
	background: #738d9a;
	color:#fff;
}


/* @end */