/* Serunión Abengoa - Menus */
html {
	scrollbar-base-color: #b5b5b5;  
	scrollbar-arrow-color: #3c3c3c;
	scrollbar-track-color: #3c3c3c;
	scrollbar-shadow-color: #3c3c3c;
	scrollbar-lightshadow-color: #3c3c3c; 
	scrollbar-darkshadow-color: #3c3c3c;
	scrollbar-highlight-color: #3c3c3c;
	scrollbar-3dlight-color: #3c3c3c;
 }
/*scroll bar for safari & chrome*/
 scrollbar{-moz-appearance: none !important;}
::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-track-piece {background-color: #b5b5b5;}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color: #3c3c3c;border: 1px solid white;-webkit-border-radius: 6px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height: 1px;display: block;background-color: #b5b5b5;}
::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:horizontal:end:increment {height: 1px;display: block;background-color: #b5b5b5;}

body {
	font-family: Verdana, Arial, Helvetica;
	font-size:11px;	
	color:#3c3c3c;
	background-color:#3c3c3c;
}
a {
	text-decoration:none;
}
img
{
	border:0px;
	}
.list{
    font-family:Verdana;   
	font-size:small;
}
.cmb{      		
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:98%;
} 
.cmbG{      		
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	background-color:#DCDCDC;
	width:98%;
}
.cmb25{      		
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:25%;
}
.cmb50{      		
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:50%;
} 
.TextBox{
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:95%;
	}
.TextBox75{
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:75%;	
	}
.TextBox50{
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:50%;	
	}
.TextBox25{
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:25%;
	}
.TextBox10{
	font-family:Verdana;   
	font-size:small;
	color:#3c3c3c;
	width:10%;
	}
.clear {
	height:0;
	font-size:0;
	clear:both;
}
.fopen{	
	width:20px;
	height:20px;
}
.fclose{	
	width:20px;
	height:20px;
}

.bGuardar{		
	width:30px;
	height:30px;		
}
.bInsertar{		
	width:57px;
	height:12px;		
}
/**************************************************************************************/
/* Maqueta principal                         										*/
/*************************************************************************************/
#contenido_home{
	/*width: 950px;*/
	width: 100%;
	margin: auto;
	height: 100%;
}
#contenido_interior	{
    width:100%;  
    float: left; 
    background-color: #dcdcdc;
}
#cabecera{
	width: 100%;	
	background-image:url(../img/bg.jpg) ;
	background-repeat:repeat-x;		
	background-color:#FFFFFF;
}
#menu{
	width: 100%;	
	background-color:#eeeeee;
}
#pie{
	width: 100%;	
	height:50px;	
	background:url(../img/bg_footer.jpg) repeat-x 0px 0 #fff;
	background-color:#FFFFFF;
	clear:both;
		      
    font-family: Arial;     
    font-size: 8pt; 
    color: #b5b5b5;     
    text-align:left;
    border:0;    
}
#contenido{	
	float: left;	
	height: 441px;	
	width: 100%; 
}
/**************************************************************************************/
/* Maqueta                         													 */
/*************************************************************************************/
#menu_op{
	   width: 5%; 
	   padding: 2px 2px 2px 2px;
}
#logo_iz{
	width: 160px;
	float:left;	
	vertical-align:bottom;
}
#logo_der{
	width: 160px;
	float: right;	
	vertical-align:bottom;
	text-align: right;	
}
#contenido-iz{
	float:left;
	width: 400px;
	height: 100%;
	margin-left: 100px;
	
}
#contenido-der{
	float:right;
	width: 400px;
	height: 100%;
	margin-right: 0px;
}
#titulo-iz{
	margin-top: 48px;
	height: 110px;	
}
#texto-iz{
	clear:left;
	margin-top: 25px;
	height: 150px;
	width: 457px;
}
#loginusu{
	background:url(../img/Bienvenida.PNG) center top no-repeat;
	clear:left;
	padding-top:195px;	
	height: 100%;	
}
.CabTitul
{
    width: 100%; 
    height: 22px; 
    font-weight: bold; 
    font-size: 8pt; 
    color: #3c3c3c; 
    font-family: Arial; 
    background-color: #b5b5b5; 
    text-align:left;
    border:0;
}

