/*
 * Amarillo: P 123 M = #EDC221
 * 50% Amarillo #F6E3A5
 * 40% Amarillo #F8E8B8
 * Verde: P 329 M = #00675F
 * 20% Verde: #D2DCDB
 * 40% Verde: #A5B8B6
 * Azul: P 540 M = #03375F
 * 70% Azul: #4A5F8B
 * 50% Azul: #7584AA
 * 20% Azul: P 540 M = #C4CBDD
 */

/* ----------------------------
General settings 
---------------------------- */
:root {
	font-family:Economica, "Helvetica Neue", Helvetica, sans-serif;
	background-color:#333; /*#E3E7F0;*/ 
/*	background-color:#C8C9D4; */
	--color: #5d5d5d!important;
	--softColor: #848484!important;

    --btnColor: #fff;
    --btnBgColor: #1b65a4;
    --hoverBgColor: #58ACFA;

	--darkBgColor:#052345; /*#003362;*/
    --softBgColor: #3D6385 ;
    --selectedBgColor: #1b65a4 ;

}
body {
	width:100%;
/*	padding:0 0.4em 0 0.4em;
/*	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;*/
	color: #5d5d5d!important;
}	
a:link,	a:visited, a:hover, a:focus, a:active {
	color: #5d5d5d!important;
}
.treeList ul li p:hover{
	background:#E3E7F0;
}
/* ----------------------------
General classes
---------------------------- */
.widelocate .locate{
	margin:-1em 0 1em 0;
	width:40em;
/*	width:100%;*/
	height:1.5em;
	z-index:89;
}
.widelocate .locatefield{
	width:50em; 
}
/*
.locateButton{
	float:right;
	top:0.16em;
	width:1.25em;
	height:1.25em;
	:url(img/lupa.png) center center no-repeat;
}
*/
.main{
	margin:7em auto 0;
	padding-bottom:2em;
}
.hguide {
	top:auto;
}
.btn180x100 {
	display:table;
	background:url("../img/boton180x100.png") center center no-repeat;
	height:6.25em;
	width:100%;
	border:none;
}
.btn180x100:hover {
	background:url("../img/boton180x100f.png");
	border:none;
	cursor:pointer;
	
/*	background:url("../img/boton160x60f.png") center center no-repeat;*/
}
.btn180x100 h6{
	display:table-cell;
	height:100%;
	padding:0 2em;
	vertical-align:middle;
}
.btn180x100 h6:hover{
	cursor:pointer;
}
.widebtn {
	display:table;
	height:2em;
	width:94%;
	margin:0 3% 3%;
	border:solid 1px #ccc;
	border-radius:0.5em;
/*	olor: #5d5d5d!important;*/
}
.widebtn:hover, .widebtn.selected{
	background:#4A5F8B;
	color:#fff;
	cursor:pointer;
}
.widebtn h6{
	display:table-cell;
	height:100%;
	padding:0 1em;
	vertical-align:middle;
}
.widebtn h6:hover{
	cursor:pointer;
}


.backBtn{
	width:2em;
	height:1.25em;
	background:url("../img/backarrow.png") center center no-repeat;
	
}
/* ----------------------------
Header & menu
---------------------------- */
	
#header {
	position:fixed;
	background:#555;
	height:3em; /*9.4em;*/
	margin:1.4em 0;
	padding:0 1em 0 20em;
	z-index:19;
}
#logo {
	position:fixed;
