a:hover {
	text-decoration:none !important;
}
@font-face {
    font-family: 'litho';
    src: url('/css/typos/lithogrl.eot');
    src: url('/css/typos/lithogrl.eot?#iefix') format('embedded-opentype'),
         url('/css/typos/lithogrl.woff') format('woff'),
         url('/css/typos/lithogrl.ttf') format('truetype'),
         url('/css/typos/lithogrl.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.litho {
	font-family: litho;
	font-size:50px;
}


@font-face {
    font-family: 'regular';
    src: url('/css/typos/pt_sans-narrow-web-regular-webfont.eot');
    src: url('/css/typos/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /* url('/css/typos/pt_sans-narrow-web-regular-webfont.woff') format('woff'),*/ 
         url('/css/typos/pt_sans-narrow-web-regular-webfont.ttf') format('truetype'),
         url('/css/typos/pt_sans-narrow-web-regular-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bold';
    src: url('/css/typos/pt_sans-narrow-web-bold-webfont.eot');
    src: url('/css/typos/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/typos/pt_sans-narrow-web-bold-webfont.woff') format('woff'),
         url('/css/typos/pt_sans-narrow-web-bold-webfont.ttf') format('truetype'),
         url('/css/typos/pt_sans-narrow-web-bold-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'number';
    src: url('/css/typos/droidsans-bold-webfont.eot');
    src: url('/css/typos/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/typos/droidsans-bold-webfont.woff') format('woff'),
         url('/css/typos/droidsans-bold-webfont.ttf') format('truetype'),
         url('/css/typos/droidsans-bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.cont-titulos{}
.cont-subtitulos{}
.cont-cuerpo{}

.clLevel1border{position:absolute; border: 1px solid #FFFFFF}
.clLevel1, .clLevel1over{position:absolute; padding-left:4px; padding-top: 2px; padding-bottom: 2px; font-family:tahoma, arial,helvetica; font-size:10px; font-weight:normal}
.clLevel0border{position:absolute; border-bottom: 0px solid #FFFFFF}
.clLevel0, .clLevel0over{position:absolute; padding-left:16px; padding-top:2px; font-family:Arial; font-size:8pt; font-weight:normal; border-bottom: 1px solid #FFFFFF}
.clBar{position:absolute; width:15; height:15; background-color:#FF9900;visibility:hidden}

span.N1 { font-family: arial; font-size:10px}

a:link.menu, a:visited.menu, a:active.menu, a:hover.menu {background-color:transparent;text-decoration:none !important;}

.imgdumy {
	width:1px;
	height:1px;
	left:-1px;
	position:relative;
}

.imgdumy2 {
	background-image:url('/s.gif'); 
	background-repeat:no-repeat;
	width:100%;
}

.hr11 {
	width:100%;
	height:10px;
	background-image: url('/images/hr.gif'); 
	background-repeat: repeat-x; 
	background-position: center;
}


p 		   {font-family: arial; font-size: 12px;}
td			{		
			font-family: Arial;
			font-size: 12px; 
			}
			
hr {	
	BORDER-RIGHT: medium none !important; 
	BORDER-TOP: #cccccc 1px solid !important; 
	BORDER-LEFT: medium none !important; 
	BORDER-BOTTOM: medium none !important; 
	HEIGHT: 1px !important;
	}

p.MenuCabecera {font-family: arial; font-size:10px ; color: #FFFFFF;}

.default    {    font-family: arial;
				 font-size: 10px;
		    }

body     { 
				font-family: arial;
				font-size: 11pt;
				aling: left;
		   }

p.Com  	   { 
				font-family: arial;
				font-size: 12px; 
		   }

table      {
				margin: 0px !important;
				padding: 0px !important;
				border: 0px !important;
				border-spacing: 0px !important;
				border-collapse: collapse !important;
				padding-top: 0px !important;
				padding-left: 0px !important;
				padding-right: 0px !important;
				padding-bottom: 0px !important;
			}
			
img 	    {
				margin: 0px;
				padding: 0px;
				border: 0px;
				border-spacing: 0px;
				border-collapse: collapse;
				padding-top: 0px;
				padding-left: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
		    }
		
td.topbot	{	
				border-left-width: 0px;
				border-right-width: 0px; 
				border-top: 1px solid #FFFFFF; 
				border-bottom: 1px solid #FFFFFF;
			}

td.ch_ltb	{		
			   cursor:pointer;
		 	   border-left: 1px solid #FFFFFF; 
		 	   border-right-width: 0px; 
		 	   border-top: 1px solid #FFFFFF; 
		 	   border-bottom: 1px solid #FFFFFF;
			}

td.ch_ltb1	{		
			   cursor:pointer;
		 	   border-left: 1px solid #FFFFFF; 
		 	   border-right-width: 0px; 
		 	   border-top: 1px solid #FFFFFF; 
		 	   border-bottom: 0px;
			}

			
.h			{ cursor: pointer;
			  width: 20px;
			}
td.c {
	width:20px;
	background-image:url('images/contacto.gif'); background-repeat:no-repeat;
	}
td.e0 { cursor: pointer;
			  width: 20px;
			}
td.e1 { cursor: pointer;
		width: 20px;
		background-image:url('images/editfile.gif'); background-repeat:no-repeat;
			}					
			
td.ofer1	{		
			border-bottom: 1px dotted #B0CED1;
			padding-left:5px;
			padding-right:5px;
			padding-top:2px;
			padding-bottom:2px;
			font-family: arial;
			font-size: 10px; 
			width: 160px;
			
			
}


.tListBox {			
			padding-bottom:1px;
			font-family: arial;
			font-size: 7pt; 
			font-weight: bold;
			color: #808080; 
}
/*
td.stiloTL {
	height:5px;
	background-image: url('images/borde_5blanco_arr_izq.gif');
	background-repeat: no-repeat; 
	background-position: left top;
}

td.stiloTR {
	height:5px;
	background-image: url('images/borde_5blanco_arr_der.gif');
	background-repeat: no-repeat; 
	background-position: right top;
}

td.stiloDL {
	height:5px;
	background-image: url('images/borde_5blanco_aba_izq.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

td.stiloDR {
	height:5px; 
	background-image: url('images/borde_5blanco_aba_der.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}*/

div.SPClist { 
	height: 20px;
}

/* ********* ICONOS ************************************************************************************************************************************** */

.ic_bol2 {
	width:10px;
	height:10px;
	 background-position:left top; 
	 background-image:url('/images/bol2.gif'); 
	 background-repeat: no-repeat;
}


.ic_attV2 {
	width:16px;
	height:16px;
	 background-position:left top; 
	 background-image:url('/images/att3.png'); 
	 background-repeat: no-repeat;
}

.ic_trueV2 {
	width:16px;
	height:16px;
	 background-position:left top; 
	 background-image:url('/images/true2.png'); 
	 background-repeat: no-repeat;
}

.ic_falseV2 {
	width:16px;
	height:16px;
	background-position:left top; 
	background-image:url('/images/false.png'); 
	background-repeat: no-repeat;
}
.ic_false2V2 {
	width:16px;
	height:16px;
	background-position:left top; 
	background-image:url('/images/false2.png'); 
	background-repeat: no-repeat;
}

.ic_trueV1 {
	width:13px;
	height:13px;
	background-position:left top; 
	background-image:url('/images/true.gif'); 
	background-repeat: no-repeat;
}
.ic_falseV1 {
	width:13px;
	height:13px;
	background-position:left top; 
	background-image:url('/images/false.gif'); 
	background-repeat: no-repeat;
}


body{
	/*BACKGROUND-IMAGE: url(images/v3/intranetBackground.png); */
	BACKGROUND-ATTACHMENT: fixed; 
	BACKGROUND-REPEAT: repeat-x; 
	BACKGROUND-POSITION: left top;
	/*BACKGROUND-COLOR: #F2F2F2;*/
}


.modulosbox{
	display: block;
	width: auto !important;
	padding: 10px 10px 10px 10px;
	/*border-radius: 5px;*/
	/*background-color: #fff;*/
	font-family: 'MyriadPro',Sans-Serif;
	color: #135B8E;
	/*border: 1px solid #B0B0B0;*/
	border: 1px solid #DFDFDF;
	/*margin:0 0 15px 0;*/
	margin:0 0 10px 0;
	background-color:#F2F2F2;
}
.modulosbox-buscador{
	display: block;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	background-color: #fff;
	font-family: 'MyriadPro',Sans-Serif;
	color: #135B8E;
	border: 1px solid #B0B0B0;
	margin:15px 5px 0 15px;
	background-color:#F2F2F2;
}
.titmodulosBox{
	height:26px;
	color: #7C7C7C;
	font-weight:bold;
	cursor: pointer;
	margin-left: 10px;
}
.titmodulostext{
	padding:5px 0px 0 5px; 
	font-size:18px;
	font-family:regular; 
	text-shadow: black 0.1em 0.1em 0.2em
	color: #7C7C7C;
}
.colunmaderhome{
	padding:5px; 
	width:205px;
}
.accesosdirectos{
	padding:5px 5px 0 15px;
}
.lineasup{
	background-color:#F77B01;
	height:19px;
}
.contentmenu{
	/*background-color: #324A53;*/
	background-color: transparent;
	/*margin-top: 70px;*/
}
.separador{
	clear:both; padding:10px 0 0 0;
}
.contSecciones{
	padding:10px 25px 25px 25px;
}
.notasplantilla{
	color:#ff0000;
}
.icon-exp{
	background-color:#e5e5e5;
	width:100%;
	padding:20px 0 20px 0;
	border-radius:10px;
}
#btnpp{
	width:100%;
	text-align:center;
	heigth:30px;
	font-size:16px;
	color:#ffffff;
	background-color:#2E566F;
	border-radius:5px;
	padding:5px 0 5px 0;
	border:0;
	cursor:hand;
}
.btn-buscar {
	-moz-box-shadow:inset 0px 1px 0px 0px #9FBBC9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9FBBC9;
	box-shadow:inset 0px 1px 0px 0px #9FBBC9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7999A5), color-stop(1, #567580) );
	background:-moz-linear-gradient( center top, #7999A5 5%, #567580 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7999A5', endColorstr='#567580');
	background-color:#7999A5;
	/*-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;*/
	text-indent:0px;
	border:1px solid #3E6179;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:29px;
	line-height:26px;
	width:114px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #2485a8;
	cursor:pointer
}
.btn-buscar:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #567580), color-stop(1, #7999A5) );
	background:-moz-linear-gradient( center top, #567580 5%, #7999A5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#567580', endColorstr='#7999A5');
	background-color:#567580;
}.btn-buscar:active {
	position:relative;
	top:1px;
}

.btn-gral {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #9FBBC9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9FBBC9;
	box-shadow:inset 0px 1px 0px 0px #9FBBC9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7999A5), color-stop(1, #567580) );
	background:-moz-linear-gradient( center top, #7999A5 5%, #567580 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7999A5', endColorstr='#567580');*/
	background-color:#00c0ef;
	/*-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;*/
	text-indent:0px;
	border:1px solid #00c0ef;
	display:inline-block;
	color:#ffffff;
	font-family:regular;
	font-size:17px;
	/*font-weight:bold;*/
	font-style:normal;
	/*height:29px;*/
	/*line-height:26px;*/
	padding:5px 22px;
	/*width:114px;*/
	/*text-decoration:none;*/
	text-align:center;
	/*text-shadow:1px 1px 0px #2485a8;*/
	cursor:pointer;
	border-radius: 20px;
}
.btn-gral:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #567580), color-stop(1, #7999A5) );
	background:-moz-linear-gradient( center top, #567580 5%, #7999A5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#567580', endColorstr='#7999A5');*/
	background-color:#999;
	border:1px solid #999;
}.btn-gral:active {
	position:relative;
	top:1px;
}

.btn-back{
	border:1px solid #c0c0c0; 
	border-radius:2px; 
	padding:4px 7px 3px 7px; 
	font-family:arial; 
	color:#666;
	width:auto;
}

.btn-back:hover{
	background-color: silver;
    color: white;
}

.ico-btn{float:left; padding-top:5px; margin-right:5px;}	

/***boton fontawesome***/
a:link .fa-stack-2x {color:#2b7896;}
a:hover .fa-stack-2x {color:#999;}

/***TOOLTIPS***/
.tooltip {
			/*border-bottom: 1px dotted #000000;*/ 
			color: #FF6600; 
			outline: none;
			cursor: help; 
			text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		
.tooltipimage {
//			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
.tooltipimage:hover{
//			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
.tooltipimage span {
			margin-left: -999em;
			position: absolute;
		}
.tooltipimage:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
.tooltipimage:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
.tooltipimage:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
.classicimage{ padding: 0.8em 1em; }
.customimage{ padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classicimage {background: #FFFFAA; border: 1px solid #FFAD33; }
.criticalimage { background: #FFCCAA; border: 1px solid #FF3334;	}
.helpimage { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.infoimage { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warningimage { background: #FFFFAA; border: 1px solid #FFAD33; }

/***CRM EMPRESAS***/
.title-ficha{
	font-size: 18px; font-family:regular,arial; color:#666; font-weight:bold; border-bottom:2px solid #447E95; height: 25px; margin:20px 0 10px 0;
}
.ficha{
	position:relative;
	float:left;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding:5px 8px 5px 8px;
	border-radius:10px 10px 0 0;
	margin:0 7px 0 0;
	color:#79899C;
	font-size:20px;
	font-family: regular;
	background-color:#fff;
	text-decoration:none;
}
.ficha_activa{
	position:relative;
	float:left;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding:5px 8px 5px 8px;
	border-radius:10px 10px 0 0;
	margin:0 7px 0 0;
	font-weight:bold;
	background-color:#c0c0c0;
	color:#fff;
	font-size:20px;
//	box-shadow:1px 1px 5px black;
	font-family: regular;
	text-decoration:none;
}
.botonCli{
	padding:5px 10px 5px 30px;
	border:1px solid #BCBCBC;
	background-color:#EFEFEF;
	margin:0 30px 5px 30px;
	border-radius:5px;
}

.contador{position:absolute; right:-1px; bottom:26px; font-size:12px; background-color:#AB1010; color:#fff; padding:3px 5px 2px 5px; border-radius:50px; font-weight:100; color:}


/***TOOLTIP CON CSS***/
a.tool{
    position:relative; 
    text-decoration:none}
a.tool:hover{background-color:transparent;z-index:2;}
a.tool span{display: none}
a.tool:hover span{ 
    display:block;
    cursor:help;
    position:absolute;
	top:-2em; left:2em; 
	border:1px solid #F1D031;
	border-radius:3px;
    background-color:#FFFFA3; 
    color:#555555;
    padding:10px;
    text-align:center;
    }
a.tool:hover img{cursor:help;}

/***FA ICONS***/
#helpIcon{
	cursor:pointer; font-size:17px; width:17px; height:17px; color:#B40404;
}
#folder-open{
		padding-top:2px; color:#ff0000;
}


.MarcarLeido{
	padding: 4px 10px 5px 15px;
	background-color: rgba(158, 158, 158, 0.3);
	width: 191px;
	position: absolute;
	top: 5px;
	right: 163px;
	border: none;
	border-radius: 3px;
	color: grey;
}
.MarcarLeido:hover{
	background-color: rgba(0, 0, 0, 0.22);
	border: none;
	color: white;
}
.MensajeOkAviso{
	float:right;
	color:green;
	display: inherit;
	margin-right: 25%;
}

.nmsgs-cont{/*position:relative;*/ width:20px; height:20px; color:#10ab80; font-size:22px;}
.nmsgs{position:absolute; width:20px; height:20px; color:#fff; font-size:11px; padding:4px 0 0 1px; font-weight:bold;}	
.icon-servicios{float:left; margin-right:5px;}

/***TOOLTIPS***/

.tooltipcss {
    position: relative;
    display: inline-block;
//   border-bottom: 1px dotted black;
    /*cursor:help*/
}

.tooltipcss .tooltiptextcss {
    visibility: hidden;
    /*width: 120px;*/
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 5px 0;
	font-size: 12px !important;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltipcss:hover .tooltiptextcss {
    visibility: visible;
}

/****** CHECKBOX ******/
/* The container */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
//  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark-checkbox {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark-checkbox {
  background-color: #00c0ef;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark-checkbox:after {
  left: 7px;
  top: 3px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/****** RADIO ******/
/* Customize the label (the container) */
.container-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
//  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark-radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark-radio {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark-radio:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


/* FORMULARIOS */
.sep-with-border{margin-bottom:15px; padding-top:15px; clear:both;border-bottom:1px solid #d4d4d4;}

.btn-redondo{padding-top:8px; background-color:#2196F3; width:50px; height:50px; border-radius:100px; color:#fff; text-align:center; font-size:25px;}

.ficha-d{margin-bottom:15px;}
.sep-with-border {
    margin-bottom: 15px;
    padding-top: 15px;
    clear: both;
    border-bottom: 1px solid #d4d4d4;
}
.titulosSecciones{clear:both;padding:5px;background:#e8e8e8;margin-bottom:20px;border-radius:5px;}

.tab-pane {margin-bottom:25px;}

.tabs-serv li {
    background-color:#3c8dbc; border-radius:5px; margin:7px; margin-bottom:7px !IMPORTANT; 
}
.tabs-serv li.active {
    background-color:#fff; color:#3c8dbc;
}
.tabs-serv li a {
    padding-top:5px; padding-bottom:5px; color:#fff;
}
.tabs-serv li a:link {
    padding-top:5px; padding-bottom:5px; color:#fff ;
}
.tabs-serv li a:visited {
    padding-top:5px; padding-bottom:5px; color:#fff ;
}
.select2-container .select2-selection--single {
	height:35px !IMPORTANT;
}
.content-servicios {
	padding:10px;
}
.cont-serv {
	margin-top:20px;
}
.det-campos {
	padding:6px 12px !important; border:1px solid #d9d9d9; background:#fff; clear:both;
}


.tooltipcss {
    position: relative;
    display: inline-block;
//
    border-bottom: 1px dotted black;
    /*cursor:help*/
}

.tooltipcss .tooltiptextcss {
    visibility: hidden;
    /*width: 120px;*/
    background-color: #0f85ff;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    font-size: 12px !important;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
	padding: 6px 15px 6px 15px;
	left:20%;
	top: -111px;
	min-width: 140px;
}

.tooltipcss:hover .tooltiptextcss {
    visibility: visible;
}
.PageInc{font-size:16px;font-weight:bold;color:#fff;background-color:#ff0000;padding:5px;}

    /* Botones de documentos */
.btnfile1{margin-right:10px;margin-top:5px;}
.btnfile2{padding:0px 10px !IMPORTANT; height:51px !IMPORTANT; }
.btnfile3{font-size:35px;float:left;}
.btnfile4{float:left;margin: 5px 0; text-align:left;}
.btnfile5{color:#7c7c7c;}
.btnfile6{padding:0 10px; height:51px;}

@media (max-width: 767px) {
.c-main{margin-right: -6px !IMPORTANT;margin-left: -6px !IMPORTANT;}
}	
.cont-detalle{background:#fff;padding:15px; padding-bottom:100px;width:570px;height:2500px;border:1px solid #c0c0c0;border-radius:25px 25px 0 0;}
@media (max-width: 767px) {
.cont-detalle{width:100% !IMPORTANT;}
}	
/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

.c-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
}

.c-scroll::-webkit-scrollbar:vertical {
    width:10px;
}

.c-scroll::-webkit-scrollbar-button:increment,.c-scroll::-webkit-scrollbar-button {
    capa-infolat: none;
} 

.c-scroll::-webkit-scrollbar:horizontal {
    height: 10px;
}

.c-scroll::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.c-scroll::-webkit-scrollbar-track {
    border-radius: 10px;  
}

/* VISTA PREVIA DOCS */
.cont-main-docs{width:450px !IMPORTANT;min-height:1000px;}
@media (max-width: 767px) {
.cont-main-docs{width:100% !IMPORTANT;min-height:1500px;}
.almacenamiento{margin-bottom:20px;}
.content-header{padding: 60px 15px 0 15px !iMPORTANT;}
}