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


/**
 * BASE STYLES
 */
html,body {
	height: 100% !important;
}

body {
    font: normal normal normal 10pt/14pt Lato, Arial, Helvetica, sans-serif;
	margin:0px;
    /*background: none repeat scroll 0 0 #F8F8F8;*/
	background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/bg_texture_login.png") repeat #F8F8F8;
}
/** {list-style:none;}*/



/**
 * ZONAS COMMON CSUITE
 */


#zona_cabecera{
    display: table;
    position: fixed;
    width: 100%;
	z-index: 1000;
	top: 0;
}



	a.version:link, a.version:visited, a.version:hover   {
		font-size:11px;
		color: #FFF;
		text-decoration: none;
		font-weight:bold;
	}
	
	.botones_cab{
		margin-right: 1px;
		cursor: pointer;
	}

#zona_home {
    display: block;
    width: 100%;
}

#zona_home_options {
    display: table;
    width: 100%;
}

#zona_separator
{
	display: table;
	margin:0 auto;
}
	#zona_separator .zona_separator_wrap
	{
		border-bottom: 1px solid #FFFFFF;
		border-top: 1px solid #E1E1E1;
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 920px;
	}
	#zona_separator .shadow_up
	{
		width:970px;
		height:30px;
		margin-top:50px;
		background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/bgseparator_grey_shadowup.jpg") no-repeat;
		
		
	}
		



/**
 * common base styles
 */