/*
	margin:0 50%;
	left:-30em;
	width:12.5em;
*/
	left:2em;
	top:0.6em;
	height:6.47em;
	width:10.69em;
	background:url("../img/urvasa.png") left top no-repeat;
	background-size: 100% 100%;
	cursor:pointer;
	z-index:99;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#logo:hover {
	height:6.81em;
	width:11.25em;
	background-size: 100% 100%;
}
.infobar {
	width:100%;
	margin:0 auto;
	color: #E3E7F0; 
	text-shadow:0px 0px 1px;
	background:#333; /*#003362; */
}
#infobar {
	position:fixed;
	top:0;
	margin:0 auto;
	width:100%;
	color:#E3E7F0;
	font-size:0.7em;
	height:2em;
	line-height:2em;
	vertical-align:middle;
	padding:0; /* 1em 0 20em;*/
	z-index:98;
}
	#infobar *{
		float:left;
		display:inline;
		margin-left:1em;
	height:inherit;
	line-height:inherit;
	}
	#infobar #popMsg{
		position:inherit;
		top:inherit;
		float:none;
		width:inherit;
		margin:inherit;
		text-align:center;
		color:#03375F;
		font-size:1.3em;
		text-shadow:none;
	}
/*#infobar img{
	float:right;
	display:inline;
	padding:0.2em 0.5em 0;
	border-left:solid 1px #82819C;
}
#infobar img:hover{
	background:#82819C;
}
*/
#infobar li {
	border:none;
	line-height:2em;
	vertical-align:middle;
/*	border-left:solid 1px #82819C;*/
	}
#infobar li img{
	margin:0.2em 0.2em -0.5em;
}
	#infobar li:hover{
		background:#82819C;
	}
	#infobar li a:hover, #infobar li a.selected{
		color:#333;
	}
	#infobar #infoDate{
		padding:0 0.5em;
		line-height:2em;
		vertical-align:middle;
		border-left:solid 1px #82819C;
	}
	#infobar li.dropdown span{
		display:none;
	}
			#infobar li.dropdown span p{
				float:none;
				font:normal normal 8pt/normal Verdana, Arial, Helvetica, sans-serif;
				border:none;
				line-height:auto;
				text-align:center;
				color:#E3E7F0;
			}
	#infobar li.dropdown:hover span{
		float:none;
		position:absolute;
		background:#003362;
		border-top:solid 1px #82819C;
		border-bottom-left-radius:0.5em;
		border-bottom-right-radius:0.5em;
    	PADDING: 0.5em 1em;
		DISPLAY: block;
		text-indent:0;
		text-shadow:none;
		line-height:1.25em;
		text-align:center;
	    Z-INDEX: 100;
	    MARGIN:0 0 0 -0.5em;
/*			    WIDTH: 350px;*/
	    TEXT-DECORATION: none;
/*		color:#E3E7F0;*/
	}
			#infobar li.dropdown span:hover {
				display:none;
			}		
			
	#infobar .hint span, #infobar .lhint span{
		font-size:1em;
		color:#003362;
		text-shadow:none;
	}

/*
	#infobar #help span, #infobar #help:hover span{
		position:absolute;
		background:#777;
		display:none;
		margin:1em 0em 0.5em -14em;
		width:12em;
		font-size:0.8em;
		text-align:center;
		padding:1em;
		border-radius:1em;
		border-top-right-radius:0;
		opacity:0.75;
		filter: alpha(opacity=75);
	}
	#infobar #help:hover span{
		display:block;
	}
	#infobar #help span:before{
		content:"";
		position: absolute;
		right: 0;
		top: -1em;
		width: 0;
		height: 0;
		border-left: 1em solid transparent;
		border-bottom: 1em solid #777;
	}
*/	
#footer {
	position:fixed;
	bottom:0;
	left:0; 
	font-size:0.75em;
/*	color:#E3E7F0;*/
	z-index:99;
	-webkit-transform: rotate(0deg); 
	-webkit-transform-origin:0% 0%;	
	-moz-transform: rotate(0deg);
	-moz-transform-origin:0% 0%;	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	width:100%;
	height:1.5em;
	padding:0.15em 0.5em;