.espacio_lat{
	width:50px;     
    background-color: #dcdcdc;
     vertical-align:middle;
}
.Outputfield
{
	}
/**************************************************************************************/
/* Login                                                                              */
/**************************************************************************************/
.login fieldset {border:0}
.login p {margin-bottom:3px}
.login p.txt_rg { text-align: right; margin-right:49px}
.login .legend {display:none}
.login .text {float:left; width:231px; background: #eeeeee; margin:0; height:16px }
.login .clearfix label {float:left; font-weight:normal; width:103px; text-align: right; font-size:13px; margin-right: 15px; padding-top:5px}
.login .form_01 .clearfix .text {float:left; width:231px; background: #eeeeee; margin:0; height:16px }
/**************************************************************************************/
/* Interiores                                                                         */
/**************************************************************************************/
#contenido_interior .form_01 {}
#contenido_interior .form_01 fieldset { border:0; padding:26px 0 26px 0; margin:0; background:#cccccc }
#contenido_interior .form_01 legend {display:none}
#contenido_interior .form_01 p {margin-bottom: 8px}
#contenido_interior .form_01 .clearfix label {float:left; font-weight:normal; width:103px; text-align: right; font-size:13px; margin-right: 15px; padding-top:5px}
#contenido_interior .form_01 .clearfix .text {float:left; width:231px; background: #eeeeee; margin:0; height:16px }
#contenido_interior .form_01 .clearfix .text_small {width:88px; background: #eeeeee; margin:0; height:16px; padding: 5px;  }
#contenido_interior .form_01 .clearfix .text_small_02 {width:28px; background: #eeeeee; margin:0; height:16px; padding: 5px;  }
#contenido_interior .form_01 .column {width:362px; padding: 0 0 0 26px; margin:0}
#contenido_interior .form_01 .last {width:310px; padding: 0 0 0 26px; margin:0}
#contenido_interior .form_01 .seleccionar {margin:0}

.button {font-size:small; border:none; background-color:#960d32; color:White; font-weight:bold; }
#Sin_Info .SinInfo{background-color: #b5b5b5; color:#3c3c3c; text-align:center; font-weight:bold;}

#contenido_interior .inicio {height:510px; width:100%; margin-top:25px; text-align:center;}
#contenido_interior .onecolumn {height:510px; width:100%; margin-bottom:9px}
#contenido_interior .GRD {height:100%; width:100%;}
#contenido_interior .CEBE {height:100%; width:100%;}
#contenido_interior .FAC {height:100%; width:100%;}

#contenido_interior .MKT {height:100%; width:100%;}
#contenido_interior .MKT .TwoRow1 {width:100%; height: 15%; float:left; margin-right: 15px;}
#contenido_interior .MKT .TwoRow2 {width:100%; height: 80%; float:left; margin-right: 15px;}
#contenido_interior .MKT .TwoRow3 {width:100%; height: 5%; float:left; margin-right: 15px;}
#contenido_interior .MKT .TwoRow2 .TwoCol1 {width: 25%; float:left;} 
#contenido_interior .MKT .TwoRow2 .TwoCol2 {width: 75%; float:right;}
#contenido_interior .MKT .TwoRow2 .TwoCol2 .MKTInt {width:100%;}

#contenido_interior .CAJ {height:100%; width:100%;}
#contenido_interior .INV {height:100%; width:100%;}
#contenido_interior .CONT {height:100%; width:100%;}
#contenido_interior .HOJA {height:100%; width:100%;}
#contenido_interior .PETINF {height:100%; width:100%;}			  
#contenido_interior .WF_INVOICE {height:100%; width:100%;}

#contenido_interior .MSGBOX {height:100%; width:100%; visibility: hidden;}								   

#contenido_interior .JER_TREE {height:100%; width:100%; margin-top:5px; border-color: #960d32; border-bottom-style: solid; border-width: 1px;}								   
#contenido_interior .JER_GUARDAR {height:100%; width:100%; border-color: #3c3c3c; border-top-style: solid; border-width: 1px;}								   
									  			 		  



/**************************************************************************************/
/* Div Redondos                                                                         */
/**************************************************************************************/
.DivRed {width: 100%; text-align: center;}
.DivRed .button {font-size:small; border:none; background-color:#960d32; color:White; font-weight:bold; }
.DivRed .red{display:block}
.DivRed .red *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#960d32}
.DivRed .red1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #960d32;  border-right:1px solid #960d32;  background:#960d32}
.DivRed .red2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #960d32;  border-right:1px solid #960d32;  background:#960d32}
.DivRed .red3{ margin-left:1px; margin-right:1px; border-left:1px solid #960d32; border-right:1px solid #960d32;}
.DivRed .red4{ border-left:1px solid #960d32;  border-right:1px solid #960d32}
.DivRed .red5{ border-left:1px solid #960d32;  border-right:1px solid #960d32}
.DivRed .redfg{ background:#960d32}
.DivRed a{ font-weight:bold; color:#fff}

.DivRed1 {width: 100%; text-align: center;}
.DivRed1 .button {font-size:small; border:none; background-color:#b5b5b5; color:White; font-weight:bold; }
.DivRed1 .red{display:block}
.DivRed1 .red *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#b5b5b5}
.DivRed1 .red1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #b5b5b5;  border-right:1px solid #b5b5b5;  background:#b5b5b5}
.DivRed1 .red2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #b5b5b5;  border-right:1px solid #b5b5b5;  background:#b5b5b5}
.DivRed1 .red3{ margin-left:1px; margin-right:1px; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5;}
.DivRed1 .red4{ border-left:1px solid #b5b5b5;  border-right:1px solid #b5b5b5}
.DivRed1 .red5{ border-left:1px solid #b5b5b5;  border-right:1px solid #b5b5b5}
.DivRed1 .redfg{ background:#b5b5b5}
.DivRed1 a{ font-weight:bold; color:#3c3c3c}

/**************************************************************************************/
/* Span de Responsables                												  */
/**************************************************************************************/
a.respon{ position: relative; z-index: 24; background-color: #ccc; color: #000;text-decoration: none;}
a.respon:hover{ z-index: 0; background-color: #960d32;}
a.respon span{display: none;}
a.respon:hover span{display: block;position:absolute;top: 0em;left: -300px;text-align: center;float:right} 
/**************************************************************************************/
/* Span de Inicial                    												  */
/**************************************************************************************/
.menu li { list-style-type: none;	float: left; font-weight:bold;}
.menu li a {text-decoration: none; color: #fff; display: block; position: relative;}
.menu li a:hover {color: #000;}
.menu ul li ul {display: none; position: absolute; background: #3c3c3c}
.menu ul li:hover ul {display: block;}
.menu ul li ul li {display: block; position: relative; padding: 0 1px; float: none; line-height: 20px; font-weight:bold;}
.menu ul li ul li a{color: #fff;}
.menu ul li ul li a:hover {color: #960d32;}

#msgbox {font-family: Verdana, Arial, Helvetica; background-color:#DCDCDC;}
#msgbox .MsgBoxImagen{height:50px; width:50px;}
#msgbox .MsgBoxTitulo{ height:100%; width:100%; font-size:14px; font-weight:bold; color: #960d32;}
#msgbox .MsgBoxMensaje{ height:100%; width:100%; font-size:11px;}

#msgbox .Button
{	
	color: white;
	font-size:11px;
	font-weight:bold;	
	font-style:normal;
	font-family: Verdana, Arial, Helvetica; 
	border-right: #960d32 thin solid;
	border-top: #960d32 thin solid;
	border-left: #960d32 thin solid;
	border-bottom: #960d32 thin solid;	
	width:100%;		
	height:100%;	
	cursor: pointer;
	background-color: #960d32;		
}
#burblemap{
	font-family: Verdana, sans-serif;	
	font-size:11px;
	line-height: 14px;
	font-weight: normal;		
	background-color:#FFF;
	text-align:left
	}
h1.burbleHeading ,h1#burbleHeading {
	font-family: Verdana, sans-serif;
	font-size:12pt;
	line-height: 8px;
	font-weight: normal;		
	margin:0px;
	text-align:left
}
#burbleContent	{
	font-family: Verdana, sans-serif;	
	font-size:9px;	
	font-weight: normal;		
	background-color:#FFF;
	text-decoration:none;
	margin:0px;
	text-align:left
}