.cabecera-flotante {
	background: none repeat scroll 0 0 #AFD1EA !important;
	height: 29px;
	margin: 9px 0 10px 12px;
	width: 615px;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.flotante-txt {margin:0px; padding:6px 0px 0px 10px;font-weight: bold;color: #000 !important;}


nav > ul {
    padding: 0;
}

/**
 * Text Styles
 */

a {
    color: #333333;
    outline: none;
    text-decoration: none;
    font-size: 1em;
	transition: all 0.15s ease 0s;
}
a:hover {
	color: #0099cc;
	text-decoration: underline;
}
a.aria-label:hover:before, span.aria-label:hover:before {
    background: none repeat scroll 0 0 #333;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    content: attr(aria-label);
    display: block;
    left: 0;
    margin-top: 33px;
    padding: 5px 10px;
    position: absolute;
    width: 90%;
    z-index: 10;
 }
a.aria-label:hover:after, span.aria-label:hover:after {
   content: "";
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border: solid 10px transparent;
  border-bottom-color: #333;
  top: -12px;
  left: 10%;
  margin-left: -10px;
  z-index: 11;
}

abbr, acronym {
    font-size: 85%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted black;
    cursor: help;
}

abbr[title], acronym[title], dfn[title] {
    border-bottom: 1px dotted #CCC;
    cursor: help;
}

code, kbd, samp, pre, tt, var, .code {
    font-family: Monaco, 'Panic Sans', 'Lucida Console', 'Courier New', Courier, monospace, sans-serif;
}

h1 {
    font-size:20px;  
}
h2 {
    font-size:18px; 
}
h3 {
    font-size:14px;  
}
h4 {
    font-size: 13px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 11px;
}
h1,h2,h3,h4,h5,h6,p {
    margin:1em 0;
}
h1,h2,h3 {
    color: #333333;
	margin-top: 2em;
	
}
h4,h5, h6 {
    color: #3D3D3D;
    font-weight: normal;
}
p {
    color: #676767;
	font-size: 12px;
    line-height: 20px;
}
h1,h2,h3,b,strong,caption,th,thead,dt,legend{
    font-weight:bold; 
}

ul, ol {
	margin:0px;
	padding:0px;
   /* padding-left: 2em;*/
}

li ul, li ol, ul ul, ol ol, dl dd {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

li label {margin-right: 8px;width: 170px;clear:none !important;margin-top:5px !important;}

small, sup, sub {
    font-size: 90%;
}

.code {
    background-color: #EAEFF4;
    color: #069;
    overflow: auto;
    padding: 2px 6px;
}

.vat {
	vertical-align:top !important;
}
.vam {
	vertical-align:middle !important;
}
.vab {
	vertical-align:bottom !important;
}
.al {
    text-align: left !important;
}
.ar {
    text-align: right !important;
}
.ac {
    text-align: center !important;
}
.mac {
    magin: 0 auto !important;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.fn {
    float: none !important;
}
.b {
	font-weight:bold;
}

.block { display:block;}

.leading {
    margin-top: 10px !important;
}
.h10{	
	height:10px!important;
}
.h20{	
	height:20px!important;
}
.h25{   
    height:25px!important;
}
.h30{   
    height:30px!important;
}
.h40{   
    height:40px!important;
}
.h50{	
	height:50px!important;
}
.h100{	
	height:100px!important;
}
.h150{	
	height:150px!important;
}
.h200{	
	height:200px!important;
}
.h250{	
	height:250px!important;
}
.h300{  
    height:300px!important;
}
.w_auto {
	width:auto!important;
}
.w20{	
	width:20px!important;
}
.w25{	
	width:25px!important;
}
.w30{	
	width:30px!important;
}
.w40{	
	width:40px!important;
}
.w50{	
	width:50px!important;
}
.w60{	
	width:60px!important;
}
.w70{	
	width:70px!important;
}
.w80{	
	width:80px!important;
}
.w90{	
	width:90px!important;
}
.w100{	
	width:100px!important;
}
.w120{	
	width:120px!important;
}
.w125{	
	width:125px!important;
}
.w140{	
	width:140px!important;
}
.w150{	
	width:150px!important;
}
.w200{	
	width:200px!important;
}
.w250{	
	width:250px!important;
}
.w300{	
	width:300px!important;
}
.w400{	
	width:400px!important;
}
.w500{	
	width:500px!important;
}
.w600{	
	width:600px!important;
}
.w700{	
	width:700px!important;
}
.w800{	
	width:800px!important;
}
.w900{	
	width:900px!important;
}
.w1000{	
	width:1000px!important;
}
.w5p{	
	width:5%!important;
}
.w10p{	
	width:10%!important;
}
.w15p{	
	width:15%!important;
}
.w20p{	
	width:20%!important;
}
.w25p{	
	width:25%!important;
}
.w30p{	
	width:30%!important;
}
.w33p{	
	width:33%!important;
}
.w34p{	
	width:34%!important;
}
.w40p{	
	width:40%!important;
}
.w50p{	
	width:50%!important;
}
.w60p{	
	width:60%!important;
}
.w75p{	
	width:75%!important;
}
.w80p{	
	width:80%!important;
}
.w90p{	
	width:90%!important;
}
.w95p{  
    width:95%!important;
}
.w99p{  
    width:99%!important;
}
.w100p{	
	width:100%!important;
}
.nowrap, td.nowrap {
	white-space: nowrap;
 	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.no-border {
    border: none !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    resize: none;
}

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

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

.ib {
	display:inline-block;
}

.cursorpointer { cursor:pointer; }

.m0{
	margin-left:0px!important;
	margin-right:0px!important;
}
.m4{
    margin-left:4px!important;
    margin-right:4px!important;
}
.m5{
	margin-left:5px!important;
	margin-right:5px!important;
}
.m8{
    margin-left:8px!important;
    margin-right:8px!important;
}
.m10{
	margin-left:10px!important;
	margin-right:10px!important;
}
.m20{
	margin-left:20px!important;
	margin-right:20px!important;
}
.ml10 {
    margin-left:10px!important;  
}
.ml20 {
    margin-left:20px!important;  
}



.p0{
	padding-left:0px!important;
	padding-right:0px!important;
}
.p5{
	padding-left:5px!important;
	padding-right:5px!important;
}
.p10{
	padding-left:10px!important;
	padding-right:10px!important;
}
.p20{
	padding-left:20px!important;
	padding-right:20px!important;
}

.mt0, tr.mt0 td{
    margin-top:0px!important;
}
.mt5, tr.mt5 td{
    margin-top:5px!important;
}
.mt10, tr.mt10 td{
    margin-top:10px!important;
}
.mt15, tr.mt15 td{
    margin-top:15px!important;
}
.mt20, tr.mt20 td{
    margin-top:20px!important;
}
.mt25, tr.mt25 td{
    margin-top:25px!important;
}
.mt40, tr.mt40 td{
    margin-top:40px!important;
}
.mt50, tr.mt50 td{
    margin-top:50px!important;
}
.mt60, tr.mt60 td{
    margin-top:60px!important;
}

.mb0, tr.mb0 td{
    margin-bottom:0px!important;
}
.mb10, tr.mb10 td{
    margin-bottom:10px!important;
}
.mb20, tr.mb20 td{
    margin-bottom:20px!important;
}
.mb50, tr.mb50 td{
    margin-bottom:50px!important;
}

.pt0, tr.pt0 td{
    padding-top:0px!important;
}
.pt5, tr.pt5 td{
	padding-top:5px!important;
}
.pt10, tr.pt10 td{
	padding-top:10px!important;
}
.pt15, tr.pt15 td{
    padding-top:15px!important;
}
.pt20, tr.pt20 td{
	padding-top:20px!important;
}
.pt25, tr.pt25 td{
    padding-top:25px!important;
}
.pt40, tr.pt40 td{
    padding-top:40px!important;
}
.pt50, tr.pt50 td{
    padding-top:50px!important;
}
.pt60, tr.pt60 td{
    padding-top:60px!important;
}

.pb0, tr.pb0 td{
    padding-bottom:0px!important;
}
.pb5, tr.pb5 td{
    padding-bottom:5px!important;
}
.pb10, tr.pb10 td{
	padding-bottom:10px!important;
}
.pb20, tr.pb20 td{
	padding-bottom:20px!important;
}
.pl10 {
    padding-left:10px!important;  
}
.pl20 {
    padding-left:20px!important;  
}
.pl30 {
    padding-left:30px!important;  
}
.pl40 {
    padding-left:40px!important;  
}


.caret:before {
	content: "▾";
    font-size: inherit;
    margin-left: 2px;
    text-decoration: none !important;
}
.caret:hover {
    text-decoration: none !important;
}

/* sangrado a la izquierda, levelX*/
.chevron_lvl0{ 
}
.chevron_lvl1{ 
  	padding-left:30px!important;
}
.chevron_lvl2{ 
  	padding-left:60px!important;
}
.chevron_lvl3{ 
  	padding-left:90px!important;
}
.chevron_lvl4{ 
  	padding-left:120px!important;
}
.chevron_lvl5{ 
  	padding-left:150px!important;
}
.chevron_lvl6{ 
  	padding-left:180px!important;
}
.chevron_lvl7{ 
  	padding-left:210px!important;
}
.chevron_lvl8{ 
  	padding-left:240px!important;
}

ul.bullet, li.bullet{
	background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right2.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    line-height: 20px;
    padding-left: 12px !important;
}

.bggrey {background-color:#f8f8f8 !important; }
.bggrey_normal {background-color:#dadada !important;}
.bggrey_dark {background-color:#333333 !important;  }
.bgwhite {background-color:#FFFFFF !important;  }
.bgblack {background-color:#000000 !important;  }
.bgwhiteblue {background-color: #e5eaee !important;}
.bgblue {background-color: #4052ad !important;}
.bggreen {background-color: #a6d937 !important;}
.bglightgreen {background-color: #e7f7c5 !important;}
.bgyellow {background-color: #f8df6a !important;}
.bgred {background-color: #cc0000 !important;}
.bglightblue {background-color: #00b0ec !important;}
.bgwhiteblue {background-color: #e5eaee !important;}

.black {color:#333333; }
.blue {color:#008BCE;}
.white{color:#fff;}
.darkblue{color: #234C90;}
.border-red{color:#d64844}
.green{color:#a6d937;}
.orange{color:#ffc000;}
.red{color:#d64844;}
.lightgrey{color:#ccc;}
.midgrey{color:#999;}
.grey{color:  #333;}
.darkgrey{color:#666;  }
.nocolor{color:  rgba(0, 0, 0, 0);}



img{vertical-align:text-bottom;border: 0 none;
 }

table {
    width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
}

/**
 * Login
 */
body.login {
    height:0;
    overflow: hidden;
}
.login-box {
    margin: 0 auto !important;
    margin-top: -110px !important;
    margin-left: -300px !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    width:600px;
    z-index: 9999 !important;
}
.login-box form {
    margin:10px 0;
}
.login-box input[type=text], .login-box input[type=password] {
    width: 215px;
}
.login-box.main-content {
    min-height: 0;
}

/**
 * Header ZONA_CABECERA
 */

.login-header {position:relative; width: 100% !important; background-color: #000; color: #000; font-weight: bold;text-align: right; height: 78px;background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/background.png") repeat-x #F8F8F8 !important;} 

.options-username { height: 20px;padding-top: 5px;text-align: right;width:auto; position: absolute; top:10px; right: 40px;} 
.options-username-arrow {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-arrow-down.png") no-repeat scroll 2px 2px #FFF;cursor: pointer;height: 20px;padding: 2px;width: 18px;position: absolute;right: -26px;top: 2px;}
.options-username-arrow:hover {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-arrow-down-on.png") no-repeat scroll 2px 2px #FFF;}
.options-username-arrow-on {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-arrow-down-on.png") no-repeat scroll 2px 2px #FFF;border-top: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE;border-right: 1px solid #BEBEBE;cursor: pointer;height: 20px;padding: 2px;width: 18px;position: absolute;right: -27px;top: 1px;}
.options-username-on {cursor: pointer;height: 20px;padding-top: 5px;text-align: right;width: 250px; position: absolute; top:10px; right: 60px;}
.options-login {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-edit-off.png") no-repeat scroll 2px 2px transparent;cursor: pointer;height: 20px;padding: 2px;width: 18px;position: absolute;right: 11px;top: 12px;} 
.options-login:hover {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-edit-on.png") no-repeat scroll 2px 2px transparent;}
.options-login-on {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-edit-on.png") no-repeat scroll 2px 2px #e8e8e8;border-top: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE;border-right: 1px solid #BEBEBE;cursor: pointer;height: 20px;padding: 2px;width: 18px;position: absolute;right: 10px;top: 11px;}


.login-header .combo {display:none; padding-bottom:10px; position:absolute;background:#FFF;border: 1px solid #BEBEBE;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);right:10px; top: 34px;line-height: 21px;text-align: left;z-index: 999;padding-right: 0;}
.login-header .combo > ul {
    margin: 0;
    padding: 10px 8px 4px;
}
.login-header .combo li {margin: 0;padding: 0 24px 0 0;}
.login-header .combo li.c-title {font-weight:bold;font-size:11px;}
.login-header .combo li.c-normal {padding-left: 6px;font-weight:normal;}

/**
 * MENU & LOGO
 */
#zona_logo, #container-logo{height: 45px;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 271px;}
#zona_menu, #container-menu{
	background-color: #333333;
    height: 28px;
    position: absolute;
    top: 42px;
    width: 100%;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.35);
		   -moz-box-shadow:0 1px 3px rgba(0,0,0,0.35);
				box-shadow:0 1px 3px rgba(0,0,0,0.35);
	}
#menu-navigation{ 
    height: 24px;
    list-style: none outside none;
    position: absolute;
	padding:0px 0px 0px 7px;
}
#menu-navigation li{
	float: left;
	height: 16px;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: relative;
    z-index: 30;
    height: auto;
    padding: 6px 16px;
	-moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;
}
#menu-navigation li:hover{
	/*background-color:#F8F8F8;*/
	/*border-left: 4px solid #006699;*/
}

#menu-navigation li li{
	padding-left: 12px;
}

#menu-navigation li  a{
	color: #FFF;
	text-shadow: 0 -1px 0 #333;
    font-size: 12px;
    font-weight: bold;
	transition:0s;
}
#menu-navigation li  a:hover{
	text-decoration:none;
}

#menu-navigation li:hover > a{
	color: #333;
	text-shadow: 0 -1px 0 #fff;
    
}

#menu-navigation ul {
   background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	border-left: 1px solid #FFFFFF;
	-moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    /*display: none;*/
	visibility:hidden;
    left: -2px !important;
    line-height: 16px;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    opacity: 0.98;
    padding: 4px 0 10px;
    position: absolute;
    text-align: left;
    top: 27px !important;
	min-width: 220px;
    z-index: 40;
    box-sizing: border-box;
}
#menu-navigation .submenu-navigation{
	
    /*text-shadow: 0 -1px 0 #F9F9F9;*/
	border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: default;
	height: 28px;
}
#menu-navigation .submenu-navigation li{
	float: inherit;
	color:#333;
	font-size:12px;
	-moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 0px 0px;
}
#menu-navigation .submenu-navigation li a{
	color:#333;
	text-shadow: 0 -1px 0 #fff;
}
#menu-navigation .submenu-navigation:hover{
    background: none repeat scroll 0 0 #FFF;
	
	/*border: 1px solid #BEBEBE;*/
    /*cursor: pointer;*/
	/*border-radius: 5px 5px 5px 5px;*/
}
#menu-navigation .submenu-navigation li:hover > a {
	color:#0099CC; 
	}
#menu-navigation li ul {
	/* height: 500px; */
	max-height:500px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu-navigation li.submenu-navigation:hover > ul {
	display: block;
	visibility:visible;
}

#menu-navigation .submenu-icon{
	/*background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right.png");*/
    background-repeat: no-repeat;
	background-position: 6px 6px;
	color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
#menu-navigation .submenu-icon:hover{
	/*background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-down.png");*/
    background-repeat: no-repeat;
	background-position: 4px 9px;
	color:#000000;
}

.opciones-submenu {
    background: none repeat scroll 0 0 #FFFFFF;
    line-height: 27px;
    z-index: 999;
}
#menu-navigation .submenu2-navigation ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 0px none;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	-moz-border-radius:0px 0px 4px 0px; -webkit-border-radius:0px 0px 4px 0px; border-radius:0px 0px 4px 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    /*display: none;*/
	visibility:hidden;
    left: 217px !important;
    line-height: 16px;
    list-style-position: outside;
    list-style-type: none;
    margin: -4px 0 0;
    opacity: 1.0;
    padding: 4px 0 10px;
    position: absolute;
    text-align: left;
    top: 0px !important;
    z-index: 50;
	width: 400px;
}
#menu-navigation .submenu2-navigation{
	
    text-shadow: 0 -1px 0 #F9F9F9;
	/*border-left: 4px solid transparent;*/
    cursor: pointer;
}
#menu-navigation .submenu2-navigation li{
	float: inherit;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
#menu-navigation .submenu2-navigation:hover{
    /*background: none repeat scroll 0 0 #e8e8e8; */
	/*border-left: 4px solid #006699;*/
    cursor: default;
	
}
#menu-navigation .submenu2-navigation li:hover >  ul {
    display: block;
	visibility:visible;
}

#menu-navigation .submenu2-navigation.submenu2-bottom {
    position:absolute;
    bottom:0;
    width:100%;
}

#menu-navigation .submenu2-navigation .submenu2-desc {
    color: #999999;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 3px;
    overflow: visible;
    white-space: normal;
    width: auto;
	min-height: 14px;
}
#menu-navigation .submenu2-navigation .submenu3-desc {
	height: auto;
	overflow: visible;
}

#menu-navigation .submenu2-icon{
	background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right.png");
    background-repeat: no-repeat;
	background-position: 204px 10px;
    font-weight: bold;
}
#menu-navigation .submenu2-icon:hover{
	background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right2.png");
    background-repeat: no-repeat;
	background-position: 204px 10px;
}

#menu-navigation li.submenu3-title {
	font-size: 1.4em;
	height: 28px;
	color:#0099CC;
	font-weight:bold;
}
#menu-navigation li.submenu3-last {
	float: left;
	width:100%;
	color: #999999;
    font-size: 0.9em;
    font-weight: normal;
}


#zona_cabecera .title,#zona_cabecera .text-options { 
	font-size: 11px;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}



.gb {font-weight: normal;}

.admin-button {color: #333;outline: medium none;text-decoration: none !important;display:block;}

.step-title{font-size:18px; font-weight:bold; color:#fff;}

		
		
		
		
		



/***************************************************************************
 * ZONA TITULO
 **************************************************************************/
 #zona_titulo{
	display: table;
    min-height: 35px;
	width: 100%;
 }
 #zona_titulo #titulo, #zona_titulo #title_page {
	font-size: 18pt;
	line-height: 18pt;
    padding-left: 8px;
    padding-top: 8px;
	margin-left: 10px;
	min-height: 28px;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform:uppercase;
	}
 
	 /***************************************************************************
	 * ZONA OPCIONES TITULO, ZONA_SEARCH
	 **************************************************************************/
	#zona_titulo #zona_opciones_titulo, #zona_titulo #zona_search{
		position:absolute;
		right:10px;
	 }
		#zona_titulo #zona_opciones_titulo input.search {background-repeat: no-repeat;
			-moz-box-sizing: inherit;
			box-sizing: border-box;
			color: #838383;
			height: 34px;
			width: 250px;
			padding:4px 6px !important
		}
		#zona_titulo #zona_opciones_titulo input.search:focus {border:#0099CC solid 1px;}
		
		
		.headeroption-container{  /*usada en como desplegable de opciones*/
			display: block;
			position: relative;
			text-align: right;
			top: -30px;
			width: auto;
		}

	/***************************************************************************
	 * ZONA OPCIONES FILTROS
	 **************************************************************************/
	#zona_titulo #zona_opciones_filtros{
		background: none repeat scroll 0 0 #E6EEEE;
		border: 1px solid #E1E1E1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		margin: 0 10px 2px;
		display:none;
	 }
		 #zona_titulo #zona_opciones_filtros #opciones_filtros{
			display: table;
    		min-height: 40px;
		 }
		 #zona_titulo #zona_opciones_filtros #opciones_filtros > ul {
			padding-left: 0;
		}
		 
		 #zona_titulo #zona_opciones_filtros #opciones_filtros li {
			float: left;
			height: 26px;
			margin-left: 0;
			padding-left: 0;
			padding-right: 24px;
			margin-top: 2px;
		 }
		 #zona_titulo #zona_opciones_filtros #opciones_filtros label {
			 text-align: left !important;
   			 width: auto;
			 margin-top: 0px !important;
		 }
		 #zona_titulo #zona_opciones_filtros #opciones_filtros select {
   			 width: auto;
		 }
		 
		
 

 
/***************************************************************************
 * ZONA MAIN
 **************************************************************************/
 
#wrap{padding-bottom:0px;}
#main{
	display: table;
    margin-top: 80px!important;
    padding-bottom: 0;
    width: 100%;
	}




/***************************************************************************
 * ZONA CONTENIDOS
 **************************************************************************/
 
#zona_contenidos{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 10px 0px;
    min-height: 420px;
	display:block;
	color:#333333;
	
}

	


	