/*	background:#003362;*/
	opacity:0.75;
	filter: alpha(opacity=75);
}
	#footer a, #footer a:link, #footer a:visited, #footer a:hover {
	cursor:pointer;
	color:#5d5d5d!important;
}
#footlogo {
	position:fixed;
	right:0.25em;
	bottom:0.10em;
	z-index:99;
	opacity:0;
	filter: alpha(opacity=0);
}
#footlogo:hover {
	opacity:0.50;
	filter: alpha(opacity=50);
}
#processDataInfo {
	position:absolute;
	top:0;
	right:50%;
	width:22em;
	margin:0.6em -35.3em 0 auto;
	padding:0.5em 0.5em 0.5em 0;
/*	color:#E3E7F0;
/*	padding-bottom:0.1em;*/
	background:none;
	color:#5d5d5d!important;
	border:solid 1px #1b65a4;
	z-index:89;
}
#processDataInfo input{
/*	background:#003362;*/
	height:1.5em;
	margin:0;
	border:none;
	border-bottom:solid 1px #1b65a4;
	color:#5d5d5d!important;
	text-shadow:0px 0px 1px;
}
#processDataInfo .label{
/*	background:#003362;*/
	color:#848484!important;
/*	text-shadow:0px 0px 1px;*/
	padding-top:0.10em;
}
	#processDataInfo .lhint span{
		font-size:1em;
		color:#003362;
		text-shadow:none;
	}
#processDataInfo .submit{
	float:right;
	margin:0 0 0 0.5em;
	padding:0;
	width:4em;
	height:1.5em;
	text-align:center;
/*	background:#636E93;*/
/*	background:#C7C9D3 url(img/close.png) center center no-repeat;*/
	color: #fff;
	background: #1b65a4;
	border:none;

	cursor:pointer;
}

.navbar {
	position:absolute;
	height:3em;
}
.navbar li{
/*	margin:0 0.13em;*/
	float:left;
	line-height:3em;
	padding:0 0.56em;
/*	padding:0.8em 0.56em 0.8em 0.56em;
/*	color:#5d5d5d!important;/*#777;*/
}
.navbar li{
	color:#C4CBDD;/*#777;*/
}
.navbar li:hover{
	background:#25764F;
	color:#fff;
	text-shadow:0px 0px 1px;
}
.navbar li.selected{
	background:#25764F;
	color:#fff;
	text-shadow:0px 0px 1px;
}

.navbar li:hover p, .navbar li.selected p{
	text-shadow:none;
}
	.navbar .hint span{
		font-size:1em;
		color:#03375F;
		text-shadow:none;
	}
#navbar2 {
	top:4.35em;
	border-bottom:none;
}

.btnbar{
	top:6.3em;
	left:13.13em;
}

.dbbar{
	font-size:125%;
/*	margin:-2.25em 0 auto 0.3em;*/
	margin:0 0 0.5em 0.3em;
	border:none;
	border-left:solid #C7C9D3 1px;
	border-radius:0;
	background:transparent;	
}
.dbbar li {
	width:auto;
	margin:0;
	padding:0.1em 0.25em;
	border:solid #C7C9D3 1px;
	border-left:none;
}
.dbbar li:hover {
	background:#58ACFA;
}
.dbbar li img{
	float:left;
	width:1.1em;
}
.dbbar li p{
	float:left;
	font-size:0.7em;
/*	margin-top:0.15em;*/
	margin:0.15em 0.2em auto 0.2em;
}


/* ----------------------------
User access form
---------------------------- */
#loginForm {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#333;
	opacity:0.90;
	filter: alpha(opacity=90);
	z-index:99;
	display:none;
}
#usraccess{
	position:absolute;
	left:50%;
	top:50%;	
	margin:-3.5em 0 0 -7.5em;
	width:15em;
	height:7em;
	background:#003362;
	border-radius:0.6em;
	border:solid 1px #7584AA;
/*	border:outset 2px #AAA;*/
	color:#E4E7F1;
}
	#usraccess input[type="text"],
	#usraccess input[type="password"] {
		width:11.5em;
		color:#E4E7F1;
	}
	#usraccess input[type="button"] {
		background:#7584AA;
		color:#E4E7F1;
	}
/* ----------------------------
Left frames
---------------------------- */
.leftframe{
/*	background:#FBF0C0;*/
/*	border-radius:8px;*/
/*	border-right:1pt solid #ccc;
	float:left;*/	
}
.leftframe, .rightframe {
	float:left;
	padding-top:1.7em;
	width:12.5em;
}

.rightframe:after{clear:both;}		
.leftframe.noborder{
	border:none;
}	
		
.leftframe .leftlink#news{
	height:auto;
}
.leftframe .leftlink#certs{
	position:absolute;
	height:auto;
	bottom:0;
	text-align:center;
}

.leftframe .leftlist#edClientesList,
.leftframe .leftlist#edObrasList{
	height:35%;
}

.centerframe {
/*	margin:1.7em auto 2em;*/
	padding-bottom:2em;
	float:left;	
}
.datablock.edClienteBlock {
		height:40%;
}
.datablock.edObraBlock {
		top:40%;
		height:40%;
}
/*
#home {
	position:absolute;
	top:4.4em;	
	width:100%;
}
#home #presentation {
	height: 26em;
	width:100%;
}
#home #news {
	color:#D2DCDB;
	font-size:0.8em;
	height:2em;
	background:#00675F;
}
#home #news p{
	position:absolute;
	left:50%;
	margin-left:-36em;
	font-size:1em;
	line-height:2em;
	vertical-align:middle;
}
#home #highlights {
	height:12em;
	width:100%;
}
#home #followUs {
	position:absolute;
	text-align:right;
	left:50%;
	width:74em;
	margin:13em auto auto -37.5em;
	color:#00675F;
	font-size:0.8em;
	height:1.6em;
}
#home #followUs p{
	font-size:1em;
	line-height:1.6em;
	vertical-align:middle;
	float:right;
}
#home #followUs img{
	height: 1.6em;
	margin-left:0.25em;
	float:right;
}
#home #bottom {
	height:12em;
	width:100%;
	background:#D2DCDB;
}
#home #certDNV {
	float:left;
	margin:1em auto auto 12em;
	width:100px;
	height:89px;
	background:url("../img/cert_dnv.png") left top no-repeat;
}
#home #ubicacion {
	float:right;
	margin:1em 12em auto auto;
	height:10em;
	width:15em;
	background:url(../img/ubicacion.png) no-repeat;
}
#home #ubicacion img{
	top:0;
	left:0;
	height:auto;
	width:auto;
	margin:85px auto auto 25px;
}
#home #latlong {
	margin:1.5em auto auto auto;
	font-size:1em;
	text-shadow:0px 0px 1px;
	text-align:center;
}
*/

.link {text-align:center;}
.link img{width:10em;}

#usr #dataform #imgfile{
	float:right;
	width:10.5em;
	height:14em;
}

#info .centerframe{
	margin-left:0.5em;
	width:46em;
}
#info .centerframe #data{
	font-size:0.875em;
	padding-bottom:3em;
}
#info .centerframe #data p{
	font-size:1em;
}
#info .centerframe #data ul{
	list-style-type:circle;
	margin-left:1.5em;
}
#info .centerframe #data ul li{
	margin-bottom:0.25em;
}
.wideListItem{
	font-size:0.75em;
	border:solid #C8C9D4 0.063em; /* transparent;*/
	border-radius:0.25em;
	color:#003362;
	text-align:center;
	padding:0.5em;
/*	background-color:#C8C9D4;*/
	margin-bottom:0.25em;
}
.wideListItem:hover, .wideListItem.selected{
	background-color:#F8E8B8;
}
#contact .label {
	width:12em;
}
#contact .textfield,
#contact .textareafield
{
	width:25em; /*21.5em;*/
}




/* ----------------------------
inorma form classes
---------------------------- */
#edObras .datablock {
		left:430px;
		width:530px;
}







/* ----------------------------
123g specific classes
---------------------------- */