/* SUBsecciones zona contenidos */
 
#zona_contenidos #zona_descripcion, #zona_contenidos #title_content {
	text-align: left;
    font-size: 16px;
    margin-bottom: 8px;
    padding-left: 10px;
    padding-top: 12px;
}
#zona_contenidos #zona_botones, #zona_contenidos #buttons{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px dotted #CCC;
    display: table;
    height: 25px;
    padding-left: 8px;
    padding-right: 6px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
	padding-bottom: 2px;
}



 
	 /***************************************************************************
	 * ZONA CONTENIDO OPCIONES
	 **************************************************************************/
	#zona_contenido_opciones  {
		position:relative;
		width:100%;
		height: 40px;
		display: table;
		background-color: #FAFAFA;
   		border-bottom: 1px dotted #ccc;
		margin-bottom: 8px;
	 }
	 
	#zona_opciones_buscador_container {
		width:100%;
		display:block;
		height: 38px;
		float:left;
		
	} 
	#zona_contenido_opciones #zona_opciones_buscador {
		padding-top: 2px;
		position: absolute;
		right: 2px;
		width: auto;
	}
	#zona_contenido_opciones #zona_opciones_buscador a {
		vertical-align: top;
	}
	
		#zona_contenido_opciones #zona_opciones_buscador input.search {background-repeat: no-repeat;
			-moz-box-sizing: inherit;
			box-sizing: border-box;
			background-repeat: no-repeat;
			color: #838383;
			height: 34px;
			margin-right: 0 !important;
			padding-bottom: 4px !important;
			padding-left: 6px !important;
			padding-right: 0;
			padding-top: 4px !important;
			width: 250px;
		}
		#zona_contenido_opciones #zona_opciones_buscador input.search:focus {border:#0099CC solid 1px;}
		
		
		

	/***************************************************************************
	 * ZONA CONTENIDO OPCIONES FILTROS
	 **************************************************************************/
	#zona_contenido_opciones #zona_opciones_filtros{
		padding-bottom: 10px;
		display:none;
		float:left;
		width: 100%;
	 }
		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros{
			display: table;
    		min-height: 40px;
			width: 100%;
		 } 
		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros > ul {
			margin: 0;
   			padding:0;
		}
		 
		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros li {
			float: none;
			height: auto;
			margin-left: 8px;
			margin-right: 8px;
			padding: 0;
			font-size: 11px;
		 }
		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros li.op-title {border-bottom: 1px dotted #ccc;font-weight:bold;font-size:12px;}
 		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros li.op-normal {display: table;padding: 5px 0 5px 10px;font-weight:normal;}
		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros li.op-button {padding: 15px 0 5px;text-align: center;}
		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros label {
			 text-align: right;
   			 width: 340px;
			 margin-top: 0px !important;
			 color: #333333;
			 display: inline-block;
		 }
		 #zona_contenido_opciones #zona_opciones_filtros #opciones_filtros select {
   			 width: 500px;
		 }

	/***************************************************************************
	 * ZONA principal_navegacion
	 **************************************************************************/
		#principal_navegacion .ap_stepscontainer {
			background-color: #F8F8F8;
			border-bottom: 1px solid #BEBEBE;
			padding-left: 6px;
			padding-right: 10px;
			padding-top: 30px;
		}
		
		#principal_navegacion .ap_steps {
			height: 31px;
			margin: 0 auto;
			vertical-align: middle;
			
		}
		
		#principal_navegacion .ap_steps li {
			float:left;
		}
		
		
		#principal_navegacion .ap_steps a {
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			
			background-image: -webkit-gradient(linear, top,  bottom, from(#CEDBDB), to(#E6EEEE));
				 background-image: -webkit-linear-gradient(top, #CEDBDB, #E6EEEE);
				 background-image:    -moz-linear-gradient(top, #CEDBDB, #E6EEEE);
				 background-image:      -o-linear-gradient(top, #CEDBDB, #E6EEEE);
				 background-image:         linear-gradient(to bottom, #CEDBDB, #E6EEEE);
			border-color: #BEBEBE #BEBEBE #E6EEEE;
			border-image: none;
			-moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;
			border-style: solid;
			border-width: 1px;
			color:#333333;
			display: block;
			font-size: 10px;
			font-weight:bold;
			height: 29px;
			line-height: 30px;
			margin-left: 3px;
			margin-right: 3px;
			max-width: 120px;
			overflow: hidden;
			padding-left: 6px;
			padding-right: 6px;
			text-align: center;
			width: auto;
		}
		#principal_navegacion .ap_steps a:hover {
			border-bottom: 2px solid #fff;
			background: #FFFFFF;
		}
		#principal_navegacion .ap_steps a.active {
			border-bottom: 2px solid #fff;
			border-top: 2px solid #0099CC;
			line-height: 29px;
			background: #FFFFFF;
			color:#006699;
			
		}
		
	




	/***************************************************************************
	 * ZONA PRINCIPAL CONTENIDOS 
	 **************************************************************************/
		#principal_contenidos.margen10 {
			margin-left:10px;
			margin-right:10px;
			margin-top:20px;
			margin-bottom:20px;
			
		}
		#principal_contenidos.margen20 {
			margin-left:20px;
			margin-right:20px;
			margin-top:40px;
			margin-bottom:40px;
			
		}
		
		/* principal_paginacion */
		#principal_contenidos #principal_paginacion {
			display: table;
			width:100%;
		}
		
			/* principal_paginacion_left */
			#principal_contenidos #principal_paginacion #principal_paginacion_left {
				float: left;
				text-align: left;
				width: 50%;
			}
			
			/* principal_paginacion_right */
			#principal_contenidos #principal_paginacion #principal_paginacion_right {
				float: left;
				text-align: right;
				width: 50%;
			}
			
			#principal_contenidos #principal_paginacion .pagedisplay { width: 40px;height:20px; }
			
			#principal_contenidos #principal_paginacion .paginacion{
					margin: 10px;
					width: 260px;
			}