#popupDataDiv{
	display:none;
	position:absolute;
	top:5%;
	left:50%;
	height:90%;
	margin-left:-28em;
	width:56em;
	background:#E3E7F0;
	z-index:90;
	border-radius:0.4em;
	border:solid 1px #636E93;
}
#popupDataDiv .divHeader{
	background:#636E93;
	margin-bottom:2em;
}
#popupDataDiv #popupData{
	margin:4em 2em 2em;
}
	
.table{	
	position:relative;
	margin-bottom:2em;
	font-size:125%;
}
.disableLayer{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:transparent; /* #aaa;*/
/*	opacity:0.50;
	filter: alpha(opacity=50);*/
}


.tr{
	background:none;
	color:#333; 
/*	background:#3D6385;*/
	border-left:solid #bbb 1px;
}
.tr:hover{
	background:#58ACFA;
}
.tr.selected{
	background:#1b65a4;
}
.tr.processed{
 	color:#777;
}
.tdH{
/*	border-right:solid #004379 1px;
	border-bottom:solid #636E93 1px;*/
	background:#4A5F8B;
	color:#D0D3E4;
}
.td, .tEdit .checkboxLabel{
	border-right-color:#bbb;
	border-bottom-color:#bbb;
}
/*.tEdit .checkboxLabel{
	border-left:solid #bbb 1px;}*/
.tEdit .td{
}
.tEdit input.td,
.tEdit textarea.td,
.tEdit div.td,
.tEdit .checkboxLabel,
.tEdit div.td span textarea
{
	background:none; 
/*	background:#3D6385;*/
}
.tEdit .newRow input,
.tEdit .newRow textarea,
.tEdit .newRow .checkboxLabel,
.tEdit .newRow select
{
	background:none; /*#C4CBDD;*/
	color:#004379;
/*	background:#CFD1DE;
*/
}
.tEdit input.td:hover,
.tEdit input.td:focus,
.tEdit textarea.td:hover,
.tEdit textarea.td:focus,
.tEdit div.td span textarea:hover,
.tEdit div.td span textarea:focus,
#newRow input:hover,
#newRow input:focus,
#newRow textarea:hover,
#newRow textarea:focus,
#newRow select:hover,
#newRow select:focus
{
    Z-INDEX: 50;
	background:#7584AA;
	color:#fff!important;;
}



/*.filefield*/
input[type="file"]
{
/*	margin-left:1em;*/
	height:100%;
	opacity:1;
	filter: alpha(opacity=100);
}		


/* ----------------------------
Status
---------------------------- */
#statusNavbar {
	position:static;
	top:0em;
	left:0;
	width:100%;
	height:3em;
	border-bottom:none;
	margin:-1.5em 0 1.5em 0;
}
#statusNavbar ul li{
	float:right;
	background: #1b65a4;
	margin:0.5em 0 0.5em 0.5em;
}
#statusNavbar ul li p{
	color: #fff;
}
#statusNavbar ul li:hover{
	background:#58ACFA;
}

.statusInfo_{
	width:80%;
	border:1px solid #58ACFA;
	padding:1em 2em;
	margin-bottom:2em;
}
.statusInfo{
	margin:2em auto;
}
.statusInfo h5{margin-bottom:0.5em;}
.statusInfo p{margin-bottom:0.5em;}
.statusInfo .statusLink:hover{ background:#58ACFA; cursor:pointer; padding:0.25em 0.5em 0.35em 0.5em; color:#fff}
.tip
{
	width:80%;
	background-color:#FFFFA1;
	padding:1em 2em;
}
.statusChart{
	display:block;
	margin:1em auto;
}
.blink {
  -webkit-animation: blink 1s steps(5, start) infinite;
  -moz-animation:    blink 1s steps(5, start) infinite;
  -o-animation:      blink 1s steps(5, start) infinite; 
  animation:         blink 1s steps(5, start) infinite;
}