/* CLASES GENERALES ZONA_CONTENIDOS*/
/*-------------------------------------------*/

/* clase para mensajes */
#zona_contenidos.alertbox {
	font-size: 14px;
    min-height: 300px;
    text-align: center;
}




/* columnas para los contenidos */
#columns_container {
	width:100%;
	display: table;
}

#columns_element {
	float: left;
	
}

#columns_element.first_column {
	
}

#columns_element.second_column {
	
}






/***************************************************************************
 * ZONA PRINCIPAL BOTONES PIE
 **************************************************************************/
#zona_principal_botones_pie {
		width:100%;
	
}









/***************************************************************************
 * ZONA BOTONES FINAL
 **************************************************************************/
#zona_botones_final{
	display: block;
    height: auto;
    margin: 10px auto;
    padding-right: 6px;
    text-align: center;
}




/***************************************************************************
 * ZONA FOOTER
 **************************************************************************/
body > footer {
    padding-bottom: 20px;
}
    #footer-inner, #footer-inner a {
        color: #fff;
        font-size: 10px;
    }

    #footer-inner a {
        text-decoration: underline;
}

#footer{ width:100%;padding: 40px 0 0;clear:both;position: relative; color:#b8b8b8;}
#header-footer{width:95%px;padding-top:28px; margin:0px auto;}
.footer-item{float:right; color:#3a3a3a;}
















/***************************************************************************
*
*   ELEMENTS
*
***************************************************************************/



/* button */
a.app_button, label.app_button{
	background-color: #fbfafb;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.10));
    background-repeat: repeat-x;
    border-color: #ccc;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: #ffffff;
    text-shadow: 0 1px 0 #000, 0 0 0 rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-size: 10px;
    padding: 2px;
	padding-left:4px;
	padding-right:4px;
    text-align: center;
	text-decoration:none;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	display:inline-block;
	cursor: pointer;
	margin-left: 1px;
	margin-right: 1px;
	font-weight:bold;
	text-shadow: 0 1px 0 #FFFFFF, 0 0 0 rgba(255, 255, 255, 0);
	white-space: nowrap;
}
	label.app_button{
                width:auto !important;
	}

a.app_button:hover{ 
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    color: #0099CC;
}
a.app_button img{
	vertical-align:middle;
}
a.app_button.big{
	font-size: 12px;	
	height: 34px;
    padding-top: 4px;
	margin-bottom: 4px;
}

a.app_button.verybig{
	font-size: 16px;
	height: 35px;
    padding-top: 8px;
	padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 4px;
}
	a.app_button.verybig img{
		top:2px;
		position:relative;
	}


a.app_button.search{
    border-color: #ADADAD;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-left: -10px;
    vertical-align: top;
    width: 64px;
    z-index: 10;
    height:34px;
}
	a.app_button.big > img {
		top:4px;
		position:relative;
	}

a.app_button.search:hover{ 
	border-color: #0099CC;
    border-style: solid;
    border-width: 1px;
    color: #0099CC;
}

/* borrar todos los app_button_search una vez repasado que no se usa */
a.app_button_search{
    border-color: #ADADAD;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 1px;
    color: #333;
    margin-left: -5px;
    width: 64px;
}
	a.app_button_search img{
		top:4px;
		position:relative;
	}


a.app_button_search:hover{ 
	border-color: #0099CC;
    border-style: solid;
    border-width: 1px;
    color: #0099CC;
}
a.app_button_search_big{
	background-color: #fbfafb;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.10));
    background-repeat: repeat-x;
    border-color: #ccc;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: #ffffff;
    text-shadow: 0 1px 0 #000, 0 0 0 rgba(255, 255, 255, 0);
	-webkit-border-radius:3px;
		   -moz-border-radius:3px;
				border-radius:3px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    height: 39px;
    margin-left: -10px;
    padding: 4px 0;
    text-align: center;
    vertical-align: top;
    width: 64px;
    z-index: 10;
}
a.app_button_search_big img{
	vertical-align: inherit;
	top: 10px;
	position:relative;
}


a.app_button.blue
{
	
    background-color: #3797ce;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
    background-repeat: repeat-x;
    border-color: #1976ac;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: #ffffff;
    text-shadow: 0 1px 0 #000, 0 0 0 rgba(255, 255, 255, 0);

}
	a.app_button.blue:hover
	{
		background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
		color:#FFF;
	}
a.app_button.yellow
{
    
    background-color: #fffbcc;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
    background-repeat: repeat-x;
    border-color: #e6db55;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: #444444;
    text-shadow: 0 1px 0 #fff, 0 0 0 rgba(255, 255, 255, 0);

}
    a.app_button.yellow:hover
    {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
        color:#000000;
    }

/*button especiales colores*/

a.myapp_button, a.myapp_button:hover {
    width:100%;
    background-color: #ddd;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    border: 1px solid #aaa;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding:10px 0px;
    border-radius:4px;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    text-align:center;
    opacity:1;
    display:block;
    text-decoration:none;
    font-weight:bold;
    text-shadow: 0 1px 0 #000;
}
a.myapp_button:hover {
     background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
}
a.myapp_button.green {
    background-color: #6ebe19;
    border: 1px solid #5b9c15;
}
a.myapp_button.red {
    background-color: #be1931;
    border: 1px solid #a0041e;
}
a.myapp_button.yellow {
    background-color: #fbb831;
    border: 1px solid #ce991b;
}
a.myapp_button.blue {
    background-color: #00a9e4;
    border: 1px solid #0086e4;
}



a.more-info-form{font-size:11px;text-decoration:underline;background: transparent url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/more-info.gif) no-repeat 0px 2px;padding-left:12px;}
a.less-info-form{font-size:11px;text-decoration:underline;background: transparent url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/less-info.gif) no-repeat 0px 2px;padding-left:12px;}


/*--------------------------------*/
/* tables                         */
/* tables - contenedor con flecha */
	#table_element_container {
		border: 1px solid #CCCCCC;
		background-color:#FFFFEE;
		display: block;
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 10px;
		padding: 5px;
		position: relative;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
				border-radius:5px;
		-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
		   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
				box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	}
		#table_element_container .table_element_arrow {
			border-bottom: 10px solid #ccc;
			border-left: 10px solid rgba(0, 0, 0, 0);
			border-right: 10px solid rgba(0, 0, 0, 0);
			height: 0;
			left: 50%;
			margin-left: -8px;
			position: absolute;
			top: -10px;
			width: 0;
		}
		
		#table_element_container .table_element_arrow.left25px {
			left: 25px;
		}
		#table_element_container .table_element_arrow.right25px {
			right: 25px;
		}
		#table_element_container .table_element_arrow:before {
			 border-bottom: 10px solid #FFFFEE;
			border-left: 10px solid rgba(0, 0, 0, 0);
			border-right: 10px solid rgba(0, 0, 0, 0);
			content: "";
			display: block;
			height: 0;
			left: 0;
			margin-left: -10px;
			position: absolute;
			top: 1px;
			width: 0;
		}
		
		
	#table_element_container table.table_element {
			background-color: #FFF!important;
		}
 
 table.table_element{
	  /*margin:10px 0;*/
	  width:100%;
	  padding:1px;
	  text-align:left;
	  border:#FFF 1px solid;
	  border-spacing:0px;
}

 table.table_element tr:nth-child(odd) {background-color: #f8f8f8;}

 table.table_element tr:nth-child(even) {background-color: #ffffff;}
 
 table.table_element thead tr{
	 vertical-align:middle;
	 font-weight:bold;
	 padding:2px;
}
 table.table_element thead th {
  background-color: #E6EEEE;
  padding:3px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  height:25px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  text-shadow: 0 1px 0 #FFFFFF;
}
 table.table_element tr:hover{
	background-color:#FFFFEE;
}
 

 table.table_element tr.tdtotal{
	background-color: #FDFEEE;
    border-bottom: 1px solid #EBEBEB;
    border-top: 2px solid #333;
    font-weight: bold;
	height:30px;
}

 table.table_element tr.tdselected {
    border-left: 4px solid #008BCE;
}
 table.table_element tr.tdtotal td{
	text-transform:uppercase;
}
 table.table_element th{
	/*background-color: #509CC8;
    color: #FFFFFF;*/
	font-weight:bold;
	border:#FFF 1px solid;
	padding:2px; 
}
  table.table_element td{
	padding:2px;
	border-bottom: 1px solid #ebebeb;
	 vertical-align: top;
}
	

 table.table_element  td.tdchevron{ 
	font-weight:bold;
  	padding-left:15px;
	height: 15px;
    margin-right: 0;
    width: 15px;
	white-space:nowrap;
	border-bottom:1px solid #F0F0F0;
}
 table.table_element  td.tdchevronnormal{ 
  	padding-left:15px;
	height: 15px;
    margin-right: 0;
    width: 15px;
	white-space:nowrap;
	border-bottom:1px solid #F0F0F0;
}
 table.table_element td.tdusers{ 
 	padding-left:15px;
	width: 20%;
}
 table.table_element td.tdbut{ 
 padding-left:15px;
	border-bottom:1px solid #F0F0F0;
}


table.table_element tfoot tr{
	 border-bottom: 1px solid #CCC;
}



table.no-padding td{padding:0px!important;;}
table.noborder td{border-bottom: medium none!important;}
table tr.hoverwhite:hover{background-color:#FFF;}
table td.hoverwhite:hover{background-color:#FFF;}
table tr.bgwhite > td {background-color:#FFF;}
table td.bgwhite{background-color:#FFF;}

	




/* tables - ordenacion */
table.tablesorter {
	font-family:Lato, arial;
	margin:10px 0pt 15px;
	font-size: 1em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead th, table.tablesorter tfoot th {
	background-color: #e6EEEE;
	border-right: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead .header {
	background-image: url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/bg_off.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead .headerSortUp {
	background-image: url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/asc.gif);
}
table.tablesorter thead .headerSortDown {
	background-image: url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/desc.gif);
}


/* tables - dentro de formularios */
table.tableform_element td {
	/*padding: 8px 8px;*/
	font-size:1.0em;
}





/* tables - tree, tablas en modo arbol desplegable */
#tabletree_element_container {
    margin: 0;
}
	
 table.tabletree_element {
	 width:100%;
 }
 table.tabletree_element thead tr{
	 vertical-align:middle;
	 font-weight:bold;
	 padding:2px;
	 text-align:left;
}
 table.tabletree_element thead th {
  padding:3px;
  font-weight: bold;
  white-space: nowrap;
  height:25px;
  text-shadow: 0 1px 0 #FFFFFF;
  text-align:left;
}
	
	
	

/* tables - legenda */
#tablelegend_element_container {
	background-color: #FFFFEE;
    border-bottom: 1px solid #CCCCCC;
    display: none;
    margin: 0;
    padding: 5px;
    position: relative;
}
	
	
#tablelegend_element_container .tablelegend_element td {
	text-align:right;
	}



	

/* tables - moreinfo */

table.tablemoreinfo_element  {
	background-color: #FFFFFF !important;
    border: 1px solid #D8D8D8 !important;
    -moz-border-radius:3px; -webkit-border-radius:3px;border-radius: 3px;
    padding: 8px;
	
	}
	table.tablemoreinfo_element th {
    	border-bottom: 1px dotted #555555 !important;
    	border-top: 1px solid #d8d8d8 !important;
    	border-left: 1px solid #d8d8d8 !important;
    	border-right: 1px solid #d8d8d8 !important;
    	background-color:#f8f8f8 !important;
	}
	table.tablemoreinfo_element td {
		text-align:justify;
	}
	
	




	




/*bordes de las tablas y div*/
.bl1, tr.bl1 td, tr.bl1 th{ /*border left 1px*/
	border-left:1px solid #333 !important;
}
	.bl1_light, tr.bl1_light td, tr.bl1_light th {
		border-left:1px solid #EEEEEE !important;
	}
.bl2, tr.bl2 td, tr.bl2 th { /*border left 2px*/
	border-left:2px solid #333 !important;
}
	.bl8_blue{
		border-left:8px solid #008BCE !important;
	}
	.bl8_darkblue{
		border-left:8px solid #234C90 !important;
	}
.br1, tr.br1 td, tr.br1 th { 
	border-right:1px solid #333 !important;
}
	.br1_light, tr.br1_light td, tr.br1_light th {
		border-right:1px solid #EEEEEE !important;
	}
.br2, tr.br2 td, tr.br2 th { 
	border-right:2px solid #333 !important;
}
.bb1, tr.bb1 td, tr.bb1 th { 
	border-bottom:1px solid #333 !important;
}
	.bb1_light, tr.bb1_light td, tr.bb1_light th {
		border-bottom:1px solid #EEEEEE !important;
	}
.bb2, tr.bb2 td, tr.bb2 th{ 
	border-bottom:2px solid #333 !important;
}
.bt1, tr.bt1 td, tr.bt1 th{ 
	border-top:1px solid #333 !important;
}
	.bt1_light, tr.bt1_light td, tr.bt1_light th {
		border-top:1px solid #EEEEEE !important;
	}
.bt2, tr.bt2 td, tr.bt2 th { 
	border-top:2px solid #333 !important;
}
	.bt8_blue{
		border-top:8px solid #008BCE !important;
	}
	.bt8_darkblue{
		border-top:8px solid #234C90 !important;
	}
	.bt8_white{
		border-top: 8px solid #FFF  !important;
	}
	.bt8_black{
		border-top: 8px solid #000  !important;
	}
	.bt8_thcolor{
		border-top: 8px solid #E6EEEE !important;
	}
	.bt8_nocolor{
		border-top: 8px solid rgba(0, 0, 0, 0) !important;
	}

.bbd1, tr.bbd1 td, tr.bbd1 th { /*border bottom dotted 1px*/
	border-bottom:1px dotted #333 !important;
}
.bbd2, tr.bbd2 td, tr.bbd2 th { /*border bottom dotted 2px*/
	border-bottom:2px dotted #333 !important;
}
.btd1, tr.btd1 td, tr.btd1 th { /*border top dotted 1px*/
	border-top:1px dotted #333 !important;
}
.btd2, tr.btd2 td, tr.btd2 th { /*border top dotted 2px*/
	border-top:2px dotted #333 !important;
}

.border-box{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noborder {border: medium none!important;}


.circle{
    border-radius:50%;
}
.border4 {
    border:4px solid #FFF;
}
.border8 {
    border:8px solid #FFF;
}
.border12 {
    border:12px solid #FFF;
}
.border16 {
    border:16px solid #FFF;
}
  
  

    
.border-white{
    border-color:#fff;
}
    
.border-blue{
    border-color:#008BCE !important;
}
.border-darkblue{
    border-color: #234C90 !important;
}
.border-red{
    border-color:#d64844 !important;
}
.border-green{
    border-color:#a6d937 !important;
}
.border-orange{
    border-color:#ffc000 !important;
}
.border-lightgrey{
    border-color:  #ccc  !important;
}
.border-grey{
    border-color:  #333  !important;
}
.border-darkgrey{
    border-color:  #666  !important;
}
.border-black{
    border-color:  #000  !important;
}
.border-nocolor{
    border-color:  rgba(0, 0, 0, 0) !important;
}

.bl4-white{
    border-left:4px solid #fff !important;
}
    
.bl4-blue{
    border-left:4px solid #008BCE !important;
}
.bl4-darkblue{
    border-left:4px solid #234C90 !important;
}
.bl4-red{
    border-left:4px solid #d64844 !important;
}
.bl4-green{
    border-left:4px solid #a6d937 !important;
}
.bl4-orange{
    border-left:4px solid #ffc000 !important;
}
.bl4-lightgrey{
    border-left:4px solid #ccc !important;
}
.bl4-grey{
    border-left:4px solid #333 !important;
}
.bl4-darkgrey{
    border-left:4px solid #666 !important;
}
.bl4-black{
    border-left:4px solid #000 !important;
}
.bl4-nocolor{
    border-left:4px solid rgba(0, 0, 0, 0) !important;
}
.br4-white{
    border-right:4px solid #fff !important;
}
    
.br4-blue{
    border-right:4px solid #008BCE !important;
}
.br4-darkblue{
    border-left:4px solid #234C90 !important;
}
.br4-red{
    border-right:4px solid #d64844 !important;
}
.br4-green{
    border-right:4px solid #a6d937 !important;
}
.br4-orange{
    border-right:4px solid #ffc000 !important;
}
.br4-lightgrey{
    border-right:4px solid #ccc !important;
}
.br4-grey{
    border-right:4px solid #333 !important;
}
.br4-darkgrey{
    border-right:4px solid #666 !important;
}
.br4-black{
    border-right:4px solid #000 !important;
}
.br4-nocolor{
    border-right:4px solid rgba(0, 0, 0, 0) !important;
}



.but-center {
  border-top: 1px dotted #c1c1c1;
  clear: both;
  height: 30px;
  margin: 20px auto 0;
  padding-top: 10px;
  text-align: center;
  width: 95%;
}
.button-center-clean {
  clear: both;
  height: 30px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
  width: 95%;
}




/* dialog view - cuadro detalle // tabla de información  */

#dialog_view {
    border: 1px solid #CCCCCC;
	background-color:#FFFFEE;
    display: block;
    margin-left: -186px;
    margin-top: 10px;
	padding: 5px;
    position: absolute;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
	#dialog_view .dialog_view_arrow {
		border-bottom: 10px solid #ccc;
		border-left: 10px solid rgba(0, 0, 0, 0);
		border-right: 10px solid rgba(0, 0, 0, 0);
		height: 0;
		left: 50%;
		margin-left: -8px;
		position: absolute;
		top: -10px;
		width: 0;
	}
	#dialog_view .dialog_view_arrow:before {
		 border-bottom: 10px solid #FFFFEE;
		border-left: 10px solid rgba(0, 0, 0, 0);
		border-right: 10px solid rgba(0, 0, 0, 0);
		content: "";
		display: block;
		height: 0;
		left: 0;
		margin-left: -10px;
		position: absolute;
		top: 1px;
		width: 0;
	}
	




/* ICON PARA TABLAS Y LISTAS LI 16x16 */
.ico_attach {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/ico-attach.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_building {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/building.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_comment {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/note.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_item {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/book.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_item_go {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/book_go.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}

.ico_pdf {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/ico_pdf.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_star {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/star.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}




/* ICON GENERALES */
.ico_user80 {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-user80.png) transparent 0px 0px no-repeat;
	height: 80px;
    width: 80px;
}




/* FORMULARIOS  */
form.form_element label{
	clear: none !important;
    /*float: none;*/
    font-weight: bold;
    margin-bottom: 4px;
    margin-right: 8px;
    margin-top: 16px !important;
    text-align: left;
    width: 100%;
	font-size:12px;
	color: #006699;
}
form.form_element label.error{
	color: #FF0000;
    float:left;
	font-size: 11px;
    font-style: oblique;
	margin-top: 2px !important;
	font-weight: normal;
}

form.form_element label.form_fieldrequired:after {
    color: #FF0000;
    content: "*";
    font-size: inherit;
    margin-left: 2px;
    
}
form.form_element span.text{
	 line-height:20px;
}
form.form_element select, form.form_element textarea, form.form_element input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form.form_element select{
	 width:265px; float:none;clear:none !important;vertical-align:middle !important;height: 22px;margin-right: 4px;
}

form.form_element select.id_ebImpactoClass,
form.form_element select#id_filtro_impacto,
form.form_element select#id_filtro_probabilidad
{
    width: auto !important;
    /* float: inline-start !important; */
}

form.form_element select[multiple] {
   height: 8em;
}
form.form_element textarea{
    line-height: 150%;margin-bottom:0;
	 width:100%; float:none;clear:none !important;vertical-align:middle !important; height:100px;
}
	
form.form_element input{
	 /*width:265px; */
	 float:none!important;
	 clear:none !important; margin: 0 4px 0 0 !important;
}
form.form_element input[type=checkbox]{
	 width:auto; float:none;clear:none !important;margin: 0 4px !important;
}
form.form_element input[type=radio]{
	 width:auto; float:none;clear:none !important; margin: 0 4px 0 0 !important;
}
form.form_element .form_inputdescription {
    color: #777777;
    /*float: left;*/
    font-style: oblique;
    width: 100%;
	margin: 0;
	font-size: 11px;
}





/*FIELDSET */

fieldset {
    clear: both;
    margin-bottom: 10px;
    position: relative;
	border: 0 none;
	padding-top: 2px;
	margin-top: 10px;
	
}

	fieldset.border {
		border:1px solid #A2A2A2;position:relative;
			-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	}
	

fieldset legend {
    border-bottom: 1px solid #A2A2A2;
    font-size: 12px;
    width: 100%;
	margin-bottom: 4px;
    margin-top: 8px;
	text-align: left;
	text-transform: uppercase;
}

fieldset p {
    padding:16px;
}




/*FANCYBOX*/

#wrapper > section {
    padding-top: 60px;
}

.has-promo #wrapper > section {
    padding-top: 110px;
}

.main-content-norma {
	border: 1px solid #BFCDE7;
/*    -moz-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 0 3px #555;
    -khtml-box-shadow: 0 0 3px rgba(0,0,0,0.5);*/
    box-shadow: none !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border-color: #bfcde7;
    margin: 50px 0 0 12px;
    position: relative;
    z-index: 1;
    height: 395px;
    width: 613px;    
    overflow-y: auto;
    overflow-x: hidden;
}

.main-content-norma ul { list-style-type: none;}

.main-content {
    background: #FFF;
    position: relative;
    z-index: 1;
	overflow-x:hidden;
	/*height: 100%;*/
}

.main-content > header { background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/bg-header-emerge.jpg") repeat-x scroll 0 0 transparent;
height: 33px;
padding: 8px;
text-transform: uppercase;
width: 100%;}

.main-content fieldset, .main-content table{width:100%;}
#desc_problema_tbl{width:100% !important;}

.main-content > header h2 {
    font-family: Lato, sans-serif;
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    text-shadow: 0 1px 0 #fff;
}

.main-content > header .action-buttons {
    position: relative;
    top: -4px;
    z-index: 999;
}

.main-content > header input {
    position: relative;
    top: -6px;
}


.main-content > caption {
    height: 33px;
    padding: 20px;
    width: 100%;
}

.main-content > caption p {
	font-size: 12px;
}

.main-content > section {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 20px 20px 8px 20px;
    overflow: hidden;
}

.main-content > section.container_6 {
    padding: 20px 0;
}

.main-content > section.intro {
    padding-top: 0px;
	padding-bottom: 0px;
}
.main-content > section.intro p {
	font-size:12px;
	line-height: 20px;
}
.main-content > section.asistente {
    padding-top: 0px;
	padding-bottom: 0px;
}

.main-content > section h3 {
    margin-top: 0;
    padding-bottom: 14px;
}

.opt-out-window {
margin-top: 32px;
position: relative;
text-align: center;
width: 100%;}

.column-3 {
    display: inline-block;
    float: left;
    text-align: left;
    width: 33%;
}
.fancybox-modal {
	background-color:#fff;
	
}
#fancybox-outer{
    background:#fff url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/cargando.gif) no-repeat 50% 50% !important;
}

.ui-accordion .ui-accordion-header {
 font-size: 9px !important;
margin-left: 26px;
margin-top: -10px;
width: 700px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  top: 12px !important;
}
.ui-accordion .ui-accordion-content {
border-radius:0px 0px 5px 5px !important;
background:none !important;
background-color:transparent !important;
border-top:0px solid !important;
font-size:10px !important;
width:694px;
}
#accordion label{margin-bottom:5px;}
.fancybox-skin {
  background: none repeat scroll 0 0 #fff!important;;
}
.fancybox-inner #footer{display:none !important;}
#subeficheros, #eliminaficheros{display:none !important;}





#fpwd,#flic{margin-top:25px;}
.cal-icon{float:left;margin-left:5px; margin-right:15px;}

#subirfichero  .file, #subirfichero .progress {
    display: none !important;
}

















/* DIV ESPECIALES */
div.clear{clear:both; height:15px; width:100%}



/*INDICADORES Y CUADRO DE MANDOS */
.indicator {
    margin: 0 2px;
    padding: 0 2px;
}
.indicator_value {
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 43px;
}
.indicator_value_big {
    font-size: 3em;
    font-weight: bold;
    padding-top: 40px;
}
.indicator_text {
    padding-top: 10px;
    white-space: normal;
}
.indicator_description {
    white-space: normal;
    color: #aaa;
}


/* Tooltip styling */
[data-tooltip] {
    /*display: inline-block;*/
    position: relative;
    cursor: help;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 1.4;
    min-width: 100px;
    font-weight: normal;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}






/*Alerts bloques información*/
.alertBox
{
	min-height: 20px;
    padding: 8px;
	background-color: #FFFBCC;
    color: #555555;
	 border: 1px solid #E6DB55;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	margin-bottom: 4px;
}
.alertBox.dotted
{
	
	 border: 1px dotted #E6DB55;
 
}
.alertBox a
{
    color: #007AC3 !important;
}

.alert
{
	border: medium none;
    box-shadow: none;
    font-size: 11px;
    margin-bottom: 0;
    min-height: 20px;
    padding-bottom: 0;
    padding-top: 6px;
}
.alertNoBG
{
    font-size: 11px;
    height: 18px;
    padding-top: 2px;
    position: relative;
    top: 4px;
}
.alertIco
{
	overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
}
.alertDialog35
{
	background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-alertdialog35.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    width: 35px;
}
.alert240 {width:240px;background: none repeat scroll 0 0 #FFFBCC;}

.errorBox {
	min-height: 20px;
    padding: 8px;
	background-color: #FFCCCC;
    color: #555555;
	 border: 1px solid #990000;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	margin-bottom: 4px;
}
.errorBox.dotted { border: 1px dotted #990000; }
.errorTitle {
	overflow: hidden;
    padding: 8px;
	min-height: 35px;
}
.errorIco {
	overflow: hidden;
    padding: 0 8px;
}
.errorBox .errorIco li {
  list-style-type: initial;
  margin-left: 15px;
}
.errorDialog35 {
	background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-errordialog35.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 35px;
    width: 35px;
}



/*ERROR PAGE*/

.errorPage
{
	width:100%;
	height:50%;
	margin-top:25%;
	font-size:14px;
	text-align:center;
}

#error-box{
	margin-bottom: 150px;
    margin-top: 150px;
    text-align: center;
}
.text-error
{
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 30px;
    width: 100%;
}

.button-error
{
	width:100%;
}






/* OTROS ELEMENTOS, COMPROBAR PARA BORRAR */
/*--------------------------------------------*/

#wrapper > header {
    margin-bottom: 20px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    zoom: 1;
}
#wrapper > header > div {
    background: #e1e1e1;
    background: -moz-linear-gradient(top,  #fafafa,  #e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
    -pie-background: linear-gradient(top,  #fafafa,  #e1e1e1);
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    margin: 0 auto;
    padding: 0 20px;
    width: 940px;
}
#wrapper > header h1 {
    color: #000;
    font-family: Lato, "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: 0px 1px 1px #888;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

#wrapper > header h1 a {
    color: #000;
    text-decoration: none;
}


#wrapper > header nav ul {
    padding: 0;
}


#wrapper > header nav > ul > li {
    display: block;
    float: left;
    position: relative;
}

#wrapper > header nav > ul > li > a {
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}



#wrapper > header nav > ul > li:hover:not(.action) > a {
    background: #d1d1d1;
    background: -moz-linear-gradient(top,  #e7e7e7,  #d1d1d1);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0),  #d1d1d1);
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d1d1d1));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#d1d1d1));
}

#wrapper > header nav > ul > li.active > a {
    background: #eee;
    background: -moz-linear-gradient(top,  #e7e7e7,  #ccc);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0),  #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#ccc));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#ccc));
    -pie-background: linear-gradient(top,  #e7e7e7,  #ccc);
}

#wrapper > header nav > ul > li.action {
    margin-top: 7px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 3px;
    -moz-box-shadow: 0 1px 1px #fff;
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    -khtml-box-shadow: 0 1px 1px #fff;
    -khtml-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    box-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

#wrapper > header nav > ul > li.action > a.button {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    padding: 4px 10px;
    border: 1px solid #444;
    border: 1px solid rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#wrapper > header nav > ul > li > a.arrow-down {
    padding-right: 30px !important;
}

#wrapper > header nav > ul > li > a.arrow-down:after {
    background: transparent url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-down.png) no-repeat 0 19px;
    content: " ";
    display: block;
    height: 40px;
    margin-left: 8px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 10px;
    z-index: 1;
}

#wrapper > header nav > ul ul {
    background: #d1d1d1;
    -pie-background: #d1d1d1;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: block;
    padding-bottom: 5px;
    position: absolute;
    width: 150px;
    z-index: 999;
    left: -9999em;
    -moz-box-shadow: 0 2px 2px #777;
    -webkit-box-shadow: 0 2px 2px #777;
    -khtml-box-shadow: 0 2px 2px #777;
    box-shadow: 0 2px 2px #777;
}

#wrapper > header nav > ul li:hover ul {
    left: 0;
}

#wrapper > header nav > ul ul li a {
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}

#wrapper > header nav > ul ul li a:hover {
    background: #444 !important;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    zoom: 1;
}

#wrapper > header form input[type=text] {
    background: #777;
    border: 1px solid #191919;
    margin-top: 7px;
    -moz-box-shadow: 0 1px 0 #ddd;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 1px 0 #ddd;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -khtml-box-shadow: 0 1px 0 #ddd;
    -khtml-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

#wrapper > header form input[type=text]:hover {
    background: #888;
}

#wrapper > header form input[type=text]:focus {
    background: #eee;
}

#wrapper > header .chevron {
    background: transparent url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-down.png) no-repeat center 19px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-right: -15px;
    text-indent: -999em;
}

#wrapper > header .chevron.toggle-up {
    background: transparent url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-up.png) no-repeat center 19px;
}

.shortcuts {
    padding: 20px 0;
    display: none;
}

.shortcuts ul {
    display: block;
    list-style-type: none;
    padding: 0;
}

.shortcuts ul li {
    float: left;
    margin: 0 5px;
    position: relative;
}

.shortcuts ul li:first-child {
    margin-left: 0;
}

.shortcuts ul li:last-child {
    margin-right: 0;
}

.shortcuts ul li a {
    background: #e1e1e1;
    background: -moz-linear-gradient(top,  #fafafa,  #e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
    -pie-background: linear-gradient(top,  #fafafa,  #e1e1e1);
    border: 1px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 0 #999;
    -webkit-box-shadow: 1px 1px 0 #999;
    -khtml-box-shadow: 1px 1px 0 #999;
    box-shadow: 1px 1px 0 #999;
    color: #555;
    cursor: pointer;
    display: block;
    padding: 13px 10px;
    text-align: center;
    text-decoration: none;
    width: 63px;
}

.shortcuts ul li a:active {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
}

.shortcuts ul li span {
    display: block;
}

.shortcuts ul li em {
    background: #ff2222;
    background: -moz-linear-gradient(top,#ff2222,#c80606);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2222), to(#c80606));
    -pie-background: linear-gradient(top,#ff2222,#c80606);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #933;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: 14px;
    padding: 0 5px;
    position: absolute;
    top: -5px;
    right: -5px;
}

/* the overlayed element */
.apple_overlay {
    
    /* initially overlay is hidden */
    display:none;
    
    /* growing background image */
    background-image:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/overlay/white.png);
    
    /* 
        width after the growing animation finishes
        height is automatically calculated
    */
    width:590px;        
    
    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */    
    font-size:11px;

    z-index: 9999;
}

/* default close button positioned on upper right corner */
#overlay{width:100% !important; height:100% !important;top:0px !important; left:0px !important; background-image:none !important; background-color:#000; padding:0px !important; margin:0px !important;padding-top:20px !important;}

#overlay iframe{position: absolute !important;
left: 50% !important;
width: 990px !important;
margin-left: -495px !important;
margin-top: 0px !important;overflow-y:auto;overflow-x:hidden;}





.apple_overlay .close {
    background-image:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/close-icon.png);
    position:absolute; right:14px; top:14px;
    cursor:pointer;
    height:30px;
    width:30px;
    z-index: 999;
}

.apple_overlay.black {
    background-image:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/overlay/transparent.png);        
    color:#fff;
}











.buscador { margin: 12px 13px 0 0;}
.item-options {
display: none;
background-color: #F7F7F9;
border-bottom: 1px solid #DAE3EA;
border-top: 1px solid #DAE3EA;
height: 28px;
left: -23px;
position: relative;
top: -16px;
width: 600px !important;
z-index: 900;
}
.item-up {background-image:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/up-item.png); width: 10px; height: 8px;    margin: 10px 0px 0px 10px; cursor: pointer}
.item-down {background-image:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/down-item.png); width: 10px; height: 8px; margin: -7px 0 0 25px;cursor: pointer}
.item-delete {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/ico-delete.png") no-repeat scroll center center transparent;cursor: pointer;float: right;height: 12px;margin: -10px 40px 0 0;width: 10px;}
.item-setting {background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-edit-on.png") no-repeat scroll left top transparent !important;cursor: pointer;float: right;height: 16px !important;margin: -12px -35px 0 0;vertical-align: top !important;width: 16px;}
.container_0013 li {
	min-height: 28px;
}
.norma-name {z-index: 99999;position: relative; top: 6px; left: 20px;}




/* r-ar-igualdad {
    display: none !important;
} */

r-ar-igualdad red {
    color: #FF0000;
}

ul#menu-navigation li span.new {
	margin-right: 1px;
	border-radius: 50%;
	background-color: white;
	color: red;
	font-weight: 600;
	text-align: center;
	padding: 5px 10px;
	font-size: 16px;
}


.form_inputdescription .enlace,
.form_inputdescription .enlace-documento
{
	color: blue;
	text-decoration: underline;
}